(()=>{var e={8552:(e,t,a)=>{var l=a(852)(a(5639),"DataView");e.exports=l},1989:(e,t,a)=>{var l=a(1789),n=a(401),r=a(7667),s=a(1327),i=a(1866);function o(e){var t=-1,a=null==e?0:e.length;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}o.prototype.clear=l,o.prototype.delete=n,o.prototype.get=r,o.prototype.has=s,o.prototype.set=i,e.exports=o},8407:(e,t,a)=>{var l=a(7040),n=a(4125),r=a(2117),s=a(7518),i=a(4705);function o(e){var t=-1,a=null==e?0:e.length;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}o.prototype.clear=l,o.prototype.delete=n,o.prototype.get=r,o.prototype.has=s,o.prototype.set=i,e.exports=o},7071:(e,t,a)=>{var l=a(852)(a(5639),"Map");e.exports=l},3369:(e,t,a)=>{var l=a(4785),n=a(1285),r=a(6e3),s=a(9916),i=a(5265);function o(e){var t=-1,a=null==e?0:e.length;for(this.clear();++t<a;){var l=e[t];this.set(l[0],l[1])}}o.prototype.clear=l,o.prototype.delete=n,o.prototype.get=r,o.prototype.has=s,o.prototype.set=i,e.exports=o},3818:(e,t,a)=>{var l=a(852)(a(5639),"Promise");e.exports=l},8525:(e,t,a)=>{var l=a(852)(a(5639),"Set");e.exports=l},8668:(e,t,a)=>{var l=a(3369),n=a(619),r=a(2385);function s(e){var t=-1,a=null==e?0:e.length;for(this.__data__=new l;++t<a;)this.add(e[t])}s.prototype.add=s.prototype.push=n,s.prototype.has=r,e.exports=s},6384:(e,t,a)=>{var l=a(8407),n=a(7465),r=a(3779),s=a(7599),i=a(4758),o=a(4309);function c(e){var t=this.__data__=new l(e);this.size=t.size}c.prototype.clear=n,c.prototype.delete=r,c.prototype.get=s,c.prototype.has=i,c.prototype.set=o,e.exports=c},2705:(e,t,a)=>{var l=a(5639).Symbol;e.exports=l},1149:(e,t,a)=>{var l=a(5639).Uint8Array;e.exports=l},577:(e,t,a)=>{var l=a(852)(a(5639),"WeakMap");e.exports=l},7412:e=>{e.exports=function(e,t){for(var a=-1,l=null==e?0:e.length;++a<l&&!1!==t(e[a],a,e););return e}},4963:e=>{e.exports=function(e,t){for(var a=-1,l=null==e?0:e.length,n=0,r=[];++a<l;){var s=e[a];t(s,a,e)&&(r[n++]=s)}return r}},4636:(e,t,a)=>{var l=a(2545),n=a(5694),r=a(1469),s=a(4144),i=a(5776),o=a(6719),c=Object.prototype.hasOwnProperty;e.exports=function(e,t){var a=r(e),p=!a&&n(e),g=!a&&!p&&s(e),m=!a&&!p&&!g&&o(e),d=a||p||g||m,u=d?l(e.length,String):[],b=u.length;for(var h in e)!t&&!c.call(e,h)||d&&("length"==h||g&&("offset"==h||"parent"==h)||m&&("buffer"==h||"byteLength"==h||"byteOffset"==h)||i(h,b))||u.push(h);return u}},2488:e=>{e.exports=function(e,t){for(var a=-1,l=t.length,n=e.length;++a<l;)e[n+a]=t[a];return e}},2908:e=>{e.exports=function(e,t){for(var a=-1,l=null==e?0:e.length;++a<l;)if(t(e[a],a,e))return!0;return!1}},4865:(e,t,a)=>{var l=a(9465),n=a(7813),r=Object.prototype.hasOwnProperty;e.exports=function(e,t,a){var s=e[t];r.call(e,t)&&n(s,a)&&(void 0!==a||t in e)||l(e,t,a)}},8470:(e,t,a)=>{var l=a(7813);e.exports=function(e,t){for(var a=e.length;a--;)if(l(e[a][0],t))return a;return-1}},4037:(e,t,a)=>{var l=a(8363),n=a(3674);e.exports=function(e,t){return e&&l(t,n(t),e)}},3886:(e,t,a)=>{var l=a(8363),n=a(1704);e.exports=function(e,t){return e&&l(t,n(t),e)}},9465:(e,t,a)=>{var l=a(8777);e.exports=function(e,t,a){"__proto__"==t&&l?l(e,t,{configurable:!0,enumerable:!0,value:a,writable:!0}):e[t]=a}},5990:(e,t,a)=>{var l=a(6384),n=a(7412),r=a(4865),s=a(4037),i=a(3886),o=a(4626),c=a(278),p=a(8805),g=a(1911),m=a(8234),d=a(6904),u=a(4160),b=a(3824),h=a(9148),_=a(8517),f=a(1469),v=a(4144),y=a(6688),E=a(3218),w=a(2928),x=a(3674),C=a(1704),k="[object Arguments]",N="[object Function]",S="[object Object]",B={};B[k]=B["[object Array]"]=B["[object ArrayBuffer]"]=B["[object DataView]"]=B["[object Boolean]"]=B["[object Date]"]=B["[object Float32Array]"]=B["[object Float64Array]"]=B["[object Int8Array]"]=B["[object Int16Array]"]=B["[object Int32Array]"]=B["[object Map]"]=B["[object Number]"]=B[S]=B["[object RegExp]"]=B["[object Set]"]=B["[object String]"]=B["[object Symbol]"]=B["[object Uint8Array]"]=B["[object Uint8ClampedArray]"]=B["[object Uint16Array]"]=B["[object Uint32Array]"]=!0,B["[object Error]"]=B[N]=B["[object WeakMap]"]=!1,e.exports=function e(t,a,T,A,j,I){var O,F=1&a,M=2&a,P=4&a;if(T&&(O=j?T(t,A,j,I):T(t)),void 0!==O)return O;if(!E(t))return t;var R=f(t);if(R){if(O=b(t),!F)return c(t,O)}else{var D=u(t),$=D==N||"[object GeneratorFunction]"==D;if(v(t))return o(t,F);if(D==S||D==k||$&&!j){if(O=M||$?{}:_(t),!F)return M?g(t,i(O,t)):p(t,s(O,t))}else{if(!B[D])return j?t:{};O=h(t,D,F)}}I||(I=new l);var z=I.get(t);if(z)return z;I.set(t,O),w(t)?t.forEach((function(l){O.add(e(l,a,T,l,t,I))})):y(t)&&t.forEach((function(l,n){O.set(n,e(l,a,T,n,t,I))}));var G=R?void 0:(P?M?d:m:M?C:x)(t);return n(G||t,(function(l,n){G&&(l=t[n=l]),r(O,n,e(l,a,T,n,t,I))})),O}},3118:(e,t,a)=>{var l=a(3218),n=Object.create,r=function(){function e(){}return function(t){if(!l(t))return{};if(n)return n(t);e.prototype=t;var a=new e;return e.prototype=void 0,a}}();e.exports=r},8866:(e,t,a)=>{var l=a(2488),n=a(1469);e.exports=function(e,t,a){var r=t(e);return n(e)?r:l(r,a(e))}},4239:(e,t,a)=>{var l=a(2705),n=a(9607),r=a(2333),s=l?l.toStringTag:void 0;e.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":s&&s in Object(e)?n(e):r(e)}},9454:(e,t,a)=>{var l=a(4239),n=a(7005);e.exports=function(e){return n(e)&&"[object Arguments]"==l(e)}},939:(e,t,a)=>{var l=a(2492),n=a(7005);e.exports=function e(t,a,r,s,i){return t===a||(null==t||null==a||!n(t)&&!n(a)?t!=t&&a!=a:l(t,a,r,s,e,i))}},2492:(e,t,a)=>{var l=a(6384),n=a(7114),r=a(8351),s=a(6096),i=a(4160),o=a(1469),c=a(4144),p=a(6719),g="[object Arguments]",m="[object Array]",d="[object Object]",u=Object.prototype.hasOwnProperty;e.exports=function(e,t,a,b,h,_){var f=o(e),v=o(t),y=f?m:i(e),E=v?m:i(t),w=(y=y==g?d:y)==d,x=(E=E==g?d:E)==d,C=y==E;if(C&&c(e)){if(!c(t))return!1;f=!0,w=!1}if(C&&!w)return _||(_=new l),f||p(e)?n(e,t,a,b,h,_):r(e,t,y,a,b,h,_);if(!(1&a)){var k=w&&u.call(e,"__wrapped__"),N=x&&u.call(t,"__wrapped__");if(k||N){var S=k?e.value():e,B=N?t.value():t;return _||(_=new l),h(S,B,a,b,_)}}return!!C&&(_||(_=new l),s(e,t,a,b,h,_))}},5588:(e,t,a)=>{var l=a(4160),n=a(7005);e.exports=function(e){return n(e)&&"[object Map]"==l(e)}},8458:(e,t,a)=>{var l=a(3560),n=a(5346),r=a(3218),s=a(346),i=/^\[object .+?Constructor\]$/,o=Function.prototype,c=Object.prototype,p=o.toString,g=c.hasOwnProperty,m=RegExp("^"+p.call(g).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");e.exports=function(e){return!(!r(e)||n(e))&&(l(e)?m:i).test(s(e))}},9221:(e,t,a)=>{var l=a(4160),n=a(7005);e.exports=function(e){return n(e)&&"[object Set]"==l(e)}},8749:(e,t,a)=>{var l=a(4239),n=a(1780),r=a(7005),s={};s["[object Float32Array]"]=s["[object Float64Array]"]=s["[object Int8Array]"]=s["[object Int16Array]"]=s["[object Int32Array]"]=s["[object Uint8Array]"]=s["[object Uint8ClampedArray]"]=s["[object Uint16Array]"]=s["[object Uint32Array]"]=!0,s["[object Arguments]"]=s["[object Array]"]=s["[object ArrayBuffer]"]=s["[object Boolean]"]=s["[object DataView]"]=s["[object Date]"]=s["[object Error]"]=s["[object Function]"]=s["[object Map]"]=s["[object Number]"]=s["[object Object]"]=s["[object RegExp]"]=s["[object Set]"]=s["[object String]"]=s["[object WeakMap]"]=!1,e.exports=function(e){return r(e)&&n(e.length)&&!!s[l(e)]}},280:(e,t,a)=>{var l=a(5726),n=a(6916),r=Object.prototype.hasOwnProperty;e.exports=function(e){if(!l(e))return n(e);var t=[];for(var a in Object(e))r.call(e,a)&&"constructor"!=a&&t.push(a);return t}},313:(e,t,a)=>{var l=a(3218),n=a(5726),r=a(3498),s=Object.prototype.hasOwnProperty;e.exports=function(e){if(!l(e))return r(e);var t=n(e),a=[];for(var i in e)("constructor"!=i||!t&&s.call(e,i))&&a.push(i);return a}},2545:e=>{e.exports=function(e,t){for(var a=-1,l=Array(e);++a<e;)l[a]=t(a);return l}},1717:e=>{e.exports=function(e){return function(t){return e(t)}}},4757:e=>{e.exports=function(e,t){return e.has(t)}},4318:(e,t,a)=>{var l=a(1149);e.exports=function(e){var t=new e.constructor(e.byteLength);return new l(t).set(new l(e)),t}},4626:(e,t,a)=>{e=a.nmd(e);var l=a(5639),n=t&&!t.nodeType&&t,r=n&&e&&!e.nodeType&&e,s=r&&r.exports===n?l.Buffer:void 0,i=s?s.allocUnsafe:void 0;e.exports=function(e,t){if(t)return e.slice();var a=e.length,l=i?i(a):new e.constructor(a);return e.copy(l),l}},7157:(e,t,a)=>{var l=a(4318);e.exports=function(e,t){var a=t?l(e.buffer):e.buffer;return new e.constructor(a,e.byteOffset,e.byteLength)}},3147:e=>{var t=/\w*$/;e.exports=function(e){var a=new e.constructor(e.source,t.exec(e));return a.lastIndex=e.lastIndex,a}},419:(e,t,a)=>{var l=a(2705),n=l?l.prototype:void 0,r=n?n.valueOf:void 0;e.exports=function(e){return r?Object(r.call(e)):{}}},7133:(e,t,a)=>{var l=a(4318);e.exports=function(e,t){var a=t?l(e.buffer):e.buffer;return new e.constructor(a,e.byteOffset,e.length)}},278:e=>{e.exports=function(e,t){var a=-1,l=e.length;for(t||(t=Array(l));++a<l;)t[a]=e[a];return t}},8363:(e,t,a)=>{var l=a(4865),n=a(9465);e.exports=function(e,t,a,r){var s=!a;a||(a={});for(var i=-1,o=t.length;++i<o;){var c=t[i],p=r?r(a[c],e[c],c,a,e):void 0;void 0===p&&(p=e[c]),s?n(a,c,p):l(a,c,p)}return a}},8805:(e,t,a)=>{var l=a(8363),n=a(9551);e.exports=function(e,t){return l(e,n(e),t)}},1911:(e,t,a)=>{var l=a(8363),n=a(1442);e.exports=function(e,t){return l(e,n(e),t)}},4429:(e,t,a)=>{var l=a(5639)["__core-js_shared__"];e.exports=l},8777:(e,t,a)=>{var l=a(852),n=function(){try{var e=l(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();e.exports=n},7114:(e,t,a)=>{var l=a(8668),n=a(2908),r=a(4757);e.exports=function(e,t,a,s,i,o){var c=1&a,p=e.length,g=t.length;if(p!=g&&!(c&&g>p))return!1;var m=o.get(e),d=o.get(t);if(m&&d)return m==t&&d==e;var u=-1,b=!0,h=2&a?new l:void 0;for(o.set(e,t),o.set(t,e);++u<p;){var _=e[u],f=t[u];if(s)var v=c?s(f,_,u,t,e,o):s(_,f,u,e,t,o);if(void 0!==v){if(v)continue;b=!1;break}if(h){if(!n(t,(function(e,t){if(!r(h,t)&&(_===e||i(_,e,a,s,o)))return h.push(t)}))){b=!1;break}}else if(_!==f&&!i(_,f,a,s,o)){b=!1;break}}return o.delete(e),o.delete(t),b}},8351:(e,t,a)=>{var l=a(2705),n=a(1149),r=a(7813),s=a(7114),i=a(8776),o=a(1814),c=l?l.prototype:void 0,p=c?c.valueOf:void 0;e.exports=function(e,t,a,l,c,g,m){switch(a){case"[object DataView]":if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=t.byteLength||!g(new n(e),new n(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return r(+e,+t);case"[object Error]":return e.name==t.name&&e.message==t.message;case"[object RegExp]":case"[object String]":return e==t+"";case"[object Map]":var d=i;case"[object Set]":var u=1&l;if(d||(d=o),e.size!=t.size&&!u)return!1;var b=m.get(e);if(b)return b==t;l|=2,m.set(e,t);var h=s(d(e),d(t),l,c,g,m);return m.delete(e),h;case"[object Symbol]":if(p)return p.call(e)==p.call(t)}return!1}},6096:(e,t,a)=>{var l=a(8234),n=Object.prototype.hasOwnProperty;e.exports=function(e,t,a,r,s,i){var o=1&a,c=l(e),p=c.length;if(p!=l(t).length&&!o)return!1;for(var g=p;g--;){var m=c[g];if(!(o?m in t:n.call(t,m)))return!1}var d=i.get(e),u=i.get(t);if(d&&u)return d==t&&u==e;var b=!0;i.set(e,t),i.set(t,e);for(var h=o;++g<p;){var _=e[m=c[g]],f=t[m];if(r)var v=o?r(f,_,m,t,e,i):r(_,f,m,e,t,i);if(!(void 0===v?_===f||s(_,f,a,r,i):v)){b=!1;break}h||(h="constructor"==m)}if(b&&!h){var y=e.constructor,E=t.constructor;y==E||!("constructor"in e)||!("constructor"in t)||"function"==typeof y&&y instanceof y&&"function"==typeof E&&E instanceof E||(b=!1)}return i.delete(e),i.delete(t),b}},1957:(e,t,a)=>{var l="object"==typeof a.g&&a.g&&a.g.Object===Object&&a.g;e.exports=l},8234:(e,t,a)=>{var l=a(8866),n=a(9551),r=a(3674);e.exports=function(e){return l(e,r,n)}},6904:(e,t,a)=>{var l=a(8866),n=a(1442),r=a(1704);e.exports=function(e){return l(e,r,n)}},5050:(e,t,a)=>{var l=a(7019);e.exports=function(e,t){var a=e.__data__;return l(t)?a["string"==typeof t?"string":"hash"]:a.map}},852:(e,t,a)=>{var l=a(8458),n=a(7801);e.exports=function(e,t){var a=n(e,t);return l(a)?a:void 0}},5924:(e,t,a)=>{var l=a(5569)(Object.getPrototypeOf,Object);e.exports=l},9607:(e,t,a)=>{var l=a(2705),n=Object.prototype,r=n.hasOwnProperty,s=n.toString,i=l?l.toStringTag:void 0;e.exports=function(e){var t=r.call(e,i),a=e[i];try{e[i]=void 0;var l=!0}catch(e){}var n=s.call(e);return l&&(t?e[i]=a:delete e[i]),n}},9551:(e,t,a)=>{var l=a(4963),n=a(479),r=Object.prototype.propertyIsEnumerable,s=Object.getOwnPropertySymbols,i=s?function(e){return null==e?[]:(e=Object(e),l(s(e),(function(t){return r.call(e,t)})))}:n;e.exports=i},1442:(e,t,a)=>{var l=a(2488),n=a(5924),r=a(9551),s=a(479),i=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)l(t,r(e)),e=n(e);return t}:s;e.exports=i},4160:(e,t,a)=>{var l=a(8552),n=a(7071),r=a(3818),s=a(8525),i=a(577),o=a(4239),c=a(346),p="[object Map]",g="[object Promise]",m="[object Set]",d="[object WeakMap]",u="[object DataView]",b=c(l),h=c(n),_=c(r),f=c(s),v=c(i),y=o;(l&&y(new l(new ArrayBuffer(1)))!=u||n&&y(new n)!=p||r&&y(r.resolve())!=g||s&&y(new s)!=m||i&&y(new i)!=d)&&(y=function(e){var t=o(e),a="[object Object]"==t?e.constructor:void 0,l=a?c(a):"";if(l)switch(l){case b:return u;case h:return p;case _:return g;case f:return m;case v:return d}return t}),e.exports=y},7801:e=>{e.exports=function(e,t){return null==e?void 0:e[t]}},1789:(e,t,a)=>{var l=a(4536);e.exports=function(){this.__data__=l?l(null):{},this.size=0}},401:e=>{e.exports=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}},7667:(e,t,a)=>{var l=a(4536),n=Object.prototype.hasOwnProperty;e.exports=function(e){var t=this.__data__;if(l){var a=t[e];return"__lodash_hash_undefined__"===a?void 0:a}return n.call(t,e)?t[e]:void 0}},1327:(e,t,a)=>{var l=a(4536),n=Object.prototype.hasOwnProperty;e.exports=function(e){var t=this.__data__;return l?void 0!==t[e]:n.call(t,e)}},1866:(e,t,a)=>{var l=a(4536);e.exports=function(e,t){var a=this.__data__;return this.size+=this.has(e)?0:1,a[e]=l&&void 0===t?"__lodash_hash_undefined__":t,this}},3824:e=>{var t=Object.prototype.hasOwnProperty;e.exports=function(e){var a=e.length,l=new e.constructor(a);return a&&"string"==typeof e[0]&&t.call(e,"index")&&(l.index=e.index,l.input=e.input),l}},9148:(e,t,a)=>{var l=a(4318),n=a(7157),r=a(3147),s=a(419),i=a(7133);e.exports=function(e,t,a){var o=e.constructor;switch(t){case"[object ArrayBuffer]":return l(e);case"[object Boolean]":case"[object Date]":return new o(+e);case"[object DataView]":return n(e,a);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return i(e,a);case"[object Map]":case"[object Set]":return new o;case"[object Number]":case"[object String]":return new o(e);case"[object RegExp]":return r(e);case"[object Symbol]":return s(e)}}},8517:(e,t,a)=>{var l=a(3118),n=a(5924),r=a(5726);e.exports=function(e){return"function"!=typeof e.constructor||r(e)?{}:l(n(e))}},5776:e=>{var t=/^(?:0|[1-9]\d*)$/;e.exports=function(e,a){var l=typeof e;return!!(a=null==a?9007199254740991:a)&&("number"==l||"symbol"!=l&&t.test(e))&&e>-1&&e%1==0&&e<a}},7019:e=>{e.exports=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}},5346:(e,t,a)=>{var l,n=a(4429),r=(l=/[^.]+$/.exec(n&&n.keys&&n.keys.IE_PROTO||""))?"Symbol(src)_1."+l:"";e.exports=function(e){return!!r&&r in e}},5726:e=>{var t=Object.prototype;e.exports=function(e){var a=e&&e.constructor;return e===("function"==typeof a&&a.prototype||t)}},7040:e=>{e.exports=function(){this.__data__=[],this.size=0}},4125:(e,t,a)=>{var l=a(8470),n=Array.prototype.splice;e.exports=function(e){var t=this.__data__,a=l(t,e);return!(a<0||(a==t.length-1?t.pop():n.call(t,a,1),--this.size,0))}},2117:(e,t,a)=>{var l=a(8470);e.exports=function(e){var t=this.__data__,a=l(t,e);return a<0?void 0:t[a][1]}},7518:(e,t,a)=>{var l=a(8470);e.exports=function(e){return l(this.__data__,e)>-1}},4705:(e,t,a)=>{var l=a(8470);e.exports=function(e,t){var a=this.__data__,n=l(a,e);return n<0?(++this.size,a.push([e,t])):a[n][1]=t,this}},4785:(e,t,a)=>{var l=a(1989),n=a(8407),r=a(7071);e.exports=function(){this.size=0,this.__data__={hash:new l,map:new(r||n),string:new l}}},1285:(e,t,a)=>{var l=a(5050);e.exports=function(e){var t=l(this,e).delete(e);return this.size-=t?1:0,t}},6e3:(e,t,a)=>{var l=a(5050);e.exports=function(e){return l(this,e).get(e)}},9916:(e,t,a)=>{var l=a(5050);e.exports=function(e){return l(this,e).has(e)}},5265:(e,t,a)=>{var l=a(5050);e.exports=function(e,t){var a=l(this,e),n=a.size;return a.set(e,t),this.size+=a.size==n?0:1,this}},8776:e=>{e.exports=function(e){var t=-1,a=Array(e.size);return e.forEach((function(e,l){a[++t]=[l,e]})),a}},4536:(e,t,a)=>{var l=a(852)(Object,"create");e.exports=l},6916:(e,t,a)=>{var l=a(5569)(Object.keys,Object);e.exports=l},3498:e=>{e.exports=function(e){var t=[];if(null!=e)for(var a in Object(e))t.push(a);return t}},1167:(e,t,a)=>{e=a.nmd(e);var l=a(1957),n=t&&!t.nodeType&&t,r=n&&e&&!e.nodeType&&e,s=r&&r.exports===n&&l.process,i=function(){try{return r&&r.require&&r.require("util").types||s&&s.binding&&s.binding("util")}catch(e){}}();e.exports=i},2333:e=>{var t=Object.prototype.toString;e.exports=function(e){return t.call(e)}},5569:e=>{e.exports=function(e,t){return function(a){return e(t(a))}}},5639:(e,t,a)=>{var l=a(1957),n="object"==typeof self&&self&&self.Object===Object&&self,r=l||n||Function("return this")();e.exports=r},619:e=>{e.exports=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this}},2385:e=>{e.exports=function(e){return this.__data__.has(e)}},1814:e=>{e.exports=function(e){var t=-1,a=Array(e.size);return e.forEach((function(e){a[++t]=e})),a}},7465:(e,t,a)=>{var l=a(8407);e.exports=function(){this.__data__=new l,this.size=0}},3779:e=>{e.exports=function(e){var t=this.__data__,a=t.delete(e);return this.size=t.size,a}},7599:e=>{e.exports=function(e){return this.__data__.get(e)}},4758:e=>{e.exports=function(e){return this.__data__.has(e)}},4309:(e,t,a)=>{var l=a(8407),n=a(7071),r=a(3369);e.exports=function(e,t){var a=this.__data__;if(a instanceof l){var s=a.__data__;if(!n||s.length<199)return s.push([e,t]),this.size=++a.size,this;a=this.__data__=new r(s)}return a.set(e,t),this.size=a.size,this}},346:e=>{var t=Function.prototype.toString;e.exports=function(e){if(null!=e){try{return t.call(e)}catch(e){}try{return e+""}catch(e){}}return""}},361:(e,t,a)=>{var l=a(5990);e.exports=function(e){return l(e,5)}},7813:e=>{e.exports=function(e,t){return e===t||e!=e&&t!=t}},5694:(e,t,a)=>{var l=a(9454),n=a(7005),r=Object.prototype,s=r.hasOwnProperty,i=r.propertyIsEnumerable,o=l(function(){return arguments}())?l:function(e){return n(e)&&s.call(e,"callee")&&!i.call(e,"callee")};e.exports=o},1469:e=>{var t=Array.isArray;e.exports=t},8612:(e,t,a)=>{var l=a(3560),n=a(1780);e.exports=function(e){return null!=e&&n(e.length)&&!l(e)}},4144:(e,t,a)=>{e=a.nmd(e);var l=a(5639),n=a(5062),r=t&&!t.nodeType&&t,s=r&&e&&!e.nodeType&&e,i=s&&s.exports===r?l.Buffer:void 0,o=(i?i.isBuffer:void 0)||n;e.exports=o},8446:(e,t,a)=>{var l=a(939);e.exports=function(e,t){return l(e,t)}},3560:(e,t,a)=>{var l=a(4239),n=a(3218);e.exports=function(e){if(!n(e))return!1;var t=l(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t}},1780:e=>{e.exports=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991}},6688:(e,t,a)=>{var l=a(5588),n=a(1717),r=a(1167),s=r&&r.isMap,i=s?n(s):l;e.exports=i},3218:e=>{e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},7005:e=>{e.exports=function(e){return null!=e&&"object"==typeof e}},2928:(e,t,a)=>{var l=a(9221),n=a(1717),r=a(1167),s=r&&r.isSet,i=s?n(s):l;e.exports=i},6719:(e,t,a)=>{var l=a(8749),n=a(1717),r=a(1167),s=r&&r.isTypedArray,i=s?n(s):l;e.exports=i},3674:(e,t,a)=>{var l=a(4636),n=a(280),r=a(8612);e.exports=function(e){return r(e)?l(e):n(e)}},1704:(e,t,a)=>{var l=a(4636),n=a(313),r=a(8612);e.exports=function(e){return r(e)?l(e,!0):n(e)}},479:e=>{e.exports=function(){return[]}},5062:e=>{e.exports=function(){return!1}}},t={};function a(l){var n=t[l];if(void 0!==n)return n.exports;var r=t[l]={id:l,loaded:!1,exports:{}};return e[l](r,r.exports,a),r.loaded=!0,r.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{"use strict";const e=window.wp.element;function t(){return t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},t.apply(this,arguments)}const l=window.wp.blockEditor,n=window.wp.data,r=window.wp.components,{gspb_spacing_cssGen:s,aos_animation_cssGen:i,gspb_position_cssGen:o,gspb_csstransform_cssGen:c,gspb_responsive_cssGen:p,gspb_Css_Final:g}=gspblib.utilities,{gspb_cssGen:m}=gspblib.helpers,{AnimationRenderProps:d}=gspblib.collections,u=a=>{const{attributes:{id:l,inlineCssStyles:n,spacing:r,animation:u,responsive:b,position:h,csstransform:_,align:f,width:v,height:y,imagewidth:E,imagewidthUnit:w,widthUnit:x,heightUnit:C,originalWidth:k,originalHeight:N,filltype:S,fillone:B,filltwo:T,offsetone:A,offsettwo:j,gradientRotate:I,stroke:O,strokewidth:F,imageurl:M,image_y:P,image_x:R,tensionPoints:D,minRadius:$,maxRadius:z,minDuration:G,maxDuration:L,numPoints:U},className:H,clientId:W}=a;let V,q=`gspb_blob-id-${l}`,Y=`#${q}`,X=`gspb_blob ${q} ${H}`;V=m(Y,["text-align"],[[[f[0]?f[0]:null],[f[1]?f[1]:null],[f[2]?f[2]:null],[f[3]?f[3]:null]]],V),V=s(r,Y,V),V=i(u,Y,V),V=p(b,Y,V),V=o(h,"body.gspb-bodyfront "+Y,V),V=c(_,Y,V,u),V=m(Y+" svg",["width"],[[[v[0]?v[0]+x[0]:null],[v[1]?v[1]+x[1]:null],[v[2]?v[2]+x[2]:null],[v[3]?v[3]+x[3]:null]]],V,!1),V=m(Y+" svg",["height"],[[[y[0]?y[0]+C[0]:null],[y[1]?y[1]+C[1]:null],[y[2]?y[2]+C[2]:null],[y[3]?y[3]+C[3]:null]]],V,!1),V+=`${Y} svg{max-width:100%}`;let J={};J=d(u),g(l,V,a);let Z=V;Z=o(h,"#block-"+W,Z);let K="";if(N&&k){let e=N/k;K=Math.round(E*e)}let Q=`url(#fill-${l})`;return"color"!=S||T||(Q=B),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",t({id:q,className:X,"data-resize":K,"data-numpoints":U,"data-minradius":$,"data-maxradius":$+z,"data-minduration":G,"data-maxduration":G+L,"data-tensionpoints":D,"data-id":l},J),(0,e.createElement)("svg",{class:"gs-svg-blob",version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 600 600",preserveAspectRatio:"xMidYMid meet",fill:Q,strokeWidth:F,stroke:O},(0,e.createElement)("path",{id:`blobpath-${l}`}),(0,e.createElement)("defs",null,T&&"color"==S&&(0,e.createElement)("linearGradient",{id:`fill-${l}`,gradientTransform:`rotate(${I||0})`},(0,e.createElement)("stop",{stopColor:B||"#7d8dff",offset:A?A+"%":"0%"}),(0,e.createElement)("stop",{stopColor:T,offset:j?j+"%":"100%"})),M&&K&&"image"==S&&(0,e.createElement)("pattern",{id:`fill-${l}`,patternUnits:"userSpaceOnUse",patternContentUnits:"userSpaceOnUse",width:`${E}${w}`,height:`${K}${w}`,x:`${R}px`,y:`${P}px`},(0,e.createElement)("image",{id:`imgpattern-${l}`,href:M,width:`${E}${w}`,height:`${K}${w}`}))))),a.editor?(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:Z}}):null)},{collectionsObjects:b}=gspblib.helpers,h={id:{type:"string",default:null},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},align:{type:"array",default:[null,null,null,null]},tensionPoints:{type:"number",default:2},numPoints:{type:"number",default:5},minRadius:{type:"number",default:240},maxRadius:{type:"number",default:20},minDuration:{type:"number",default:3},maxDuration:{type:"number",default:1},widthUnit:{type:"array",default:["px","px","px","px"]},heightUnit:{type:"array",default:["px","px","px","px"]},width:{type:"array",default:[300,null,null,null]},height:{type:"array",default:[300,null,null,null]},imagewidth:{type:"number",default:500},imagewidthUnit:{type:"string",default:"px"},filltype:{type:"string",default:"color"},fillone:{type:"string"},filltwo:{type:"string"},offsetone:{type:"number",default:null},offsettwo:{type:"number",default:null},gradientRotate:{type:"number",default:null},stroke:{type:"string"},strokewidth:{type:"number",default:null},imageurl:{type:"string",default:""},imageid:{type:"number"},originalWidth:{type:"number"},originalHeight:{type:"number"},image_x:{type:"number",default:0},image_y:{type:"number",default:0},spacing:{type:"object",default:b.spacing},animation:{type:"object",default:b.animation},responsive:{type:"object",default:b.responsive},position:{type:"object",default:b.position},csstransform:{type:"object",default:b.csstransform}},{__}=wp.i18n,{BlockToolBar:f}=gspblib.components,{gspb_setBlockId:v}=gspblib.utilities,{AnimationWrapper:y}=gspblib.collections,{Spacing:E,Responsive:w,CssTransform:x,Position:C,Animation:k,ProChecker:N}=gspblib.collections,{gspb_getDeviceStateIndex:S}=gspblib.utilities,{InspectorTabs:B,InspectorTab:T,Devices:A,BlpgeColorPicker:j,RadioAdvanced:I,CssUnits:O}=gspblib.components,{ExtraToolBar:F}=gspblib.editor,M=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},(0,e.createElement)("path",{fill:"#2184f9",d:"M472.29 195.89l-67.06-22.95c-19.28-6.6-33.54-20.92-38.14-38.3L351.1 74.19c-11.58-43.77-76.57-57.13-109.98-22.62l-46.14 47.67c-13.26 13.71-33.54 20.93-54.2 19.31l-71.88-5.62c-52.05-4.07-86.93 44.88-59.03 82.83l38.54 52.42c11.08 15.07 12.82 33.86 4.64 50.24L24.62 355.4c-20.59 41.25 22.84 84.87 73.49 73.81l69.96-15.28c20.11-4.39 41.45 0 57.07 11.73l54.32 40.83c39.32 29.56 101.04 7.57 104.45-37.22l4.7-61.86c1.35-17.79 12.8-33.86 30.63-42.99l62-31.74c44.88-22.96 39.59-80.17-8.95-96.79z"})),{__:P}=wp.i18n,{registerBlockType:R}=wp.blocks;R("greenshift-blocks/blob",{title:P("Animated Blob"),description:P("Blob maker with animation and mask"),icon:M,category:"Greenshiftpro",keywords:[P("blob"),P("greenshift")],supports:{reusable:!0,anchor:!0},example:{},attributes:h,edit:function(a){const{attributes:{align:s,width:i,height:o,imageid:c,tensionPoints:p,minRadius:g,maxRadius:m,minDuration:d,maxDuration:b,numPoints:_,originalWidth:M,originalHeight:P,widthUnit:R,heightUnit:D,filltype:$,fillone:z,filltwo:G,offsetone:L,offsettwo:U,gradientRotate:H,stroke:W,strokewidth:V,imageurl:q,image_y:Y,image_x:X,imagewidthUnit:J,imagewidth:Z},setAttributes:K}=a;(0,e.useEffect)((()=>{v(a)}),[]);const Q=S(),[ee,te]=(0,e.useState)(0),ae=(0,e.useRef)(),le=(0,n.useSelect)((e=>{const{getMedia:t}=e("core");return c?t(c):null}),[c]);if(le){let e="",t="";e=le.media_details.width,t=le.media_details.height,P==t&&M==e||K({originalHeight:t,originalWidth:e})}function ne(e,t){if(null==t&&(t=e,e=0),e>t){var a=e;e=t,t=a}return e+(t-e)*Math.random()}return(0,e.useEffect)((()=>{!function(e){let t=e.querySelector(".gspb_blob");var a=t.getAttribute("data-id"),l=parseInt(t.dataset.numpoints),n=parseInt(t.dataset.minradius),r=parseInt(t.dataset.maxradius),s=parseInt(t.dataset.minduration),i=parseInt(t.dataset.maxduration),o=parseInt(t.dataset.tensionpoints);!function(e){for(var t=[],a=e.element,l=2*Math.PI/e.numPoints,n=ne(2*Math.PI),r=gsap.timeline({onUpdate:function(){a.setAttribute("d",function(e,t,a){if(e.length<1)return"M0 0";null==a&&(a=1);for(var l=e.length-(t?0:1),n="M"+e[0].x+" "+e[0].y+" C",r=0;r<l;r++){var s,i,o,c;t?(s=e[(r-1+l)%l],i=e[r],o=e[(r+1)%l],c=e[(r+2)%l]):(s=0==r?e[0]:e[r-1],i=e[r],o=e[r+1],c=r==l-1?o:e[r+2]),n+=" "+(i.x+(o.x-s.x)/6*a)+" "+(i.y+(o.y-s.y)/6*a)+" "+(o.x-(c.x-i.x)/6*a)+" "+(o.y-(c.y-i.y)/6*a)+" "+o.x+" "+o.y}return t?n+"z":n}(t,!0,e.tensionPoints))}}),s=0;s<e.numPoints;s++){var i=n+s*l,o=ne(e.minDuration,e.maxDuration),c={x:e.centerX+Math.cos(i)*e.minRadius,y:e.centerY+Math.sin(i)*e.minRadius},p=gsap.to(c,{duration:o,x:e.centerX+Math.cos(i)*e.maxRadius,y:e.centerY+Math.sin(i)*e.maxRadius,repeat:-1,yoyo:!0,ease:Sine.easeInOut});r.add(p,-ne(o)),t.push(c)}e.tl=r,e.points=t}({element:e.querySelector("#blobpath-"+a),numPoints:l,centerX:300,centerY:300,minRadius:n,maxRadius:r,minDuration:s,maxDuration:i,tensionPoints:o})}(ae.current)}),[p,g,m,d,b,_]),(0,e.createElement)(e.Fragment,null,(0,e.createElement)(F,t({editOnly:!0,inner:!0,gray:!0},a)),(0,e.createElement)(l.InspectorControls,null,(0,e.createElement)("div",{className:"gspb_inspector"},(0,e.createElement)(B,{tabs:["general","advance"]},(0,e.createElement)(T,{key:"general"},(0,e.createElement)(r.PanelBody,{title:__("Blob"),initialOpen:!0},(0,e.createElement)(N,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)(r.RangeControl,{label:__("Tension points"),value:p,onChange:e=>{K({tensionPoints:e})},trackColor:"#2184f9",min:0,max:10,step:.1}),(0,e.createElement)(r.RangeControl,{label:__("Num Points"),value:_,onChange:e=>{K({numPoints:e})},trackColor:"#2184f9",min:3,max:100,step:1}),(0,e.createElement)(r.RangeControl,{label:__("Min Radius"),value:g,onChange:e=>{K({minRadius:e})},trackColor:"#2184f9",min:10,max:600,step:1}),(0,e.createElement)(r.RangeControl,{label:__("Max Radius"),help:__("Number from Min Radius"),value:m,onChange:e=>{K({maxRadius:e})},trackColor:"#2184f9",min:1,max:500,step:1}),(0,e.createElement)(r.RangeControl,{label:__("Min Duration"),value:d,onChange:e=>{K({minDuration:e})},trackColor:"#2184f9",min:.1,max:20,step:.1}),(0,e.createElement)(r.RangeControl,{label:__("Max Duration"),help:__("Number from Min Duration"),value:b,onChange:e=>{K({maxDuration:e})},trackColor:"#2184f9",min:.1,max:20,step:.1}),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},__("Width"),(0,e.createElement)(A,{className:"gspb_inspector_device-icons--small",onChange:()=>te(!ee)}))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(O,{units:["px","%"],attribute:null==R[Q]?"":R[Q],onChange:e=>{let t=R.slice();t[Q]=e,K({widthUnit:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=i.slice();e[Q]=null,K({width:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:null==i[Q]?"":i[Q],onChange:e=>{let t=i.slice();t[Q]=e,K({width:t})},trackColor:"#2184f9",min:"px"==R[Q]?10:1,max:"px"==R[Q]?1800:100})))),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},__("Height"),(0,e.createElement)(A,{className:"gspb_inspector_device-icons--small",onChange:()=>te(!ee)}))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(O,{units:["px","%"],attribute:null==D[Q]?"":D[Q],onChange:e=>{let t=D.slice();t[Q]=e,K({heightUnit:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=o.slice();e[Q]=null,K({height:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:null==o[Q]?"":o[Q],onChange:e=>{let t=o.slice();t[Q]=e,K({height:t})},trackColor:"#2184f9",min:"px"==D[Q]?10:1,max:"px"==D[Q]?1800:100})))),(0,e.createElement)(I,{value:s[Q],label:__("Align"),fluid:"",onChange:e=>{let t=s.slice();t[Q]=e,K({align:t})},options:[{icon:"dashicon dashicons dashicons-editor-alignleft",value:"left",title:__("Left")},{icon:"dashicon dashicons dashicons-editor-aligncenter",value:"center",title:__("Center")},{icon:"dashicon dashicons dashicons-editor-alignright",value:"right",title:__("Right")}]}),(0,e.createElement)(I,{label:__("Fill by"),fluid:"",value:$,onChange:e=>{K({filltype:e})},options:[{label:__("color"),value:"color",title:__("Color")},{label:__("image"),value:"image",title:__("Image")}]}),"color"==$&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{style:{marginTop:15,marginBottom:10}},__("Fill Color")),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col",style:{marginBottom:6}},(0,e.createElement)("div",{className:"gspb_row__col--6"},(0,e.createElement)(j,{color:z,onChange:e=>K({fillone:e.rgb?`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`:e})})),(0,e.createElement)("div",{className:"gspb_row__col--6",style:{textAlign:"right",justifyContent:"flex-end"}},(0,e.createElement)(j,{color:G,onChange:e=>K({filltwo:e.rgb?`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`:e})}))),G&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--5"},(0,e.createElement)(r.BaseControl,{help:__("Offset 1")},(0,e.createElement)(r.__experimentalNumberControl,{value:L,isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,onChange:e=>K({offsetone:parseInt(e)}),min:0,max:100,default:0}))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{textAlign:"right",justifyContent:"flex-end"}},(0,e.createElement)(r.BaseControl,{help:__("Offset 2")},(0,e.createElement)(r.__experimentalNumberControl,{value:U,isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,onChange:e=>{K({offsettwo:parseInt(e)})},min:0,max:100,default:100})))),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{label:__("Gradient rotate"),value:H,isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,onChange:e=>K({gradientRotate:e}),min:0,max:360})))),"image"==$&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb_inspector_options-set"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},__("Background Image")),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>K({imageurl:null})},(0,e.createElement)("i",{className:"rhicon rhi-undo"})),(0,e.createElement)("div",{style:{display:"block"}},(0,e.createElement)(l.MediaUpload,{onSelect:e=>{K({imageurl:e.sizes.full.url,imageid:e.id})},type:"image",render:t=>{let{open:a}=t;return(0,e.createElement)("button",{className:"gspb_inspector_btn gspb_inspector_btn--medium",onClick:a},__("Choose an image"),(0,e.createElement)("i",{className:"rhicon rhi-image-regular"}))}}),(0,e.createElement)("div",{className:"gspb_inspector_img_preview",style:{display:"block"}},(0,e.createElement)("img",{src:q||null})))),(0,e.createElement)("div",{style:{marginTop:15}}),(0,e.createElement)(r.RangeControl,{label:__("X offset"),value:X,onChange:e=>{K({image_x:e})},trackColor:"#2184f9",min:-1e3,max:1e3,step:1}),(0,e.createElement)(r.RangeControl,{label:__("Y offset"),value:Y,onChange:e=>{K({image_y:e})},trackColor:"#2184f9",min:-1e3,max:1e3,step:1}),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},__("Image max Width"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(O,{units:["px","%"],attribute:J,onChange:e=>{K({imagewidthUnit:e})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{K({imagewidth:null})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:Z,onChange:e=>{K({imagewidth:e})},trackColor:"#2184f9",min:"px"==J?10:1,max:"px"==J?1800:100}))))),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--6"},(0,e.createElement)("div",null,__("Stroke color"))),(0,e.createElement)("div",{className:"gspb_row__col--6",style:{textAlign:"right",justifyContent:"flex-end"}},(0,e.createElement)(j,{color:W,onChange:e=>K({stroke:e.rgb?`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`:e})}))),(0,e.createElement)("div",{style:{marginTop:8}}),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{label:__("Stroke Width"),value:V,isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,onChange:e=>K({strokewidth:parseInt(e)}),min:0,max:30}))),(0,e.createElement)(r.PanelBody,{title:__("Spacing"),initialOpen:!1},(0,e.createElement)(E,t({attributeName:"spacing",overflow:!1},a)))),(0,e.createElement)(T,{key:"advance"},(0,e.createElement)(r.PanelBody,{title:__("Animation"),initialOpen:!0},(0,e.createElement)(k,t({attributeName:"animation"},a))),(0,e.createElement)(r.PanelBody,{title:__("Css Transform"),initialOpen:!1},(0,e.createElement)(x,t({attributeName:"csstransform"},a))),(0,e.createElement)(r.PanelBody,{title:__("Position"),initialOpen:!1},(0,e.createElement)(C,t({attributeName:"position"},a))),(0,e.createElement)(r.PanelBody,{title:__("Responsive"),initialOpen:!1},(0,e.createElement)(w,t({attributeName:"responsive"},a))))))),(0,e.createElement)(f,a),(0,e.createElement)(y,{attributes:h,props:a},(0,e.createElement)("div",{ref:ae},(0,e.createElement)(u,t({editor:!0},a)))))},save:t=>(0,e.createElement)(u,t)});const D=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 122.88 109.78"},(0,e.createElement)("path",{fill:"#2184f9",d:"M28.94,13.7l.09-.09,5.65-5.67.15-.13c2.61-2.4,5.24-1.62,6.76,1.44a1.59,1.59,0,0,1,.16.54c1.25,10.35,2.1,20.29,3.34,30.64.25,3.42-2.08,4.84-5.24,4.47l-28.21-3c-4.92-.58-7.36-3.84-3.42-7.78,1.78-1.77,3.54-3.58,5.34-5.32l-13-13a2,2,0,0,1,0-2.8L13,.58a2,2,0,0,1,2.81,0L28.94,13.7Zm32.5,27.58A13.61,13.61,0,1,1,47.83,54.89,13.61,13.61,0,0,1,61.44,41.28Zm32.5,54.8-.09.09-5.66,5.67a.86.86,0,0,1-.14.13c-2.61,2.4-5.24,1.62-6.76-1.44a1.58,1.58,0,0,1-.16-.55C79.88,89.64,79,79.7,77.79,69.35c-.25-3.42,2.07-4.84,5.24-4.47l28.21,3c4.92.58,7.36,3.84,3.42,7.78-1.78,1.77-3.54,3.58-5.34,5.32l13,13a2,2,0,0,1,0,2.8l-12.42,12.43a2,2,0,0,1-2.81,0L93.94,96.08Zm-65,0,.09.09,5.65,5.67.15.13c2.61,2.4,5.24,1.62,6.76-1.44a1.58,1.58,0,0,0,.16-.55C43,89.64,43.85,79.7,45.09,69.35c.25-3.42-2.08-4.84-5.24-4.47l-28.21,3c-4.92.58-7.36,3.84-3.42,7.78C10,77.44,11.76,79.25,13.56,81L.58,94a2,2,0,0,0,0,2.8L13,109.21a2,2,0,0,0,2.81,0L28.94,96.08Zm65-82.38-.09-.09L88.19,7.94a.86.86,0,0,0-.14-.13c-2.61-2.4-5.24-1.62-6.76,1.44a1.59,1.59,0,0,0-.16.54C79.88,20.14,79,30.08,77.79,40.43c-.25,3.42,2.07,4.84,5.24,4.47l28.21-3c4.92-.58,7.36-3.84,3.42-7.78-1.78-1.77-3.54-3.58-5.34-5.32l13-13a2,2,0,0,0,0-2.8L109.88.58a2,2,0,0,0-2.81,0L93.94,13.7Z"})),{collectionsObjects:$}=gspblib.helpers,z={id:{type:"string",default:null},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},ease:{type:"string"},delay:{type:"number",default:null},duration:{type:"number",default:1},triggertype:{type:"string",default:"scroll"},customtrigger:{type:"string",default:null},customobject:{type:"string",default:null},triggerstart:{type:"string",default:null},triggerend:{type:"string",default:null},flipscale:{type:"boolean"},flipabsolute:{type:"boolean"},flipstyle:{type:"string",default:""},shadow:{type:"object",default:$.shadow},shadowActive:{type:"object",default:$.shadow},responsive:{type:"object",default:$.responsive},background:{type:"object",default:$.background},backgroundActive:{type:"object",default:$.background},spacing:{type:"object",default:$.spacing},spacingActive:{type:"object",default:$.spacing},position:{type:"object",default:$.position},positionInit:{type:"object",default:$.position},positionActive:{type:"object",default:$.position},border:{type:"object",default:$.border},borderActive:{type:"object",default:$.border},csstransform:{type:"object",default:$.csstransform},width:{type:"array",default:[null,null,null,null]},height:{type:"array",default:[null,null,null,null]},widthUnit:{type:"array",default:["px","px","px","px"]},heightUnit:{type:"array",default:["px","px","px","px"]},widthActive:{type:"array",default:[null,null,null,null]},heightActive:{type:"array",default:[null,null,null,null]},widthUnitActive:{type:"array",default:["px","px","px","px"]},heightUnitActive:{type:"array",default:["px","px","px","px"]}},{gspb_spacing_cssGen:G,gspb_responsive_cssGen:L,gspb_position_cssGen:U,gspb_csstransform_cssGen:H,gspb_background_cssGen:W,gspb_shadow_cssGen:V,gspb_border_cssGen:q,gspb_Css_Final:Y}=gspblib.utilities,{gspb_cssGen:X}=gspblib.helpers,J=t=>{const{attributes:{id:a,inlineCssStyles:l,responsive:n,position:r,csstransform:s,spacing:i,background:o,border:c,shadow:p,delay:g,duration:m,triggertype:d,customtrigger:u,customobject:b,triggerstart:h,triggerend:_,triggeraction:f,flipscale:v,flipabsolute:y,flipstyle:E,ease:w,height:x,width:C,widthUnit:k,heightUnit:N,widthActive:S,heightActive:B,widthUnitActive:T,heightUnitActive:A,spacingActive:j,positionInit:I,positionActive:O,backgroundActive:F,shadowActive:M,borderActive:P},children:R,clientId:D,className:$}=t;let z,J=`gspb_gsapflip-${a}`,Z="#"+J,K=Z+" .gs-flip-wrap",Q=K+".flipactive";b&&(K=b,Q=b+".flipactive"),z=X(K,["width","height"],[[[C[0]?C[0]+k[0]:null],[C[1]?C[1]+k[1]:null],[C[2]?C[2]+k[2]:null],[C[3]?C[3]+k[3]:null]],[[x[0]?x[0]+N[0]:null],[x[1]?x[1]+N[1]:null],[x[2]?x[2]+N[2]:null],[x[3]?x[3]+N[3]:null]]],z,!1),z=X(Q,["width","height"],[[[S[0]?S[0]+T[0]:null],[S[1]?S[1]+T[1]:null],[S[2]?S[2]+T[2]:null],[S[3]?S[3]+T[3]:null]],[[B[0]?B[0]+A[0]:null],[B[1]?B[1]+A[1]:null],[B[2]?B[2]+A[2]:null],[B[3]?B[3]+A[3]:null]]],z,!1),z=W(o,K,z),z=W(F,Q,z),z=L(n,Z,z),z=q(c,K,z),z=q(P,Q,z),z=U(r,"body.gspb-bodyfront "+Z,z),z=U(I,K,z),z=U(O,Q,z),z=H(s,Z,z,Z),z=G(i,K,z),z=G(j,Q,z),z=V(p,K,z),z=V(M,Q,z),Y(a,z,t);let ee=z;ee=U(r,"#block-"+D,ee);let te=E.replace(/{GREENSHIFT}/g,Z);return(0,e.createElement)("div",{id:J},(0,e.createElement)("div",{id:a,className:"gs-flip-wrap"+($?" "+$:""),"data-delay":g&&Number.isFinite(g)?g:null,"data-duration":m&&Number.isFinite(m)?m:null,"data-triggertype":d,"data-customtrigger":u||null,"data-customobject":b||null,"data-triggerstart":h||null,"data-triggerend":_||null,"data-triggeraction":f||null,"data-flipscale":v?"yes":null,"data-absolute":y?"yes":null,"data-ease":w||null},R),t.editor?(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:ee}}):null,E?(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:te}}):null)},{__:Z}=wp.i18n,K=t=>{const{attributes:{triggertype:a,customtrigger:l,customobject:n,triggerstart:s,triggerend:i},setAttributes:o}=t;return(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Z("Trigger type")),(0,e.createElement)(r.SelectControl,{value:a,options:[{label:Z("Scroll trigger"),value:"scroll"},{label:Z("On load"),value:"load"},{label:Z("On Hover"),value:"hover"},{label:Z("On Click"),value:"click"},{label:Z("Toggle Click"),value:"toggleclick"}],onChange:e=>o({triggertype:e}),help:(0,e.createElement)(Q,null)}),(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Z("Object where to add animation")),(0,e.createElement)(r.TextControl,{value:n,onChange:e=>o({customobject:e}),help:Z("By default, will be applied to current object but you can apply to custom object. Use .class to search globally or #id of element OR div.class, img, button to search selector inside current container")}),"load"!==a&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Z("Selector for custom trigger")),(0,e.createElement)(r.TextControl,{value:l,onChange:e=>o({customtrigger:e}),help:Z("By default, trigger will be block itself, but you can set custom trigger. Use .class to search globally or #id of element OR div.class, img, button to search selector inside current container")})),"load"!==a&&"hover"!==a&&"click"!==a&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Z("Trigger start")),(0,e.createElement)(r.TextControl,{value:s,onChange:e=>o({triggerstart:e}),help:Z("By default, trigger is set to top point of element, but you can change this. Example: top center")})),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Z("Trigger end")),(0,e.createElement)(r.TextControl,{value:i,onChange:e=>o({triggerend:e}),help:Z("By default, trigger scroll end is set to bottom point of element, but you can change this. Example: +=300 will set end of trigger as 300px after start")}))))},Q=()=>(0,e.createElement)(e.Fragment,null,"Check documentation for available values - ",(0,e.createElement)("a",{href:"https://greensock.com/docs/v3/Plugins/ScrollTrigger",target:"__blank"}," ScrollTrigger Docs ")),ee=[{label:"By Default",value:"power1-out"},{label:"Power 1 in",value:"power1-in"},{label:"Power 1 inOut",value:"power1-inOut"},{label:"Power 2 in",value:"power2-in"},{label:"Power 2 out",value:"power2-out"},{label:"Power 2 inOut",value:"power2-inOut"},{label:"Power 3 in",value:"power3-in"},{label:"Power 3 out",value:"power3-out"},{label:"Power 3 inOut",value:"power3-inOut"},{label:"Power 4 in",value:"power4-in"},{label:"Power 4 out",value:"power4-out"},{label:"Power 4 inOut",value:"power4-inOut"},{label:"Linear",value:"none"},{label:"Back in",value:"back-in"},{label:"Back out",value:"back-out"},{label:"Back inOut",value:"back-inOut"},{label:"elastic in",value:"elastic-in"},{label:"elastic out",value:"elastic-out"},{label:"elastic inOut",value:"elastic-inOut"},{label:"circ in",value:"circ-in"},{label:"circ out",value:"circ-out"},{label:"circ inOut",value:"circ-inOut"},{label:"expo in",value:"expo-in"},{label:"expo out",value:"expo-out"},{label:"expo inOut",value:"expo-inOut"},{label:"Custom",value:"custom"}],te=window.wp.i18n,{GsbpFormLabel:ae}=gspblib.components,le=t=>{const{attributes:{ease:a,delay:l,duration:n},setAttributes:s}=t;return(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>s({duration:parseFloat(e)}),label:(0,te.__)("Duration"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:.1,max:60,step:.1,value:n})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>s({delay:parseFloat(e)}),label:(0,te.__)("Delay"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:.1,max:20,step:.1,value:l})),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--8",style:{padding:0}},(0,e.createElement)(ae,{title:(0,te.__)("Ease type"),clearFun:()=>s({ease:null})})),(0,e.createElement)("div",{className:"gspb_row__col--4",style:{padding:0}},(0,e.createElement)(r.SelectControl,{value:a,options:ee,onChange:e=>s({ease:e})})))))},ne=t=>{const{attributes:{flipstyle:a,flipscale:l,flipabsolute:n,customobject:s,id:i},setAttributes:o}=t;return(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)("div",{style:{backgroundColor:"#f0f6ff",padding:10,fontSize:12,marginBottom:15}},(0,te.__)("This module allows to use Flip GSAP plugin and animate from current state to Active state by custom trigger")),(0,e.createElement)(r.TextareaControl,{label:(0,te.__)("Custom Css"),help:(0,te.__)("Add custom css styles for Flip state. You must set styles for .flipactive class. Use {GREENSHIFT} to limit styles by this block. Example: {GREENSHIFT} .flipactive{position:fixed; bottom:0}"),value:a,onChange:e=>{o({flipstyle:e})}}),(0,e.createElement)(r.ToggleControl,{label:(0,te.__)("Add auto scale"),checked:l,onChange:e=>{o({flipscale:e})}}),(0,e.createElement)(r.ToggleControl,{label:(0,te.__)("Add absolute position"),checked:n,onChange:e=>{o({flipabsolute:e})}}),(0,e.createElement)(r.Button,{style:{marginRight:10},isSecondary:!0,isSmall:!0,onClick:()=>{!function(e){const t=e.querySelector(".gs-flip-wrap");if(t){let a=ScrollTrigger.getById("gsflip"+i);a&&a.kill(),Flip.killFlipsOf(t),t.classList.remove("flipactive");let l="";s&&(l=0==s.indexOf("#")||0==s.indexOf(".")?e.ownerDocument.querySelector(s):t.querySelector(s),l.classList.remove("flipactive"))}}(t.animationref)}},(0,te.__)("Reset in Editor")),(0,e.createElement)(r.Button,{isSecondary:!0,isSmall:!0,onClick:()=>{!function(e){const t=e.querySelector(".gs-flip-wrap");if(t){let a=ScrollTrigger.getById("gsflip"+i);a&&a.kill(),Flip.killFlipsOf(t);let l=e.ownerDocument;if(l.body.classList.contains("gspb-bodyadmin"))GSFlipinit(t,!0,l,i,!0);else{t.classList.add("flipactive");let a="";s&&(a=0==s.indexOf("#")||0==s.indexOf(".")?e.ownerDocument.querySelector(s):t.querySelector(s),a.classList.add("flipactive"))}}}(t.animationref)}},(0,te.__)("Activate in Editor")))};var re=a(8446),se=a.n(re);const{__:ie}=wp.i18n,{InspectorControls:oe}=wp.blockEditor,{PanelBody:ce,RangeControl:pe}=wp.components,{Spacing:ge,Responsive:me,CssTransform:de,Position:ue,Shadow:be,Background:he,Border:_e,ProChecker:fe}=gspblib.collections,{InspectorTabs:ve,InspectorTab:ye,Devices:Ee,CssUnits:we}=gspblib.components,{gspb_getDeviceStateIndex:xe}=gspblib.utilities,Ce=a=>{const l=xe(),[n,r]=(0,e.useState)(0),{attributes:{height:s,width:i,widthUnit:o,heightUnit:c,widthActive:p,heightActive:g,widthUnitActive:m,heightUnitActive:d},setAttributes:u}=a;let b=!se()(z.csstransform.default,a.attributes.csstransform),h=!se()(z.position.default,a.attributes.position),_=!se()(z.responsive.default,a.attributes.responsive);return(0,e.createElement)(oe,null,(0,e.createElement)("div",{className:"gspb_inspector"},(0,e.createElement)(ve,{tabs:["general","advance"],activeAdvance:!!(b||h||_)},(0,e.createElement)(ye,{key:"general"},(0,e.createElement)(ce,{title:ie("Common options"),initialOpen:!0},(0,e.createElement)(fe,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)(ne,a)),(0,e.createElement)(ce,{title:ie("Animation options"),initialOpen:!0},(0,e.createElement)(le,a)),(0,e.createElement)(ce,{title:ie("Trigger option"),initialOpen:!0},(0,e.createElement)(K,a)),(0,e.createElement)(ce,{title:ie("Initial Size"),initialOpen:!1},(0,e.createElement)(Ee,{onChange:()=>r(!n)}),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},ie("Initial Width"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(we,{units:["px","%","vw"],attribute:null==o[l]?"":o[l],onChange:e=>{let t=o.slice();t[l]=e,u({widthUnit:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=i.slice();e[l]=null,u({width:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(pe,{value:null==i[l]?"":i[l],onChange:e=>{let t=i.slice();t[l]=e,u({width:t})},trackColor:"#2184f9",min:0,max:"px"==o[l]?2500:100}))),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},ie("Initial Height"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(we,{units:["px","%","vh"],attribute:null==c[l]?"":c[l],onChange:e=>{let t=c.slice();t[l]=e,u({heightUnit:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=s.slice();e[l]=null,u({height:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(pe,{value:null==s[l]?"":s[l],onChange:e=>{let t=s.slice();t[l]=e,u({height:t})},trackColor:"#2184f9",min:0,max:"px"==c[l]?2500:100}))))),(0,e.createElement)(ce,{title:ie("Active Size"),initialOpen:!1},(0,e.createElement)(Ee,{onChange:()=>r(!n)}),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},ie("Flip Active Width"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(we,{units:["px","%","vw"],attribute:null==m[l]?"":m[l],onChange:e=>{let t=m.slice();t[l]=e,u({widthUnitActive:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=i.slice();e[l]=null,u({widthActive:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(pe,{value:null==p[l]?"":p[l],onChange:e=>{let t=p.slice();t[l]=e,u({widthActive:t})},trackColor:"#2184f9",min:"px"==m[l]?100:1,max:"px"==m[l]?2500:100}))),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},ie("Flip Active Height"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(we,{units:["px","%","vh"],attribute:null==d[l]?"":d[l],onChange:e=>{let t=d.slice();t[l]=e,u({heightUnitActive:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=g.slice();e[l]=null,u({heightActive:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(pe,{value:null==g[l]?"":g[l],onChange:e=>{let t=g.slice();t[l]=e,u({heightActive:t})},trackColor:"#2184f9",min:"px"==d[l]?100:1,max:"px"==d[l]?2500:100}))))),(0,e.createElement)(ce,{title:ie("Initial Position"),initialOpen:!1,className:se()(z.positionInit.default,a.attributes.positionInit)?"":"gspb_panel_changed"},(0,e.createElement)(ue,t({attributeName:"positionInit"},a))),(0,e.createElement)(ce,{title:ie("Active Position"),initialOpen:!1,className:se()(z.positionActive.default,a.attributes.positionActive)?"":"gspb_panel_changed"},(0,e.createElement)(ue,t({attributeName:"positionActive"},a))),(0,e.createElement)(ce,{title:ie("Initial Spacing"),initialOpen:!1,className:se()(z.spacing.default,a.attributes.spacing)?"":"gspb_panel_changed"},(0,e.createElement)(ge,t({attributeName:"spacing",autoMargin:!1},a))),(0,e.createElement)(ce,{title:ie("Active Spacing"),initialOpen:!1,className:se()(z.spacingActive.default,a.attributes.spacingActive)?"":"gspb_panel_changed"},(0,e.createElement)(ge,t({attributeName:"spacingActive",autoMargin:!1},a))),(0,e.createElement)(ce,{title:ie("Initial Shadow","greenshiftgsap"),initialOpen:!1,className:se()(z.shadow.default,a.attributes.shadow)?"":"gspb_panel_changed"},(0,e.createElement)(be,t({attributeName:"shadow"},a,{predefined:!0}))),(0,e.createElement)(ce,{title:ie("Active Shadow","greenshiftgsap"),initialOpen:!1,className:se()(z.shadowActive.default,a.attributes.shadowActive)?"":"gspb_panel_changed"},(0,e.createElement)(be,t({attributeName:"shadowActive"},a,{predefined:!0}))),(0,e.createElement)(ce,{title:ie("Initial Background","greenshiftgsap"),initialOpen:!1,className:se()(z.background.default,a.attributes.background)?"":"gspb_panel_changed"},(0,e.createElement)(he,t({attributeName:"background",exclude:["video"]},a))),(0,e.createElement)(ce,{title:ie("Active Background","greenshiftgsap"),initialOpen:!1,className:se()(z.backgroundActive.default,a.attributes.backgroundActive)?"":"gspb_panel_changed"},(0,e.createElement)(he,t({attributeName:"backgroundActive",exclude:["video"]},a))),(0,e.createElement)(ce,{title:ie("Initial Border","greenshiftgsap"),initialOpen:!1,className:se()(z.border.default,a.attributes.border)?"":"gspb_panel_changed"},(0,e.createElement)(_e,t({attributeName:"border"},a))),(0,e.createElement)(ce,{title:ie("Active Border","greenshiftgsap"),initialOpen:!1,className:se()(z.borderActive.default,a.attributes.borderActive)?"":"gspb_panel_changed"},(0,e.createElement)(_e,t({attributeName:"borderActive"},a)))),(0,e.createElement)(ye,{key:"advance"},(0,e.createElement)(ce,{title:ie("Css Transform","greenshiftgsap"),initialOpen:!0,className:b?"gspb_panel_changed":""},(0,e.createElement)(de,t({attributeName:"csstransform"},a))),(0,e.createElement)(ce,{title:ie("Position","greenshiftgsap"),initialOpen:!1,className:h?"gspb_panel_changed":""},(0,e.createElement)(ue,t({attributeName:"position"},a))),(0,e.createElement)(ce,{title:ie("Responsive and Custom CSS","greenshift"),initialOpen:!1,className:_?"gspb_panel_changed":""},(0,e.createElement)(me,t({attributeName:"responsive"},a)))))))},{__:ke}=wp.i18n,{registerBlockType:Ne}=wp.blocks,{select:Se}=wp.data,{gspb_setBlockId:Be}=gspblib.utilities,{ExtraToolBar:Te}=gspblib.editor,{BlockToolBar:Ae}=gspblib.components;Ne("greenshift-blocks/flipstate",{title:ke("Flip state Animation"),description:ke("Adds Flip Animation"),category:"Greenshiftpro",keywords:[ke("container"),ke("animation"),ke("effects")],icon:D,supports:{reusable:!0,anchor:!0,align:["wide","full"]},attributes:z,edit(a){(0,e.useEffect)((()=>{Be(a)}),[]);const{attributes:{id:n,ease:r,delay:s,duration:i,triggertype:o,customtrigger:c,customobject:p,triggerstart:g,triggerend:m,triggeraction:d,flipscale:u,flipabsolute:b},clientId:h}=a;let f=Se("core/block-editor").getBlockOrder(h).length>0;const v=(0,e.useRef)(),y=(0,e.useRef)(!0),E=(0,e.useRef)(),w=(0,e.useCallback)(_.debounce((e=>{if(E.current=!0,E.current){const e=v.current.querySelector(".gs-flip-wrap");let t=v.current.ownerDocument;if(e){let a=ScrollTrigger.getById("gsflip"+n);a&&a.kill(),Flip.killFlipsOf(e),t.body.classList.contains("gspb-bodyadmin")&&GSFlipinit(e,!0,t,n)}}return()=>{E.current=!1}}),600),[]);return(0,e.useEffect)((()=>{y.current?y.current=!1:w(z)}),[r,s,i,o,c,p,g,m,d,u,b]),(0,e.createElement)(e.Fragment,null,f&&(0,e.createElement)(Te,t({editOnly:!0,inner:!0,gray:!0},a)),(0,e.createElement)(Ce,t({animationref:v.current},a)),(0,e.createElement)(Ae,a),(0,e.createElement)("div",{className:"gs-animation",ref:v},(0,e.createElement)(J,t({editor:!0},a),(0,e.createElement)(l.InnerBlocks,{renderAppender:()=>f?(0,e.createElement)(l.InnerBlocks.DefaultBlockAppender,null):(0,e.createElement)(l.InnerBlocks.ButtonBlockAppender,null)}))))},save:a=>(0,e.createElement)(J,t({editor:!1},a),(0,e.createElement)(l.InnerBlocks.Content,null))});const je=(0,e.createElement)("svg",{viewBox:"0 0 640 512"},(0,e.createElement)("path",{fill:"#2184f9",d:"M608 0H160a32 32 0 0 0-32 32v96h160V64h192v320h128a32 32 0 0 0 32-32V32a32 32 0 0 0-32-32zM232 103a9 9 0 0 1-9 9h-30a9 9 0 0 1-9-9V73a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm352 208a9 9 0 0 1-9 9h-30a9 9 0 0 1-9-9v-30a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm0-104a9 9 0 0 1-9 9h-30a9 9 0 0 1-9-9v-30a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm0-104a9 9 0 0 1-9 9h-30a9 9 0 0 1-9-9V73a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm-168 57H32a32 32 0 0 0-32 32v288a32 32 0 0 0 32 32h384a32 32 0 0 0 32-32V192a32 32 0 0 0-32-32zM96 224a32 32 0 1 1-32 32 32 32 0 0 1 32-32zm288 224H64v-32l64-64 32 32 128-128 96 96z"})),{collectionsObjects:Ie}=gspblib.helpers,Oe={id:{type:"string",default:null},flexAlign:{type:"string"},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},ease:{type:"string",default:"none"},images:{type:"array",default:[{url:"https://via.placeholder.com/300x300.png?text=Add+multiple+images+in+sidebar+panel"}]},imagesExternal:{type:"string"},width:{type:"array",default:[100,null,null,null]},height:{type:"array",default:[null,null,null,null]},widthUnit:{type:"array",default:["%","px","px","px"]},heightUnit:{type:"array",default:["px","px","px","px"]},widthImage:{type:"array",default:[null,null,null,null]},heightImage:{type:"array",default:[300,null,null,null]},widthUnitImage:{type:"array",default:["%","px","px","px"]},heightUnitImage:{type:"array",default:["px","px","px","px"]},delay:{type:"number",default:null},duration:{type:"number",default:1},triggertype:{type:"string",default:"scroll"},customtrigger:{type:"string",default:null},triggerstart:{type:"string",default:null},triggerend:{type:"string",default:null},responsive:{type:"object",default:Ie.responsive},position:{type:"object",default:Ie.position},csstransform:{type:"object",default:Ie.csstransform},border:{type:"object",default:Ie.border},background:{type:"object",default:Ie.background},spacing:{type:"object",default:Ie.spacing},shadow:{type:"object",default:Ie.shadow},triggerscrub:{type:"number",default:null},pinned:{type:"boolean",default:!1},pinspace:{type:"boolean",default:!1},imageFit:{type:"string",default:"contain"},yoyo:{type:"boolean"},loop:{type:"boolean"},repeatdelay:{type:"boolean"},hoverpause:{type:"boolean"},renderType:{type:"string",default:"image"},canvasWidth:{type:"number",default:1200},canvasHeight:{type:"number",default:500},reinit:{type:"boolean"},reverse:{type:"boolean"},pinpreview:{type:"boolean"},scrollcontainer:{type:"boolean"},scrollernav:{type:"boolean"}},{gspb_spacing_cssGen:Fe,gspb_responsive_cssGen:Me,gspb_position_cssGen:Pe,gspb_csstransform_cssGen:Re,gspb_Css_Final:De,gspb_background_cssGen:$e,gspb_shadow_cssGen:ze,gspb_border_cssGen:Ge}=gspblib.utilities,{gspb_cssGen:Le}=gspblib.helpers,Ue=t=>{const{attributes:{id:a,responsive:l,position:n,csstransform:r,spacing:s,delay:i,duration:o,triggertype:c,customtrigger:p,customobject:g,triggerstart:m,triggerend:d,triggeraction:u,images:b,ease:h,height:_,width:f,widthUnit:v,heightUnit:y,flexAlign:E,triggerscrub:w,pinned:x,pinspace:C,imageFit:k,background:N,border:S,shadow:B,repeatdelay:T,yoyo:A,loop:j,hoverpause:I,widthImage:O,heightImage:F,widthUnitImage:M,heightUnitImage:P,renderType:R,canvasWidth:D,canvasHeight:$,imagesExternal:z,pinpreview:G,scrollcontainer:L,scrollernav:U},className:H,clientId:W}=t;let V,q=`gspb_gsap-${a}`,Y=`gs-sequencer-wrap ${H}`,X="#"+q;"image"==R&&(V=Le(X+" img",["max-width","width","height","object-fit"],[["100%"],[[O[0]?O[0]+M[0]:null],[O[1]?O[1]+M[1]:null],[O[2]?O[2]+M[2]:null],[O[3]?O[3]+M[3]:null]],[[F[0]?F[0]+P[0]:null],[F[1]?F[1]+P[1]:null],[F[2]?F[2]+P[2]:null],[F[3]?F[3]+P[3]:null]],[k]],V,!1)),"canvas"==R&&(V=Le(X+" canvas",["max-width","max-height"],[["100%"],["100%"]],V,!1)),V=Le(X,["width"],[[[f[0]?f[0]+v[0]:null],[f[1]?f[1]+v[1]:null],[f[2]?f[2]+v[2]:null],[f[3]?f[3]+v[3]:null]]],V,!1),V=Le(X,["height"],[[[_[0]?_[0]+y[0]:null],[_[1]?_[1]+y[1]:null],[_[2]?_[2]+y[2]:null],[_[3]?_[3]+y[3]:null]]],V,!1),V=Me(l,X,V),V=Pe(n,"body.gspb-bodyfront "+X,V),V=Ge(S,X,V),V=$e(N,X,V),V=ze(B,X,V),V=Re(r,X,V,X),V=Fe(s,X,V),V=Le(X,["justify-content"],[E],V),De(a,V,t);let J=V;J=Pe(n,"#block-"+W,J),G&&(J+=`${X}{pointer-events:none}`);let Z=[],K=(b.map(((e,t)=>{let a=e.url;Z.push(a)})),"");if(z){let e=z.trim();e=e.split(","),K=e[0]}return(0,e.createElement)("div",{id:q,className:Y,"data-delay":i&&Number.isFinite(i)?i:null,"data-duration":o&&Number.isFinite(o)?o:null,"data-triggertype":c,"data-customtrigger":p||null,"data-customobject":g||null,"data-triggerstart":m||null,"data-triggerend":d||null,"data-triggeraction":u||null,"data-ease":h||null,"data-triggerscrub":w||null,"data-pinned":x?"yes":null,"data-pinpreview":G?"yes":null,"data-pinspace":C?"yes":null,"data-repeatdelay":T?"yes":null,"data-yoyo":A?"yes":null,"data-loop":j?"yes":null,"data-hoverpause":I?"yes":null,"data-rendertype":"canvas"==R?"canvas":null,"data-canvaswidth":"canvas"==R?D:null,"data-canvasheight":"canvas"==R?$:null,"data-images":b.length?JSON.stringify(Z):null,"data-imagesexternal":z||null,"data-index":"0","data-scrollcontainer":L?"yes":null,"data-scrollernav":U?"yes":null,style:{display:"flex"}},z&&"image"==R&&(0,e.createElement)("img",{src:K,alt:"",width:O[0]?O[0]+M[0]:null,height:F[0]?F[0]+P[0]:null}),b.length>0&&"image"==R&&!z&&(0,e.createElement)("img",{key:b[0].id,src:b[0].url,alt:b[0].alt,width:b[0].id?b[0].sizes.full.width:null,height:b[0].id?b[0].sizes.full.height:null}),(b.length>0||z)&&"canvas"==R&&(0,e.createElement)("canvas",null),t.editor?(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:J}}):null)},{__:He}=wp.i18n,We=t=>{const{attributes:{triggertype:a,customtrigger:l,customobject:n,triggerstart:s,triggerend:i,triggerscrub:o,pinned:c,pinspace:p,hoverpause:g,scrollcontainer:m,scrollernav:d},setAttributes:u}=t;return(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},He("Trigger type")),(0,e.createElement)(r.SelectControl,{value:a,options:[{label:He("Scroll trigger"),value:"scroll"},{label:He("On load"),value:"load"},{label:He("On Hover"),value:"hover"},{label:He("On Click"),value:"click"}],onChange:e=>u({triggertype:e}),help:(0,e.createElement)(Ve,null)}),(0,e.createElement)("span",{className:"gspb_inspector_property-title"},He("Css ID where to add animation")),(0,e.createElement)(r.TextControl,{value:n,onChange:e=>u({customobject:e}),help:He("By default, will be applied to current object but you can apply to custom object")}),"load"!==a&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},He("Css ID of custom trigger")),(0,e.createElement)(r.TextControl,{value:l,onChange:e=>u({customtrigger:e}),help:He("By default, animation will be triggered by itself. You can place here custom ID for element")})),"load"!==a&&"hover"!==a&&"click"!==a&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},He("Trigger start")),(0,e.createElement)(r.TextControl,{value:s,onChange:e=>u({triggerstart:e}),help:He("By default, trigger is set to top point of element, but you can change this. Example: top center")})),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},He("Trigger end")),(0,e.createElement)(r.TextControl,{value:i,onChange:e=>u({triggerend:e}),help:He("By default, trigger scroll end is set to bottom point of element, but you can change this. Example: +=300 will set end of trigger as 300px after start")})),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},He("Interpolate animation by Scroll")),(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>u({triggerscrub:parseFloat(e)}),help:He("By default, scroll will trigger full animation. If you want to play animation by scrolling, place here number of seconds for feedback. Better to check how it works on Frontend. Recommended value is 1."),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:.3,max:10,step:.1,value:o})),(0,e.createElement)("div",{className:"gspb_row",style:{marginTop:5}},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},He("Pin while scroll"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px",padding:0}},(0,e.createElement)(r.ToggleControl,{checked:c,onChange:e=>u({pinned:e})}))),(0,e.createElement)("div",{className:"gspb_row",style:{marginBottom:10,paddingBottom:10,borderBottom:"1px solid #eee"}},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},He("Enable overflow on pinned item"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px",padding:0}},(0,e.createElement)(r.ToggleControl,{checked:p,onChange:e=>u({pinspace:e})}))),(0,e.createElement)(r.BaseControl,{className:"gs-label-row",help:He("Use this option if your animation is part of Horizontal Section Scroll block","greenshiftgsap")},(0,e.createElement)(r.ToggleControl,{label:He("Horizontal scroll?","greenshiftgsap"),checked:m,onChange:e=>u({scrollcontainer:e})})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row",help:He("Use this option if your animation is part of Page Navigation block","greenshiftgsap")},(0,e.createElement)(r.ToggleControl,{label:He("Is Page Nav Block?","greenshiftgsap"),checked:d,onChange:e=>u({scrollernav:e})}))),"hover"==a&&(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},He("Pause on hover"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px",padding:0}},(0,e.createElement)(r.ToggleControl,{checked:g,onChange:e=>u({hoverpause:e})}))))},Ve=()=>(0,e.createElement)(e.Fragment,null,"Check documentation for available values - ",(0,e.createElement)("a",{href:"https://greensock.com/docs/v3/Plugins/ScrollTrigger",target:"__blank"}," ScrollTrigger Docs ")),{GsbpFormLabel:qe}=gspblib.components,Ye=t=>{const{attributes:{ease:a,delay:l,duration:n,loop:s,yoyo:i,repeatdelay:o},setAttributes:c}=t;return(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>c({duration:parseFloat(e)}),label:(0,te.__)("Duration","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:.1,max:60,step:.1,value:n})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>c({delay:parseFloat(e)}),label:(0,te.__)("Delay","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:.1,max:20,step:.1,value:l})),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--8",style:{padding:0}},(0,e.createElement)(qe,{title:(0,te.__)("Ease type","greenshiftgsap"),clearFun:()=>c({ease:null})})),(0,e.createElement)("div",{className:"gspb_row__col--4",style:{padding:0}},(0,e.createElement)(r.SelectControl,{value:a,options:ee,onChange:e=>c({ease:e})}))),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Enable infinite","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px",padding:0}},(0,e.createElement)(r.ToggleControl,{checked:s,onChange:e=>c({loop:e})}))),s&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Enable Yoyo style","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:i,onChange:e=>c({yoyo:e})}))),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Enable delay between animations","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:o,onChange:e=>c({repeatdelay:e})}))))))},{MediaUpload:Xe,MediaUploadCheck:Je}=wp.blockEditor,{CssUnits:Ze,Devices:Ke,StylesforBlock:Qe}=gspblib.components,{gspb_getDeviceStateIndex:et}=gspblib.utilities,tt=t=>{const{attributes:{images:a,height:l,width:n,widthUnit:s,heightUnit:i,imageFit:o,widthImage:c,heightImage:p,widthUnitImage:g,heightUnitImage:m,renderType:d,canvasWidth:u,canvasHeight:b,imagesExternal:h,reinit:_,reverse:f,pinpreview:v},setAttributes:y}=t,E=et(),[w,x]=(0,e.useState)(0),C=e=>{e.innerBlocks.forEach((e=>{"greenshift-blocks/pinscroll"===e.name||"greenshift-blocks/sequencer"===e.name?wp.data.dispatch("core/block-editor").updateBlockAttributes(e.clientId,{pinpreview:!v}):e.innerBlocks.length>0&&C(e)}))};return(0,e.createElement)("div",{className:"gspb_inspector"},(0,e.createElement)(r.BaseControl,{help:(0,te.__)("Pin in Editor is very wobbly, you can enable Preview mode for smooth pin, but this also disables editing inner items","greenshiftgsap")},(0,e.createElement)("div",{style:{marginBottom:10,display:"flex",gap:10}},(0,e.createElement)(r.Button,{isSecondary:!0,className:"gspb-library-custom-preset-importbtn",isSmall:!0,onClick:()=>{y({reinit:!_})}},(0,te.__)("Re-initialize","greenshiftgsap")),(0,e.createElement)(r.Button,{isPrimary:v||!1,isSecondary:!v||!0,className:"gspb-library-custom-preset-importbtn",isSmall:!0,onClick:()=>{wp.data.select("core/block-editor").getBlocks().forEach((e=>{"greenshift-blocks/pinscroll"===e.name||"greenshift-blocks/sequencer"===e.name?wp.data.dispatch("core/block-editor").updateBlockAttributes(e.clientId,{pinpreview:!v}):e.innerBlocks.length>0&&C(e)}))}},(0,te.__)("Enable Preview Mode","greenshiftgsap")))),(0,e.createElement)(r.TextControl,{label:(0,te.__)("Use external images"),help:(0,te.__)("Divide images by commas and without spaces"),value:h,onChange:e=>y({imagesExternal:e})}),!h&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Je,null,(0,e.createElement)(Xe,{multiple:!0,onSelect:e=>(e=>{const t=e.filter((e=>e.url));y({images:t})})(e),allowedTypes:["image"],accept:"image/*",value:a.map((e=>e.id)),render:t=>{let{open:l}=t;return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.Button,{isPrimary:!0,onClick:e=>{e.stopPropagation(),l()}},a.length>0?(0,te.__)("Replace Images"):(0,te.__)("Select Images")))}})),(0,e.createElement)("div",{style:{marginTop:10},className:"gs-gallery-uploader"},a.map(((t,a)=>(0,e.createElement)("img",{key:t.id,src:t.url,alt:t.alt})))),(0,e.createElement)("div",{style:{marginBottom:10,marginTop:20}},(0,e.createElement)(r.ToggleControl,{label:(0,te.__)("Play in reverse mode","greenshiftgsap"),checked:f,onChange:e=>{y({images:a.reverse(),reverse:e})}}))),(0,e.createElement)("hr",null),(0,e.createElement)("div",null,(0,te.__)("Select Render type","greenshiftgsap")),(0,e.createElement)(Qe,{columns:2,value:d,onChange:e=>y({renderType:e}),options:[{value:"image",label:(0,te.__)("Image","greenshiftgsap")},{value:"canvas",label:(0,te.__)("Canvas","greenshiftgsap")}]}),(0,e.createElement)("div",{style:{marginTop:15}}),(0,e.createElement)(Ke,{onChange:()=>x(!w)}),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Block Width"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(Ze,{units:["px","%","vw"],attribute:null==s[E]?"":s[E],onChange:e=>{let t=s.slice();t[E]=e,y({widthUnit:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=n.slice();e[E]=null,y({width:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:null==n[E]?"":n[E],onChange:e=>{let t=n.slice();t[E]=e,y({width:t})},trackColor:"#2184f9",min:"px"==s[E]?100:1,max:"px"==s[E]?2500:100}))),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Block Height"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(Ze,{units:["px","%","vh"],attribute:null==i[E]?"":i[E],onChange:e=>{let t=i.slice();t[E]=e,y({heightUnit:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=l.slice();e[E]=null,y({height:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:null==l[E]?"":l[E],onChange:e=>{let t=l.slice();t[E]=e,y({height:t})},trackColor:"#2184f9",min:"px"==i[E]?100:1,max:"px"==i[E]?2500:100})))),"image"==d&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Image Width"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(Ze,{units:["px","%","vw"],attribute:null==g[E]?"":g[E],onChange:e=>{let t=g.slice();t[E]=e,y({widthUnitImage:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=n.slice();e[E]=null,y({widthImage:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:null==c[E]?"":c[E],onChange:e=>{let t=c.slice();t[E]=e,y({widthImage:t})},trackColor:"#2184f9",min:"px"==g[E]?100:1,max:"px"==g[E]?2500:100}))),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Image Height"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(Ze,{units:["px","%","vh"],attribute:null==m[E]?"":m[E],onChange:e=>{let t=m.slice();t[E]=e,y({heightUnitImage:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=p.slice();e[E]=null,y({heightImage:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:null==p[E]?"":p[E],onChange:e=>{let t=p.slice();t[E]=e,y({heightImage:t})},trackColor:"#2184f9",min:"px"==m[E]?100:1,max:"px"==m[E]?2500:100})))),(0,e.createElement)("div",null,(0,te.__)("Select Image Fill type","greenshiftgsap")),(0,e.createElement)(Qe,{columns:3,value:o,onChange:e=>y({imageFit:e}),options:[{value:"inherit",label:(0,te.__)("Default","greenshiftgsap")},{value:"cover",label:(0,te.__)("Cover","greenshiftgsap")},{value:"fill",label:(0,te.__)("Fill","greenshiftgsap")},{value:"contain",label:(0,te.__)("Contain","greenshiftgsap")},{value:"none",label:(0,te.__)("None","greenshiftgsap")},{value:"scale-down",label:(0,te.__)("Scale","greenshiftgsap")}]})),"canvas"==d&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.RangeControl,{value:u,label:(0,te.__)("Original Image width","greenshiftgsap"),onChange:e=>{y({canvasWidth:e})},trackColor:"#2184f9",min:10,max:2500}),(0,e.createElement)(r.RangeControl,{value:b,label:(0,te.__)("Original Image Height","greenshiftgsap"),onChange:e=>{y({canvasHeight:e})},trackColor:"#2184f9",min:10,max:2500})))},{__:at}=wp.i18n,{InspectorControls:lt,BlockControls:nt,AlignmentToolbar:rt}=wp.blockEditor,{PanelBody:st}=wp.components,{Spacing:it,Responsive:ot,CssTransform:ct,Position:pt,Background:gt,Border:mt,Shadow:dt,ProChecker:ut}=gspblib.collections,{InspectorTabs:bt,InspectorTab:ht}=gspblib.components,_t=a=>{const{attributes:{flexAlign:l},setAttributes:n}=a,r=[{icon:"editor-alignleft",title:at("Align Text Left"),align:"flex-start"},{icon:"editor-aligncenter",title:at("Align Text Center"),align:"center"},{icon:"editor-alignright",title:at("Align Text Right"),align:"flex-end"}];let s=!se()(Oe.csstransform.default,a.attributes.csstransform),i=!se()(Oe.position.default,a.attributes.position),o=!se()(Oe.responsive.default,a.attributes.responsive);return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(lt,null,(0,e.createElement)("div",{className:"gspb_inspector"},(0,e.createElement)(bt,{tabs:["general","advance"],activeAdvance:!!(s||i||o)},(0,e.createElement)(ht,{key:"general"},(0,e.createElement)(st,{title:at("Common options"),initialOpen:!0},(0,e.createElement)(ut,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)(tt,a)),(0,e.createElement)(st,{title:at("Animation options"),initialOpen:!0},(0,e.createElement)(Ye,a)),(0,e.createElement)(st,{title:at("Trigger option"),initialOpen:!0},(0,e.createElement)(We,a)),(0,e.createElement)(st,{title:at("Background and Opacity","greenshift"),initialOpen:!1,className:"gspb_smallpadding_btn "+(se()(Oe.background.default,a.attributes.background)?"":"gspb_panel_changed")},(0,e.createElement)(gt,t({attributeName:"background",exclude:["video"]},a))),(0,e.createElement)(st,{title:at("Border","greenshiftgsap"),initialOpen:!1,className:se()(Oe.border.default,a.attributes.border)?"":"gspb_panel_changed"},(0,e.createElement)(mt,t({attributeName:"border"},a))),(0,e.createElement)(st,{title:at("Shadow","greenshiftgsap"),initialOpen:!1,className:se()(Oe.shadow.default,a.attributes.shadow)?"":"gspb_panel_changed"},(0,e.createElement)(dt,t({attributeName:"shadow"},a,{predefined:!0}))),(0,e.createElement)(st,{title:at("Spacing"),initialOpen:!1,className:se()(Oe.spacing.default,a.attributes.spacing)?"":"gspb_panel_changed"},(0,e.createElement)(it,t({attributeName:"spacing"},a)))),(0,e.createElement)(ht,{key:"advance"},(0,e.createElement)(st,{title:at("Css Transform"),initialOpen:!0},(0,e.createElement)(ct,t({attributeName:"csstransform"},a))),(0,e.createElement)(st,{title:at("Position"),initialOpen:!1},(0,e.createElement)(pt,t({attributeName:"position"},a))),(0,e.createElement)(st,{title:at("Responsive"),initialOpen:!1},(0,e.createElement)(ot,t({attributeName:"responsive"},a))))))),(0,e.createElement)(nt,null,(0,e.createElement)(rt,{value:l,onChange:e=>n({flexAlign:e}),alignmentControls:r})))},{__:ft}=wp.i18n,{registerBlockType:vt}=wp.blocks,{gspb_setBlockId:yt}=gspblib.utilities,{BlockToolBar:Et}=gspblib.components;vt("greenshift-blocks/sequencer",{title:ft("Sequence Animation"),description:ft("Adds image sequence animations"),category:"Greenshiftpro",keywords:[ft("sequence"),ft("animation"),ft("effects")],icon:je,supports:{reusable:!0,anchor:!0,align:["wide","full"]},attributes:Oe,edit(a){(0,e.useEffect)((()=>{yt(a)}),[]);const{attributes:{ease:l,delay:n,duration:r,triggertype:s,customtrigger:i,customobject:o,triggerstart:c,triggerend:p,triggeraction:g,images:m,pinned:d,pinspace:u,yoyo:b,loop:h,repeatdelay:f,hoverpause:v,renderType:y,canvasWidth:E,canvasHeight:w,imagesExternal:x,reinit:C,reverse:k,pinpreview:N,scrollcontainer:S,scrollernav:B},clientId:T}=a,A=(0,e.useRef)(),j=(0,e.useRef)(!0),I=(0,e.useRef)();let O="";const F=(0,e.useCallback)(_.debounce((e=>{if(I.current=!0,I.current&&A.current){O&&O.revert();const e=A.current.querySelector(".gs-sequencer-wrap");let t=A.current.ownerDocument;O=gsap.context((()=>{e&&(gsap.killTweensOf(e),t.body.classList.contains("editor-styles-wrapper")?GSSeqinit(e,!0,!1,t):GSSeqinit(e,!1,!0,t))}))}return()=>{I.current=!1}}),600),[]);return(0,e.useEffect)((()=>{if(j.current){if(j.current=!1,A.current){const e=A.current.querySelector(".gs-sequencer-wrap");O=gsap.context((()=>{if(e){let t=A.current.ownerDocument;t.body.classList.contains("editor-styles-wrapper")?GSSeqinit(e,!0,!1,t):GSSeqinit(e,!1,!0,t)}}))}}else F(Oe)}),[l,n,r,s,i,o,c,p,g,m,d,u,b,h,f,v,y,E,w,x,k,C,N,S,B]),(0,e.createElement)(e.Fragment,null,(0,e.createElement)(_t,t({animationref:A.current},a)),(0,e.createElement)(Et,a),(0,e.createElement)("div",{className:"gs-animation",ref:A},(0,e.createElement)(Ue,t({editor:!0},a))))},save:a=>(0,e.createElement)(Ue,t({editor:!1},a))});const wt=(0,e.createElement)("svg",{"aria-hidden":"true",focusable:"false","data-icon":"meteor",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},(0,e.createElement)("path",{fill:"#2184f9",d:"M511.328,20.8027c-11.60759,38.70264-34.30724,111.70173-61.30311,187.70077,6.99893,2.09372,13.4042,4,18.60653,5.59368a16.06158,16.06158,0,0,1,9.49854,22.906c-22.106,42.29635-82.69047,152.795-142.47819,214.40356-.99984,1.09373-1.99969,2.5-2.99954,3.49995A194.83046,194.83046,0,1,1,57.085,179.41009c.99985-1,2.40588-2,3.49947-3,61.59994-59.90549,171.97367-120.40473,214.37343-142.4982a16.058,16.058,0,0,1,22.90274,9.49988c1.59351,5.09368,3.49947,11.5936,5.5929,18.59351C379.34818,35.00565,452.43074,12.30281,491.12794.70921A16.18325,16.18325,0,0,1,511.328,20.8027ZM319.951,320.00207A127.98041,127.98041,0,1,0,191.97061,448.00046,127.97573,127.97573,0,0,0,319.951,320.00207Zm-127.98041-31.9996a31.9951,31.9951,0,1,1-31.9951-31.9996A31.959,31.959,0,0,1,191.97061,288.00247Zm31.9951,79.999a15.99755,15.99755,0,1,1-15.99755-15.9998A16.04975,16.04975,0,0,1,223.96571,368.00147Z"})),xt=(0,e.createElement)("svg",{"aria-hidden":"true",focusable:"false",height:"20px","data-icon":"compress",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},(0,e.createElement)("path",{d:"M436 192H312c-13.3 0-24-10.7-24-24V44c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v84h84c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-276-24V44c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v84H12c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24zm0 300V344c0-13.3-10.7-24-24-24H12c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-84h84c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12H312c-13.3 0-24 10.7-24 24v124c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12z"})),Ct=(0,e.createElement)("svg",{"aria-hidden":"true",height:"20px",focusable:"false","data-icon":"text-height",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 576 512"},(0,e.createElement)("path",{d:"M304 32H16A16 16 0 0 0 0 48v96a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32h56v304H80a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-40V112h56v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zm256 336h-48V144h48c14.31 0 21.33-17.31 11.31-27.31l-80-80a16 16 0 0 0-22.62 0l-80 80C379.36 126 384.36 144 400 144h48v224h-48c-14.31 0-21.32 17.31-11.31 27.31l80 80a16 16 0 0 0 22.62 0l80-80C580.64 386 575.64 368 560 368z"})),kt=(0,e.createElement)("svg",{"aria-hidden":"true",focusable:"false",height:"20px","data-icon":"stream",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},(0,e.createElement)("path",{d:"M16 128h416c8.84 0 16-7.16 16-16V48c0-8.84-7.16-16-16-16H16C7.16 32 0 39.16 0 48v64c0 8.84 7.16 16 16 16zm480 80H80c-8.84 0-16 7.16-16 16v64c0 8.84 7.16 16 16 16h416c8.84 0 16-7.16 16-16v-64c0-8.84-7.16-16-16-16zm-64 176H16c-8.84 0-16 7.16-16 16v64c0 8.84 7.16 16 16 16h416c8.84 0 16-7.16 16-16v-64c0-8.84-7.16-16-16-16z"})),Nt=(0,e.createElement)("svg",{"aria-hidden":"true",height:"20px",focusable:"false","data-icon":"paint-roller",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},(0,e.createElement)("path",{d:"M416 128V32c0-17.67-14.33-32-32-32H32C14.33 0 0 14.33 0 32v96c0 17.67 14.33 32 32 32h352c17.67 0 32-14.33 32-32zm32-64v128c0 17.67-14.33 32-32 32H256c-35.35 0-64 28.65-64 64v32c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32v-32h160c53.02 0 96-42.98 96-96v-64c0-35.35-28.65-64-64-64z"})),St=(0,e.createElement)("svg",{"aria-hidden":"true",height:"20px",focusable:"false","data-icon":"bezier-curve",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512"},(0,e.createElement)("path",{d:"M368 32h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zM208 88h-84.75C113.75 64.56 90.84 48 64 48 28.66 48 0 76.65 0 112s28.66 64 64 64c26.84 0 49.75-16.56 59.25-40h79.73c-55.37 32.52-95.86 87.32-109.54 152h49.4c11.3-41.61 36.77-77.21 71.04-101.56-3.7-8.08-5.88-16.99-5.88-26.44V88zm-48 232H64c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32zM576 48c-26.84 0-49.75 16.56-59.25 40H432v72c0 9.45-2.19 18.36-5.88 26.44 34.27 24.35 59.74 59.95 71.04 101.56h49.4c-13.68-64.68-54.17-119.48-109.54-152h79.73c9.5 23.44 32.41 40 59.25 40 35.34 0 64-28.65 64-64s-28.66-64-64-64zm0 272h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32z"})),Bt=(0,e.createElement)("svg",{"aria-hidden":"true",height:"20px",focusable:"false","data-icon":"draw-polygon",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},(0,e.createElement)("path",{d:"M384 352c-.35 0-.67.1-1.02.1l-39.2-65.32c5.07-9.17 8.22-19.56 8.22-30.78s-3.14-21.61-8.22-30.78l39.2-65.32c.35.01.67.1 1.02.1 35.35 0 64-28.65 64-64s-28.65-64-64-64c-23.63 0-44.04 12.95-55.12 32H119.12C108.04 44.95 87.63 32 64 32 28.65 32 0 60.65 0 96c0 23.63 12.95 44.04 32 55.12v209.75C12.95 371.96 0 392.37 0 416c0 35.35 28.65 64 64 64 23.63 0 44.04-12.95 55.12-32h209.75c11.09 19.05 31.49 32 55.12 32 35.35 0 64-28.65 64-64 .01-35.35-28.64-64-63.99-64zm-288 8.88V151.12A63.825 63.825 0 0 0 119.12 128h208.36l-38.46 64.1c-.35-.01-.67-.1-1.02-.1-35.35 0-64 28.65-64 64s28.65 64 64 64c.35 0 .67-.1 1.02-.1l38.46 64.1H119.12A63.748 63.748 0 0 0 96 360.88zM272 256c0-8.82 7.18-16 16-16s16 7.18 16 16-7.18 16-16 16-16-7.18-16-16zM400 96c0 8.82-7.18 16-16 16s-16-7.18-16-16 7.18-16 16-16 16 7.18 16 16zM64 80c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16zM48 416c0-8.82 7.18-16 16-16s16 7.18 16 16-7.18 16-16 16-16-7.18-16-16zm336 16c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16z"})),Tt=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 511.98",height:"20"},(0,e.createElement)("path",{d:"M6.34 0h119.33c3.5 0 6.34 2.85 6.34 6.34v119.33c0 3.5-2.84 6.34-6.34 6.34H6.34c-3.49 0-6.34-2.84-6.34-6.34V6.34C0 2.85 2.85 0 6.34 0zm379.99 379.98h119.33c3.49 0 6.34 2.83 6.34 6.34v119.33c0 3.48-2.85 6.33-6.34 6.33H386.33c-3.5 0-6.34-2.85-6.34-6.33V386.32c0-3.51 2.84-6.34 6.34-6.34zm0-190h119.33c3.49 0 6.34 2.85 6.34 6.34v119.34c0 3.49-2.85 6.33-6.34 6.33H386.33c-3.5 0-6.34-2.84-6.34-6.33V196.32c0-3.49 2.84-6.34 6.34-6.34zm0-189.98h119.33c3.49 0 6.34 2.85 6.34 6.34v119.33c0 3.5-2.85 6.34-6.34 6.34H386.33c-3.5 0-6.34-2.84-6.34-6.34V6.34c0-3.49 2.84-6.34 6.34-6.34zM196.34 379.98h119.34c3.49 0 6.34 2.83 6.34 6.34v119.33c0 3.48-2.85 6.33-6.34 6.33H196.34c-3.49 0-6.34-2.85-6.34-6.33V386.32c0-3.51 2.85-6.34 6.34-6.34zm0-190h119.34c3.49 0 6.34 2.85 6.34 6.34v119.34c0 3.49-2.85 6.33-6.34 6.33H196.34c-3.49 0-6.34-2.84-6.34-6.33V196.32c0-3.49 2.85-6.34 6.34-6.34zm0-189.98h119.34c3.49 0 6.34 2.85 6.34 6.34v119.33c0 3.5-2.85 6.34-6.34 6.34H196.34c-3.49 0-6.34-2.84-6.34-6.34V6.34c0-3.49 2.85-6.34 6.34-6.34zm-190 379.98h119.33c3.5 0 6.34 2.83 6.34 6.34v119.33c0 3.48-2.84 6.33-6.34 6.33H6.34c-3.49 0-6.34-2.85-6.34-6.33V386.32c0-3.51 2.85-6.34 6.34-6.34zm0-190h119.33c3.5 0 6.34 2.85 6.34 6.34v119.34c0 3.49-2.84 6.33-6.34 6.33H6.34c-3.49 0-6.34-2.84-6.34-6.33V196.32c0-3.49 2.85-6.34 6.34-6.34z"})),{collectionsObjects:At}=gspblib.helpers,jt={id:{type:"string",default:null},inlineCssStyles:{type:"string"},flexbox:{type:"object",default:At.flexbox},dynamicGClass:{type:"string"},animation_type:{type:"string",default:"regular"},additive:{type:"boolean"},shadow:{type:"object",default:At.shadow},x:{type:"string",default:null},y:{type:"string",default:null},z:{type:"string",default:null},xo:{type:"number",default:null},yo:{type:"number",default:null},r:{type:"number",default:null},rx:{type:"number",default:null},ry:{type:"number",default:null},s:{type:"number",default:null},sx:{type:"number",default:null},sy:{type:"number",default:null},skewX:{type:"number",default:null},skewY:{type:"number",default:null},width:{type:"string"},height:{type:"string"},o:{type:"number",default:null},background:{type:"string"},blockWidth:{type:"object",default:At.blockWidth},origin:{type:"string"},custom_origin:{type:"boolean",default:!1},ease:{type:"string"},delay:{type:"number",default:null},duration:{type:"number",default:1},durationfollow:{type:"number"},mousefollowBound:{type:"boolean"},mousefollowIndex:{type:"number"},yoyo:{type:"boolean",default:!1},loop:{type:"boolean",default:!1},repeatdelay:{type:"boolean",default:!1},strandom:{type:"boolean",default:!1},stchild:{type:"boolean",default:!0},batchchild:{type:"boolean",default:!0},batchrandom:{type:"boolean"},batchonce:{type:"boolean"},text:{type:"string",default:null},textmask:{type:"boolean"},stagger:{type:"string",default:null},triggertype:{type:"string",default:"scroll"},customtrigger:{type:"string",default:null},customobject:{type:"string",default:null},triggerstart:{type:"string",default:null},triggerend:{type:"string",default:null},triggerstartM:{type:"string",default:null},triggerendM:{type:"string",default:null},triggerscrub:{type:"number",default:null},stdelay:{type:"number",default:null},pinned:{type:"boolean",default:!1},pinReparent:{type:"boolean"},pinspace:{type:"boolean",default:!1},triggeraction:{type:"string",default:null},triggersnap:{type:"number",default:null},morphstart:{type:"string"},morphend:{type:"string"},morphorigin:{type:"string"},path:{type:"string",default:null},path_block:{type:"string",default:null},path_align:{type:"string"},path_orient:{type:"boolean",default:!1},path_align_x:{type:"number",default:null},path_align_y:{type:"number",default:null},path_start:{type:"number",default:null},path_end:{type:"number",default:null},batchint:{type:"number",default:null},reveal_enabled:{type:"boolean",default:!1},reveal_clip:{type:"boolean"},reveal_ease:{type:"string"},reveal_dir:{type:"string",default:"lr"},reveal_speed:{type:"number",default:1},reveal_delay:{type:"number",default:null},reveal_bg:{type:"string",default:null},scroll_parallax_enabled:{type:"boolean",default:!1},parallax_speedX:{type:"number",default:null},parallax_speedY:{type:"number",default:null},parallax_start:{type:"string"},parallax_end:{type:"string"},parallax_reverse_direction:{type:"boolean",default:!1},mouse_move_enabled:{type:"boolean",default:!1},prlx_xy:{type:"number",default:null},prlx_x:{type:"number",default:null},prlx_y:{type:"number",default:null},prlx_tilt:{type:"number",default:null},prlx_cur:{type:"boolean",default:!1},prlx_reset:{type:"boolean",default:!1},multiple_animation:{type:"string",default:"[]"},set_from:{type:"boolean",default:!0},multikeyframes:{type:"boolean"},responsive:{type:"object",default:At.responsive},spacing:{type:"object",default:At.spacing},position:{type:"object",default:At.position},csstransform:{type:"object",default:At.csstransform},backgroundBlock:{type:"object",default:At.background},backgroundReveal:{type:"object",default:At.background},prehide:{type:"boolean"},useMobile:{type:"boolean"},variable1:{type:"string"},variable2:{type:"string"},variable3:{type:"string"},variable4:{type:"string"},variable1value:{type:"string"},variable2value:{type:"string"},variable3value:{type:"string"},variable4value:{type:"string"},xM:{type:"string",default:null},yM:{type:"string",default:null},zM:{type:"string",default:null},xoM:{type:"number",default:null},yoM:{type:"number",default:null},rM:{type:"number",default:null},rxM:{type:"number",default:null},ryM:{type:"number",default:null},sM:{type:"number",default:null},sxM:{type:"number",default:null},syM:{type:"number",default:null},oM:{type:"number",default:null},skewXM:{type:"number",default:null},skewYM:{type:"number",default:null},scroller:{type:"string"},varwidth:{type:"string"},varheight:{type:"string"},winwidth:{type:"string"},winheight:{type:"string"},observetype:{type:"string"},tolerance:{type:"number",default:null},addspeedX:{type:"number",default:null},addspeedY:{type:"number",default:null},flexAlign:{type:"string"},videoplay:{type:"boolean"},scrollcontainer:{type:"boolean"},scrollernav:{type:"boolean"},easecustom:{type:"string"},maxX:{type:"string"},color:{type:"string"},clipInit:{type:"string"},clipFinal:{type:"string"},customProps:{type:"array"},customPropsM:{type:"array"}},{collectionsObjects:It}=gspblib.helpers,Ot={id:{type:"string",default:null},inlineCssStyles:{type:"string"},flexbox:{type:"object",default:It.flexbox},dynamicGClass:{type:"string"},animation_type:{type:"string",default:"regular"},additive:{type:"boolean"},shadow:{type:"object",default:It.shadow},x:{type:"number",default:null},y:{type:"number",default:null},z:{type:"number",default:null},xo:{type:"number",default:null},yo:{type:"number",default:null},r:{type:"number",default:null},rx:{type:"number",default:null},ry:{type:"number",default:null},s:{type:"number",default:null},sx:{type:"number",default:null},sy:{type:"number",default:null},skewX:{type:"number",default:null},skewY:{type:"number",default:null},width:{type:"string"},height:{type:"string"},o:{type:"number",default:null},background:{type:"string"},blockWidth:{type:"object",default:It.blockWidth},origin:{type:"string"},custom_origin:{type:"boolean",default:!1},ease:{type:"string"},delay:{type:"number",default:null},duration:{type:"number",default:1},durationfollow:{type:"number"},yoyo:{type:"boolean",default:!1},loop:{type:"boolean",default:!1},repeatdelay:{type:"boolean",default:!1},strandom:{type:"boolean",default:!1},stchild:{type:"boolean",default:!0},batchchild:{type:"boolean",default:!0},batchrandom:{type:"boolean"},batchonce:{type:"boolean"},text:{type:"string",default:null},textmask:{type:"boolean"},stagger:{type:"string",default:null},triggertype:{type:"string",default:"scroll"},customtrigger:{type:"string",default:null},customobject:{type:"string",default:null},triggerstart:{type:"string",default:null},triggerend:{type:"string",default:null},triggerstartM:{type:"string",default:null},triggerendM:{type:"string",default:null},triggerscrub:{type:"number",default:null},stdelay:{type:"number",default:null},pinned:{type:"boolean",default:!1},pinReparent:{type:"boolean"},pinspace:{type:"boolean",default:!1},triggeraction:{type:"string",default:null},triggersnap:{type:"number",default:null},morphstart:{type:"string"},morphend:{type:"string"},morphorigin:{type:"string"},path:{type:"string",default:null},path_block:{type:"string",default:null},path_align:{type:"string"},path_orient:{type:"boolean",default:!1},path_align_x:{type:"number",default:null},path_align_y:{type:"number",default:null},path_start:{type:"number",default:null},path_end:{type:"number",default:null},batchint:{type:"number",default:null},reveal_enabled:{type:"boolean",default:!1},reveal_clip:{type:"boolean"},reveal_ease:{type:"string"},reveal_dir:{type:"string",default:"lr"},reveal_speed:{type:"number",default:1},reveal_delay:{type:"number",default:null},reveal_bg:{type:"string",default:null},scroll_parallax_enabled:{type:"boolean",default:!1},parallax_speedX:{type:"number",default:null},parallax_speedY:{type:"number",default:null},parallax_start:{type:"string"},parallax_end:{type:"string"},parallax_reverse_direction:{type:"boolean",default:!1},mouse_move_enabled:{type:"boolean",default:!1},prlx_xy:{type:"number",default:null},prlx_tilt:{type:"number",default:null},prlx_cur:{type:"boolean",default:!1},prlx_reset:{type:"boolean",default:!1},multiple_animation:{type:"string",default:"[]"},set_from:{type:"boolean",default:!0},multikeyframes:{type:"boolean"},responsive:{type:"object",default:It.responsive},spacing:{type:"object",default:It.spacing},position:{type:"object",default:It.position},csstransform:{type:"object",default:It.csstransform},backgroundBlock:{type:"object",default:It.background},backgroundReveal:{type:"object",default:It.background},prehide:{type:"boolean"},useMobile:{type:"boolean"},variable1:{type:"string"},variable2:{type:"string"},variable3:{type:"string"},variable4:{type:"string"},variable1value:{type:"string"},variable2value:{type:"string"},variable3value:{type:"string"},variable4value:{type:"string"},xM:{type:"number",default:null},yM:{type:"number",default:null},zM:{type:"number",default:null},xoM:{type:"number",default:null},yoM:{type:"number",default:null},rM:{type:"number",default:null},rxM:{type:"number",default:null},ryM:{type:"number",default:null},sM:{type:"number",default:null},sxM:{type:"number",default:null},syM:{type:"number",default:null},oM:{type:"number",default:null},skewXM:{type:"number",default:null},skewYM:{type:"number",default:null},scroller:{type:"string"},varwidth:{type:"string"},varheight:{type:"string"},winwidth:{type:"string"},winheight:{type:"string"},observetype:{type:"string"},tolerance:{type:"number",default:null},addspeedX:{type:"number",default:null},addspeedY:{type:"number",default:null},flexAlign:{type:"string"},videoplay:{type:"boolean"},scrollcontainer:{type:"boolean"},scrollernav:{type:"boolean"},easecustom:{type:"string"},maxX:{type:"string"},color:{type:"string"},clipInit:{type:"string"},clipFinal:{type:"string"},customProps:{type:"array"},customPropsM:{type:"array"}},{gspb_shadow_cssGen:Ft}=gspblib.utilities,Mt=t=>{const{attributes:{id:a,animation_type:l,shadow:n,x:r,y:s,z:i,xo:o,yo:c,r:p,rx:g,ry:m,s:d,sx:u,sy:b,o:h,skewX:_,skewY:f,width:v,height:y,background:E,origin:w,ease:x,delay:C,duration:k,repeatdelay:N,yoyo:S,loop:B,strandom:T,stchild:A,text:j,stagger:I,stdelay:O,triggertype:F,customtrigger:M,customobject:P,triggerstart:R,triggerend:D,triggerscrub:$,pinned:z,pinReparent:G,pinspace:L,triggeraction:U,triggersnap:H,path:W,path_align:V,path_orient:q,path_align_x:Y,path_align_y:X,path_start:J,path_end:Z,batchint:K,multiple_animation:Q,set_from:ee,morphend:te,morphstart:ae,morphorigin:le,multikeyframes:ne,batchrandom:re,batchonce:se,batchchild:ie,prehide:oe,variable1:ce,variable2:pe,variable3:ge,variable4:me,variable1value:de,variable2value:ue,variable3value:be,variable4value:he,xM:_e,yM:fe,zM:ve,xoM:ye,yoM:Ee,rM:we,rxM:xe,ryM:Ce,sM:ke,sxM:Ne,syM:Se,oM:Be,skewXM:Te,skewYM:Ae,useMobile:je,triggerstartM:Ie,triggerendM:Oe,scroller:Fe,varwidth:Me,varheight:Pe,winwidth:Re,winheight:De,observetype:$e,durationfollow:ze,additive:Ge,tolerance:Le,addspeedX:Ue,addspeedY:He,videoplay:We,scrollcontainer:Ve,easecustom:qe,maxX:Ye,scrollernav:Xe,color:Je,clipInit:Ze,clipFinal:Ke,customProps:Qe,customPropsM:et,mousefollowBound:tt},children:at}=t;let lt="";n.color&&(lt=Ft(n,"",lt));const nt=lt.replace("body {box-shadow:","").replace(";}",""),rt=Q?JSON.parse(Q):[];let st="";return"batch"==l&&(st="batch"),(0,e.createElement)("div",{id:a,className:"gs-gsap-wrap","data-x":r||null,"data-y":s||null,"data-z":i||null,"data-xo":o&&Number.isFinite(o)?o:null,"data-yo":c&&Number.isFinite(c)?c:null,"data-r":p&&Number.isFinite(p)||0===p?p:null,"data-rx":g&&Number.isFinite(g)||0===g?g:null,"data-ry":m&&Number.isFinite(m)||0===m?m:null,"data-s":d&&Number.isFinite(d)||0===d?d:null,"data-sx":u&&Number.isFinite(u)||0===u?u:null,"data-sy":b&&Number.isFinite(b)||0===b?b:null,"data-skewX":_&&Number.isFinite(_)||0===_?_:null,"data-skewY":f&&Number.isFinite(f)||0===f?f:null,"data-width":v||null,"data-height":y||null,"data-boxshadow":""!==nt?nt:null,"data-o":h||0===h?h:null,"data-bg":E||null,"data-color":Je||null,"data-clippath":Ke||null,"data-customprops":Qe?JSON.stringify(Qe):null,"data-custompropsM":et?JSON.stringify(et):null,"data-origin":w||null,"data-ease":x||null,"data-delay":C&&Number.isFinite(C)?C:null,"data-duration":k&&Number.isFinite(k)?k:null,"data-repeatdelay":N?"yes":null,"data-yoyo":S?"yes":null,"data-loop":B?"yes":null,"data-strandom":T?"yes":null,"data-text":"text_transformations"===l?j:null,"data-svgdraw":"svg_line_draw"===l?"yes":null,"data-stagger":"stagger_transformations"===l?I:null,"data-stchild":"stagger_transformations"===l&&A?"yes":null,"data-triggertype":st||F,"data-customtrigger":M||null,"data-customobject":P||null,"data-triggerstart":R||null,"data-triggerend":D||null,"data-triggerscrub":$&&Number.isFinite($)?$:null,"data-pinned":z?"yes":null,"data-pinreparent":G?"yes":null,"data-pinspace":L?"yes":null,"data-triggeraction":U||null,"data-triggersnap":H&&Number.isFinite(H)?H:null,"data-path":"svg_motion_path"===l&&W?W:null,"data-path-align":"svg_motion_path"===l&&V?V:null,"data-path-orient":"svg_motion_path"===l&&q?"yes":null,"data-path-alignx":"svg_motion_path"===l&&Y?Y:null,"data-path-aligny":"svg_motion_path"===l&&X?X:null,"data-path-start":"svg_motion_path"===l&&J?J:null,"data-path-end":"svg_motion_path"===l&&Z?Z:null,"data-morphstart":"svg_morph"===l&&ae?ae:null,"data-morphend":"svg_morph"===l&&te?te:null,"data-morphorigin":"svg_morph"===l&&le?le:null,"data-batchint":K,"data-batchchild":"batch"===l&&ie?ie:null,"data-batchrandom":"batch"===l&&re?re:null,"data-batchonce":"batch"===l&&se?se:null,"data-multianimations":rt.length?JSON.stringify(rt):null,"data-stdelay":O&&Number.isFinite(O)?O:null,"data-from":ee?"yes":null,"data-multikeyframes":ne?"yes":null,"data-prehidden":(1!=h&&0!==h||!ee||"svg_motion_path"===l)&&!oe||t.editor?null:1,"data-variable1":ce||null,"data-variable2":pe||null,"data-variable3":ge||null,"data-variable4":me||null,"data-variable1value":de||null,"data-variable2value":ue||null,"data-variable3value":be||null,"data-variable4value":he||null,"data-xM":_e||null,"data-yM":fe||null,"data-zM":ve||null,"data-xoM":ye&&Number.isFinite(ye)?ye:null,"data-yoM":Ee&&Number.isFinite(Ee)?Ee:null,"data-rM":we&&Number.isFinite(we)?we:null,"data-rxM":xe&&Number.isFinite(xe)?xe:null,"data-ryM":Ce&&Number.isFinite(Ce)?Ce:null,"data-sM":ke&&Number.isFinite(ke)?ke:null,"data-sxM":Ne&&Number.isFinite(Ne)?Ne:null,"data-syM":Se&&Number.isFinite(Se)?Se:null,"data-skewXM":Te&&Number.isFinite(Te)?Te:null,"data-skewYM":Ae&&Number.isFinite(Ae)?Ae:null,"data-oM":Be||0===Be?Be:null,"data-usemobile":je?"yes":null,"data-triggerstartM":Ie||null,"data-triggerendM":Oe||null,"data-scroller":Fe||null,"data-varwidth":Me||null,"data-varheight":Pe||null,"data-winwidth":Re||null,"data-winheight":De||null,"data-observetype":$e||null,"data-additive":Ge||null,"data-durationfollow":ze||null,"data-mousefollowbound":tt||null,"data-tolerance":Le||null,"data-addspeedX":Ue||null,"data-addspeedY":He||null,"data-maxx":Ye||null,"data-easecustom":qe&&"custom"==x?qe:null,"data-videoplay":We?"yes":null,"data-scrollcontainer":Ve?"yes":null,"data-scrollernav":Xe?"yes":null},at)},Pt=t=>{let{child:a,props:l}=t;const{attributes:{parallax_speedX:n,parallax_speedY:r,parallax_reverse_direction:s,parallax_start:i,parallax_end:o}}=l;return(0,e.createElement)("div",{className:"gs-gsap-parallax","data-speedx":n,"data-speedy":r,"data-start":i||null,"data-end":o||null,"data-from":s?"yes":null},a)},Rt=t=>{let{child:a,props:l}=t;const{attributes:{prlx_tilt:n,prlx_xy:r,prlx_x:s,prlx_y:i,prlx_cur:o,prlx_reset:c}}=l;return(0,e.createElement)("div",{className:"gs-prlx-mouse","data-prlx-cur":o?"yes":null,"data-prlx-rest":c&&o?"yes":null,"data-prlx-xy":r,"data-prlx-x":s||null,"data-prlx-y":i||null,"data-prlx-tilt":n},a)},Dt=t=>{let{child:a,props:l}=t;const{attributes:{reveal_dir:n,reveal_speed:r,reveal_delay:s,reveal_bg:i,reveal_enabled:o,backgroundReveal:c,reveal_clip:p,reveal_ease:g},editor:m}=l;return(0,e.createElement)("div",{className:"gs-reveal-wrap","data-ease":g||null,style:{position:"relative",display:"inline-block"}},(0,e.createElement)("div",{className:"gs-reveal-cont","data-revealclip":p||null,"data-reveal-dir":p?n:null,"data-reveal-speed":p?r:null,"data-reveal-delay":p?s:null},a),o&&!p&&(0,e.createElement)("div",{"data-reveal-dir":n,"data-reveal-speed":r,"data-reveal-delay":s,"data-reveal-bg":c.color||i,"data-reveal-bgimage":c.gradient&&"Gradient"==c.backgroundState?c.gradient:null,className:"gs-reveal-block",style:{position:"absolute",top:0,right:0,bottom:0,left:0,width:"100%",pointerEvents:"none"}}))},{ConditionalWrapper:$t}=gspblib.components,{gspb_spacing_cssGen:zt,gspb_responsive_cssGen:Gt,gspb_position_cssGen:Lt,gspb_csstransform_cssGen:Ut,gspb_background_cssGen:Ht,gspb_width_cssGen:Wt,gspb_flex_cssGen:Vt,gspb_Css_Final:qt}=gspblib.utilities,{gspb_cssGen:Yt}=gspblib.helpers,Xt=a=>{const{attributes:{id:l,inlineCssStyles:n,scroll_parallax_enabled:r,mouse_move_enabled:s,reveal_enabled:i,responsive:o,position:c,csstransform:p,spacing:g,textmask:m,backgroundBlock:d,observetype:u,customtrigger:b,text:h,blockWidth:_,triggertype:f,flexAlign:v,animation_type:y,o:E,set_from:w,stchild:x,stagger:C,batchchild:k,reveal_clip:N,reveal_dir:S,flexbox:B,clipInit:T,mousefollowBound:A,mousefollowIndex:j},isChange:I,clientId:O,className:F}=a;let M,P=`gspb_gsap-${l}`,R="#"+P;M=Gt(o,R,M),M=Lt(c,"body.gspb-bodyfront "+R,M),M=Vt(B,"body.gspb-bodyfront "+R+" > .gs-gsap-wrap",M,!1),M=Ut(p,R,M,R),M=zt(g,R,M),M=Wt(_,`${R}, body.gspb-bodyfront ${R} > .gs-gsap-wrap`,M),M=Ht(d,R,M),v&&(M=Yt(R,["align-items","display","flex-direction"],[v,"flex","column"],M),M=Yt(`${R} .gs-gsap-wrap`,["position"],["relative"],M)),"stagger_transformations"==y?1!=E&&0!==E||!w||(x?M+=`body.gspb-bodyfront ${R} .gs-gsap-wrap > *{visibility:hidden}`:C&&(M+=`body.gspb-bodyfront ${R} ${C}{visibility:hidden}`)):"batch"==y?1!=E&&0!==E||!w||(k?M+=`body.gspb-bodyfront ${R} .gs-gsap-wrap > *{visibility:hidden}`:b&&(M+=`body.gspb-bodyfront ${R} ${b}{visibility:hidden}`)):M+="[data-prehidden], body.gspb-bodyfront .gs-prehidden{visibility:hidden}","mousefollow"!=f?M+=`${R}{perspective:500px}`:(b&&"window"!=b&&(M+=`${b}{perspective:inherit !important}`),M+=`${R} .gs-gsap-wrap{position:${A?"absolute":"fixed"};top:0;left:0;z-index:${j||0===j?j:"99999"};pointer-events:none;visibility:hidden}`),!m||"words"!=h&&"chars"!=h||("chars"==h?M+=`${R} .gsap-g-word{overflow:hidden; vertical-align:top}`:"words"==h&&(M+=`${R} .gsap-g-line{overflow:hidden; vertical-align:top}`),M+=`${R} .gsap-g-char{vertical-align:text-top}`),"drag"!=u&&"dragtoggle"!=u||b||(M+=`${R}{cursor:drag}`),i&&N&&(M+="tb"==S?`${R} .gs-reveal-cont{clip-path: inset(0% 0% 100% 0%)}`:"bt"==S?`${R} .gs-reveal-cont{clip-path: inset(100% 0% 0% 0%)}`:"rl"==S?`${R} .gs-reveal-cont{clip-path: inset(0% 0% 0% 100%)}`:`${R} .gs-reveal-cont{clip-path: inset(0% 100% 0% 0%)}`),T&&(M+=`${R} .gs-gsap-wrap{clip-path: ${T}}`),qt(l,M,a);let D=M;A&&"mousefollow"==f&&(D=Yt("#block-"+O,["position"],["static"],M)),D=Lt(c,"#block-"+O,D),D=Vt(B,`${R} > .gs-gsap-wrap > .block-editor-inner-blocks > .block-editor-block-list__layout`,D),D=Wt(_,`${R} > .gs-gsap-wrap > .block-editor-inner-blocks > .block-editor-block-list__layout`,D);const $={className:F&&"wp-block-greenshift-blocks-animation-container"!=F?F:null};return(0,e.createElement)("div",t({id:P},$),(0,e.createElement)($t,{condition:s,wrapper:t=>(0,e.createElement)(Rt,{props:a,child:t})},(0,e.createElement)($t,{condition:r,wrapper:t=>(0,e.createElement)(Pt,{props:a,child:t})},(0,e.createElement)($t,{condition:i,wrapper:t=>(0,e.createElement)(Dt,{child:t,props:a})},(0,e.createElement)(Mt,a)))),a.editor?(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:D}}):null)},{__:Jt}=wp.i18n,Zt=t=>{const{attributes:{scroll_parallax_enabled:a,parallax_speedX:l,parallax_speedY:n,parallax_start:s,parallax_end:i},setAttributes:o}=t;return(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Jt("Enable scroll parallax effect","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:a,onChange:e=>o({scroll_parallax_enabled:e})}))),a&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>o({parallax_speedY:parseFloat(e)}),label:Jt("Speed Y","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,step:.1,value:n})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>o({parallax_speedX:parseFloat(e)}),label:Jt("Speed X","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,step:.1,value:l})),(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Jt("For reverse direction - set negative values.","greenshiftgsap")," ",Jt("Check documentation for available values","greenshiftgsap")," - ",(0,e.createElement)("a",{href:"https://greensock.com/docs/v3/Plugins/ScrollTrigger",target:"_blank"}," ScrollTrigger Docs ")),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Jt("Trigger start","greenshiftgsap")),(0,e.createElement)(r.TextControl,{value:s,onChange:e=>o({parallax_start:e}),help:Jt("Default is top bottom, which means that it starts when object top area will be visible at bottom part of browser. If your object in first screen, we recommend to set value as 0","greenshiftgsap")})),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Jt("Trigger end","greenshiftgsap")),(0,e.createElement)(r.TextControl,{value:i,onChange:e=>o({parallax_end:e}),help:Jt("Default is bottom top, which means that it ends when object bottom area will hit top part of browser","greenshiftgsap")}))))},{__:Kt}=wp.i18n,Qt=t=>{const{attributes:{mouse_move_enabled:a,prlx_tilt:l,prlx_xy:n,prlx_x:s,prlx_y:i,prlx_cur:o,prlx_reset:c},setAttributes:p}=t;return(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Kt("Enable mouse move effect"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:a,onChange:e=>p({mouse_move_enabled:e})}))),a&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Kt("Bounds by Object"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:o,onChange:e=>p({prlx_cur:e})}))),o&&(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Kt("Restore on Mouse Leave"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:c,onChange:e=>p({prlx_reset:e})}))),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p({prlx_xy:parseFloat(e)}),label:Kt("Strength for x"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,max:500,step:.1,value:s})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p({prlx_xy:parseFloat(e)}),label:Kt("Strength for x and y"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,max:500,step:.1,value:i})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p({prlx_tilt:parseFloat(e)}),label:Kt("Strength for tilt"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,max:200,step:.1,value:l}))))},{__:ea}=wp.i18n,{GsbpFormLabel:ta}=gspblib.components,{Background:aa}=gspblib.collections,la=a=>{const{attributes:{reveal_enabled:l,reveal_dir:n,reveal_speed:s,reveal_delay:i,reveal_bg:o,reveal_clip:c,reveal_ease:p},setAttributes:g}=a;return(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},ea("Enable reveal","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:l,onChange:e=>g({reveal_enabled:e})}))),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},ea("Use Clip Reveal","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:c,onChange:e=>g({reveal_clip:e})})))),l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--6"},(0,e.createElement)(ta,{title:ea("Direction: "),clearFun:()=>g({reveal_dir:null})})),(0,e.createElement)("div",{className:"gspb_row__col--6"},(0,e.createElement)(r.SelectControl,{value:n,options:[{label:ea("Left to Right"),value:"lr"},{label:ea("Right to Left"),value:"rl"},{label:ea("Top to Bottom"),value:"tb"},{label:ea("Bottom to top"),value:"bt"}],onChange:e=>g({reveal_dir:e})}))),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>g({reveal_speed:parseFloat(e)}),label:ea("Speed"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:.1,max:100,step:.1,value:s})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>g({reveal_delay:parseFloat(e)}),label:ea("Delay"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:.1,max:10,step:.1,value:i})),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--8",style:{padding:0}},(0,e.createElement)(ta,{title:ea("Ease type"),clearFun:()=>g({reveal_ease:null})})),(0,e.createElement)("div",{className:"gspb_row__col--4",style:{padding:0}},(0,e.createElement)(r.SelectControl,{value:p,options:ee,onChange:e=>g({reveal_ease:e})}))),!c&&(0,e.createElement)(aa,t({attributeName:"backgroundReveal",exclude:["video","opacity","hover","mixblend","parallax"]},a))))},{__:na}=wp.i18n,{GsbpFormLabel:ra,StylesforBlock:sa,RuleBuilder:ia}=gspblib.components,oa=t=>{const{attributes:{strandom:a,triggertype:l,customtrigger:n,customobject:s,triggerstart:i,triggerend:o,triggerscrub:c,pinned:p,pinspace:g,pinReparent:m,triggeraction:d,triggersnap:u,batchint:b,animation_type:h,prehide:_,scroller:f,scrollernav:v,observetype:y,durationfollow:E,additive:w,tolerance:x,addspeedX:C,addspeedY:k,scrollcontainer:N,maxX:S,mousefollowBound:B,mousefollowIndex:T},setAttributes:A}=t;let j=(0,e.createElement)("div",{className:"gspb_inspector_advancedOptionsWrraper gspb_inspector",style:{minWidth:220}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},na("Custom Scroller object","greenshiftgsap")),(0,e.createElement)(r.TextControl,{value:f,onChange:e=>A({scroller:e}),help:na("By default, plugin will use window scroll tracking, but if you have blocks with own scroll, you can set scroll object with id(use #) or class (use .) here","greenshiftgsap")}),"batch"!=l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},na("Trigger actions","greenshiftgsap")),(0,e.createElement)(r.TextControl,{value:d,onChange:e=>A({triggeraction:e}),help:na("Determines how the linked animation is controlled at the 4 distinct toggle places - onEnter, onLeave, onEnterBack, and onLeaveBack. Possible values: play, pause, resume, reset, restart, complete, reverse, and none. Default is: play pause resume reset","greenshiftgsap")})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row",help:na("Formula: 1 / (number of section - 1). Snap are working only on frontend part of site","greenshiftgsap")},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>A({triggersnap:parseFloat(e)}),label:na("Scroll snap","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:.1,min:0,max:1,step:.01,value:u})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row",help:na("Use this option if your animation is part of Horizontal Section Scroll block","greenshiftgsap")},(0,e.createElement)(r.ToggleControl,{label:na("Horizontal scroll?","greenshiftgsap"),checked:N,onChange:e=>A({scrollcontainer:e})})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row",help:na("Use this option if your animation is part of Page Navigation block","greenshiftgsap")},(0,e.createElement)(r.ToggleControl,{label:na("Is Page Nav Block?","greenshiftgsap"),checked:v,onChange:e=>A({scrollernav:e})}))));return(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},"batch"!=h&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{style:{marginTop:15,marginBottom:5}},na("Select trigger type","greenshift-animation-and-page-builder-blocks")),(0,e.createElement)(sa,{columns:3,value:l,onChange:e=>A({triggertype:e}),options:[{value:"scroll",icon:"rhicon rhi-paper-plane",label:na("Scroll","greenshift-animation-and-page-builder-blocks")},{value:"load",icon:"rhicon rhi-hourglass1",label:na("On Load","greenshift-animation-and-page-builder-blocks")},{value:"observe",icon:"rhicon rhi-cog",label:na("Observer","greenshift-animation-and-page-builder-blocks")},{value:"batch",icon:"rhicon rhi-layers",label:na("Batch","greenshift-animation-and-page-builder-blocks")},{value:"hover",icon:"rhicon rhi-pointer-right",label:na("Hover","greenshift-animation-and-page-builder-blocks")},{value:"click",icon:"rhicon rhi-arrow-right",label:na("Click","greenshift-animation-and-page-builder-blocks")},{value:"toggleclick",icon:"rhicon rhi-arrows-h",label:na("Toggle Click","greenshift-animation-and-page-builder-blocks")},{value:"slidechange",icon:"rhicon rhi-arrow-square-right",label:na("Slide Change","greenshift-animation-and-page-builder-blocks")},{value:"mousefollow",icon:"rhicon rhi-anchor",label:na("Mouse Follow","greenshift-animation-and-page-builder-blocks")}]})),"observe"==l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},na("Observe type","greenshiftgsap")),(0,e.createElement)(r.SelectControl,{value:y,help:na("Touch, scroll and drag types are working only on frontend part of site. Observer works on block itself, you can set custom trigger. If you want to observe whole window, use word - window, as custom trigger ","greenshiftgsap"),options:[{label:na("Select","greenshiftgsap"),value:null},{label:na("Scroll Down","greenshiftgsap"),value:"down"},{label:na("Scroll Up","greenshiftgsap"),value:"up"},{label:na("Scroll Down and reverse on Up","greenshiftgsap"),value:"downtoggle"},{label:na("Scroll Up and reverse on Down","greenshiftgsap"),value:"uptoggle"},{label:na("Scroll Left","greenshiftgsap"),value:"left"},{label:na("Scroll Right","greenshiftgsap"),value:"right"},{label:na("Scroll Left and reverse on Right","greenshiftgsap"),value:"lefttoggle"},{label:na("Scroll Right and reverse on Left","greenshiftgsap"),value:"righttoggle"},{label:na("Drag","greenshiftgsap"),value:"drag"},{label:na("Drag and reverse on release","greenshiftgsap"),value:"dragtoggle"},{label:na("Click","greenshiftgsap"),value:"click"},{label:na("Press","greenshiftgsap"),value:"press"},{label:na("Press and reverse on release","greenshiftgsap"),value:"presstoggle"},{label:na("Hover","greenshiftgsap"),value:"hover"},{label:na("Hover and reverse on release","greenshiftgsap"),value:"hovertoggle"},{label:na("On Change with Speed synchronized","greenshiftgsap"),value:"onchange"}],onChange:e=>A({observetype:e})}),"onchange"!=y&&(0,e.createElement)(r.BaseControl,{className:"gs-label-row",help:na("This will add animation on each step","greenshiftgsap")},(0,e.createElement)(r.ToggleControl,{label:na("Additive mode","greenshiftgsap"),checked:w,onChange:e=>A({additive:e})})),"onchange"==y&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{class:"gspb_row__col--6"},(0,e.createElement)(r.BaseControl,{help:na("Speed multiplier X","greenshiftgsap")},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>A({addspeedX:parseFloat(e)}),label:na("X","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:.1,min:.005,max:1,step:.001,value:C}))),(0,e.createElement)("div",{class:"gspb_row__col--6"},(0,e.createElement)(r.BaseControl,{help:na("Speed multiplier Y","greenshiftgsap")},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>A({addspeedY:parseFloat(e)}),label:na("Y","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:.1,min:.005,max:1,step:.001,value:k})))),(0,e.createElement)(r.TextControl,{value:S,label:na("Maximum X value","greenshiftgsap"),onChange:e=>A({maxX:e}),help:na("You can clamp maximum transformed value for X axis. Place number here or use placeholders {WIDTH} - width of object, {WINDOW} - width of window, {WIDTH/2} half width of object","greenshiftgsap")})),(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>A({tolerance:parseFloat(e)}),label:na("Minimum pixel movement to trigger","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,min:0,max:500,step:1,value:x}))),"mousefollow"==l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb-alert gspb-warning"},na("Everything which you put inside this block will be used as Mouse pointer. By default, this will work on whole window but you can set custom trigger (this will make custom cursor only over this trigger) and custom object class (which will be used as pointer). Animations which you set in general options will be used when user clicks over trigger and will be reversed when user release pointer. If you enable clip by object, make sure that your custom trigger has position relative or absolute.","greenshiftgsap")),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>A({durationfollow:parseFloat(e)}),label:na("Follow speed","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:.1,max:1,step:.01,value:E})),(0,e.createElement)(r.ToggleControl,{label:na("Clip by object","greenshiftgsap"),checked:B,onChange:e=>A({mousefollowBound:e})}),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>A({mousefollowIndex:parseInt(e)}),label:na("Custom Z index","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,min:-1,max:1e10,step:1,value:T})),(0,e.createElement)("div",{style:{marginTop:15}})),("scroll"===l||"batch"===l)&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},na("Trigger start","greenshiftgsap")),(0,e.createElement)(r.TextControl,{value:i,onChange:e=>A({triggerstart:e}),help:(0,e.createElement)((()=>(0,e.createElement)(e.Fragment,null,na("Check documentation for available values","greenshiftgsap")," - ",(0,e.createElement)("a",{href:"https://greensock.com/docs/v3/Plugins/ScrollTrigger",target:"__blank"}," ScrollTrigger Docs "))),null)})),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},na("Trigger end","greenshiftgsap")),(0,e.createElement)(r.TextControl,{value:o,onChange:e=>A({triggerend:e}),help:na("By default, trigger scroll end is set to bottom point of element, but you can change this. Example: +=300 will set end of trigger as 300px after start","greenshiftgsap")})),"batch"!==l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(e.Fragment,null,(0,e.createElement)(ra,{title:na("Interpolate animation by Scroll","greenshiftgsap"),clearFun:()=>A({triggerscrub:null})}),(0,e.createElement)("div",null),(0,e.createElement)(r.RangeControl,{value:c,trackColor:"#2184f9",onChange:e=>A({triggerscrub:parseFloat(e)}),min:.1,max:5,help:na("By default, scroll will trigger full animation. If you want to play animation by scrolling, place here number of seconds for feedback. Better to check how it works on Frontend. Recommended value for interpolation is 1.","greenshiftgsap")})))),"load"!==l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb-selector-input-with-text"},(0,e.createElement)(r.TextControl,{value:n,onChange:e=>A({customtrigger:e}),label:na("batch"==l?"Custom class for Batch scroll":"Selector for custom trigger","greenshiftgsap")}),(0,e.createElement)("div",{className:"gspb-selector-popup-in-textfield"},(0,e.createElement)(ia,{enableJS:!1,enableTriggerIndex:!1,hoverClasses:!1,currentLayer:!1,applyStyle:e=>{A({customtrigger:e})}},(0,e.createElement)("i",{className:"rhicon rhi-cog"})))),(0,e.createElement)(r.BaseControl,{help:na("By default, trigger will be block itself, but you can set custom trigger. Use .class or #id of element to search globally OR div.class, img, button to search selector inside current container.","greenshiftgsap")})),"batch"!==l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb-selector-input-with-text"},(0,e.createElement)(r.TextControl,{label:na("Object where to add animation","greenshiftgsap"),value:s,onChange:e=>A({customobject:e})}),(0,e.createElement)("div",{className:"gspb-selector-popup-in-textfield"},(0,e.createElement)(ia,{enableJS:!1,enableTriggerIndex:!1,hoverClasses:!1,currentLayer:!1,applyStyle:e=>{A({customobject:e})}},(0,e.createElement)("i",{className:"rhicon rhi-cog"})))),(0,e.createElement)(r.BaseControl,{help:na("By default, will be applied to current object but you can apply to custom object. Use .class or #id of element to search globally OR div.class, img, button to search selector inside current container","greenshiftgsap")})),("scroll"===l||"batch"===l)&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col",style:{marginTop:"10px",width:"100%"}},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{display:"flex",alignItems:"center"}},(0,e.createElement)("div",null,na("Advanced Scroll options","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2"},(0,e.createElement)(r.Dropdown,{position:"bottom left",renderToggle:t=>{let{onToggle:a}=t;return(0,e.createElement)("div",null,(0,e.createElement)("button",{className:"components-button components-icon-button components-toolbar__control",style:{color:f||d||u||v||N?"#2184f9":"#111111"},onClick:a},(0,e.createElement)("i",{class:"rhicon rhi-cog",style:{margin:"auto",fontSize:"20px"}})))},renderContent:e=>{let{onToggle:t}=e;return j}})))),"mousefollow"!=l&&(0,e.createElement)(r.BaseControl,{className:"gs-label-row",help:na("This helps to fix flickering on loading in some situation when your block is in first screen","greenshiftgsap")},(0,e.createElement)("hr",{style:{marginBottom:18,marginTop:10}}),(0,e.createElement)(r.ToggleControl,{label:na("Hide on Init","greenshiftgsap"),checked:_,onChange:e=>A({prehide:e})})))},{GsbpFormLabel:ca,RadioAdvanced:pa}=gspblib.components,ga=t=>{const{attributes:{ease:a,delay:l,duration:n,yoyo:s,loop:i,repeatdelay:o,set_from:c,easecustom:p},setAttributes:g}=t;return(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>g({duration:parseFloat(e)}),label:(0,te.__)("Duration"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:.1,max:120,step:.1,value:n})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>g({delay:parseFloat(e)}),label:(0,te.__)("Delay"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:.1,max:20,step:.1,value:l})),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--8",style:{padding:0}},(0,e.createElement)(ca,{title:(0,te.__)("Ease type"),clearFun:()=>g({ease:null})})),(0,e.createElement)("div",{className:"gspb_row__col--4",style:{padding:0}},(0,e.createElement)(r.SelectControl,{value:a,options:ee,onChange:e=>g({ease:e})}))),"custom"==a&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.TextControl,{value:p,label:(0,te.__)("Add custom ease coordinates","greenshiftgsap"),onChange:e=>g({easecustom:e})}),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)("a",{href:"https://greensock.com/customease/",target:"_blank"},(0,te.__)("Get coordinates","greenshiftgsap")))),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Enable infinite"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px",padding:0}},(0,e.createElement)(r.ToggleControl,{checked:i,onChange:e=>g({loop:e})}))),i&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Enable Yoyo style"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:s,onChange:e=>g({yoyo:e})}))),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Enable delay between animations"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:o,onChange:e=>g({repeatdelay:e})})))),(0,e.createElement)("div",{style:{marginTop:"5px"}}),(0,e.createElement)(pa,{value:c,label:(0,te.__)("Set Direction","greenshiftgsap"),fluid:"",onChange:e=>{g({set_from:e})},options:[{label:"From",value:!0,title:(0,te.__)("From Value")},{label:"To",value:!1,title:(0,te.__)("To Value")}]})))},{Shadow:ma}=gspblib.collections,{GsbpFormLabel:da,OptionsGroupSet:ua,StylesforBlock:ba,BlpgeColorPicker:ha,RadioAdvanced:_a,UnitControl:fa,AddRemoveItemButton:va}=gspblib.components,ya=a=>{const{attributes:{animation_type:l,x:n,y:s,z:i,xo:o,yo:c,r:p,rx:g,ry:m,s:d,sx:u,sy:b,o:h,background:_,origin:f,custom_origin:v,strandom:y,stchild:E,text:w,stagger:x,stdelay:C,path:k,path_align:N,path_orient:S,path_align_x:B,path_align_y:T,path_start:A,path_end:j,morphend:I,morphstart:O,morphorigin:F,id:M,batchint:P,batchchild:R,batchrandom:D,customtrigger:$,batchonce:z,textmask:G,skewX:L,skewY:U,xM:H,yM:W,zM:V,xoM:q,yoM:Y,rM:X,rxM:J,ryM:Z,sM:K,sxM:Q,syM:ee,oM:ae,skewXM:le,skewYM:ne,useMobile:re,triggerstartM:se,triggerendM:ie,varwidth:oe,varheight:ce,winwidth:pe,winheight:ge,videoplay:me,color:de,clipInit:ue,clipFinal:be,customProps:he,customPropsM:_e},setAttributes:fe}=a;let ve=(0,e.createElement)("div",{className:"gspb_inspector_advancedOptionsWrraper gspb_inspector",style:{minWidth:220}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--9"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Mobile Options","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:re,onChange:e=>fe({useMobile:e})}))),(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(fa,{units:[{value:"px",label:"px"},{value:"%",label:"%"},{value:"em",label:"em"},{value:"rem",label:"rem"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"ch",label:"ch"}],onChange:e=>fe({xM:e}),label:(0,te.__)("Shift X","greenshiftgsap"),value:H}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(fa,{units:[{value:"px",label:"px"},{value:"%",label:"%"},{value:"em",label:"em"},{value:"rem",label:"rem"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"ch",label:"ch"}],onChange:e=>fe({yM:e}),label:(0,te.__)("Y"),value:W}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(fa,{units:[{value:"px",label:"px"},{value:"%",label:"%"},{value:"em",label:"em"},{value:"rem",label:"rem"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"ch",label:"ch"}],onChange:e=>fe({zM:e}),label:(0,te.__)("Z"),value:V})))),(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({rM:parseInt(e)}),label:(0,te.__)("Rotation","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:X}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({rxM:parseInt(e)}),label:(0,te.__)("X"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:J}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({ryM:parseInt(e)}),label:(0,te.__)("Y"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:Z})))),(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({sM:parseFloat(e)}),label:(0,te.__)("Scale","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,max:30,step:.1,value:K}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({sxM:parseFloat(e)}),label:(0,te.__)("X"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,max:30,step:.1,value:Q}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({syM:parseFloat(e)}),label:(0,te.__)("Y"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,max:30,step:.1,value:ee})))),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({oM:parseInt(e)}),label:(0,te.__)("Opacity","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,min:0,step:1,max:100,value:ae})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({xoM:parseInt(e)}),label:(0,te.__)("X (%)","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:q})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({yoM:parseInt(e)}),label:(0,te.__)("Y (%)","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:Y})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({skewXM:parseInt(e)}),label:(0,te.__)("Skew X","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:le})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({skewYM:parseInt(e)}),label:(0,te.__)("Skew Y","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:ne})),(0,e.createElement)("hr",{style:{margin:"1em 0"}}),_e&&_e.map(((t,a)=>(0,e.createElement)("div",{className:"gspb_row gspb_row--gutter-20",style:{marginBottom:5}},(0,e.createElement)("div",{className:"gspb_row__col--6",style:{padding:0}},(0,e.createElement)(r.TextControl,{value:t.name,autocomplete:"off",onChange:e=>{let t=_e?_e.slice():[];t[a].name=e,fe({customPropsM:t})},placeholder:(0,te.__)("Property name","greenshift-animation-and-page-builder-blocks")})),(0,e.createElement)("div",{className:"gspb_row__col--6",style:{padding:0}},(0,e.createElement)(r.TextControl,{value:t.value,autocomplete:"off",onChange:e=>{let t=_e?_e.slice():[];t[a].value=e,fe({customPropsM:t})},placeholder:(0,te.__)("Property value","greenshift-animation-and-page-builder-blocks")}))))),(0,e.createElement)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},className:"gspb_nomargin_component"},(0,e.createElement)("span",null,(0,te.__)("Add custom","greenshift-animation-and-page-builder-blocks")),(0,e.createElement)(va,{handleAddClick:()=>{let e=_e?_e.slice():[];e.push({name:"",value:""}),fe({customPropsM:e})},handleRemoveClick:()=>{let e=_e?_e.slice():[];e.pop(),fe({customPropsM:e})}})),(0,e.createElement)("div",{style:{marginTop:10}}),(0,e.createElement)("hr",{style:{marginBottom:15,marginTop:15}}),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Trigger start","greenshiftgsap")),(0,e.createElement)(r.TextControl,{value:se,onChange:e=>fe({triggerstartM:e})})),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Trigger end")),(0,e.createElement)(r.TextControl,{value:ie,onChange:e=>fe({triggerendM:e})})),(0,e.createElement)("div",{style:{marginTop:10}},(0,te.__)("Mobile options currently work only on frontend side","greenshiftgsap"))),ye=(0,e.createElement)("div",{style:{minWidth:220}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Attach width of element","greenshift")," "),(0,e.createElement)(_a,{value:oe,label:"",fluid:"yes",onChange:e=>{fe({varwidth:e})},options:[{label:"No",value:null,title:(0,te.__)("No","greenshift")},{label:"+ Width",value:"width",title:(0,te.__)("Attach Width","greenshift")},{label:"- Width",value:"minuswidth",title:(0,te.__)("Attach Negative width","greenshift")}]}),(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Attach width of window","greenshift")," "),(0,e.createElement)(_a,{value:pe,label:"",fluid:"yes",onChange:e=>{fe({winwidth:e})},options:[{label:"No",value:null,title:(0,te.__)("No","greenshift")},{label:"+ Width",value:"width",title:(0,te.__)("Attach Width","greenshift")},{label:"- Width",value:"minuswidth",title:(0,te.__)("Attach Negative width","greenshift")}]})),Ee=(0,e.createElement)("div",{style:{minWidth:220}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Attach height of element","greenshift")," "),(0,e.createElement)(_a,{value:ce,label:"",fluid:"yes",onChange:e=>{fe({varheight:e})},options:[{label:"No",value:null,title:(0,te.__)("No","greenshift")},{label:"+ Height",value:"height",title:(0,te.__)("Attach Height","greenshift")},{label:"- Height",value:"minusheight",title:(0,te.__)("Attach Negative Height","greenshift")}]}),(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Attach height of window","greenshift")," "),(0,e.createElement)(_a,{value:ge,label:"",fluid:"yes",onChange:e=>{fe({winheight:e})},options:[{label:"No",value:null,title:(0,te.__)("No","greenshift")},{label:"+ Height",value:"height",title:(0,te.__)("Attach Height","greenshift")},{label:"- Height",value:"minusheight",title:(0,te.__)("Attach Negative Height","greenshift")}]}));return(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)("div",null,(0,te.__)("Select type","greenshiftgsap")),(0,e.createElement)(ba,{columns:3,value:l,onChange:e=>fe({animation_type:e}),options:[{value:"regular",svg:xt,label:(0,te.__)("Transform","greenshiftgsap")},{value:"stagger_transformations",svg:kt,label:(0,te.__)("Stagger","greenshiftgsap")},{value:"text_transformations",svg:Ct,label:(0,te.__)("Inner Text","greenshiftgsap")},{value:"svg_motion_path",svg:St,label:(0,te.__)("SVG Path","greenshiftgsap")},{value:"svg_line_draw",svg:Nt,label:(0,te.__)("SVG draw","greenshiftgsap")},{value:"svg_morph",svg:Bt,label:(0,te.__)("Svg morph","greenshiftgsap")},{value:"batch",svg:Tt,label:(0,te.__)("BatchScroll","greenshiftgsap")}]}),(0,e.createElement)("hr",{style:{marginBottom:18,marginTop:10}}),"svg_motion_path"===l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(da,{title:(0,te.__)("Set path","greenshiftgsap"),clearFun:()=>fe({path:null})}),(0,e.createElement)(r.TextareaControl,{value:k,help:(0,te.__)("can be ID (place here id with #) or svg coordinates.","greenshiftgsap"),onChange:e=>fe({path:e})}),(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Align ID","greenshiftgsap")),(0,e.createElement)(r.TextControl,{value:N,onChange:e=>fe({path_align:e}),help:(0,te.__)("By default, element is alighned by itself, but you can set id of path of another element to align.","greenshiftgsap")}),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Orient along path","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:S,onChange:e=>fe({path_orient:e})}))),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({path_align_x:parseFloat(e)}),label:(0,te.__)("Align origin point X","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,step:.1,max:1,value:B})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({path_align_y:parseFloat(e)}),label:(0,te.__)("Align origin point Y","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,step:.1,max:1,value:T})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({path_start:parseFloat(e)}),label:(0,te.__)("Start point","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,step:.1,max:50,value:A})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({path_end:parseFloat(e)}),label:(0,te.__)("End point","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,step:.1,max:50,value:j})),(0,e.createElement)("hr",{style:{marginBottom:20,marginTop:30}})),"svg_morph"===l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(da,{title:(0,te.__)("Set SVG path of end morph","greenshiftgsap"),clearFun:()=>fe({morphend:null})}),(0,e.createElement)(r.TextareaControl,{value:I,help:(0,te.__)("can be ID (place here id with #) or svg path coordinates.","greenshiftgsap"),onChange:e=>fe({morphend:e})}),(0,e.createElement)(da,{title:(0,te.__)("Set ID of start shape","greenshiftgsap"),clearFun:()=>fe({morphstart:null})}),(0,e.createElement)(r.TextareaControl,{value:O,help:(0,te.__)("By default, all svg which you place inside container will be used as start shape. In this field you can set ID of path which you want to use as start point","greenshiftgsap"),onChange:e=>fe({morphstart:e})}),(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Custom origin")),(0,e.createElement)(r.TextControl,{value:F,onChange:()=>fe({morphorigin:value}),help:(0,te.__)("Default is: 50% 50%")}),(0,e.createElement)("hr",{style:{marginBottom:20,marginTop:20}})),"svg_line_draw"===l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",null,(0,te.__)("Please, add any svg with paths inside Container and enjoy animation","greenshiftgsap")),(0,e.createElement)("hr",{style:{marginBottom:20,marginTop:20}})),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20 gspb_right_abs_btn"},(0,e.createElement)("div",{className:"gspb_row__col--4"},(0,e.createElement)("div",{className:"gspb_small_btn_abs"},(0,e.createElement)(r.Dropdown,{position:"bottom left",renderToggle:t=>{let{onToggle:a}=t;return(0,e.createElement)("div",null,(0,e.createElement)("button",{className:"components-button components-icon-button components-toolbar__control",style:{color:oe?"#2184f9":"#111111"},onClick:a},(0,e.createElement)("i",{class:"rhicon rhi-cog",style:{margin:"auto",fontSize:"14px"}})))},renderContent:e=>{let{onToggle:t}=e;return ye}})),(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(fa,{units:[{value:"px",label:"px"},{value:"%",label:"%"},{value:"em",label:"em"},{value:"rem",label:"rem"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"ch",label:"ch"}],onChange:e=>fe({x:e}),label:(0,te.__)("Shift X","greenshiftgsap"),value:n}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)("div",{className:"gspb_small_btn_abs"},(0,e.createElement)(r.Dropdown,{position:"bottom left",renderToggle:t=>{let{onToggle:a}=t;return(0,e.createElement)("div",null,(0,e.createElement)("button",{className:"components-button components-icon-button components-toolbar__control",style:{color:ce?"#2184f9":"#111111"},onClick:a},(0,e.createElement)("i",{class:"rhicon rhi-cog",style:{margin:"auto",fontSize:"14px"}})))},renderContent:e=>{let{onToggle:t}=e;return Ee}})),(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(fa,{units:[{value:"px",label:"px"},{value:"%",label:"%"},{value:"em",label:"em"},{value:"rem",label:"rem"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"ch",label:"ch"}],onChange:e=>fe({y:e}),label:(0,te.__)("Y"),value:s}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(fa,{units:[{value:"px",label:"px"},{value:"%",label:"%"},{value:"em",label:"em"},{value:"rem",label:"rem"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"ch",label:"ch"}],onChange:e=>fe({z:e}),label:(0,te.__)("Z"),value:i})))),(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({r:parseInt(e)}),label:(0,te.__)("Rotation","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:p}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({rx:parseInt(e)}),label:(0,te.__)("X"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:g}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({ry:parseInt(e)}),label:(0,te.__)("Y"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:m})))),(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({s:parseFloat(e)}),label:(0,te.__)("Scale","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,max:1e3,step:.1,value:d}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({sx:parseFloat(e)}),label:(0,te.__)("X"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,max:1e3,step:.1,value:u}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({sy:parseFloat(e)}),label:(0,te.__)("Y"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,max:1e3,step:.1,value:b})))),(0,e.createElement)("div",{style:{marginBottom:15}},(0,e.createElement)("div",{style:{marginBottom:8}},(0,e.createElement)("div",{className:"gspb_right_abs_btn gspb_nomargin_components"},(0,e.createElement)("div",null,(0,e.createElement)("div",{className:"gspb_small_btn_abs",style:{cursor:"pointer",top:"-2px",right:0,margin:0,color:"#2084f9"}},(0,e.createElement)(r.DropdownMenu,{icon:"ellipsis",label:(0,te.__)("Presets","greenshift-animation-and-page-builder-blocks"),controls:[{title:(0,te.__)("Full","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipInit:"polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)"})},{title:(0,te.__)("Left zero","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipInit:"polygon(0 0, 0 0, 0 100%, 0% 100%)"})},{title:(0,te.__)("Right zero","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipInit:"polygon(100% 0, 100% 0, 100% 100%, 100% 100%)"})},{title:(0,te.__)("Top zero","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipInit:"polygon(100% 0, 0 0, 0 0, 100% 0)"})},{title:(0,te.__)("Bottom zero","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipInit:"polygon(100% 100%, 0 100%, 0 100%, 100% 100%)"})},{title:(0,te.__)("Middle Vertical zero","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipInit:"polygon(50% 0, 50% 0, 50% 100%, 50% 100%)"})},{title:(0,te.__)("Middle Horizontal zero","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipInit:"polygon(0 50%, 100% 50%, 100% 50%, 0 50%)"})},{title:(0,te.__)("Full Circle","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipInit:"circle(100% at 50% 50%)"})},{title:(0,te.__)("Middle Circle","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipInit:"circle(50% at 50% 50%)"})},{title:(0,te.__)("Zero Circle","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipInit:"circle(0% at 50% 50%)"})},{title:(0,te.__)("Rhombus","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipInit:"polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)"})},{title:(0,te.__)("Triangle","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipInit:"polygon(50% 0%, 0% 100%, 100% 100%)"})}]})),(0,e.createElement)(fa,{label:(0,te.__)("Clip Init","greenshift-animation-and-page-builder-blocks"),value:ue,excludedTypes:["size","spacing","color"],type:"textcontrol",onChange:e=>fe({clipInit:e})})))),(0,e.createElement)("div",null,(0,e.createElement)("div",{className:"gspb_right_abs_btn gspb_nomargin_components"},(0,e.createElement)("div",null,(0,e.createElement)("div",{className:"gspb_small_btn_abs",style:{cursor:"pointer",top:"-2px",right:0,margin:0,color:"#2084f9"}},(0,e.createElement)(r.DropdownMenu,{icon:"ellipsis",label:(0,te.__)("Presets","greenshift-animation-and-page-builder-blocks"),controls:[{title:(0,te.__)("Full","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipFinal:"polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)"})},{title:(0,te.__)("Left zero","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipFinal:"polygon(0 0, 0 0, 0 100%, 0% 100%)"})},{title:(0,te.__)("Right zero","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipFinal:"polygon(100% 0, 100% 0, 100% 100%, 100% 100%)"})},{title:(0,te.__)("Top zero","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipFinal:"polygon(100% 0, 0 0, 0 0, 100% 0)"})},{title:(0,te.__)("Bottom zero","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipFinal:"polygon(100% 100%, 0 100%, 0 100%, 100% 100%)"})},{title:(0,te.__)("Middle Vertical zero","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipFinal:"polygon(50% 0, 50% 0, 50% 100%, 50% 100%)"})},{title:(0,te.__)("Middle Horizontal zero","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipFinal:"polygon(0 50%, 100% 50%, 100% 50%, 0 50%)"})},{title:(0,te.__)("Full Circle","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipFinal:"circle(100% at 50% 50%)"})},{title:(0,te.__)("Middle Circle","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipFinal:"circle(50% at 50% 50%)"})},{title:(0,te.__)("Zero Circle","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipFinal:"circle(0% at 50% 50%)"})},{title:(0,te.__)("Rhombus","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipFinal:"polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)"})},{title:(0,te.__)("Triangle","greenshift-animation-and-page-builder-blocks"),onClick:()=>fe({clipFinal:"polygon(50% 0%, 0% 100%, 100% 100%)"})}]})),(0,e.createElement)(fa,{label:(0,te.__)("Clip Final","greenshift-animation-and-page-builder-blocks"),value:be,excludedTypes:["size","spacing","color"],type:"textcontrol",onChange:e=>fe({clipFinal:e})}))))),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({o:parseInt(e)}),label:(0,te.__)("Opacity","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,min:0,step:1,max:100,value:h})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({xo:parseInt(e)}),label:(0,te.__)("Translate X (%)","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:o})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({yo:parseInt(e)}),label:(0,te.__)("Translate Y (%)","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:c})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({skewX:parseInt(e)}),label:(0,te.__)("Skew X","greenshift"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:L})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({skewY:parseInt(e)}),label:(0,te.__)("Skew Y","greenshift"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:U})),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col",style:{marginTop:"10px",width:"100%"}},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{display:"flex",alignItems:"center"}},(0,e.createElement)("div",null,(0,te.__)("Use separate for mobile","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2"},(0,e.createElement)(r.Dropdown,{position:"bottom left",renderToggle:t=>{let{onToggle:a}=t;return(0,e.createElement)("div",null,(0,e.createElement)("button",{className:"components-button components-icon-button components-toolbar__control",style:{color:re?"#2184f9":"#111111"},onClick:a},(0,e.createElement)("i",{class:"rhicon rhi-cog",style:{margin:"auto",fontSize:"20px"}})))},renderContent:e=>{let{onToggle:t}=e;return ve}}))),"text_transformations"===l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("hr",{style:{marginBottom:20,marginTop:20}}),(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20",style:{alignItems:"flex-start"}},(0,e.createElement)("div",{class:"gspb_row__col--8"},(0,e.createElement)("span",null,(0,te.__)("Break type for text"))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.SelectControl,{value:w,options:[{label:(0,te.__)("Lines","greenshiftgsap"),value:"lines"},{label:(0,te.__)("Chars","greenshiftgsap"),value:"chars"},{label:(0,te.__)("Words","greenshiftgsap"),value:"words"}],onChange:e=>fe({text:e})}))),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({stdelay:parseFloat(e)}),label:(0,te.__)("Stagger delay","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,min:0,max:10,step:.01,value:C})),(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Enable random order","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:y,onChange:e=>fe({strandom:e})}))),("chars"==w||"words"==w)&&(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Enable text mask","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:G,onChange:e=>fe({textmask:e})})))),"stagger_transformations"===l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(ua,null,(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Enable stagger to child items","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:E,onChange:e=>fe({stchild:e})})),!E&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(da,{title:(0,te.__)("Or Set Stagger class","greenshiftgsap"),clearFun:()=>fe({stagger:null})}),(0,e.createElement)(r.TextControl,{value:x,onChange:e=>fe({stagger:e}),help:(0,te.__)("You can set special class to trigger animation on all elements with this class with some delay between each item.")})),(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Enable random order","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:y,onChange:e=>fe({strandom:e})})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({stdelay:parseFloat(e)}),label:(0,te.__)("Stagger delay","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,min:0,max:10,step:.01,value:C})))),"batch"===l&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(ua,null,(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Enable batch to child items","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:R,onChange:e=>fe({batchchild:e})})),!R&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.TextControl,{value:$,onChange:e=>fe({customtrigger:e}),help:(0,te.__)("By default, trigger will be block itself, but you can set custom trigger. Use .class to search globally OR div.class, img, button to search selector inside current container","greenshiftgsap")})),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Interval between items","greenshiftgsap")),(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>fe({batchint:parseFloat(e)}),help:(0,te.__)("By default, interval is 0.15, but you can set other.","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:.1,min:.01,max:3,step:.01,value:P})),(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Trigger only once","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:z,onChange:e=>fe({batchonce:e})})),(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Enable random order","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:D,onChange:e=>fe({batchrandom:e})})))),(0,e.createElement)("hr",{style:{margin:"1em 0"}}),he&&he.map(((t,a)=>(0,e.createElement)("div",{className:"gspb_row gspb_row--gutter-20",style:{marginBottom:5}},(0,e.createElement)("div",{className:"gspb_row__col--6",style:{padding:0}},(0,e.createElement)(r.TextControl,{value:t.name,autocomplete:"off",onChange:e=>{let t=he?he.slice():[];t[a].name=e,fe({customProps:t})},placeholder:(0,te.__)("Property name","greenshift-animation-and-page-builder-blocks")})),(0,e.createElement)("div",{className:"gspb_row__col--6",style:{padding:0}},(0,e.createElement)(r.TextControl,{value:t.value,autocomplete:"off",onChange:e=>{let t=he?he.slice():[];t[a].value=e,fe({customProps:t})},placeholder:(0,te.__)("Property value","greenshift-animation-and-page-builder-blocks")}))))),(0,e.createElement)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},className:"gspb_nomargin_component"},(0,e.createElement)("span",null,(0,te.__)("Add custom","greenshift-animation-and-page-builder-blocks")),(0,e.createElement)(va,{handleAddClick:()=>{let e=he?he.slice():[];e.push({name:"",value:""}),fe({customProps:e})},handleRemoveClick:()=>{let e=he?he.slice():[];e.pop(),fe({customProps:e})}})),(0,e.createElement)("div",{style:{marginTop:10}}),(0,e.createElement)("hr",{style:{marginBottom:15,marginTop:15}}),(0,e.createElement)("div",{className:"gspb_row gspb_row--gutter-30"},(0,e.createElement)("div",{className:"gspb_row__col--6",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Background Color","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--6",style:{textAlign:"right",justifyContent:"flex-end",padding:0}},(0,e.createElement)(ha,{color:_,onChange:e=>fe({background:e.rgb?`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`:e})})),(0,e.createElement)("div",{className:"gspb_row__col--6",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Color","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--6",style:{textAlign:"right",justifyContent:"flex-end",padding:0}},(0,e.createElement)(ha,{color:de,onChange:e=>fe({color:e.rgb?`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`:e})})),(0,e.createElement)("div",{className:"gspb_row__col--10",style:{display:"flex",alignItems:"center",padding:0}},(0,te.__)("Shadow","greenshiftgsap")),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{padding:0}},(0,e.createElement)(r.Dropdown,{position:"top left",renderToggle:t=>{let{onToggle:a}=t;return(0,e.createElement)("div",null,(0,e.createElement)("button",{className:"components-button components-icon-button components-toolbar__control",onClick:a},(0,e.createElement)("i",{class:"rhicon rhi-cog",style:{margin:"auto",fontSize:"20px"}})))},renderContent:l=>{let{onToggle:n}=l;return(0,e.createElement)("div",{className:"gspb_inspector_more_options"},(0,e.createElement)(ma,t({attributeName:"shadow"},a,{predefined:!1})))}}))),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},(0,te.__)("Play inner video","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:me,onChange:e=>fe({videoplay:e})}))),(0,e.createElement)("hr",{style:{marginBottom:15,marginTop:15}}),(0,e.createElement)("div",{className:"gspb_row gspb_row--gutter-30"},(0,e.createElement)("div",{class:"gspb_row__col--6",style:{padding:"0 10px 0 0"}},v?(0,e.createElement)(r.TextControl,{value:f,onChange:e=>fe({origin:e}),help:(0,e.createElement)(Ea,null)}):(0,e.createElement)(r.__experimentalAlignmentMatrixControl,{help:(0,e.createElement)(Ea,null),label:(0,te.__)("Origin"),value:f,onChange:e=>fe({origin:e})})),(0,e.createElement)("div",{class:"gspb_row__col--6",style:{padding:0}},(0,e.createElement)("span",{style:{display:"block"},className:"marginbottom10"},(0,te.__)("Use custom transform origin","greenshiftgsap")),(0,e.createElement)(r.ToggleControl,{className:"marginbottom10",checked:v,onChange:e=>fe({custom_origin:e})}),(0,e.createElement)(r.Button,{isSecondary:!0,isSmall:!0,onClick:()=>{fe({x:"",y:"",z:"",xo:"",yo:"",s:"",sx:"",sy:"",r:"",rx:"",ry:"",skewX:"",skewY:"",background:"",origin:"",shadow:"",o:null,xM:"",yM:"",zM:"",xoM:"",yoM:"",sM:"",sxM:"",syM:"",rM:"",rxM:"",ryM:"",skewXM:"",skewYM:"",oM:null})}},(0,te.__)("Reset All values","greenshiftgsap")),(0,e.createElement)("div",{style:{marginBottom:5}}),(0,e.createElement)(r.Button,{isSecondary:!0,isSmall:!0,onClick:()=>{!function(e){const t=e.querySelector(".gs-gsap-wrap");if(t){let e=ScrollTrigger.getById("gsinit"+M);e&&e.kill(),gsap.killTweensOf(t),"undefined"!=typeof gsapsplitTextinit&&gsapsplitTextinit&&gsapsplitTextinit.revert(),t.style=""}}(a.animationref)}},(0,te.__)("Reset in Editor","greenshiftgsap")),(0,e.createElement)("div",{style:{marginBottom:5}}),(0,e.createElement)(r.Button,{isSecondary:!0,isSmall:!0,onClick:()=>{!function(e){const t=e.querySelector(".gs-gsap-wrap");if(t){let a=e.ownerDocument,l=ScrollTrigger.getById("gsinit"+M);l&&l.kill(),gsap.killTweensOf(t),"undefined"!=typeof gsapsplitTextinit&&gsapsplitTextinit&&gsapsplitTextinit.revert(),a.body.classList.contains("gspb-bodyadmin")?GSinit(t,!0,!0,a,M):GSinit(t,!0,!1,a,M)}}(a.animationref)}},(0,te.__)("Init in Editor","greenshiftgsap"))))))},Ea=()=>(0,e.createElement)(e.Fragment,null,(0,e.createElement)("a",{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin",target:"__blank"},(0,te.__)("Check documentation","greenshiftgsap"))),{__:wa}=wp.i18n,{BlpgeColorPicker:xa,RadioAdvanced:Ca,UnitControl:ka,AddRemoveItemButton:Na,RuleBuilder:Sa}=gspblib.components,Ba=t=>{let{id:a,props:l}=t;const{attributes:{multiple_animation:n,multikeyframes:s},setAttributes:i}=l,o=n?JSON.parse(n).find((e=>e._id===a)):null,c=JSON.parse(n).slice(),p=(e,t)=>{null!==t&&(c.find((e=>e._id===a))[e]=t,i({multiple_animation:JSON.stringify(c)}))};return(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(ka,{onChange:e=>p("x",e),label:wa("Shift X"),units:[{value:"px",label:"px"},{value:"%",label:"%"},{value:"em",label:"em"},{value:"rem",label:"rem"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"ch",label:"ch"}],value:o.x}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(ka,{onChange:e=>p("y",e),label:wa("Y"),units:[{value:"px",label:"px"},{value:"%",label:"%"},{value:"em",label:"em"},{value:"rem",label:"rem"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"ch",label:"ch"}],value:o.y}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(ka,{onChange:e=>p("z",e),label:wa("Z"),units:[{value:"px",label:"px"},{value:"%",label:"%"},{value:"em",label:"em"},{value:"rem",label:"rem"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"ch",label:"ch"}],value:o.z})))),(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p("r",parseInt(e)),label:wa("Rotation"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:o.r}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p("rx",parseInt(e)),label:wa("X"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:o.rx}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p("ry",parseInt(e)),label:wa("Y"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:o.ry})))),(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p("s",parseFloat(e)),label:wa("Scale"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,max:30,step:.1,value:o.s}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p("sx",parseFloat(e)),label:wa("X"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,max:30,step:.1,value:o.sx}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.BaseControl,null,(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p("sy",parseFloat(e)),label:wa("Y"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,max:30,step:.1,value:o.sy})))),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p("xo",parseInt(e)),label:wa("Translate X (%)"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:o.xo})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p("yo",parseInt(e)),label:wa("Translate Y (%)"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,step:1,value:o.yo})),(0,e.createElement)("div",{className:"gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{className:"gspb_row__col--8",style:{padding:0}},wa("Width")),(0,e.createElement)("div",{className:"gspb_row__col--4",style:{padding:0}},(0,e.createElement)(r.TextControl,{value:o.width,onChange:e=>p("width",e)}))),(0,e.createElement)("div",{className:"gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{className:"gspb_row__col--8",style:{padding:0}},wa("Height")),(0,e.createElement)("div",{className:"gspb_row__col--4",style:{padding:0}},(0,e.createElement)(r.TextControl,{value:o.height,onChange:e=>p("height",e)}))),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p("o",parseInt(e)),label:wa("Opacity"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:10,min:0,step:1,max:100,value:o.o})),!s&&(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p("duration",parseFloat(e)),label:wa("Duration"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:.1,max:120,step:.1,value:o.duration?o.duration:1})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>p("delay",parseFloat(e)),label:wa("Delay"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,max:20,step:.1,value:o.delay?o.delay:null})),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--8",style:{padding:0}},wa("Ease type")),(0,e.createElement)("div",{className:"gspb_row__col--4",style:{padding:0}},(0,e.createElement)(r.SelectControl,{value:o.ease?o.ease:null,options:ee,onChange:e=>p("ease",e)}))),(0,e.createElement)("div",{className:"gspb_row",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},wa("Use values as additive","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px",padding:0}},(0,e.createElement)(r.ToggleControl,{checked:"yes"===o.additive,onChange:e=>p("additive",1==e?"yes":"no")}))),(0,e.createElement)("hr",{style:{margin:"1em 0"}}),o.customProps&&o.customProps.map(((t,a)=>(0,e.createElement)("div",{className:"gspb_row gspb_row--gutter-20",style:{marginBottom:5}},(0,e.createElement)("div",{className:"gspb_row__col--6",style:{padding:0}},(0,e.createElement)(r.TextControl,{value:t.name,autocomplete:"off",onChange:e=>{let t=o.customProps?o.customProps.slice():[];t[a].name=e,p("customProps",t)},placeholder:wa("Property name","greenshift-animation-and-page-builder-blocks")})),(0,e.createElement)("div",{className:"gspb_row__col--6",style:{padding:0}},(0,e.createElement)(r.TextControl,{value:t.value,autocomplete:"off",onChange:e=>{let t=o.customProps?o.customProps.slice():[];t[a].value=e,p("customProps",t)},placeholder:wa("Property value","greenshift-animation-and-page-builder-blocks")}))))),(0,e.createElement)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},className:"gspb_nomargin_component"},(0,e.createElement)("span",null,wa("Add custom","greenshift-animation-and-page-builder-blocks")),(0,e.createElement)(Na,{handleAddClick:()=>{let e=o.customProps?o.customProps:[];e.push({name:"",value:""}),p("customProps",e)},handleRemoveClick:()=>{let e=o.customProps?o.customProps:[];e.pop(),p("customProps",e)}})),(0,e.createElement)("div",{style:{marginTop:10}}),(0,e.createElement)("hr",{style:{marginBottom:15,marginTop:15}}),(0,e.createElement)("div",{className:"gspb_row gspb_row--gutter-30"},(0,e.createElement)("div",{className:"gspb_row__col--6"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},wa("Background Color"))),(0,e.createElement)("div",{className:"gspb_row__col--6",style:{textAlign:"right",justifyContent:"flex-end",padding:0}},(0,e.createElement)(xa,{color:o.bg,onChange:e=>p("bg",e.rgb?`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`:e)}))),(0,e.createElement)("div",{className:"gspb_row gspb_row--gutter-30"},(0,e.createElement)("div",{className:"gspb_row__col--6"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},wa("Color"))),(0,e.createElement)("div",{className:"gspb_row__col--6",style:{textAlign:"right",justifyContent:"flex-end",padding:0}},(0,e.createElement)(xa,{color:o.color,onChange:e=>p("color",e.rgb?`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`:e)}))),(0,e.createElement)("hr",{style:{marginBottom:15,marginTop:15}}),(0,e.createElement)("div",{className:"gspb_row gspb_row--gutter-30"},(0,e.createElement)("div",{class:"gspb_row__col--6",style:{padding:"0 10px 0 0"}},o.custom_origin?(0,e.createElement)(r.TextControl,{value:o.origin,onChange:e=>p("origin",e),help:(0,e.createElement)(Aa,null)}):(0,e.createElement)(r.__experimentalAlignmentMatrixControl,{help:(0,e.createElement)(Aa,null),label:wa("Origin"),value:o.origin,onChange:e=>p("origin",e)})),(0,e.createElement)("div",{class:"gspb_row__col--6",style:{padding:0}},(0,e.createElement)("span",{style:{display:"block"},className:"marginbottom10"},wa("Use custom transform origin")),(0,e.createElement)(r.ToggleControl,{className:"marginbottom10",checked:o.custom_origin,onChange:e=>p("custom_origin",e)}))),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("hr",{style:{marginBottom:15,marginTop:15}}),!s&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{style:{marginTop:5,marginBottom:15}}),(0,e.createElement)(Ca,{value:o.from,label:wa("Set Direction","greenshiftgsap"),fluid:"",onChange:e=>p("from",e),options:[{label:"From",value:"yes",title:wa("From Value")},{label:"To",value:"no",title:wa("To Value")}]}),(0,e.createElement)("div",{style:{marginBottom:6}},wa("Custom start time")),(0,e.createElement)(r.TextControl,{value:o.time?o.time:null,onChange:e=>p("time",e),help:(0,e.createElement)(Ta,null)}),(0,e.createElement)("div",{className:"gspb-selector-input-with-text"},(0,e.createElement)(r.TextControl,{value:o.obj?o.obj:null,onChange:e=>p("obj",e),label:wa("Custom action object")}),(0,e.createElement)("div",{className:"gspb-selector-popup-in-textfield"},(0,e.createElement)(Sa,{enableJS:!1,enableTriggerIndex:!1,hoverClasses:!1,currentLayer:!1,applyStyle:e=>{p("obj",e)}},(0,e.createElement)("i",{className:"rhicon rhi-cog"})))),(0,e.createElement)("hr",{style:{marginBottom:25,marginTop:15}})))))},Ta=()=>(0,e.createElement)(e.Fragment,null,(0,e.createElement)("a",{href:"https://greensock.com/docs/v3/GSAP/Timeline",target:"__blank"}," Documentation ")),Aa=()=>(0,e.createElement)(e.Fragment,null,"left, right, top, bottom - ",(0,e.createElement)("a",{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin",target:"__blank"}," Check documentation  ")),{__:ja}=wp.i18n,{useState:Ia}=wp.element,Oa=t=>{let{id:a,index:l,props:n,children:r}=t;const[s,i]=Ia(!1),{attributes:{multiple_animation:o},setAttributes:c}=n,p=JSON.parse(o).slice();return(0,e.createElement)("div",null,(0,e.createElement)("div",{className:"gsbp_animation_panel"},(0,e.createElement)("span",{className:"gsbp_animation_panel__title",onClick:()=>i(!s)}," ",ja("Animation")," - ",l+1," "),(0,e.createElement)("div",{className:"gsbp_animation_panel__options"},(0,e.createElement)("span",{className:"rhicon rhi-window-restore",onClick:()=>(e=>{const t=(e=>{let{_id:t,...a}=e;return{...a}})(p.find((t=>t._id===e))),a={_id:btoa(Math.random()).substr(10,8),...t};p.push(a),c({multiple_animation:JSON.stringify(p)})})(a)}),(0,e.createElement)("span",{className:"rhicon rhi-trash-alt",onClick:()=>(e=>{const t=p.findIndex((t=>t._id===e));t>=0&&(p.splice(t,1),c({multiple_animation:JSON.stringify(p)}))})(a)}))),s&&r)},{Fragment:Fa}=wp.element,{Button:Ma,BaseControl:Pa,ToggleControl:Ra}=wp.components,{__:Da}=wp.i18n,$a=t=>{const{attributes:{multiple_animation:a,multikeyframes:l},setAttributes:n}=t;let r=JSON.parse(a).slice();return(0,e.createElement)(Fa,null,r.map(((a,l)=>(0,e.createElement)(Oa,{id:a._id,index:l,props:t},(0,e.createElement)(Ba,{props:t,id:a._id})))),(0,e.createElement)(Ma,{isPrimary:!0,onClick:()=>(()=>{const e={_id:btoa(Math.random()).substr(10,8)};r.push(e),n({multiple_animation:JSON.stringify(r)})})()},Da("Add Animation")),(0,e.createElement)("hr",{style:{marginTop:10,marginBottom:10}}),(0,e.createElement)(Pa,{help:Da("When you enable Common Timeline option, each animation will use easing and duration from main animation and will work each after another as common timeline. If you disable this option, each animation can work independently and after main animation","greenshiftgsap")},(0,e.createElement)(Ra,{label:Da("Common Timeline enable?"),checked:l,onChange:e=>n({multikeyframes:e})})))},{__:za}=wp.i18n,{InspectorControls:Ga,BlockControls:La,AlignmentToolbar:Ua}=wp.blockEditor,{PanelBody:Ha,TextControl:Wa,BaseControl:Va}=wp.components,{Spacing:qa,Responsive:Ya,CssTransform:Xa,Position:Ja,Background:Za,BlockWidth:Ka,GSFlexbox:Qa,ProChecker:el}=gspblib.collections,{InspectorTabs:tl,InspectorTab:al}=gspblib.components,ll=a=>{const{attributes:{reveal_enabled:l,scroll_parallax_enabled:n,mouse_move_enabled:r,variable1:s,variable2:i,variable3:o,variable4:c,variable1value:p,variable2value:g,variable3value:m,variable4value:d,flexAlign:u,multiple_animation:b},setAttributes:h}=a;let _=!se()(jt.csstransform.default,a.attributes.csstransform),f=!se()(jt.position.default,a.attributes.position),v=!se()(jt.responsive.default,a.attributes.responsive),y=!se()(jt.blockWidth.default,a.attributes.blockWidth);const E=[{icon:"menu",title:za("No align"),align:null},{icon:"editor-alignleft",title:za("Align Text Left"),align:"flex-start"},{icon:"editor-aligncenter",title:za("Align Text Center"),align:"center"},{icon:"editor-alignright",title:za("Align Text Right"),align:"flex-end"}];return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Ga,null,(0,e.createElement)("div",{className:"gspb_inspector"},(0,e.createElement)(tl,{tabs:["general","advance"],activeAdvance:!!(_||f||v||r||n||l||y)},(0,e.createElement)(al,{key:"general"},(0,e.createElement)(Ha,{title:za("Common options"),initialOpen:!0},(0,e.createElement)(el,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)(ya,a)),(0,e.createElement)(Ha,{title:za("Animation options"),initialOpen:!0},(0,e.createElement)(ga,a)),(0,e.createElement)(Ha,{title:za("Trigger option"),initialOpen:!0},(0,e.createElement)(oa,a)),(0,e.createElement)(Ha,{title:za("Multiple Animation"),initialOpen:!0,className:b&&"[]"!=b?"gspb_panel_changed":""},(0,e.createElement)($a,a)),(0,e.createElement)(Ha,{title:za("Custom css variables"),initialOpen:!1,className:s?"gspb_panel_changed":""},(0,e.createElement)(Va,{help:za("You can also animate your custom css variables values. If you need to set initial values and custom css, do this in Advanced - Responsive and custom css","greenshiftgsap")},(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{className:"gspb_row__col--8"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},za("Name","greenshiftgsap")),(0,e.createElement)(Wa,{value:s,onChange:e=>h({variable1:e})})),(0,e.createElement)("div",{className:"gspb_row__col--4"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},za("Value","greenshiftgsap")),(0,e.createElement)(Wa,{value:p,onChange:e=>h({variable1value:e})}))),(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{className:"gspb_row__col--8"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},za("Name","greenshiftgsap")),(0,e.createElement)(Wa,{value:i,onChange:e=>h({variable2:e})})),(0,e.createElement)("div",{className:"gspb_row__col--4"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},za("Value","greenshiftgsap")),(0,e.createElement)(Wa,{value:g,onChange:e=>h({variable2value:e})}))),(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{className:"gspb_row__col--8"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},za("Name","greenshiftgsap")),(0,e.createElement)(Wa,{value:o,onChange:e=>h({variable3:e})})),(0,e.createElement)("div",{className:"gspb_row__col--4"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},za("Value","greenshiftgsap")),(0,e.createElement)(Wa,{value:m,onChange:e=>h({variable3value:e})}))),(0,e.createElement)("div",{className:"gspb_inspector_inputs-row__title gspb_row gspb_row--gutter-20"},(0,e.createElement)("div",{className:"gspb_row__col--8"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},za("Name","greenshiftgsap")),(0,e.createElement)(Wa,{value:c,onChange:e=>h({variable4:e})})),(0,e.createElement)("div",{className:"gspb_row__col--4"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},za("Value","greenshiftgsap")),(0,e.createElement)(Wa,{value:d,onChange:e=>h({variable4value:e})}))))),(0,e.createElement)(Ha,{title:za("Flexible Align","greenshiftgsap"),initialOpen:!1,className:"gspb_smallpadding_btn "+(se()(jt.flexbox.default,a.attributes.flexbox)?"":"gspb_panel_changed")},(0,e.createElement)(Qa,t({flex:!1,attributeName:"flexbox"},a)))),(0,e.createElement)(al,{key:"advance"},(0,e.createElement)(Ha,{title:za("Enabled Reveal"),initialOpen:!0,className:l?"gspb_panel_changed":""},(0,e.createElement)(la,a)),(0,e.createElement)(Ha,{title:za("Enable scroll parallax effect"),initialOpen:!1,className:n?"gspb_panel_changed":""},(0,e.createElement)(Zt,a)),(0,e.createElement)(Ha,{title:za("Mouse move effect"),initialOpen:!1,className:r?"gspb_panel_changed":""},(0,e.createElement)(Qt,a)),(0,e.createElement)(Ha,{title:za("Css Transform","greenshiftgsap"),initialOpen:!1,className:_?"gspb_panel_changed":""},(0,e.createElement)(Xa,t({attributeName:"csstransform"},a))),(0,e.createElement)(Ha,{title:za("Position","greenshiftgsap"),initialOpen:!1,className:f?"gspb_panel_changed":""},(0,e.createElement)(Ja,t({attributeName:"position"},a))),(0,e.createElement)(Ha,{title:za("Width and Height","greenshiftgsap"),initialOpen:!1,className:y?"gspb_panel_changed":""},(0,e.createElement)(Ka,t({attributeName:"blockWidth",include:["height"]},a))),(0,e.createElement)(Ha,{title:za("Background and Opacity","greenshiftgsap"),initialOpen:!1,className:"gspb_smallpadding_btn "+(se()(jt.backgroundBlock.default,a.attributes.backgroundBlock)?"":"gspb_panel_changed")},(0,e.createElement)(Za,t({attributeName:"backgroundBlock",exclude:["video"]},a))),(0,e.createElement)(Ha,{title:za("Responsive and Custom CSS","greenshiftgsap"),initialOpen:!1,className:v?"gspb_panel_changed":""},(0,e.createElement)(Ya,t({attributeName:"responsive",customstyle:"{GREENSHIFT} .gs-gsap-wrap{  }"},a))),(0,e.createElement)(Ha,{title:za("Spacing","greenshiftgsap"),initialOpen:!1,className:se()(jt.spacing.default,a.attributes.spacing)?"":"gspb_panel_changed"},(0,e.createElement)(qa,t({attributeName:"spacing"},a))))))),(0,e.createElement)(La,null,(0,e.createElement)(Ua,{value:u,onChange:e=>h({flexAlign:e}),alignmentControls:E})))},{__:nl}=wp.i18n,{registerBlockType:rl,createBlock:sl}=wp.blocks,{select:il}=wp.data,{gspb_setBlockId:ol}=gspblib.utilities,{ExtraToolBar:cl}=gspblib.editor,{BlockToolBar:pl}=gspblib.components;rl("greenshift-blocks/animation-container",{title:nl("Animation Container"),description:nl("Adds Animation Wrapper to your blocks"),category:"Greenshiftpro",keywords:[nl("contaner"),nl("animation"),nl("effects")],icon:wt,supports:{reusable:!0,anchor:!0,align:["wide","full"]},providesContext:{"container/flexbox":"flexbox"},transforms:{from:[{type:"block",isMultiBlock:!0,blocks:["*"],__experimentalConvert(e){const t=e.map((e=>sl(e.name,e.attributes,e.innerBlocks)));return sl("greenshift-blocks/animation-container",{},t)}}]},attributes:jt,edit(a){(0,e.useEffect)((()=>{ol(a)}),[]);const{clientId:n,attributes:{id:r,animation_type:s,x:i,y:o,z:c,xo:p,yo:g,r:m,rx:d,ry:u,s:b,sx:h,sy:f,o:v,width:y,height:E,background:w,origin:x,custom_origin:C,text:k,stagger:N,stdelay:S,path:B,path_align:T,path_orient:A,path_align_x:j,path_align_y:I,path_start:O,path_end:F,morphend:M,morphstart:P,morphorigin:R,mouse_move_enabled:D,prlx_tilt:$,prlx_xy:z,prlx_cur:G,prlx_reset:L,multiple_animation:U,multikeyframes:H,reveal_enabled:W,reveal_dir:V,reveal_speed:q,reveal_delay:Y,reveal_bg:X,scroll_parallax_enabled:J,parallax_speedX:Z,parallax_speedY:K,parallax_start:Q,parallax_end:ee,ease:te,delay:ae,duration:le,yoyo:ne,loop:re,repeatdelay:se,set_from:ie,strandom:oe,stchild:ce,triggertype:pe,customtrigger:ge,customobject:me,triggerstart:de,triggerend:ue,triggerscrub:be,pinned:he,pinspace:_e,triggeraction:fe,triggersnap:ve,batchint:ye,batchrandom:Ee,batchonce:we,batchchild:xe,textmask:Ce,skewX:ke,skewY:Ne,varwidth:Se,varheight:Be,blockWidth:Te,durationfollow:Ae,videoplay:je,easecustom:Ie,maxX:Oe,variable1:Fe,variable2:Me,variable3:Pe,variable4:Re,variable1value:De,variable2value:$e,variable3value:ze,variable4value:Ge,reveal_clip:Le,reveal_ease:Ue,color:He,clipInit:We,clipFinal:Ve,customProps:qe}}=a;let Ye=il("core/block-editor").getBlockOrder(n).length>0;const Xe=(0,e.useRef)(),Je=(0,e.useRef)(!0),Ze=(0,e.useRef)();let Ke="";const Qe=(0,e.useCallback)(_.debounce((e=>{if(Ze.current=!0,Ze.current&&Xe.current){let e=Xe.current.ownerDocument;const t=Xe.current.querySelector(".gs-gsap-wrap");Ke&&Ke.revert(),Ke=gsap.context((()=>{if(t){let a=ScrollTrigger.getById("gsinit"+r);a&&a.kill(),gsap.killTweensOf(t),t.style="","undefined"!=typeof gsapsplitTextinit&&gsapsplitTextinit&&gsapsplitTextinit.revert(),e.body.classList.contains("gspb-bodyadmin")?GSinit(t,!1,!0,e,r):GSinit(t,!0,!1,e,r)}const a=Xe.current.querySelector(".gs-reveal-wrap");if(a){let t=a.querySelector(".gs-reveal-block"),l=ScrollTrigger.getById("gsreveal"+r);l&&l.kill(),gsap.killTweensOf(t),e.body.classList.contains("gspb-bodyadmin")?GSrevealinit(a,!1,!0,r):GSrevealinit(a,!0,!0,r)}const l=Xe.current.querySelector(".gs-gsap-parallax");if(l){let t=ScrollTrigger.getById("gsparallax"+r);t&&t.kill(),gsap.killTweensOf(l),e.body.classList.contains("gspb-bodyadmin")&&GSparallaxinit(l,!0,r)}const n=Xe.current.querySelector(".gs-prlx-mouse");n&&(gsap.killTweensOf(n),GSmousemoveinit(n))}))}return()=>{Ze.current=!1}}),600),[]);return(0,e.useEffect)((()=>{if(Je.current){if(Je.current=!1,Xe.current){const e=Xe.current.querySelector(".gs-gsap-wrap");let t=Xe.current.ownerDocument;e&&(t.body.classList.contains("gspb-bodyadmin")?GSinit(e,!1,!0,t,r):GSinit(e,!0,!1,t,r));const a=Xe.current.querySelector(".gs-reveal-wrap");a&&(t.body.classList.contains("gspb-bodyadmin")?GSrevealinit(a,!1,!0,r):GSrevealinit(a,!0,!0,r));const l=Xe.current.querySelector(".gs-gsap-parallax");l&&t.body.classList.contains("gspb-bodyadmin")&&GSparallaxinit(l,!0,r);const n=Xe.current.querySelector(".gs-prlx-mouse");n&&GSmousemoveinit(n)}}else Qe(jt)}),[s,i,o,c,p,g,m,d,u,b,h,f,v,y,E,w,x,C,k,N,S,B,T,A,j,I,O,F,M,P,R,D,$,z,G,L,U,W,V,q,Y,X,J,Z,K,Q,ee,te,ae,le,ne,re,se,ie,oe,ce,pe,ge,me,de,ue,be,he,_e,fe,ve,ye,Ee,we,xe,Ce,H,ke,Ne,Se,Fe,Me,Pe,Re,De,$e,ze,Ge,Te,Ae,Be,je,Ie,Oe,Le,Ue,We,Ve,He,qe]),(0,e.createElement)(e.Fragment,null,Ye&&(0,e.createElement)(cl,t({editOnly:!0,inner:!0,gray:!0},a)),(0,e.createElement)(ll,t({animationref:Xe.current},a)),(0,e.createElement)(pl,a),(0,e.createElement)("div",{className:"gs-animation",ref:Xe},(0,e.createElement)(Xt,t({editor:!0},a),(0,e.createElement)(l.InnerBlocks,{renderAppender:()=>Ye?(0,e.createElement)(l.InnerBlocks.DefaultBlockAppender,null):(0,e.createElement)(l.InnerBlocks.ButtonBlockAppender,null)}))))},save:a=>(0,e.createElement)(Xt,t({editor:!1},a),(0,e.createElement)(l.InnerBlocks.Content,null)),deprecated:[{attributes:Ot,supports:{reusable:!0,anchor:!0,align:["wide","full"]},save:a=>(0,e.createElement)(Xt,t({editor:!1},a),(0,e.createElement)(l.InnerBlocks.Content,null))}]});const gl=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 122.88 95.57"},(0,e.createElement)("g",null,(0,e.createElement)("path",{fill:"#2184f9",d:"M30.45,57.96h-0.93c0-7.62-2.85-14.28-8.54-19.97c-5.69-5.69-12.35-8.54-19.97-8.54v-0.93 c7.62,0,14.28-2.85,19.97-8.55C26.67,14.25,29.52,7.59,29.52,0h0.93c0,7.62,2.85,14.28,8.54,19.97c5.69,5.69,12.35,8.54,19.97,8.54 v0.93c-7.62,0-14.28,2.85-19.97,8.54C33.3,43.68,30.45,50.34,30.45,57.96L30.45,57.96z M13.51,92.85h-0.43 c0-3.49-1.31-6.55-3.92-9.16C6.55,81.08,3.49,79.77,0,79.77v-0.43c3.49,0,6.55-1.31,9.16-3.92c2.61-2.62,3.92-5.67,3.92-9.15h0.43 c0,3.49,1.31,6.55,3.92,9.16c2.61,2.61,5.66,3.92,9.16,3.92v0.43c-3.49,0-6.55,1.31-9.16,3.92C14.81,86.3,13.51,89.36,13.51,92.85 L13.51,92.85z M68.37,95.57h-0.43c0-3.49-1.31-6.55-3.92-9.16c-2.61-2.61-5.66-3.92-9.16-3.92v-0.43c3.49,0,6.55-1.31,9.16-3.92 c2.61-2.62,3.92-5.67,3.92-9.15h0.43c0,3.49,1.31,6.55,3.92,9.16c2.61,2.61,5.66,3.92,9.16,3.92v0.43c-3.49,0-6.55,1.31-9.16,3.92 C69.67,89.02,68.37,92.07,68.37,95.57L68.37,95.57z M98.95,64.57h-0.78c0-6.39-2.39-11.98-7.17-16.76 c-4.78-4.78-10.36-7.17-16.76-7.17v-0.78c6.39,0,11.98-2.39,16.76-7.18c4.78-4.79,7.17-10.38,7.17-16.75h0.78 c0,6.39,2.39,11.98,7.17,16.76c4.78,4.78,10.36,7.17,16.76,7.17v0.78c-6.39,0-11.98,2.39-16.76,7.17 C101.34,52.59,98.95,58.18,98.95,64.57L98.95,64.57z"}))),{__:ml}=wp.i18n,{registerBlockType:dl}=wp.blocks,{Spacing:ul,Responsive:bl,CssTransform:hl,Position:_l,ProChecker:fl}=gspblib.collections,{BlockToolBar:vl}=gspblib.components,{collectionsObjects:yl}=gspblib.helpers,{gspb_spacing_cssGen:El,gspb_position_cssGen:wl,gspb_csstransform_cssGen:xl,gspb_responsive_cssGen:Cl,gspb_Css_Final:kl}=gspblib.utilities,{gspb_setBlockId:Nl,gspb_getDeviceStateIndex:Sl}=gspblib.utilities,{InspectorTabs:Bl,InspectorTab:Tl,Devices:Al,CssUnits:jl}=gspblib.components,{gspb_cssGen:Il}=gspblib.helpers;dl("greenshift-blocks/lottie",{title:ml("Lottie smart loader"),description:ml("Add lottie with smart loading"),icon:gl,category:"Greenshiftpro",keywords:["lottie","animation","dotlottie"],supports:{align:["wide","full"]},attributes:{source:{type:"string",default:"https://assets4.lottiefiles.com/private_files/lf30_nlhswxdd.json"},loop:{type:"boolean",default:!0},loadnow:{type:"boolean",default:!1},disablelazy:{type:"boolean"},bounce:{type:"boolean",default:!1},autoplay:{type:"boolean",default:!0},background:{type:"string",default:"#ffffff00"},imageid:{type:"number"},imageurl:{type:"string"},imagealt:{type:"string",default:""},mode:{type:"string",default:""},modetypescroll:{type:"string",default:"play"},modetypecursor:{type:"string",default:"hover"},width:{type:"array",default:[300,null,null,null]},widthUnit:{type:"array",default:["px","px","px","px"]},height:{type:"array",default:[300,null,null,null]},heightUnit:{type:"array",default:["px","px","px","px"]},speed:{type:"number",default:1},visibilityStart:{type:"number",default:.1},visibilityEnd:{type:"number",default:1},frameStart:{type:"number",default:0},frameEnd:{type:"number",default:100},align:{type:"string",default:"center"},id:{type:"string",default:null},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},spacing:{type:"object",default:yl.spacing},animation:{type:"object",default:yl.animation},responsive:{type:"object",default:yl.responsive},position:{type:"object",default:yl.position},csstransform:{type:"object",default:yl.csstransform}},edit(a){const{attributes:{source:n,loop:s,autoplay:i,background:o,mode:c,visibilityStart:p,visibilityEnd:g,frameStart:m,frameEnd:d,width:u,height:b,speed:h,imageurl:_,imageid:f,align:v,modetypescroll:y,modetypecursor:E,bounce:w,id:x,widthUnit:C,heightUnit:k,spacing:N,animation:S,responsive:B,position:T,csstransform:A,disablelazy:j,loadnow:I},setAttributes:O,clientId:F}=a;(0,e.useEffect)((()=>{Nl(a)}),[]);const M=Sl(),[P,R]=(0,e.useState)(0),D=(0,e.useRef)(),$=(0,e.useRef)(!0),[z,G]=(0,e.useState)(!1),L=`gs-lottie-${x}`;let U=`.${L}`;(0,e.useEffect)((()=>{const e=D.current;if($.current){$.current=!1;const{ownerDocument:t}=e,a=t.body;(()=>{if(!0!==z&&(G(!0),null===a.querySelector("#gs-lottie-loader"))){const e=document.createElement("script");e.src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js",e.id="gs-lottie-loader",a.appendChild(e)}})()}else{let t=e;t.classList.add("lottie-loaded");let a=t.querySelector("lottie-player");a&&void 0!==a.setLooping&&(a.load(n),a.setSpeed(h))}}),[n,h]);const H=[{icon:"editor-alignleft",title:ml("Align Left","greenshiftgsap"),align:"flex-start"},{icon:"editor-aligncenter",title:ml("Align Center","greenshiftgsap"),align:"center"},{icon:"editor-alignright",title:ml("Align Right","greenshiftgsap"),align:"flex-end"}],W=(0,l.useBlockProps)({className:`gs-lottieloader ${L}`,ref:D,style:{display:"flex",justifyContent:v}});let V={mode:w?"bounce":"normal"},q=`.gspb-bodyfront .${L} img{transition: opacity 1s ease-in; position:absolute}.gspb-bodyfront .${L}.lottie-loaded img{opacity:0}`;q=Il(`.${L} img, .${L} lottie-player, .${L} .gspb-resizable-custom-wrapper`,["width"],[[[u[0]?u[0]+C[0]+"!important":null],[u[1]?u[1]+C[1]+"!important":null],[u[2]?u[2]+C[2]+"!important":null],[u[3]?u[3]+C[3]+"!important":null]]],q,!1),q=Il(`.${L} img, .${L} lottie-player, .${L} .gspb-resizable-custom-wrapper`,["height"],[[[b[0]?b[0]+k[0]+"!important":null],[b[1]?b[1]+k[1]+"!important":null],[b[2]?b[2]+k[2]+"!important":null],[b[3]?b[3]+k[3]+"!important":null]]],q,!1),q=Cl(B,U,q),q=wl(T,"body.gspb-bodyfront "+U,q),q=xl(A,U,q,S),q=El(N,U,q),kl(x,q,a);let Y=q;return Y=wl(T,"#block-"+F,Y),[(0,e.createElement)(l.InspectorControls,null,(0,e.createElement)("div",{className:"gspb_inspector"},(0,e.createElement)(Bl,{tabs:["general","advance"]},(0,e.createElement)(Tl,{key:"general"},(0,e.createElement)(r.PanelBody,{initialOpen:!0,title:ml("Lottie loader")},(0,e.createElement)(fl,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)(r.TextControl,{label:ml("File URL or lottie Json"),value:n,onChange:e=>{O({source:e})}}),(0,e.createElement)("div",{style:{marginTop:10,marginBottom:10}},ml("Fallback image. You may need to install Safe SVG plugin to upload SVG images","greenshiftgsap")),(0,e.createElement)(l.MediaUploadCheck,null,(0,e.createElement)(l.MediaUpload,{onSelect:e=>{O({imageid:e.id,imageurl:e.url,imagealt:e.alt})},type:"image",render:t=>{let{open:a}=t;return(0,e.createElement)(r.Button,{isSmall:!0,variant:"secondary",onClick:a},ml("Choose an image"))}})),(0,e.createElement)("div",{style:{display:"block"}},(0,e.createElement)("img",{style:{maxWidth:"100%"},src:_||null})),_&&(0,e.createElement)(r.BaseControl,{help:ml("Recommended if your block is in first screen","greenshiftgsap")},(0,e.createElement)(r.ToggleControl,{label:ml("Disable image lazy load","greenshiftgsap"),checked:j,onChange:e=>{O({disablelazy:e})}})),(0,e.createElement)("div",{style:{display:"block",marginBottom:15}},(0,e.createElement)(r.Button,{isSmall:!0,variant:"secondary",onClick:()=>{let e=D.current;if(e){let t=e.querySelector("lottie-player");void 0!==t.snapshot&&(t.seek(1),t.snapshot(!0))}}},ml("Take snapshot image of current lottie","greenshiftgsap"))),(0,e.createElement)(r.BaseControl,{help:ml("This will reduce web vitals score. We recommend to use fallback image instead","greenshiftgsap")},(0,e.createElement)(r.ToggleControl,{label:ml("Enable immediate loading","greenshiftgsap"),checked:I,onChange:e=>{O({loadnow:e})}})),(0,e.createElement)(r.ToggleControl,{label:ml("Autoplay","greenshiftgsap"),checked:i,onChange:e=>{O({autoplay:e})}}),(0,e.createElement)(r.ToggleControl,{label:ml("Loop","greenshiftgsap"),checked:s,onChange:e=>{O({loop:e})}}),(0,e.createElement)(r.ToggleControl,{label:ml("Bounce play mode","greenshiftgsap"),checked:w,onChange:e=>{O({bounce:e})}}),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},ml("Width"),(0,e.createElement)(Al,{className:"gspb_inspector_device-icons--small",onChange:()=>R(!P)}))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(jl,{units:["px","%","vw","em"],attribute:null==C[M]?"":C[M],onChange:e=>{let t=C.slice();t[M]=e,O({widthUnit:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=u.slice();e[M]=null,O({width:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:null==u[M]?"":u[M],onChange:e=>{let t=u.slice();t[M]=e,O({width:t})},trackColor:"#2184f9",min:"px"==C[M]?10:1,max:"px"==C[M]?1800:100})))),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},ml("Height"),(0,e.createElement)(Al,{className:"gspb_inspector_device-icons--small",onChange:()=>R(!P)}))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(jl,{units:["px","%","vh","em"],attribute:null==k[M]?"":k[M],onChange:e=>{let t=k.slice();t[M]=e,O({heightUnit:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=b.slice();e[M]=null,O({height:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:null==b[M]?"":b[M],onChange:e=>{let t=b.slice();t[M]=e,O({height:t})},trackColor:"#2184f9",min:"px"==k[M]?10:1,max:"px"==k[M]?1800:100})))),(0,e.createElement)(r.RangeControl,{label:ml("Speed","greenshiftgsap"),value:h,onChange:e=>{O({speed:e})},trackColor:"#2184f9",min:.1,max:10,step:.1})),(0,e.createElement)(r.PanelBody,{initialOpen:!0,title:ml("Interactivity","greenshiftgsap")},(0,e.createElement)("div",{style:{marginBottom:20,color:"grey"}},ml("These options are working only on frontend part")),(0,e.createElement)(r.SelectControl,{label:ml("Interactivity mode","greenshiftgsap"),options:[{value:"",label:ml("No","greenshiftgsap")},{value:"scroll",label:ml("On scroll","greenshiftgsap")},{value:"cursor",label:ml("On mouse interactions","greenshiftgsap")}],value:c,onChange:e=>O({mode:e})}),"scroll"==c&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.SelectControl,{label:ml("Interactivity actions","greenshiftgsap"),options:[{value:"play",label:ml("Play","greenshiftgsap")},{value:"seek",label:ml("On scroll frame change","greenshiftgsap")},{value:"loop",label:ml("Loop play","greenshiftgsap")}],value:y,onChange:e=>O({modetypescroll:e})}),(0,e.createElement)(r.RangeControl,{label:ml("Visitibility Start","greenshiftgsap"),value:p,onChange:e=>{O({visibilityStart:e})},trackColor:"#2184f9",min:0,max:.7,step:.1}),(0,e.createElement)(r.RangeControl,{label:ml("Visitibility End","greenshiftgsap"),value:g,onChange:e=>{O({visibilityEnd:e})},trackColor:"#2184f9",min:.7,max:1,step:.1}),(0,e.createElement)(r.RangeControl,{label:ml("Frame Start","greenshiftgsap"),value:m,onChange:e=>{O({frameStart:e})},trackColor:"#2184f9",min:0,max:500,step:1}),(0,e.createElement)(r.RangeControl,{label:ml("Frame End","greenshiftgsap"),value:d,onChange:e=>{O({frameEnd:e})},trackColor:"#2184f9",min:10,max:1e3,step:1})),"cursor"==c&&(0,e.createElement)(r.SelectControl,{label:ml("Interactivity actions","greenshiftgsap"),options:[{value:"hover",label:ml("Hover play","greenshiftgsap")},{value:"click",label:ml("Click play","greenshiftgsap")},{value:"toggle",label:ml("Toggle click play","greenshiftgsap")},{value:"hold",label:ml("Reverse play on hover","greenshiftgsap")},{value:"pauseHold",label:ml("Reverse play on hover with pause","greenshiftgsap")}],value:E,onChange:e=>O({modetypecursor:e})})),(0,e.createElement)(r.PanelBody,{title:ml("Spacing"),initialOpen:!1},(0,e.createElement)(ul,t({attributeName:"spacing",overflow:!1},a)))),(0,e.createElement)(Tl,{key:"advance"},(0,e.createElement)(r.PanelBody,{title:ml("Css Transform"),initialOpen:!1},(0,e.createElement)(hl,t({attributeName:"csstransform"},a))),(0,e.createElement)(r.PanelBody,{title:ml("Position"),initialOpen:!1},(0,e.createElement)(_l,t({attributeName:"position"},a))),(0,e.createElement)(r.PanelBody,{title:ml("Responsive"),initialOpen:!1},(0,e.createElement)(bl,t({attributeName:"responsive"},a))))))),(0,e.createElement)(l.BlockControls,null,(0,e.createElement)(l.AlignmentToolbar,{value:v,onChange:e=>{O({align:e})},alignmentControls:H})),(0,e.createElement)(vl,a),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",W,(0,e.createElement)("div",{className:"gspb-resizable-custom-wrapper"},(0,e.createElement)("lottie-player",t({autoplay:!0,loop:!0,id:L,src:n,background:o,speed:h,style:{width:u[0]+C[0],height:b[0]+k[0]}},V))),(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:Y}})))]},save(a){const{attributes:{source:n,loop:r,autoplay:s,background:i,mode:o,visibilityStart:c,visibilityEnd:p,frameStart:g,frameEnd:m,width:d,height:u,speed:b,imageurl:h,align:_,modetypescroll:f,modetypecursor:v,imagealt:y,bounce:E,id:w,widthUnit:x,heightUnit:C,disablelazy:k,loadnow:N}}=a;let S={loop:!(!r||o)||null,autoplay:!(!s||o)||null,mode:E&&!o?"bounce":null,"data-visibility-start":c||"","data-visibility-end":p||"","data-frames-start":g||"","data-frames-end":m||"","data-modetype":"scroll"==o?f:v,"data-interactivity":o||""};const B=`gs-lottie-${w}`,T=l.useBlockProps.save({className:`gs-lottieloader ${B}${N?" gs-loadnow":""}`,style:{display:"flex",justifyContent:_}});return(0,e.createElement)("div",T,(0,e.createElement)("lottie-player",t({id:B,src:n,background:i,speed:b,style:{width:d[0]+x[0],height:u[0]+C[0]}},S)),h&&(0,e.createElement)("img",{src:h,alt:y,width:d[0]+x[0],height:u[0]+C[0],style:{pointerEvents:"none"},loading:k?"eager":null}))}});const Ol=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 122.88 95.57"},(0,e.createElement)("g",null,(0,e.createElement)("path",{fill:"#2184f9",d:"M30.45,57.96h-0.93c0-7.62-2.85-14.28-8.54-19.97c-5.69-5.69-12.35-8.54-19.97-8.54v-0.93 c7.62,0,14.28-2.85,19.97-8.55C26.67,14.25,29.52,7.59,29.52,0h0.93c0,7.62,2.85,14.28,8.54,19.97c5.69,5.69,12.35,8.54,19.97,8.54 v0.93c-7.62,0-14.28,2.85-19.97,8.54C33.3,43.68,30.45,50.34,30.45,57.96L30.45,57.96z M13.51,92.85h-0.43 c0-3.49-1.31-6.55-3.92-9.16C6.55,81.08,3.49,79.77,0,79.77v-0.43c3.49,0,6.55-1.31,9.16-3.92c2.61-2.62,3.92-5.67,3.92-9.15h0.43 c0,3.49,1.31,6.55,3.92,9.16c2.61,2.61,5.66,3.92,9.16,3.92v0.43c-3.49,0-6.55,1.31-9.16,3.92C14.81,86.3,13.51,89.36,13.51,92.85 L13.51,92.85z M68.37,95.57h-0.43c0-3.49-1.31-6.55-3.92-9.16c-2.61-2.61-5.66-3.92-9.16-3.92v-0.43c3.49,0,6.55-1.31,9.16-3.92 c2.61-2.62,3.92-5.67,3.92-9.15h0.43c0,3.49,1.31,6.55,3.92,9.16c2.61,2.61,5.66,3.92,9.16,3.92v0.43c-3.49,0-6.55,1.31-9.16,3.92 C69.67,89.02,68.37,92.07,68.37,95.57L68.37,95.57z M98.95,64.57h-0.78c0-6.39-2.39-11.98-7.17-16.76 c-4.78-4.78-10.36-7.17-16.76-7.17v-0.78c6.39,0,11.98-2.39,16.76-7.18c4.78-4.79,7.17-10.38,7.17-16.75h0.78 c0,6.39,2.39,11.98,7.17,16.76c4.78,4.78,10.36,7.17,16.76,7.17v0.78c-6.39,0-11.98,2.39-16.76,7.17 C101.34,52.59,98.95,58.18,98.95,64.57L98.95,64.57z"}))),{__:Fl}=wp.i18n,{registerBlockType:Ml}=wp.blocks,{Spacing:Pl,Responsive:Rl,CssTransform:Dl,Position:$l,ProChecker:zl}=gspblib.collections,{BlockToolBar:Gl}=gspblib.components,{collectionsObjects:Ll}=gspblib.helpers,{gspb_spacing_cssGen:Ul,gspb_position_cssGen:Hl,gspb_csstransform_cssGen:Wl,gspb_responsive_cssGen:Vl,gspb_Css_Final:ql}=gspblib.utilities,{gspb_setBlockId:Yl,gspb_getDeviceStateIndex:Xl}=gspblib.utilities,{InspectorTabs:Jl,InspectorTab:Zl,Devices:Kl,CssUnits:Ql}=gspblib.components,{gspb_cssGen:en}=gspblib.helpers,{gspb_inherit_values:tn}=gspblib.helpers;Ml("greenshift-blocks/dotlottie",{title:Fl("DotLottie smart loader"),description:Fl("Add Dotlottie with smart loading"),icon:Ol,category:"Greenshiftpro",keywords:["lottie","animation","dotlottie"],supports:{align:["wide","full"]},attributes:{source:{type:"string",default:greenshiftGSAP.pluginURL+"libs/dotlottie/animation.lottie"},loop:{type:"boolean",default:!0},loadnow:{type:"boolean",default:!1},disablelazy:{type:"boolean"},bounce:{type:"boolean",default:!1},autoplay:{type:"boolean",default:!0},background:{type:"string",default:"#ffffff00"},imageid:{type:"number"},imageurl:{type:"string"},imagealt:{type:"string",default:""},mode:{type:"string",default:""},modetypescroll:{type:"string",default:"play"},modetypecursor:{type:"string",default:"hover"},width:{type:"array",default:["300px"]},height:{type:"array",default:["300px"]},speed:{type:"number",default:1},visibilityStart:{type:"number",default:.1},visibilityEnd:{type:"number",default:1},frameStart:{type:"number",default:0},frameEnd:{type:"number",default:100},Halign:{type:"string",default:"center"},id:{type:"string",default:null},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},spacing:{type:"object",default:Ll.spacing},animation:{type:"object",default:Ll.animation},responsive:{type:"object",default:Ll.responsive},position:{type:"object",default:Ll.position},csstransform:{type:"object",default:Ll.csstransform},snap:{type:"boolean"}},edit(a){const{attributes:{source:n,loop:s,autoplay:i,background:o,mode:c,visibilityStart:p,visibilityEnd:g,frameStart:m,frameEnd:d,width:u,height:b,speed:h,imageurl:_,imageid:f,Halign:v,modetypescroll:y,modetypecursor:E,bounce:w,id:x,spacing:C,animation:k,responsive:N,position:S,csstransform:B,disablelazy:T,loadnow:A,snap:j},setAttributes:I,clientId:O}=a;(0,e.useEffect)((()=>{Yl(a)}),[]);const F=Xl(),[M,P]=(0,e.useState)(0),R=(0,e.useRef)(),D=(0,e.useRef)(!0),[$,z]=(0,e.useState)(!1),G=`gspb_id-${x}`;let L=`.${G}`;(0,e.useEffect)((()=>{const e=R.current;if(D.current){D.current=!1;const{ownerDocument:t}=e,a=t.body;(()=>{if(!0!==$&&(z(!0),null===a.querySelector("#gs-dotlottie-loader"))){const e=document.createElement("script");e.src="https://unpkg.com/@dotlottie/player-component@1.0.0/dist/dotlottie-player.js",e.id="gs-dotlottie-loader",a.appendChild(e)}})()}else{let t=e;t.classList.add("dotlottie-loaded");let a=t.querySelector("dotlottie-player");a&&void 0!==a.setLooping&&(a.load(n),a.setSpeed(h))}}),[n,h,s,w,j]);const U=[{icon:"editor-alignleft",title:Fl("Align Left","greenshiftgsap"),align:"flex-start"},{icon:"editor-aligncenter",title:Fl("Align Center","greenshiftgsap"),align:"center"},{icon:"editor-alignright",title:Fl("Align Right","greenshiftgsap"),align:"flex-end"}],H=(0,l.useBlockProps)({className:`gs-dotlottieloader ${G}`,ref:R});let W={mode:w?"bounce":"normal",loop:!(!s||c)||null,autoplay:!(!i||c)||null},V=`.gspb-bodyfront .${G} img{transition: opacity 1s ease-in; position:absolute}.gspb-bodyfront .${G}.dotlottie-loaded img{opacity:0}`;V=en(`.${G} img, .${G} dotlottie-player`,["width"],[[[u[0]?u[0]+"!important":null],[u[1]?u[1]+"!important":null],[u[2]?u[2]+"!important":null],[u[3]?u[3]+"!important":null]]],V,!1),V=en(L,["display","justify-content"],["flex",v],V,!1),V=en(`.${G} img, .${G} dotlottie-player`,["height"],[[[b[0]?b[0]+"!important":null],[b[1]?b[1]+"!important":null],[b[2]?b[2]+"!important":null],[b[3]?b[3]+"!important":null]]],V,!1),V=Vl(N,L,V),V=Hl(S,"body.gspb-bodyfront "+L,V),V=Wl(B,L,V,k),V=Ul(C,L,V),ql(x,V,a);let q=V;return q=Hl(S,"#block-"+O,q),[(0,e.createElement)(l.InspectorControls,null,(0,e.createElement)("div",{className:"gspb_inspector"},(0,e.createElement)(Jl,{tabs:["general","advance"]},(0,e.createElement)(Zl,{key:"general"},(0,e.createElement)(r.PanelBody,{initialOpen:!0,title:Fl("Dot Lottie loader")},(0,e.createElement)(zl,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)(r.TextControl,{label:Fl("File .lottie URL","greenshiftgsap"),value:n,onChange:e=>{I({source:e})}}),(0,e.createElement)(l.MediaUploadCheck,null,(0,e.createElement)(l.MediaUpload,{onSelect:e=>I({source:e.url}),allowedTypes:["lottie"],value:n,render:t=>{let{open:a}=t;return(0,e.createElement)(r.Button,{style:{marginTop:"-15px",marginBottom:"20px",display:"block"},variant:"secondary",isSmall:!0,onClick:a},Fl("Upload .lottie file"))}})),(0,e.createElement)("div",{style:{marginTop:10,marginBottom:10}},Fl("Fallback image. You may need to install Safe SVG plugin to upload SVG images","greenshiftgsap")),(0,e.createElement)(l.MediaUploadCheck,null,(0,e.createElement)(l.MediaUpload,{onSelect:e=>{I({imageid:e.id,imageurl:e.url,imagealt:e.alt})},type:"image",render:t=>{let{open:a}=t;return(0,e.createElement)(r.Button,{isSmall:!0,variant:"secondary",onClick:a},Fl("Choose an image","greenshiftgsap"))}})),(0,e.createElement)("div",{style:{display:"block"}},(0,e.createElement)("img",{style:{maxWidth:"100%"},src:_||null})),_&&(0,e.createElement)(r.BaseControl,{help:Fl("Recommended if your block is in first screen","greenshiftgsap")},(0,e.createElement)(r.ToggleControl,{label:Fl("Disable image lazy load","greenshiftgsap"),checked:T,onChange:e=>{I({disablelazy:e})}})),(0,e.createElement)("div",{style:{display:"block",marginBottom:15}},(0,e.createElement)(r.Button,{isSmall:!0,variant:"secondary",onClick:()=>{let e=R.current;if(e){let t=e.querySelector("dotlottie-player");void 0!==t.snapshot&&(t.seek(1),t.snapshot(!0),I({snap:!j}))}}},Fl("Take snapshot image of current lottie","greenshiftgsap"))),(0,e.createElement)(r.BaseControl,{help:Fl("By default, animation is loaded only on interaction, but you can enable immediate loading. This will reduce web vitals score.","greenshiftgsap")},(0,e.createElement)(r.ToggleControl,{label:Fl("Enable immediate loading","greenshiftgsap"),checked:A,onChange:e=>{I({loadnow:e})}})),(0,e.createElement)(r.ToggleControl,{label:Fl("Loop","greenshiftgsap"),checked:s,onChange:e=>{I({loop:e})}}),(0,e.createElement)(r.ToggleControl,{label:Fl("Bounce play mode","greenshiftgsap"),checked:w,onChange:e=>{I({bounce:e})}}),(0,e.createElement)("hr",{style:{marginTop:20,marginBottom:10}}),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)("div",{class:"gspb_row_inspector gspb_row--no-padding-col",style:{justifyContent:"flex-end"}},(0,e.createElement)(Kl,{className:"gspb_inspector_device-icons--small",onChange:()=>P(!M)}))),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)("div",{class:"gspb_row_inspector gspb_row--no-padding-col",style:{justifyContent:"space-between"}},(0,e.createElement)("div",{class:"gspb_row__col--8"},(0,e.createElement)("span",{class:"gspb_inspector_property-title"},Fl("Width","greenshiftgsap")),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",style:{marginRight:10},onClick:()=>{let e=u.slice();e[F]=attributesDefault.width.default[F],I({width:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.__experimentalUnitControl,{onChange:e=>{let t=u.slice();t[F]=e.replace("-",""),I({width:t})},value:tn(u,F)})))),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)("div",{class:"gspb_row_inspector gspb_row--no-padding-col",style:{justifyContent:"space-between"}},(0,e.createElement)("div",{class:"gspb_row__col--8"},(0,e.createElement)("span",{class:"gspb_inspector_property-title"},Fl("Height","greenshiftg")),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",style:{marginRight:10},onClick:()=>{let e=b.slice();e[F]=attributesDefault.height.default[F],I({height:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.__experimentalUnitControl,{onChange:e=>{let t=b.slice();t[F]=e.replace("-",""),I({height:t})},value:tn(b,F)})))),(0,e.createElement)(r.RangeControl,{label:Fl("Speed","greenshiftgsap"),value:h,onChange:e=>{I({speed:e})},trackColor:"#2184f9",min:.1,max:10,step:.1})),(0,e.createElement)(r.PanelBody,{title:Fl("Spacing"),initialOpen:!1},(0,e.createElement)(Pl,t({attributeName:"spacing",overflow:!1},a)))),(0,e.createElement)(Zl,{key:"advance"},(0,e.createElement)(r.PanelBody,{title:Fl("Css Transform"),initialOpen:!1},(0,e.createElement)(Dl,t({attributeName:"csstransform"},a))),(0,e.createElement)(r.PanelBody,{title:Fl("Position"),initialOpen:!1},(0,e.createElement)($l,t({attributeName:"position"},a))),(0,e.createElement)(r.PanelBody,{title:Fl("Responsive"),initialOpen:!1},(0,e.createElement)(Rl,t({attributeName:"responsive"},a))))))),(0,e.createElement)(l.BlockControls,null,(0,e.createElement)(l.AlignmentToolbar,{value:v,onChange:e=>{I({Halign:e})},alignmentControls:U})),(0,e.createElement)(Gl,a),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",H,(0,e.createElement)("dotlottie-player",t({id:G,src:n,background:o,speed:h,style:{width:u[0],height:b[0]}},W)),(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:q}})))]},save(a){const{attributes:{source:n,loop:r,autoplay:s,background:i,mode:o,visibilityStart:c,visibilityEnd:p,frameStart:g,frameEnd:m,width:d,height:u,speed:b,imageurl:h,modetypescroll:_,modetypecursor:f,imagealt:v,bounce:y,id:E,disablelazy:w,loadnow:x}}=a;let C={loop:!(!r||o)||null,autoplay:!(!s||o)||null,mode:y&&!o?"bounce":null,"data-visibility-start":c||"","data-visibility-end":p||"","data-frames-start":g||"","data-frames-end":m||"","data-modetype":"scroll"==o?_:f,"data-interactivity":o||""};const k=`gspb_id-${E}`,N=l.useBlockProps.save({className:`gs-dotlottieloader ${k}${x?" gs-loadnow":""}`});return(0,e.createElement)("div",N,(0,e.createElement)("dotlottie-player",t({id:k,src:n,background:i,speed:b,style:{width:d[0],height:u[0]}},C)),h&&(0,e.createElement)("img",{src:h,alt:v,width:d[0],height:u[0],style:{pointerEvents:"none"},loading:w?"eager":null}))}});const an=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 103.39 122.88"},(0,e.createElement)("path",{fill:"#2184f9",d:"M64.57,4.51A118.49,118.49,0,0,1,76.32,6.1a11.1,11.1,0,0,0-2.54,5.44c-2.67-.46-5.5-.84-8.45-1.12a12,12,0,0,0-.76-5.91ZM21.33,1.59A9.31,9.31,0,1,1,8.4,4.11,9.32,9.32,0,0,1,21.33,1.59ZM84.75,8a5.38,5.38,0,1,1-5.38,5.38A5.38,5.38,0,0,1,84.75,8ZM53.27,1.93a7,7,0,1,1-7,7,7,7,0,0,1,7-7ZM36.51,20.06a4.42,4.42,0,1,1-4.41,4.41,4.41,4.41,0,0,1,4.41-4.41Zm61.35,15.5C89,44.21,82.62,50,78,54.93H25.36C20.82,50.06,14.64,44.08,6.27,35.71a21.49,21.49,0,0,1-3.22-4l.18.18A11.42,11.42,0,0,1,0,24.17,11.15,11.15,0,0,1,2.79,17a15.18,15.18,0,0,0,2.46,3.22,14.35,14.35,0,0,0,1.3,1.16,5.17,5.17,0,0,0-.9,2.83c0,7.95,20.62,14.39,46.05,14.39s46-6.44,46-14.39c0-1.89-1.17-3.7-3.29-5.35a11.08,11.08,0,0,0,1.43-5.46c0-.15,0-.31,0-.46,4.79,3.07,7.52,6.9,7.52,11.27a11.12,11.12,0,0,1-2.72,7.14A14,14,0,0,0,102,29.62a16.41,16.41,0,0,1-4.17,5.94ZM31.37,11.25A15.6,15.6,0,0,0,31,5.44c3.49-.53,7.2-.93,11.06-1.18A12,12,0,0,0,41.12,9a11.76,11.76,0,0,0,.06,1.2c-3.44.26-6.72.63-9.81,1.1ZM73.85,59.59c-7,8.77-8.06,12.61-8.23,33.11H37.39c.52-20.27.59-22.77-7.91-33.11ZM65.61,97.36c0,3.47,0,7.3,0,11.57a2.48,2.48,0,0,1-1.41,2.24L40.76,122.54A2.49,2.49,0,0,1,37,120.39h0c0-9.3.19-16.81.35-23Z"})),{collectionsObjects:ln}=gspblib.helpers,nn={id:{type:"string",default:null},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},allLabel:{type:"string",default:"All"},showAll:{type:"boolean",default:!0},disableCheckbox:{type:"boolean"},filterarray:{type:"array",default:[{label:"First Filter",id:"first-filter"},{label:"Second Filter",id:"second-filter"}]},flexAlign:{type:"string",default:"center"},checkedState:{type:"array",default:[!0,!0]},reinit:{type:"boolean"},gap:{type:"number",default:20},minWidth:{type:"number"},spaceFilter:{type:"number",default:30},checkboxColor:{type:"string",default:"#0b76ef"},responsive:{type:"object",default:ln.responsive},spacing:{type:"object",default:ln.spacing},spacingItem:{type:"object",default:ln.spacing},borderItem:{type:"object",default:ln.border},borderChecked:{type:"object",default:ln.border},shadowItem:{type:"object",default:ln.shadow},shadowChecked:{type:"object",default:ln.shadow},typographyItem:{type:"object",default:ln.typography},typographyChecked:{type:"object",default:ln.typography},backgroundItem:{type:"object",default:ln.background},backgroundChecked:{type:"object",default:ln.background}},{gspb_spacing_cssGen:rn,gspb_responsive_cssGen:sn,gspb_position_cssGen:on,gspb_typography_cssGen:cn,gspb_background_cssGen:pn,gspb_shadow_cssGen:gn,gspb_border_cssGen:mn,gspb_Css_Final:dn}=gspblib.utilities,{gspb_cssGen:un}=gspblib.helpers,bn=t=>{const{attributes:{id:a,responsive:l,position:n,spacing:r,filterarray:s,showAll:i,allLabel:o,flexAlign:c,gap:p,spaceFilter:g,checkboxColor:m,disableCheckbox:d,shadowItem:u,shadowChecked:b,borderItem:h,borderChecked:_,backgroundItem:f,backgroundChecked:v,spacingItem:y,typographyItem:E,typographyChecked:w,minWidth:x},children:C,clientId:k,className:N}=t;let S=`gspb_flipfilter-${a}`,B="#"+S,T="";T+=".gspb-checkbox-item{position:absolute;z-index:-1;opacity:0}.gspb-checkbox-item+label{display:inline-flex;align-items:center;user-select:none}",d||(T+=`.gspb-checkbox-item+label::before{content: '✓';display: inline-block;width: 1em;height: 1em;font-size: 15px;box-sizing: content-box;padding: 4px;font-weight: bold;line-height: 1em;color: #fff;text-align: center;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: .25em;margin-right: .5em;}.gspb-checkbox-item:not(:disabled):not(:checked)+label:hover::before{border-color:#d9dde2;opacity:1}.gspb-checkbox-item:not(:disabled):active+label::before{background-color:#d9dde2;border-color:#d9dde2}${B} .gspb-checkbox-item:focus:not(:checked)+label::before{border-color:${m};opacity:0.5}${B} .gspb-checkbox-item:checked+label::before{border-color:${m};background-color:${m};}.gspb-checkbox-item:disabled+label::before{background-color:#e9ecef}`),T=cn(E,B+" .gspb-checkbox-item+label",T),T=cn(w,B+" .gspb-checkbox-item:checked+label",T),T=rn(y,B+" .gspb-checkbox-item+label",T),T=mn(h,B+" .gspb-checkbox-item+label",T),T=mn(_,B+" .gspb-checkbox-item:checked+label",T),T=pn(f,B+" .gspb-checkbox-item+label",T),T=pn(v,B+" .gspb-checkbox-item:checked+label",T),T=gn(u,B+" .gspb-checkbox-item+label",T),T=gn(b,B+" .gspb-checkbox-item:checked+label",T),T=sn(l,B,T),T=rn(r,B,T),T=un(`${B} .gspb-flipfilters-wrap`,["display","justify-content","gap","align-items","margin-bottom","flex-wrap"],[["flex"],[c],[p+"px"],["center"],[g+"px"],["wrap"]],T,!1),T=un(B+" .gspb-checkbox-item+label",["min-width","justify-content"],[[x?x+"px":null],[x?"center":null]],T,!1),dn(a,T,t);let A=T;return A=on(n,"#block-"+k,A),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{id:S,className:"gspb-flipfilters"+(N?" "+N:"")},C),t.editor?(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:A}}):null)};var hn=a(361),fn=a.n(hn);const{__:vn}=wp.i18n,{InspectorControls:yn,BlockControls:En,AlignmentToolbar:wn}=wp.blockEditor,{Spacing:xn,Responsive:Cn,Background:kn,Shadow:Nn,Border:Sn,Typography:Bn,ProChecker:Tn}=gspblib.collections,{InspectorTabs:An,InspectorTab:jn,BlpgeColorPicker:In}=gspblib.components,On=a=>{const{attributes:{allLabel:l,showAll:n,filterarray:s,id:i,flexAlign:o,gap:c,spaceFilter:p,checkboxColor:g,disableCheckbox:m,checkedState:d,reinit:u,minWidth:b},setAttributes:h}=a,_=[{icon:"editor-alignleft",title:vn("Align Left","greenshift-gsap"),align:"flex-start"},{icon:"editor-aligncenter",title:vn("Align Center","greenshift-gsap"),align:"center"},{icon:"editor-alignright",title:vn("Align Right","greenshift-gsap"),align:"flex-end"}];return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(yn,null,(0,e.createElement)(An,{tabs:["general","advance"]},(0,e.createElement)(jn,{key:"general"},(0,e.createElement)(r.PanelBody,{title:vn("General","greenshiftgsap"),initialOpen:!0},(0,e.createElement)(Tn,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)(r.Button,{isSecondary:!0,className:"gspb-library-custom-preset-importbtn",isSmall:!0,onClick:()=>{h({reinit:!u})}},vn("Re-initialize filters","greenshiftgsap"))),(0,e.createElement)(r.ToggleControl,{checked:n,onChange:e=>h({showAll:e}),label:vn("Enable checkbox for All filters","greenshiftgsap")}),n&&(0,e.createElement)(r.TextControl,{label:vn("Label for All filter checkbox","greenshiftgsap"),onChange:e=>h({allLabel:e}),value:l}),(0,e.createElement)(r.RangeControl,{label:vn("Gap between checkboxes","greenshiftgsap"),value:c,onChange:e=>{h({gap:e})},trackColor:"#2184f9",min:5,max:50,step:1}),(0,e.createElement)(r.RangeControl,{label:vn("Min width for items","greenshiftgsap"),value:b,onChange:e=>{h({minWidth:e})},trackColor:"#2184f9",min:5,max:500,step:1}),(0,e.createElement)(r.RangeControl,{label:vn("Space after filters","greenshiftgsap"),value:p,onChange:e=>{h({spaceFilter:e})},trackColor:"#2184f9",min:5,max:200,step:1}),(0,e.createElement)(r.ToggleControl,{checked:m,onChange:e=>h({disableCheckbox:e}),label:vn("Disable checkbox visibility","greenshiftgsap")}),!m&&(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--6"},(0,e.createElement)("div",null,vn("Checkbox color"))),(0,e.createElement)("div",{className:"gspb_row__col--6",style:{textAlign:"right",justifyContent:"flex-end"}},(0,e.createElement)(In,{color:g,onChange:e=>h({checkboxColor:e.rgb?`rgba(${e.rgb.r}, ${e.rgb.g}, ${e.rgb.b}, ${e.rgb.a})`:e})})))),(0,e.createElement)(r.PanelBody,{title:vn("Filters","greenshiftgsap"),initialOpen:!0},s.map(((t,a)=>{const{label:l,id:n}=t;return(0,e.createElement)("div",{className:"gspb_inspector gs-inspector-form-inspector",style:{border:"1px solid #eee",marginBottom:10}},(0,e.createElement)("div",{style:{fontWeight:"bold",padding:"5px 10px",textAlign:"center",backgroundColor:"#edeff4"}},vn("Filter","greenshift")," - ",a+1),(0,e.createElement)("div",{style:{padding:10}},(0,e.createElement)(r.TextControl,{label:vn("Label of filter","greenshiftgsap"),value:l,onChange:e=>{const t=fn()(s);t[a].label=e,h({filterarray:t})}}),(0,e.createElement)(r.TextControl,{label:vn("Id of filter (required)","greenshiftgsap"),value:n,help:vn("Only latin symbols without spaces. This id must be unique and presented only once on page","greenshiftgsap"),onChange:e=>{const t=fn()(s);t[a].id=e,h({filterarray:t})}}),(0,e.createElement)("div",{style:{marginBottom:10}},vn("Copy next class to your items to assign them to this filter","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gs-flipfilter ",n)))})),(0,e.createElement)("hr",{style:{marginTop:10,marginBottom:20}}),(0,e.createElement)("div",{style:{textAlign:"center"}},(0,e.createElement)(r.Button,{isSecondary:!0,className:"gspb-library-custom-preset-importbtn",isSmall:!0,onClick:()=>{const e=fn()(s);let t=d.length+1,a=i.slice(-5);e.push({label:"New filter",id:"filter"+a+t});const l=fn()(d);l.push(!0),h({filterarray:e,checkedState:l,reinit:!u})}},vn("Add filter","greenshiftgsap")),(0,e.createElement)(r.Button,{isSmall:!0,isDestructive:!0,isSecondary:!0,onClick:()=>{const e=fn()(s);e.pop();const t=fn()(d);t.pop(),h({filterarray:e,checkedState:t,reinit:!u})}},vn("Remove filter","greenshiftgsap")))),(0,e.createElement)(r.PanelBody,{title:vn("Background","greenshift"),initialOpen:!1,className:"gspb_inspector gspb_smallpadding_btn"},(0,e.createElement)(kn,t({attributeName:"backgroundItem",exclude:["video","image","opacity"]},a))),(0,e.createElement)(r.PanelBody,{title:vn("Background for active","greenshift"),initialOpen:!1,className:"gspb_inspector gspb_smallpadding_btn"},(0,e.createElement)(kn,t({attributeName:"backgroundChecked",exclude:["video","image","opacity"]},a))),(0,e.createElement)(r.PanelBody,{title:vn("Border","greenshift"),initialOpen:!1},(0,e.createElement)(Sn,t({attributeName:"borderItem"},a))),(0,e.createElement)(r.PanelBody,{title:vn("Border for active","greenshift"),initialOpen:!1},(0,e.createElement)(Sn,t({attributeName:"borderChecked"},a))),(0,e.createElement)(r.PanelBody,{title:vn("Typography","greenshift"),initialOpen:!1},(0,e.createElement)(Bn,t({attributeName:"typographyItem",includeHoverlinks:!1},a))),(0,e.createElement)(r.PanelBody,{title:vn("Typography for active","greenshift"),initialOpen:!1},(0,e.createElement)(Bn,t({attributeName:"typographyChecked",includeHoverlinks:!1},a))),(0,e.createElement)(r.PanelBody,{title:vn("Shadow","greenshift"),initialOpen:!1},(0,e.createElement)(Nn,t({attributeName:"shadowItem"},a,{predefined:!0}))),(0,e.createElement)(r.PanelBody,{title:vn("Shadow for active","greenshift"),initialOpen:!1},(0,e.createElement)(Nn,t({attributeName:"shadowChecked"},a,{predefined:!0}))),(0,e.createElement)(r.PanelBody,{title:vn("Filter Spacing","greenshiftgsap"),initialOpen:!1},(0,e.createElement)(xn,t({attributeName:"spacingItem",autoMargin:!1},a))),(0,e.createElement)(r.PanelBody,{title:vn("Block Spacing","greenshiftgsap"),initialOpen:!1},(0,e.createElement)(xn,t({attributeName:"spacing",autoMargin:!1},a)))),(0,e.createElement)(jn,{key:"advance"},(0,e.createElement)(r.PanelBody,{title:vn("Responsive and Custom CSS","greenshiftgsap"),initialOpen:!0},(0,e.createElement)(Cn,t({attributeName:"responsive"},a)))))),(0,e.createElement)(En,null,(0,e.createElement)(wn,{value:o,onChange:e=>{h({flexAlign:e})},alignmentControls:_})))},{__:Fn}=wp.i18n,{registerBlockType:Mn}=wp.blocks,{select:Pn}=wp.data,{gspb_setBlockId:Rn}=gspblib.utilities,{BlockToolBar:Dn}=gspblib.components;Mn("greenshift-blocks/flipfilter",{title:Fn("Filterable container"),description:Fn("Adds custom filters to items"),category:"Greenshiftpro",keywords:[Fn("filter"),Fn("gallery"),Fn("effects")],icon:an,supports:{reusable:!0,anchor:!0,align:["wide"]},attributes:nn,edit(a){(0,e.useEffect)((()=>{Rn(a)}),[]);const{attributes:{id:n,filterarray:r,showAll:s,allLabel:i,checkedState:o,reinit:c},clientId:p,setAttributes:g}=a;let m=Pn("core/block-editor").getBlockOrder(p).length>0;function d(e,t,a){const l=Flip.getState(e),n=t.filter((e=>e.checked)).map((e=>"."+e.id)),r=n.length?gsap.utils.toArray(u.current.querySelectorAll(n.join(","))):n;e.forEach((e=>{-1===r.indexOf(e)?(e.style.display="none",e.classList.add("filter-remove-item")):(e.classList.remove("filter-remove-item"),e.style.display="")})),Flip.from(l,{duration:.7,scale:!0,ease:"power1.inOut",stagger:.08,onEnter:e=>gsap.fromTo(e,{opacity:0,scale:0},{opacity:1,scale:1,duration:1}),onLeave:e=>gsap.to(e,{opacity:0,scale:0,duration:1})})}const u=(0,e.useRef)();(0,e.useEffect)((()=>{if(u.current){const e=u.current.querySelector(".gspb-checkbox-filter-all"),t=gsap.utils.toArray(u.current.querySelectorAll(".gspb-checkbox-filter-item")),a=gsap.utils.toArray(u.current.querySelectorAll(".gs-flipfilter"));t.forEach((e=>e.addEventListener("click",(function(e){d(a,t)})))),e.addEventListener("click",(function(l){t.forEach((t=>t.checked=e.checked)),d(a,t)}))}}),[c]);const[b,h]=(0,e.useState)(!0);return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(On,a),(0,e.createElement)(Dn,a),(0,e.createElement)("div",{className:"gs-animation",ref:u},(0,e.createElement)(bn,t({editor:!0},a),(0,e.createElement)("div",{className:"gspb-flipfilters-wrap"},s&&(0,e.createElement)("div",{className:"gspb-checkbox-filter"},(0,e.createElement)("input",{className:"gspb-checkbox-item gspb-checkbox-filter-all",type:"checkbox",id:`allfilter-${n}`,checked:b,onChange:()=>{(()=>{h(!b);const e=o.map(((e,t)=>!b));g({checkedState:e})})()}}),(0,e.createElement)("label",{for:`allfilter-${n}`},i)),r.map(((t,a)=>{const{label:l,id:n}=t;return(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb-checkbox-filter"},(0,e.createElement)("input",{className:"gspb-checkbox-item gspb-checkbox-filter-item",type:"checkbox",id:`${n}`,checked:o[a],onChange:()=>{(e=>{const t=o.map(((t,a)=>a===e?!t:t));g({checkedState:t})})(a)}}),(0,e.createElement)("label",{for:`${n}`},l)))}))),(0,e.createElement)(l.InnerBlocks,{renderAppender:()=>m?(0,e.createElement)(l.InnerBlocks.DefaultBlockAppender,null):(0,e.createElement)(l.InnerBlocks.ButtonBlockAppender,null)}))))},save(a){const{attributes:{id:n,filterarray:r,showAll:s,allLabel:i}}=a;return(0,e.createElement)(bn,t({editor:!1},a),(0,e.createElement)("div",{className:"gspb-flipfilters-wrap"},s&&(0,e.createElement)("div",{className:"gspb-checkbox-filter"},(0,e.createElement)("input",{className:"gspb-checkbox-item gspb-checkbox-filter-all",type:"checkbox",id:`allfilter-${n}`,checked:!0}),(0,e.createElement)("label",{for:`allfilter-${n}`},i)),r.map(((t,a)=>{const{label:l,id:n}=t;return(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb-checkbox-filter"},(0,e.createElement)("input",{className:"gspb-checkbox-item gspb-checkbox-filter-item",type:"checkbox",id:`${n}`,checked:!0}),(0,e.createElement)("label",{for:`${n}`},l)))}))),(0,e.createElement)(l.InnerBlocks.Content,null))}});const $n=(0,e.createElement)("svg",{viewBox:"0 0 53 56",xmlns:"http://www.w3.org/2000/svg"},(0,e.createElement)("path",{fill:"#2184f9","fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 3.442c0 1.9 1.558 3.441 3.479 3.441H32.31c3.286 0 5.992 1.004 8.118 3.012 2.126 2.008 3.189 4.589 3.189 7.744 0 2.916-1.063 5.306-3.19 7.17-2.125 1.817-4.831 2.725-8.117 2.725H19.78c-1.922 0-3.48 1.54-3.48 3.442 0 1.9 1.558 3.441 3.48 3.441h13.836l12.466 19.79c.773 1.196 1.86 1.793 3.261 1.793 1.547 0 2.634-.597 3.262-1.793.628-1.242.507-2.557-.362-3.943l-11.09-17.64c2.996-1.338 5.364-3.298 7.103-5.879 1.74-2.629 2.61-5.664 2.61-9.106 0-3.49-.798-6.549-2.392-9.178-1.546-2.63-3.72-4.685-6.523-6.167C39.148.764 35.935 0 32.31 0H3.48C1.558 0 0 1.54 0 3.442z"})),{collectionsObjects:zn}=gspblib.helpers,Gn={source:{type:"string",default:greenshiftGSAP.pluginURL+"libs/rive/hero_bot.riv"},loadnow:{type:"boolean",default:!1},disablelazy:{type:"boolean"},autoplay:{type:"boolean",default:!0},background:{type:"string",default:"#ffffff00"},imageid:{type:"number"},imageurl:{type:"string",default:greenshiftGSAP.pluginURL+"libs/rive/loading.svg"},imagealt:{type:"string",default:""},width:{type:"array",default:["300px"]},height:{type:"array",default:["300px"]},containerwidth:{type:"array",default:[]},containerheight:{type:"array",default:[]},Halign:{type:"string",default:"center"},id:{type:"string",default:null},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},spacing:{type:"object",default:zn.spacing},animation:{type:"object",default:zn.animation},responsive:{type:"object",default:zn.responsive},position:{type:"object",default:zn.position},csstransform:{type:"object",default:zn.csstransform},snap:{type:"boolean"},artboard:{type:"string"},statemachine:{type:"string",default:"State Machine 1"},fitCover:{type:"string",default:"cover"},riveid:{type:"string",default:null}},{__:Ln}=wp.i18n,{registerBlockType:Un}=wp.blocks,{Spacing:Hn,Responsive:Wn,CssTransform:Vn,Position:qn,ProChecker:Yn}=gspblib.collections,{BlockToolBar:Xn}=gspblib.components,{gspb_spacing_cssGen:Jn,gspb_position_cssGen:Zn,gspb_csstransform_cssGen:Kn,gspb_responsive_cssGen:Qn,gspb_Css_Final:er}=gspblib.utilities,{gspb_setBlockId:tr,gspb_getDeviceStateIndex:ar}=gspblib.utilities,{InspectorTabs:lr,InspectorTab:nr,Devices:rr,RadioAdvanced:sr}=gspblib.components,{gspb_cssGen:ir}=gspblib.helpers,{gspb_inherit_values:or}=gspblib.helpers;Un("greenshift-blocks/rive",{title:Ln("Rive app loader"),description:Ln("Add Rive animation with smart loading"),icon:$n,category:"Greenshiftpro",keywords:["lottie","animation","rive"],supports:{align:["wide","full"]},attributes:Gn,edit(a){const{attributes:{source:n,autoplay:s,background:i,artboard:o,width:c,height:p,imageurl:g,imageid:m,Halign:d,id:u,spacing:b,animation:h,responsive:_,position:f,csstransform:v,disablelazy:y,containerheight:E,containerwidth:w,loadnow:x,snap:C,statemachine:k,fitCover:N,riveid:S},setAttributes:B,clientId:T}=a;(0,e.useEffect)((()=>{tr(a)}),[]);const A=ar(),[j,I]=(0,e.useState)(0),[O,F]=(0,e.useState)(""),[M,P]=(0,e.useState)(""),R=(0,e.useRef)(),D=(0,e.useRef)(!0),[$,z]=(0,e.useState)(!1),G=`gspb_id-${u}`;let L=`.${G}`,U="",H="";(0,e.useEffect)((()=>{const e=R.current;let t=e;const{ownerDocument:a}=e,l=a.body;let r=null;if(n)if(D.current)D.current=!1,(()=>{if(S||B({riveid:T.slice(-3)}),!0===$)return;if(z(!0),null===l.querySelector("#gs-rive-loader")){const e=document.createElement("script");e.src=greenshiftGSAP.pluginURL+"libs/rive/rive.js",e.id="gs-rive-loader",l.appendChild(e)}let e=a.getElementById(G);setTimeout((function(){if(e&&"undefined"!=typeof rive){let t=new rive.Layout({fit:rive.Fit.Cover});"contain"===N&&(t=new rive.Layout({fit:rive.Fit.Contain})),r=new rive.Rive({src:e.getAttribute("data-src"),canvas:e,artboard:e.getAttribute("data-artboard"),stateMachines:e.getAttribute("data-statemachine"),autoplay:!0,layout:t,onLoad:t=>{r.resizeDrawingSurfaceToCanvas();let a=e.getAttribute("data-statemachine");if(!a&&r.stateMachineNames.length>0&&(a=r.stateMachineNames[0]),a){const e=r.stateMachineInputs(a);if(void 0!==e&&e.length>0){for(let t=0;t<e.length;t++){let a=e[t],l="stateMachineInput"+S+t;window[l]=a,U+=l+"\n"}F(U)}}else O&&F("");let l="gsRIVE"+S;window[l]=r,H+=l,P(H)}})}}),1500)})();else{t.classList.add("rive-loaded");let e=a.getElementById(G);if(e&&void 0!==rive){let t=new rive.Layout({fit:rive.Fit.Cover});"contain"===N&&(t=new rive.Layout({fit:rive.Fit.Contain})),null!==r&&r.cleanup(),r=new rive.Rive({src:e.getAttribute("data-src"),canvas:e,artboard:e.getAttribute("data-artboard"),stateMachines:e.getAttribute("data-statemachine"),autoplay:!0,layout:t,onLoad:t=>{r.resizeDrawingSurfaceToCanvas();let a=e.getAttribute("data-statemachine");if(!a&&r.stateMachineNames.length>0&&(a=r.stateMachineNames[0]),a){const e=r.stateMachineInputs(a);if(void 0!==e&&e.length>0){for(let t=0;t<e.length;t++){let a=e[t],l="stateMachineInput"+S+t;window[l]=a,U+=l+"\n"}F(U)}}let l="gsRIVE"+S;window[l]=r,H+=l,P(H)}})}}}),[n,C,k,o,N,c,p]);const W=[{icon:"editor-alignleft",title:Ln("Align Left","greenshiftgsap"),align:"flex-start"},{icon:"editor-aligncenter",title:Ln("Align Center","greenshiftgsap"),align:"center"},{icon:"editor-alignright",title:Ln("Align Right","greenshiftgsap"),align:"flex-end"}],V=(0,l.useBlockProps)({className:`gs-riveloader ${G}`,ref:R});let q={"data-autoplay":!!s||null,"data-artboard":o||null,"data-statemachine":k||null,"data-cover":N||null},Y=`.gspb-bodyfront .${G} img{transition: opacity 0.3s ease-in; position:absolute}.gspb-bodyfront .${G}.rive-loaded img{opacity:0}`;Y=ir(`.${G} img, .${G} canvas, .${G} .gspb-resizable-custom-wrapper`,["width","max-width"],[[[c[0]?c[0]+"!important":null],[c[1]?c[1]+"!important":null],[c[2]?c[2]+"!important":null],[c[3]?c[3]+"!important":null]],["100%"]],Y,!1),Y=ir(`.gspb-bodyfront ${L}`,["width","height"],[[[w[0]?w[0]+"!important":null],[w[1]?w[1]+"!important":null],[w[2]?w[2]+"!important":null],[w[3]?w[3]+"!important":null]],[[E[0]?E[0]+"!important":null],[E[1]?E[1]+"!important":null],[E[2]?E[2]+"!important":null],[E[3]?E[3]+"!important":null]]],Y,!1),Y=ir(`.${G} img, .${G} canvas, .${G} .gspb-resizable-custom-wrapper`,["height"],[[[p[0]?p[0]+"!important":null],[p[1]?p[1]+"!important":null],[p[2]?p[2]+"!important":null],[p[3]?p[3]+"!important":null]]],Y,!1),Y=ir(L,["display","justify-content"],["flex",d],Y,!1),Y=Qn(_,L,Y),Y=Zn(f,"body.gspb-bodyfront "+L,Y),Y=Kn(v,L,Y,h),Y=Jn(b,L,Y),er(u,Y,a);let X=Y;X=Zn(f,"#block-"+T,X),X=ir("#block-"+T,["width","height"],[[[w[0]?w[0]+"!important":null],[w[1]?w[1]+"!important":null],[w[2]?w[2]+"!important":null],[w[3]?w[3]+"!important":null]],[[E[0]?E[0]+"!important":null],[E[1]?E[1]+"!important":null],[E[2]?E[2]+"!important":null],[E[3]?E[3]+"!important":null]]],X,!1);let J=!se()(Gn.csstransform.default,a.attributes.csstransform),Z=!se()(Gn.position.default,a.attributes.position),K=!se()(Gn.responsive.default,a.attributes.responsive);return(0,e.createElement)("div",V,a.isSelected&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(l.InspectorControls,null,(0,e.createElement)("div",{className:"gspb_inspector"},(0,e.createElement)(lr,{tabs:["general","advance"],activeAdvance:!!(J||Z||K)},(0,e.createElement)(nr,{key:"general"},(0,e.createElement)(r.PanelBody,{initialOpen:!0,title:Ln("Rive loader")},(0,e.createElement)(Yn,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)(r.TextControl,{label:Ln("File .rive URL","greenshiftgsap"),value:n,onChange:e=>{B({source:e,artboard:"",statemachine:""})}}),(0,e.createElement)("div",{style:{display:"flex",gap:"10px",marginTop:"-15px",marginBottom:"20px"}},(0,e.createElement)(l.MediaUploadCheck,null,(0,e.createElement)(l.MediaUpload,{onSelect:e=>B({source:e.url,artboard:"",statemachine:""}),allowedTypes:["riv"],value:n,render:t=>{let{open:a}=t;return(0,e.createElement)(r.Button,{variant:"secondary",isSmall:!0,onClick:a},Ln("Upload .riv file"))}})),(0,e.createElement)(r.Button,{isSmall:!0,variant:"secondary",onClick:()=>{B({snap:!C})}},Ln("Initialize","greenshiftgsap"))),(0,e.createElement)(r.TextControl,{label:Ln("Artboard (optional)","greenshiftgsap"),value:o,onChange:e=>{B({artboard:e})}}),(0,e.createElement)(r.TextControl,{label:Ln("StateMachine (optional)","greenshiftgsap"),value:k,onChange:e=>{B({statemachine:e})}}),(0,e.createElement)(sr,{value:N,label:Ln("Fit Width","greenshiftgsap"),fluid:"",onChange:e=>{B({fitCover:e})},options:[{label:"Cover",value:"cover",title:Ln("Cover","greenshift")},{label:"Contain",value:"contain",title:Ln("Contain","greenshift")}]}),(0,e.createElement)("div",{style:{marginTop:10,marginBottom:10}},Ln("Fallback image. You may need to install Safe SVG plugin to upload SVG images","greenshiftgsap")),(0,e.createElement)("div",{style:{display:"flex",gap:"10px"}},(0,e.createElement)(l.MediaUploadCheck,null,(0,e.createElement)(l.MediaUpload,{onSelect:e=>{B({imageid:e.id,imageurl:e.url,imagealt:e.alt})},type:"image",render:t=>{let{open:a}=t;return(0,e.createElement)(r.Button,{isSmall:!0,variant:"secondary",onClick:a},Ln("Choose an image","greenshiftgsap"))}})),(0,e.createElement)(r.Button,{isSmall:!0,isDestructive:!0,onClick:()=>{B({imageid:"",imageurl:"",imagealt:""})}},Ln("Remove image","greenshiftgsap"))),(0,e.createElement)("div",{style:{display:"block"}},(0,e.createElement)("img",{style:{maxWidth:"100%"},src:g||null})),g&&(0,e.createElement)(r.BaseControl,{help:Ln("Recommended if your block is in first screen","greenshiftgsap")},(0,e.createElement)(r.ToggleControl,{label:Ln("Disable image lazy load","greenshiftgsap"),checked:y,onChange:e=>{B({disablelazy:e})}})),(0,e.createElement)(r.BaseControl,{help:Ln("By default, animation is loaded only on interaction, but you can enable immediate loading. This will reduce web vitals score but can be more stable on slow internet. If you use multiple Rive blocks on page, you must use the same loading logic for all blocks.","greenshiftgsap")},(0,e.createElement)(r.ToggleControl,{label:Ln("Enable immediate loading","greenshiftgsap"),checked:x,onChange:e=>{B({loadnow:e})}})),(0,e.createElement)("hr",{style:{marginTop:20,marginBottom:10}}),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)("div",{class:"gspb_row_inspector gspb_row--no-padding-col",style:{justifyContent:"flex-end"}},(0,e.createElement)(rr,{className:"gspb_inspector_device-icons--small",onChange:()=>I(!j)}))),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)("div",{class:"gspb_row_inspector gspb_row--no-padding-col",style:{justifyContent:"space-between"}},(0,e.createElement)("div",{class:"gspb_row__col--8"},(0,e.createElement)("span",{class:"gspb_inspector_property-title"},Ln("Width","greenshiftgsap")),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",style:{marginRight:10},onClick:()=>{let e=c.slice();e[A]=Gn.width.default[A],B({width:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.__experimentalUnitControl,{onChange:e=>{let t=c.slice();t[A]=e.replace("-",""),B({width:t})},value:or(c,A)})))),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)("div",{class:"gspb_row_inspector gspb_row--no-padding-col",style:{justifyContent:"space-between"}},(0,e.createElement)("div",{class:"gspb_row__col--8"},(0,e.createElement)("span",{class:"gspb_inspector_property-title"},Ln("Height","greenshiftg")),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",style:{marginRight:10},onClick:()=>{let e=p.slice();e[A]=Gn.height.default[A],B({height:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.__experimentalUnitControl,{onChange:e=>{let t=p.slice();t[A]=e.replace("-",""),B({height:t})},value:or(p,A)})))),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)("div",{class:"gspb_row_inspector gspb_row--no-padding-col",style:{justifyContent:"space-between"}},(0,e.createElement)("div",{class:"gspb_row__col--8"},(0,e.createElement)("span",{class:"gspb_inspector_property-title"},Ln("Container Width","greenshiftgsap")),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",style:{marginRight:10},onClick:()=>{let e=w.slice();e[A]=Gn.containerwidth.default[A],B({containerwidth:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.__experimentalUnitControl,{onChange:e=>{let t=w.slice();t[A]=e.replace("-",""),B({containerwidth:t})},value:or(w,A)})))),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)("div",{class:"gspb_row_inspector gspb_row--no-padding-col",style:{justifyContent:"space-between"}},(0,e.createElement)("div",{class:"gspb_row__col--8"},(0,e.createElement)("span",{class:"gspb_inspector_property-title"},Ln("Container Height","greenshiftg")),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",style:{marginRight:10},onClick:()=>{let e=E.slice();e[A]=Gn.containerheight.default[A],B({containerheight:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.__experimentalUnitControl,{onChange:e=>{let t=E.slice();t[A]=e.replace("-",""),B({containerheight:t})},value:or(E,A)}))))),(0,e.createElement)(r.PanelBody,{title:Ln("Spacing","greenshiftgsap"),initialOpen:!1},(0,e.createElement)(Hn,t({attributeName:"spacing",overflow:!1},a))),(0,e.createElement)(r.PanelBody,{title:Ln("For developers","greenshiftgsap"),initialOpen:!1},O&&(0,e.createElement)("div",{style:{marginBottom:20}},Ln("Rive Inputs. Use in Interaction Layers:","greenshiftgsap"),(0,e.createElement)("br",null),(0,e.createElement)("br",null),(0,e.createElement)("i",{style:{color:"#2184f9"}},O)),M&&(0,e.createElement)("div",{style:{marginBottom:10}},Ln("Rive Objects","greenshiftgsap")," ",(0,e.createElement)("br",null),(0,e.createElement)("br",null),(0,e.createElement)("i",{style:{color:"#2184f9"}},M)))),(0,e.createElement)(nr,{key:"advance"},(0,e.createElement)(r.PanelBody,{title:Ln("Css Transform","greenshiftgsap"),initialOpen:!1,className:J?"gspb_panel_changed":""},(0,e.createElement)(Vn,t({attributeName:"csstransform"},a))),(0,e.createElement)(r.PanelBody,{title:Ln("Position","greenshiftgsap"),initialOpen:!1,className:Z?"gspb_panel_changed":""},(0,e.createElement)(qn,t({attributeName:"position"},a))),(0,e.createElement)(r.PanelBody,{title:Ln("Responsive and Custom CSS","greenshiftgsap"),initialOpen:!1,className:K?"gspb_panel_changed":""},(0,e.createElement)(Wn,t({attributeName:"responsive",customstyle:"{GREENSHIFT} .gs-gsap-wrap{  }"},a))))))),(0,e.createElement)(l.BlockControls,null,(0,e.createElement)(l.AlignmentToolbar,{value:d,onChange:e=>{B({Halign:e})},alignmentControls:W})),(0,e.createElement)(Xn,a)),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb-resizable-custom-wrapper"},(0,e.createElement)("canvas",t({id:G,"data-src":n,background:i,width:c[0],height:p[0]},q))),(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:X}})))},save(a){const{attributes:{source:n,autoplay:r,background:s,artboard:i,width:o,height:c,imageurl:p,Halign:g,imagealt:m,id:d,widthUnit:u,heightUnit:b,disablelazy:h,loadnow:_,statemachine:f,fitCover:v,riveid:y}}=a;let E={"data-autoplay":!!r||null,"data-artboard":i||null,"data-statemachine":f||null,"data-cover":v||null};const w=`gspb_id-${d}`,x=l.useBlockProps.save({className:`gs-riveloader ${w}${_?" gs-riveloadnow":""}`});return(0,e.createElement)("div",x,(0,e.createElement)("canvas",t({id:w,"data-id":y,"data-src":n,background:s,width:o[0],height:c[0]},E)),p&&(0,e.createElement)("img",{src:p,alt:m,width:o[0],height:c[0],style:{pointerEvents:"none"},loading:h?"eager":null}))}});const cr=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 123.14 123.54"},(0,e.createElement)("path",{fill:"#2184f9",d:"M121.59,36.81,86.3,1.52c-3-3-7.77.09-9.2,2.74-.24.45.19.86-.2,3.91a46.16,46.16,0,0,1-2.72,11.32l-15.7,15.7c-6.26,6.27-15.22,3.48-22.87-.32-1.61-.8-3.68-2.57-5.47-.78l-6.65,6.65a2.5,2.5,0,0,0,0,3.53l55.79,55.78a2.5,2.5,0,0,0,3.53,0l6.64-6.65c1.77-1.77-.49-4.06-1.41-6-3.4-7-6.45-16.42-.78-22.09L103.65,49A84.08,84.08,0,0,1,115,46.38c3.09-.49,3.47-.1,3.91-.39,2.7-1.75,5.7-6.16,2.68-9.18ZM53.86,82.39,41.15,69.69.38,121.25l1.92,1.91L53.86,82.39Z"})),{collectionsObjects:pr}=gspblib.helpers,gr={id:{type:"string",default:null},flexAlign:{type:"string",default:"center"},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},ease:{type:"string",default:"none"},delay:{type:"number",default:null},customtrigger:{type:"string",default:null},triggerstart:{type:"string",default:"top 15%"},triggerend:{type:"string",default:"+=350"},responsive:{type:"object",default:pr.responsive},position:{type:"object",default:pr.position},blockWidth:{type:"object",default:pr.blockWidth},csstransform:{type:"object",default:pr.csstransform},border:{type:"object",default:pr.border},background:{type:"object",default:pr.background},spacing:{type:"object",default:pr.spacing},shadow:{type:"object",default:pr.shadow},triggerscrub:{type:"number"},triggersnap:{type:"number"},pinpreview:{type:"boolean"},pinspace:{type:"boolean"},anticipatePin:{type:"boolean"},scrollbehaviour:{type:"boolean"},pinReparent:{type:"boolean"},pinFade:{type:"boolean"},triggerstartM:{type:"string",default:null},triggerendM:{type:"string",default:null},reinit:{type:"boolean"},useMobile:{type:"boolean"}},{gspb_spacing_cssGen:mr,gspb_responsive_cssGen:dr,gspb_position_cssGen:ur,gspb_csstransform_cssGen:br,gspb_Css_Final:hr,gspb_background_cssGen:_r,gspb_shadow_cssGen:fr,gspb_width_cssGen:vr,gspb_border_cssGen:yr}=gspblib.utilities,{gspb_cssGen:Er}=gspblib.helpers,wr=t=>{const{attributes:{id:a,responsive:l,position:n,csstransform:r,spacing:s,background:i,border:o,shadow:c,flexAlign:p,ease:g,delay:m,customtrigger:d,triggerstart:u,triggerend:b,triggerscrub:h,pinspace:_,pinReparent:f,anticipatePin:v,pinFade:y,triggerstartM:E,triggerendM:w,useMobile:x,blockWidth:C,scrollbehaviour:k,triggersnap:N,pinpreview:S},className:B,clientId:T,children:A}=t;let j=`gspb_gsapin-${a}`,I=`gs-pin-wrap gs-gsap-wrap${y?" gs-prehidden":""} ${B}`,O="#"+j,F="[data-prehidden], body.gspb-bodyfront .gs-prehidden{visibility:hidden}";k&&(F+="body{overscroll-behavior:none}"),F=dr(l,O,F),F=ur(n,"body.gspb-bodyfront "+O,F),F=yr(o,O,F),F=_r(i,O,F),F=vr(C,O,F),F=fr(c,O,F),F=br(r,O,F,O),F=mr(s,O,F),"full"!=p&&(F=Er(O,["justify-content"],[p],F)),hr(a,F,t);let M=F;return M=ur(n,"#block-"+T,M),S&&(M+=`${O}{pointer-events:none}`),(0,e.createElement)("div",{id:j,className:I,"data-delay":m&&Number.isFinite(m)?m:null,"data-triggertype":"scroll","data-customtrigger":d||null,"data-triggerstart":u||null,"data-triggerend":b||null,"data-ease":g||null,"data-triggerscrub":h&&Number.isFinite(h)?h:null,"data-pinned":"yes","data-pinforce":"yes","data-pinreparent":f?"yes":null,"data-pinspace":_?"yes":null,"data-anticipatepin":v?"yes":null,"data-pinfade":y?"yes":null,"data-usemobile":x?"yes":null,"data-pinpreview":S?"yes":null,"data-triggerstartM":E||null,"data-triggerendM":w||null,style:{display:"full"==p?"block":"flex"},"data-triggersnap":N&&Number.isFinite(N)?N:null},A,t.editor?(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:M}}):null)},{__:xr}=wp.i18n,{InspectorControls:Cr,BlockControls:kr,AlignmentToolbar:Nr}=wp.blockEditor,{GsbpFormLabel:Sr}=gspblib.components,{PanelBody:Br}=wp.components,{Spacing:Tr,Responsive:Ar,CssTransform:jr,Position:Ir,Background:Or,Border:Fr,Shadow:Mr,BlockWidth:Pr,ProChecker:Rr}=gspblib.collections,{InspectorTabs:Dr,InspectorTab:$r}=gspblib.components,zr=a=>{const{attributes:{flexAlign:l,ease:n,delay:s,customtrigger:i,triggerstart:o,triggerend:c,triggerscrub:p,pinspace:g,pinReparent:m,anticipatePin:d,pinFade:u,reinit:b,useMobile:h,triggerstartM:_,triggerendM:f,scrollbehaviour:v,triggersnap:y,pinpreview:E},setAttributes:w}=a,x=[{icon:"editor-alignleft",title:xr("Align Text Left"),align:"flex-start"},{icon:"editor-aligncenter",title:xr("Align Text Center"),align:"center"},{icon:"editor-alignright",title:xr("Align Text Right"),align:"flex-end"},{icon:"menu",title:xr("Full align"),align:"full"}];let C=(0,e.createElement)("div",{className:"gspb_inspector_advancedOptionsWrraper gspb_inspector",style:{minWidth:220}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--9"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},xr("Enable Mobile Options","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:h,onChange:e=>w({useMobile:e})}))),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},xr("Trigger start","greenshiftgsap")),(0,e.createElement)(r.TextControl,{value:_,onChange:e=>w({triggerstartM:e})})),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},xr("Trigger end")),(0,e.createElement)(r.TextControl,{value:f,onChange:e=>w({triggerendM:e})})),(0,e.createElement)("div",{style:{marginTop:10}},xr("Mobile options currently work only on frontend side","greenshiftgsap")));const k=e=>{e.innerBlocks.forEach((e=>{"greenshift-blocks/pinscroll"===e.name||"greenshift-blocks/sequencer"===e.name?wp.data.dispatch("core/block-editor").updateBlockAttributes(e.clientId,{pinpreview:!E}):e.innerBlocks.length>0&&k(e)}))};let N=!se()(gr.csstransform.default,a.attributes.csstransform),S=!se()(gr.position.default,a.attributes.position),B=!se()(gr.responsive.default,a.attributes.responsive);return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Cr,null,(0,e.createElement)("div",{className:"gspb_inspector"},(0,e.createElement)(Dr,{tabs:["general","advance"],activeAdvance:!!(N||S||B)},(0,e.createElement)($r,{key:"general"},(0,e.createElement)(Br,{title:xr("Animation options"),initialOpen:!0},(0,e.createElement)(Rr,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)(r.BaseControl,{help:xr("Pin in Editor is very wobbly, you can enable Preview mode for smooth pin, but this also disables editing inner items. Also, you need to reinit Pin every time if you change inner content of pin container","greenshiftgsap")},(0,e.createElement)("div",{style:{display:"flex",gap:10}},(0,e.createElement)(r.Button,{isSecondary:!0,className:"gspb-library-custom-preset-importbtn",isSmall:!0,onClick:()=>{w({reinit:!b})}},xr("Re-initialize","greenshiftgsap")),(0,e.createElement)(r.Button,{isPrimary:E||!1,isSecondary:!E||!0,className:"gspb-library-custom-preset-importbtn",isSmall:!0,onClick:()=>{wp.data.select("core/block-editor").getBlocks().forEach((e=>{"greenshift-blocks/pinscroll"===e.name||"greenshift-blocks/sequencer"===e.name?wp.data.dispatch("core/block-editor").updateBlockAttributes(e.clientId,{pinpreview:!E}):e.innerBlocks.length>0&&k(e)}))}},xr("Enable Preview Mode","greenshiftgsap")))),(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},xr("Css ID of custom trigger to start","greenshiftgsap")),(0,e.createElement)(r.TextControl,{value:i,onChange:e=>w({customtrigger:e}),help:xr("By default, animation will be triggered by itself. You can place here custom ID for element","greenshiftgsap")})),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--8",style:{padding:0}},(0,e.createElement)(Sr,{title:xr("Ease type","greenshiftgsap"),clearFun:()=>w({ease:null})})),(0,e.createElement)("div",{className:"gspb_row__col--4",style:{padding:0}},(0,e.createElement)(r.SelectControl,{value:n,options:ee,onChange:e=>w({ease:e})}))),(0,e.createElement)(r.BaseControl,{help:(0,e.createElement)((()=>(0,e.createElement)(e.Fragment,null,xr("Check documentation for available values","greenshiftgsap")," - ",(0,e.createElement)("a",{href:"https://greensock.com/docs/v3/Plugins/ScrollTrigger",target:"__blank"}," ScrollTrigger Docs "))),null)},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},xr("Trigger start","greenshiftgsap")),(0,e.createElement)(r.TextControl,{value:o,onChange:e=>w({triggerstart:e}),help:xr("By default, trigger is set to top point of element, but you can change this. Example: top center","greenshiftgsap")})),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("span",{className:"gspb_inspector_property-title"},xr("Trigger end","greenshiftgsap")),(0,e.createElement)(r.TextControl,{value:c,onChange:e=>w({triggerend:e})})),(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Sr,{title:xr("Interpolate animation by Scroll","greenshiftgsap"),clearFun:()=>w({triggerscrub:null})}),(0,e.createElement)("div",null),(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>w({triggerscrub:parseFloat(e)}),help:xr("By default, scroll will trigger full animation. If you want to play animation by scrolling, place here number of seconds for feedback.  Recommended value is 1."),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:0,max:10,step:.1,value:p})),(0,e.createElement)("div",{className:"gspb_row",style:{marginTop:10}},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},xr("Enable overflow on pinned item"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px",padding:0}},(0,e.createElement)(r.ToggleControl,{checked:g,onChange:e=>w({pinspace:e})}))),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},xr("Pin Reparent. Use this if you have issues with pin"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px",padding:0}},(0,e.createElement)(r.ToggleControl,{checked:m,onChange:e=>w({pinReparent:e})}))),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},xr("Anticipate pin. Use this only if have glitch on pin start"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px",padding:0}},(0,e.createElement)(r.ToggleControl,{checked:d,onChange:e=>w({anticipatePin:e})}))),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},xr("Disable overscroll bounce","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px",padding:0}},(0,e.createElement)(r.ToggleControl,{checked:v,onChange:e=>w({scrollbehaviour:e})}))),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},xr("Pin Fade effect","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px",padding:0}},(0,e.createElement)(r.ToggleControl,{checked:u,onChange:e=>w({pinFade:e})}))),(0,e.createElement)(r.BaseControl,{className:"gs-label-row"},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>w({delay:parseFloat(e)}),label:xr("Delay","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:1,min:.1,max:20,step:.1,value:s})),(0,e.createElement)(r.BaseControl,{className:"gs-label-row",help:xr("Formula: 1 / (number of section - 1). Snap are working only on frontend part of site","greenshiftgsap")},(0,e.createElement)(r.__experimentalNumberControl,{onChange:e=>w({triggersnap:parseFloat(e)}),label:xr("Scroll snap","greenshiftgsap"),isDragEnabled:!0,isShiftStepEnabled:!0,shiftStep:.1,min:0,max:1,step:.01,value:y})),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col",style:{marginTop:"10px",width:"100%"}},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{display:"flex",alignItems:"center"}},(0,e.createElement)("div",null,xr("Use separate for mobile","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2"},(0,e.createElement)(r.Dropdown,{position:"bottom left",renderToggle:t=>{let{onToggle:a}=t;return(0,e.createElement)("div",null,(0,e.createElement)("button",{className:"components-button components-icon-button components-toolbar__control",style:{color:h?"#2184f9":"#111111"},onClick:a},(0,e.createElement)("i",{class:"rhicon rhi-cog",style:{margin:"auto",fontSize:"20px"}})))},renderContent:e=>{let{onToggle:t}=e;return C}}))))),(0,e.createElement)(Br,{title:xr("Width and Height","greenshiftgsap"),initialOpen:!1,className:se()(gr.blockWidth.default,a.attributes.blockWidth)?"":"gspb_panel_changed"},(0,e.createElement)(Pr,t({attributeName:"blockWidth",include:["height"]},a))),(0,e.createElement)(Br,{title:xr("Background and Opacity","greenshiftgsap"),initialOpen:!1,className:"gspb_smallpadding_btn "+(se()(gr.background.default,a.attributes.background)?"":"gspb_panel_changed")},(0,e.createElement)(Or,t({attributeName:"background",exclude:["video"]},a))),(0,e.createElement)(Br,{title:xr("Border","greenshiftgsap"),initialOpen:!1,className:se()(gr.border.default,a.attributes.border)?"":"gspb_panel_changed"},(0,e.createElement)(Fr,t({attributeName:"border"},a))),(0,e.createElement)(Br,{title:xr("Shadow","greenshiftgsap"),initialOpen:!1,className:se()(gr.shadow.default,a.attributes.shadow)?"":"gspb_panel_changed"},(0,e.createElement)(Mr,t({attributeName:"shadow"},a,{predefined:!0}))),(0,e.createElement)(Br,{title:xr("Spacing"),initialOpen:!1,className:se()(gr.spacing.default,a.attributes.spacing)?"":"gspb_panel_changed"},(0,e.createElement)(Tr,t({attributeName:"spacing"},a)))),(0,e.createElement)($r,{key:"advance"},(0,e.createElement)(Br,{title:xr("Css Transform","greenshiftgsap"),initialOpen:!1,className:N?"gspb_panel_changed":""},(0,e.createElement)(jr,t({attributeName:"csstransform"},a))),(0,e.createElement)(Br,{title:xr("Position","greenshiftgsap"),initialOpen:!1,className:S?"gspb_panel_changed":""},(0,e.createElement)(Ir,t({attributeName:"position"},a))),(0,e.createElement)(Br,{title:xr("Responsive and Custom CSS","greenshiftgsap"),initialOpen:!1,className:B?"gspb_panel_changed":""},(0,e.createElement)(Ar,t({attributeName:"responsive",customstyle:"{GREENSHIFT} .gs-gsap-wrap{  }"},a))))))),(0,e.createElement)(kr,null,(0,e.createElement)(Nr,{value:l,onChange:e=>w({flexAlign:e}),alignmentControls:x})))},{__:Gr}=wp.i18n,{registerBlockType:Lr,createBlock:Ur}=wp.blocks,{select:Hr}=wp.data,{gspb_setBlockId:Wr}=gspblib.utilities,{BlockToolBar:Vr}=gspblib.components;Lr("greenshift-blocks/pinscroll",{title:Gr("Pin Scroll","greenshiftgsap"),description:Gr("Container to pin items while scroll"),category:"Greenshiftpro",keywords:[Gr("gsap"),Gr("animation"),Gr("pin")],icon:cr,supports:{reusable:!0,anchor:!0,align:["wide","full"]},transforms:{from:[{type:"block",isMultiBlock:!0,blocks:["*"],__experimentalConvert(e){const t=e.map((e=>Ur(e.name,e.attributes,e.innerBlocks)));return Ur("greenshift-blocks/pinscroll",{},t)}}]},attributes:gr,edit(a){(0,e.useEffect)((()=>{Wr(a)}),[]);const{attributes:{id:n,ease:r,delay:s,customtrigger:i,triggerstart:o,triggerend:c,triggerscrub:p,pinspace:g,pinReparent:m,anticipatePin:d,pinFade:u,reinit:b,blockWidth:h,flexAlign:f,align:v,pinpreview:y,triggersnap:E,flexbox:w},clientId:x}=a;let C=Hr("core/block-editor").getBlockOrder(x).length>0;const k=(0,e.useRef)(),N=(0,e.useRef)(!0),S=(0,e.useRef)();let B="";const T=(0,e.useCallback)(_.debounce((e=>{if(S.current=!0,S.current&&k.current){B&&B.revert();let e=k.current.ownerDocument;const t=k.current.querySelector(".gs-gsap-wrap");B=gsap.context((()=>{if(t){t.style="";let a=ScrollTrigger.getById("gsinit"+n);a&&a.kill(),gsap.killTweensOf(t),e.body.classList.contains("editor-styles-wrapper")?GSinit(t,!0,!1,e,n):GSinit(t,!1,!0,e,n)}}))}return()=>{S.current=!1}}),600),[]);return(0,e.useEffect)((()=>{if(N.current){if(N.current=!1,k.current){let e=k.current.ownerDocument;const t=k.current.querySelector(".gs-gsap-wrap");B=gsap.context((()=>{t&&(e.body.classList.contains("editor-styles-wrapper")?GSinit(t,!0,!1,e,n):GSinit(t,!1,!0,e,n))}))}}else T(gr)}),[r,s,i,o,c,p,g,m,d,u,b,h,f,v,y,E,w]),(0,e.createElement)(e.Fragment,null,(0,e.createElement)(zr,t({animationref:k.current},a)),(0,e.createElement)(Vr,a),(0,e.createElement)("div",{className:"gs-animation",ref:k},(0,e.createElement)(wr,t({editor:!0},a),(0,e.createElement)(l.InnerBlocks,{renderAppender:()=>C?(0,e.createElement)(l.InnerBlocks.DefaultBlockAppender,null):(0,e.createElement)(l.InnerBlocks.ButtonBlockAppender,null)}))))},save:a=>(0,e.createElement)("div",{className:"gspb_pinscroll_wrap"},(0,e.createElement)(wr,t({editor:!1},a),(0,e.createElement)(l.InnerBlocks.Content,null)))});const qr=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"29.957px",height:"122.88px",viewBox:"0 0 29.957 122.88"},(0,e.createElement)("g",null,(0,e.createElement)("path",{fill:"#2184f9",d:"M14.978,0c8.27,0,14.979,6.708,14.979,14.979c0,8.27-6.709,14.976-14.979,14.976 C6.708,29.954,0,23.249,0,14.979C0,6.708,6.708,0,14.978,0L14.978,0z M14.978,92.926c8.27,0,14.979,6.708,14.979,14.979 s-6.709,14.976-14.979,14.976C6.708,122.88,0,116.175,0,107.904S6.708,92.926,14.978,92.926L14.978,92.926z M14.978,46.463 c8.27,0,14.979,6.708,14.979,14.979s-6.709,14.978-14.979,14.978C6.708,76.419,0,69.712,0,61.441S6.708,46.463,14.978,46.463 L14.978,46.463z"}))),{collectionsObjects:Yr}=gspblib.helpers,Xr={id:{type:"string",default:null},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},responsive:{type:"object",default:Yr.responsive},responsiveNav:{type:"object",default:Yr.responsive},positionNav:{type:"object",default:{Zindex:9,positionType:["fixed","","",""],positions:{values:{top:["50%"],right:["20px"]}}}},position:{type:"object",default:Yr.position},csstransformNav:{type:"object",default:{unit:["%"],translateY:[-50],time:"0.4"}},borderNav:{type:"object",default:{borderRadius:{values:{topLeft:50,topRight:50,bottomRight:50,bottomLeft:50},unit:"px",locked:!0}}},borderNavActive:{type:"object",default:{borderRadius:{values:{topLeft:50,topRight:50,bottomRight:50,bottomLeft:50},unit:"px",locked:!0}}},backgroundNav:{type:"object",default:{color:"#f1f1f1"}},backgroundNavActive:{type:"object",default:{color:"#111111"}},backgroundTab:{type:"object",default:{color:"#fff"}},backgroundTabActive:{type:"object",default:{color:"#fff"}},borderTabWrapper:{type:"object",default:{borderRadius:{values:{},unit:"px",locked:!0},style:{bottom:["solid"]},size:{bottom:[1]},color:{bottom:["#0000000f"]}}},backgroundTabWrapper:{type:"object",default:{color:"#fff"}},shadowTabWrapper:{type:"object",default:Yr.shadow},typographyTab:{type:"object",default:Yr.typography},typographyTabActive:{type:"object",default:Yr.typography},backgroundTabAccent:{type:"object",default:Yr.background},borderTab:{type:"object",default:{borderRadius:{values:{},unit:"px",locked:!0},style:{all:["solid"],bottom:["solid"]},size:{all:[1],bottom:[1]},color:{all:["#0000000f"],bottom:["#00000000"]}}},borderTabActive:{type:"object",default:{borderRadius:{values:{},unit:"px",locked:!0},style:{bottom:["solid"]},size:{bottom:[1]},color:{bottom:["#00000000"]}}},spacingNav:{type:"object",default:{margin:{values:{top:[8],right:[8],bottom:[8],left:[8]},unit:["px","px","px","px"],locked:!1},padding:{values:{},unit:["px","px","px","px"],locked:!1}}},spacingTab:{type:"object",default:{margin:{values:{top:[0],right:[0],bottom:[0],left:[-2]},unit:["px","px","px","px"],locked:!1},padding:{values:{top:[16],right:[55],bottom:[14],left:[55]},unit:["px","px","px","px"],locked:!1}}},width:{type:"array",default:[8,null,null,null]},height:{type:"array",default:[8,null,null,null]},widthUnit:{type:"array",default:["px","px","px","px"]},heightUnit:{type:"array",default:["px","px","px","px"]},widthActive:{type:"array",default:[25,null,null,null]},heightActive:{type:"array",default:[8,null,null,null]},widthUnitActive:{type:"array",default:["px","px","px","px"]},heightUnitActive:{type:"array",default:["px","px","px","px"]},direction:{type:"string",default:"v"},align:{type:"string",default:"full"},flexalign:{type:"string",default:"center"},tabs:{type:"array",default:[{tabname:"Tab 1"},{tabname:"Tab 2"},{tabname:"Tab 3"}]},tabstop:{type:"array",default:["0px",null,null,null]},scrollsnap:{type:"boolean"}},{gspb_cssGen:Jr}=gspblib.helpers,{gspb_spacing_cssGen:Zr,gspb_responsive_cssGen:Kr,gspb_position_cssGen:Qr,gspb_csstransform_cssGen:es,gspb_background_cssGen:ts,gspb_shadow_cssGen:as,gspb_border_cssGen:ls,gspb_typography_cssGen:ns,gspb_Css_Final:rs}=gspblib.utilities,ss=t=>{const{attributes:{id:a,scrollsnap:l,direction:n,flexalign:r,responsive:s,responsiveNav:i,position:o,csstransformNav:c,positionNav:p,spacingNav:g,spacingTab:m,backgroundNav:d,borderNav:u,backgroundNavActive:b,borderNavActive:h,backgroundTab:_,borderTab:f,backgroundTabActive:v,borderTabActive:y,height:E,width:w,widthUnit:x,heightUnit:C,widthActive:k,heightActive:N,widthUnitActive:S,heightUnitActive:B,tabs:T,tabstop:A,borderTabWrapper:j,backgroundTabWrapper:I,backgroundTabAccent:O,shadowTabWrapper:F,typographyTab:M,typographyTabActive:P},className:R,clientId:D,children:$}=t;let z=`gspb-pagenav-${a}`,G=`gspb_pagenav ${void 0!==R&&"undefined"!=R?R:""}`,L="#"+z,U=`gspb-pagenav-tabs-${a}`,H=`gspb-pagenav-tabs-wrap-${a}`,W="#"+U,V="#"+H,q="",Y="",X="",J=".gspb_pagenav_wrap{position:relative}";"tabs"==n?(q=W,Y=W+" .gspb_dotnav_tab_item",X=W+" .gspb_dotnav_tab_item.active",J+=`${V}{display:flex;position: sticky;top: 0;z-index: 99999;}`,J+=`${q}{max-width: fit-content;display: flex;}${V}{overflow: auto;flex-wrap: nowrap;scrollbar-width:thin; scrollbar-color: transparent transparent;}${V}::-webkit-scrollbar{width:0px;height:0px}${V}::-webkit-scrollbar-track{background-color:transparent;border-radius:20px}${V}::-webkit-scrollbar-thumb{background-color:transparent;border-radius:20px;border:1px solid transparent}${V}:hover::-webkit-scrollbar-thumb{background-color:#ddd;}${V}:hover{scrollbar-color: #ddd #fff;}`,J+=`${q} .gspb_dotnav_tab_accent{position:absolute;top:-1px; right:-1px; left:-1px; height:6px; background:#00cc81; transform: scaleX(0);transform-origin:left}${Y}{position:relative; transition: all 0.4s;white-space: nowrap; cursor:pointer}`,l&&(J+=`${q} .gspb_dotnav_tab_accent{transition: transform 0.4s;}${W+" .gspb_dotnav_tab_item.active .gspb_dotnav_tab_accent"}{transform: scaleX(1)}`),J=Jr(V,["top"],[[[A[0]?A[0]:"0px"],[A[1]?A[1]:"0px"],[A[2]?A[2]:"0px"],[A[3]?A[3]:"0px"]]],J,!1),J=Jr(V,["justify-content"],[r],J,!1),J+=`@media(max-width:500px){${V}{justify-content:left}}`,J=Zr(m,Y,J),J=ts(_,Y,J),J=ts(v,X,J),J=ts(O,`${q} .gspb_dotnav_tab_accent`,J),J=ls(f,Y,J),J=ls(y,X,J),J=ts(I,V,J),J=ls(j,V,J),J=as(F,V,J),J=ns(M,Y,J),J=ns(P,X,J)):(q=W,Y=W+" .gspb_dotnav_list_item",X=W+" .gspb_dotnav_list_item.active",J+=`${q}{display:flex;}${Y}{cursor:pointer;position: relative;transition: all 0.3s ease;overflow:hidden}${Y}:after{content: "";position: absolute;bottom: 0;left: 0;transition: height 0.3s ease;}`,w[0]<k[0]?J+=`${Y}:after{height: 100%; width: 0}${X}:after{width:100%}`:J+=`${Y}:after{height: 0; width: 100%}${X}:after{height:100%}`,"v"==n&&(J=Jr(q,["width"],[[[k[0]?k[0]+S[0]:null],[k[1]?k[1]+S[1]:null],[k[2]?k[2]+S[2]:null],[k[3]?k[3]+S[3]:null]]],J,!1)),J=Jr(q,["flex-direction"],["v"==n?"column":"row"],J,!1),J=Jr(q,["vertical"===n?"justify-content":"align-items"],[r],J,!1),J=Qr(p,q,J),J=es(c,q,J,q),J=Jr(Y,["width","height"],[[[w[0]?w[0]+x[0]:null],[w[1]?w[1]+x[1]:null],[w[2]?w[2]+x[2]:null],[w[3]?w[3]+x[3]:null]],[[E[0]?E[0]+C[0]:null],[E[1]?E[1]+C[1]:null],[E[2]?E[2]+C[2]:null],[E[3]?E[3]+C[3]:null]]],J,!1),J=Jr(X,["width","height"],[[[k[0]?k[0]+S[0]:null],[k[1]?k[1]+S[1]:null],[k[2]?k[2]+S[2]:null],[k[3]?k[3]+S[3]:null]],[[N[0]?N[0]+B[0]:null],[N[1]?N[1]+B[1]:null],[N[2]?N[2]+B[2]:null],[N[3]?N[3]+B[3]:null]]],J,!1),J=Zr(g,Y,J),J=ts(d,Y,J),J=ts(b,X+":after",J),J=ls(u,Y,J),J=ls(h,X,J)),l&&(J+=`${L}{max-height: 100vh;overflow-y: scroll;scrollbar-width:thin;scroll-snap-type: y mandatory;scroll-behavior: smooth; position:relative}${L} .gspb_row{scroll-snap-align: start;}`),J=Kr(s,L,J),J=Kr(i,q,J),J=Qr(o,"body.gspb-bodyfront "+L,J),rs(a,J,t);let Z=J;return"tabs"!=n&&"undefined"!=p.positionType&&"fixed"==p.positionType[0]&&(Z+=`@media(min-width:992px){${q}{padding:60px 280px 0 0}}`),Z=Qr(o,"#block-"+D,Z),(0,e.createElement)(e.Fragment,null,"tabs"==n?(0,e.createElement)("div",{className:"gspb_dotnav_tabs_wrap",id:H},(0,e.createElement)("div",{className:"gspb_dotnav_tabs",id:U},T.map(((a,l)=>(0,e.createElement)("div",{className:"gspb_dotnav_tab_item"+(t.editor&&0==l?" active":""),"data-scrollto":""},(0,e.createElement)("div",{className:"gspb_dotnav_tab_accent"}),(0,e.createElement)("div",{className:"gspb_dotnav_tab_name"},a.tabname)))))):(0,e.createElement)("div",{className:"gspb_dotnav_list",id:U},t.editor?(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gspb_dotnav_list_item"}),(0,e.createElement)("div",{className:"gspb_dotnav_list_item active"}),(0,e.createElement)("div",{className:"gspb_dotnav_list_item"}),(0,e.createElement)("div",{className:"gspb_dotnav_list_item"}),(0,e.createElement)("div",{className:"gspb_dotnav_list_item"})):null),(0,e.createElement)("div",{id:z,className:G,"data-snap":l||null,"data-direction":n},$,t.editor?(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:Z}}):null))},is=window.wp.blocks,{__:os}=wp.i18n,{InspectorControls:cs,BlockControls:ps}=wp.blockEditor,{PanelBody:gs,RangeControl:ms,ToggleControl:ds,ToolbarButton:us,ToolbarGroup:bs,TextControl:hs}=wp.components,{Spacing:_s,Responsive:fs,CssTransform:vs,Position:ys,Background:Es,Border:ws,Typography:xs,Shadow:Cs,ProChecker:ks}=gspblib.collections,{InspectorTabs:Ns,InspectorTab:Ss,Devices:Bs,CssUnits:Ts,RadioAdvanced:As,AddRemoveItemButton:js}=gspblib.components,{gspb_getDeviceStateIndex:Is}=gspblib.utilities,Os=a=>{const l=Is(),[r,s]=(0,e.useState)(0),{attributes:{height:i,width:o,widthUnit:c,heightUnit:p,widthActive:g,heightActive:m,widthUnitActive:d,heightUnitActive:u,direction:b,flexalign:h,scrollsnap:_,tabs:f,tabstop:v},clientId:y,setAttributes:E}=a,w=(0,n.useSelect)((e=>e("core/block-editor").getBlock(y)),[]),{replaceInnerBlocks:x}=(0,n.useDispatch)("core/block-editor");let C=!se()(Xr.csstransformNav.default,a.attributes.csstransform),k=!se()(Xr.position.default,a.attributes.position),N=!se()(Xr.responsive.default,a.attributes.responsive),S=JSON.parse(JSON.stringify(f));return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(cs,null,(0,e.createElement)(Ns,{tabs:["general","advance"],activeAdvance:!(!k&&!N)},(0,e.createElement)(Ss,{key:"general"},(0,e.createElement)(gs,{title:os("Animation options","greenshiftgsap"),initialOpen:!0},(0,e.createElement)(ks,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)("div",{style:{marginBottom:15}},os("Add Row blocks or Containers inside, navigation will be synchronized with number of Rows. Scroll will work only on Frontend side. In editor you can control design for navigation elements. If you use Animation container for inner elements of this block, enable element as Page Nav in Trigger options - Advanced Scroll options")),(0,e.createElement)(As,{value:h,label:os("Align","greenshift"),fluid:"",onChange:e=>{E({flexalign:e})},options:[{icon:"dashicon dashicons dashicons-editor-alignleft",value:"flex-start",title:os("Left","greenshift")},{icon:"dashicon dashicons dashicons-editor-aligncenter",value:"center",title:os("Center","greenshift")},{icon:"dashicon dashicons dashicons-editor-alignright",value:"flex-end",title:os("Right","greenshift")}]}),(0,e.createElement)(As,{value:b,label:os("Type","greenshiftgsap"),fluid:"",onChange:e=>{E({direction:e})},options:[{label:"Side Dot",value:"h",title:os("Horizontal Dots","greenshift")},{label:"Stack Dot",value:"v",title:os("Vertical Dots","greenshift")},{label:"Tabs",value:"tabs",title:os("Tabs","greenshift")}]}),"tabs"==b&&(0,e.createElement)(e.Fragment,null,os("Amount of tabs must be equal to amount of rows inside this block","greenshiftgsap"),(0,e.createElement)("div",{style:{marginBottom:10}}),f.map(((t,a)=>(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col gspb_row--gutter-20"},(0,e.createElement)("div",{className:"gspb_row__col--12"},(0,e.createElement)(hs,{value:t.tabname,label:os("Name","greenshiftgsap"),onChange:e=>{let t=fn()(f);t[a].tabname=e,E({tabs:t})}}))))),(0,e.createElement)("div",{style:{marginBottom:15},className:"gspb_addremove_no_padd"},(0,e.createElement)(js,{handleAddClick:()=>{return e=f.length,S.push({tabname:"Tab"+(e+1)}),void E({tabs:S});var e},handleRemoveClick:()=>(S.pop(),void E({tabs:S}))})),(0,e.createElement)("div",{style:{marginBottom:10,marginLeft:"-5px"}},(0,e.createElement)(Bs,{onChange:()=>s(!r)})),(0,e.createElement)(hs,{value:null==v[l]?"":v[l],label:os("Sticky margin from top","greenshiftgsap"),onChange:e=>{let t=v.slice();t[l]=e,E({tabstop:t})}})),(0,e.createElement)(ds,{checked:_,label:os("Enable scroll snap","greenshift"),onChange:e=>{E({scrollsnap:e})}})),"tabs"!=b&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(gs,{title:os("Initial Size"),initialOpen:!1},(0,e.createElement)(Bs,{onChange:()=>s(!r)}),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},os("Initial Width"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(Ts,{units:["px","%","vw"],attribute:null==c[l]?"":c[l],onChange:e=>{let t=c.slice();t[l]=e,E({widthUnit:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=o.slice();e[l]=null,E({width:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(ms,{value:null==o[l]?"":o[l],onChange:e=>{let t=o.slice();t[l]=e,E({width:t})},trackColor:"#2184f9",min:2,max:"px"==c[l]?100:10}))),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},os("Initial Height"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(Ts,{units:["px","%","vh"],attribute:null==p[l]?"":p[l],onChange:e=>{let t=p.slice();t[l]=e,E({heightUnit:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=i.slice();e[l]=null,E({height:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(ms,{value:null==i[l]?"":i[l],onChange:e=>{let t=i.slice();t[l]=e,E({height:t})},trackColor:"#2184f9",min:2,max:"px"==p[l]?100:10}))))),(0,e.createElement)(gs,{title:os("Active Size"),initialOpen:!1},(0,e.createElement)(Bs,{onChange:()=>s(!r)}),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},os("Active Width"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(Ts,{units:["px","%","vw"],attribute:null==d[l]?"":d[l],onChange:e=>{let t=d.slice();t[l]=e,E({widthUnitActive:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=o.slice();e[l]=null,E({widthActive:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(ms,{value:null==g[l]?"":g[l],onChange:e=>{let t=g.slice();t[l]=e,E({widthActive:t})},trackColor:"#2184f9",min:"px"==d[l]?2:1,max:"px"==d[l]?100:10}))),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},os("Active Height"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(Ts,{units:["px","%","vh"],attribute:null==u[l]?"":u[l],onChange:e=>{let t=u.slice();t[l]=e,E({heightUnitActive:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=m.slice();e[l]=null,E({heightActive:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(ms,{value:null==m[l]?"":m[l],onChange:e=>{let t=m.slice();t[l]=e,E({heightActive:t})},trackColor:"#2184f9",min:"px"==u[l]?2:1,max:"px"==u[l]?100:10}))))),(0,e.createElement)(gs,{title:os("Dot Position","greenshiftgsap"),initialOpen:!1},(0,e.createElement)(ys,t({attributeName:"positionNav"},a))),(0,e.createElement)(gs,{title:os("Dot Css Transform","greenshiftgsap"),initialOpen:!1,className:C?"gspb_panel_changed":""},(0,e.createElement)(vs,t({attributeName:"csstransformNav"},a))),(0,e.createElement)(gs,{title:os("Spacing between items"),initialOpen:!1},(0,e.createElement)(_s,t({attributeName:"spacingNav",autoMargin:!1,overflow:!1,padding:!1},a))),(0,e.createElement)(gs,{title:os("Dot Background","greenshift"),initialOpen:!1,className:"gspb_inspector gspb_smallpadding_btn"},(0,e.createElement)(Es,t({attributeName:"backgroundNav",exclude:["video"]},a))),(0,e.createElement)(gs,{title:os("Dot Background for Active","greenshift"),initialOpen:!1,className:"gspb_inspector gspb_smallpadding_btn"},(0,e.createElement)(Es,t({attributeName:"backgroundNavActive",exclude:["video"]},a))),(0,e.createElement)(gs,{title:os("Dot Border","greenshift"),initialOpen:!1},(0,e.createElement)(ws,t({attributeName:"borderNav"},a))),(0,e.createElement)(gs,{title:os("Dot Border for Active","greenshift"),initialOpen:!1},(0,e.createElement)(ws,t({attributeName:"borderNavActive"},a)))),"tabs"==b&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(gs,{title:os("Tab Spacing"),initialOpen:!1},(0,e.createElement)(_s,t({attributeName:"spacingTab",autoMargin:!1,overflow:!1,padding:!0},a))),(0,e.createElement)(gs,{title:os("Tab Background","greenshift"),initialOpen:!1,className:"gspb_inspector gspb_smallpadding_btn"},(0,e.createElement)(Es,t({attributeName:"backgroundTab",exclude:["video"]},a))),(0,e.createElement)(gs,{title:os("Background for Accent Color","greenshift"),initialOpen:!1,className:"gspb_inspector gspb_smallpadding_btn"},(0,e.createElement)(Es,t({attributeName:"backgroundTabAccent",exclude:["video","image","opacity"]},a))),(0,e.createElement)(gs,{title:os("Tab Background for Active","greenshift"),initialOpen:!1,className:"gspb_inspector gspb_smallpadding_btn"},(0,e.createElement)(Es,t({attributeName:"backgroundTabActive",exclude:["video"]},a))),(0,e.createElement)(gs,{title:os("Tab Border","greenshiftgsap"),initialOpen:!1},(0,e.createElement)(ws,t({attributeName:"borderTab"},a))),(0,e.createElement)(gs,{title:os("Tab Border for Active","greenshiftgsap"),initialOpen:!1},(0,e.createElement)(ws,t({attributeName:"borderTabActive"},a))),(0,e.createElement)(gs,{title:os("Typography","greenshiftgsap"),initialOpen:!1},(0,e.createElement)(xs,t({attributeName:"typographyTab",includeHoverlinks:!1},a))),(0,e.createElement)(gs,{title:os("Typography Tab Active","greenshiftgsap"),initialOpen:!1},(0,e.createElement)(xs,t({attributeName:"typographyTabActive",includeHoverlinks:!1},a))),(0,e.createElement)(gs,{title:os("Background for Tab Container","greenshift"),initialOpen:!1,className:"gspb_inspector gspb_smallpadding_btn"},(0,e.createElement)(Es,t({attributeName:"backgroundTabWrapper",exclude:["video"]},a))),(0,e.createElement)(gs,{title:os("Border for Tab Container","greenshiftgsap"),initialOpen:!1},(0,e.createElement)(ws,t({attributeName:"borderTabWrapper"},a))),(0,e.createElement)(gs,{title:os("Shadow for Container","greenshiftgsap"),initialOpen:!1,className:se()(Xr.shadowTabWrapper.default,a.attributes.shadow)?"":"gspb_panel_changed"},(0,e.createElement)(Cs,t({attributeName:"shadowTabWrapper"},a,{predefined:!0}))),(0,e.createElement)(gs,{title:os("Disable On mobiles","greenshiftgsap"),initialOpen:!1},(0,e.createElement)(fs,t({attributeName:"responsiveNav"},a))))),(0,e.createElement)(Ss,{key:"advance"},(0,e.createElement)(gs,{title:os("Block Position","greenshiftgsap"),initialOpen:!0,className:k?"gspb_panel_changed":""},(0,e.createElement)(ys,t({attributeName:"position"},a))),(0,e.createElement)(gs,{title:os("Responsive and Custom CSS","greenshift"),initialOpen:!1,className:N?"gspb_panel_changed":""},(0,e.createElement)(fs,t({attributeName:"responsive"},a)))))),(0,e.createElement)(ps,null,(0,e.createElement)(bs,null,(0,e.createElement)(us,{icon:"insert",onClick:()=>(()=>{let e=JSON.parse(JSON.stringify(w.innerBlocks));const t=(0,is.createBlock)("greenshift-blocks/row-column",{});e.push((0,is.createBlock)("greenshift-blocks/row",{align:"full",displayStyles:!1,minHeight:[100,null,null,null],minHeightUnit:["vh","px","px","px"]},[t])),x(y,e,!1)})(),label:os("Add new","greenshift")}),(0,e.createElement)(us,{icon:"admin-page",onClick:()=>(()=>{let e=JSON.parse(JSON.stringify(w.innerBlocks)),t=e[e.length-1];e.push((0,is.cloneBlock)(t)),x(y,e,!1)})(),label:os("Duplicate Latest","greenshift")}),(0,e.createElement)(us,{icon:"no-alt",onClick:()=>(()=>{let e=JSON.parse(JSON.stringify(w.innerBlocks));e.pop(),x(y,e,!1)})(),label:os("Remove","greenshift")}))))},{__:Fs}=wp.i18n,{registerBlockType:Ms}=wp.blocks,{select:Ps}=wp.data,{gspb_setBlockId:Rs}=gspblib.utilities,{BlockToolBar:Ds}=gspblib.components;Ms("greenshift-blocks/pagenav",{title:Fs("Page Navigation","greenshiftgsap"),description:Fs("Container for making page navigation"),category:"Greenshiftpro",keywords:[Fs("gsap"),Fs("animation"),Fs("pin")],icon:qr,supports:{reusable:!0,anchor:!0,align:["wide","full"]},attributes:Xr,edit(a){(0,e.useEffect)((()=>{Rs(a)}),[]);const{attributes:{id:n},clientId:r}=a,s=(0,e.useRef)();let i=Ps("core/block-editor").getBlockOrder(r).length>0;return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Os,t({animationref:s.current},a)),(0,e.createElement)(Ds,a),(0,e.createElement)("div",{className:"gs-animation gspb_pagenav_wrap",ref:s},(0,e.createElement)(ss,t({editor:!0},a),(0,e.createElement)(l.InnerBlocks,{renderAppender:()=>i?(0,e.createElement)(l.InnerBlocks.DefaultBlockAppender,null):(0,e.createElement)(l.InnerBlocks.ButtonBlockAppender,null)}))))},save:a=>(0,e.createElement)("div",{className:"gspb_pagenav_wrap"},(0,e.createElement)(ss,t({editor:!1},a),(0,e.createElement)(l.InnerBlocks.Content,null)))});const $s=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 431.81"},(0,e.createElement)("path",{fill:"#2184f9","fill-rule":"nonzero",d:"M48.64 0h330.24c13.37 0 25.51 5.52 34.3 14.31l.81.89c8.35 8.75 13.51 20.61 13.51 33.45v118.63c-10.81 6.27-19.42 13.75-26.93 21.77l-72.08 63.59c-1.1 1.79-3.77 1.94-5.21.49l-59.5-57.09-22.3 69.13c-5.81 2.41-10.08 5.7-11.97 10.18-5.67-2.49-11.92-3.51-18.28-3.27l-73.36-108.13-111.71 93.68v78.01c0 6.13 2.57 11.74 6.65 15.82 4.1 4.1 9.75 6.67 15.83 6.67h78.26a57.425 57.425 0 0 0-1.08 26.16H48.64c-13.29 0-25.5-5.5-34.33-14.34C5.52 361.17 0 349 0 335.64V48.65c0-13.38 5.47-25.57 14.28-34.37l.9-.82C23.93 5.14 35.73 0 48.64 0zm232.92 332.23c-9.31 2.35-18.78-3.28-21.14-12.57-2.36-9.31 3.27-18.78 12.57-21.14l6.81-1.49c25.97-4.85 49.11 1.14 68.48 18.47 8.81 7.88 16.64 18.13 23.44 30.77 3.42-9.57 7.42-18.44 11.85-26.53 9.71-17.71 21.69-31.97 34.69-42.42-1.6-4.78-2.47-9.88-2.47-15.19 0-26.54 21.55-48.09 48.11-48.09 26.55 0 48.1 21.55 48.1 48.09 0 26.56-21.55 48.11-48.1 48.11-8.59 0-16.64-2.25-23.61-6.2-9.57 7.64-18.67 18.52-26.28 32.41-11.08 20.21-18.82 46.47-20.43 78.1-.05 8.12-5.81 15.37-14.1 16.95-9.41 1.79-18.52-4.38-20.32-13.79-1.21-6.32-2.46-11.91-3.7-16.75-7.32-28.54-17.63-48.31-30.28-59.64-10.76-9.63-23.95-12.93-38.95-10.16l-4.67 1.07zm-57.62-12.45c10.38 0 18.76 8.41 18.76 18.78 0 10.36-8.38 18.79-18.76 18.79-10.36 0-18.77-8.43-18.77-18.79 0-10.37 8.41-18.78 18.77-18.78zm-39.25 39.96c10.36 0 18.79 8.39 18.79 18.75 0 10.38-8.43 18.77-18.79 18.77-10.37 0-18.78-8.39-18.78-18.77 0-10.36 8.41-18.75 18.78-18.75zM26.16 222.86c28.97-26.11 75.32-62.62 104.59-87.22 4.78-4.13 11.88-4.04 16.58-.04.94.8 1.65 1.75 2.44 2.7l68.19 103.41 24.36-74.18c1.96-10.36 14.19-13.79 21.6-6.91l61.55 58.93 75.87-70.6V48.65c0-5.82-2.32-11.25-6.07-15.29l-.59-.55c-4.07-4.08-9.68-6.65-15.8-6.65H48.64c-5.92 0-11.31 2.3-15.29 6.01l-.57.61c-4.08 4.07-6.62 9.7-6.62 15.87v174.21zm236.14-163c10.8 0 20.62 4.39 27.72 11.49 7.09 7.09 11.49 16.89 11.49 27.71 0 10.81-4.4 20.62-11.49 27.72-7.1 7.1-16.92 11.49-27.72 11.49-10.82 0-20.62-4.39-27.72-11.49-7.09-7.1-11.49-16.91-11.49-27.72 0-10.82 4.4-20.62 11.49-27.71 7.1-7.1 16.9-11.49 27.72-11.49zm11.96 27.24a16.876 16.876 0 0 0-11.96-4.94 16.885 16.885 0 0 0-16.91 16.9c0 4.68 1.9 8.91 4.95 11.96 3.05 3.06 7.29 4.95 11.96 4.95 4.67 0 8.91-1.89 11.96-4.95 3.05-3.05 4.94-7.28 4.94-11.96 0-4.67-1.89-8.91-4.94-11.96z"})),{collectionsObjects:zs}=gspblib.helpers,Gs={id:{type:"string",default:null},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},parallax_first:{type:"boolean"},parallax_ratio:{type:"number",default:null},widthUnit:{type:"array",default:["px","px","px","px"]},heightUnit:{type:"array",default:["px","px","px","px"]},width:{type:"array",default:[null,null,null,null]},height:{type:"array",default:[null,null,null,null]},parallaximageid:{type:"number"},parallaximageurl:{type:"string"},responsive:{type:"object",default:zs.responsive},position:{type:"object",default:zs.position},csstransform:{type:"object",default:zs.csstransform},border:{type:"object",default:zs.border},spacing:{type:"object",default:zs.spacing},shadow:{type:"object",default:zs.shadow},parallax_fade:{type:"boolean"},background:{type:"object",default:zs.background},parallaximageDynamic:{type:"object",default:{}},parallax_fallback:{type:"object",default:zs.background}},{gspb_spacing_cssGen:Ls,gspb_responsive_cssGen:Us,gspb_position_cssGen:Hs,gspb_csstransform_cssGen:Ws,gspb_Css_Final:Vs,gspb_shadow_cssGen:qs,gspb_background_cssGen:Ys,gspb_border_cssGen:Xs}=gspblib.utilities,{gspb_cssGen:Js}=gspblib.helpers,Zs=t=>{const{attributes:{id:a,responsive:l,position:n,csstransform:r,spacing:s,border:i,shadow:o,parallaximageurl:c,parallax_ratio:p,parallax_first:g,width:m,height:d,widthUnit:u,heightUnit:b,parallax_fade:h,background:_,parallax_fallback:f},className:v,clientId:y,children:E}=t;let w=`gspb-gsap-parbg-${a}`,x=`gs-gsap-parallaxbg ${v}`,C="#"+w,k=`${C}{position:relative}${C} .gs_parallax_overlay{opacity:0;pointer-events:none; position:absolute; left:0; right:0; bottom:0; top:0;visibility:hidden}`;c&&(k+=`${C}{background-size: cover;background-position: center top;background-repeat: no-repeat;background-image:url(${c}); will-change: background-position;}`),k=Us(l,C,k),k=Hs(n,"body.gspb-bodyfront "+C,k),h&&(k=Ys(_,C+" .gs_parallax_overlay",k),k=Js(C+" .gs_parallax_overlay",["will-change"],["opacity"],k,!1)),k=Ys(f,C,k),k=Xs(i,C,k),k=Js(C,["width"],[[[m[0]?m[0]+u[0]:null],[m[1]?m[1]+u[1]:null],[m[2]?m[2]+u[2]:null],[m[3]?m[3]+u[3]:null]]],k,!1),k=Js(C,["height"],[[[d[0]?d[0]+b[0]:null],[d[1]?d[1]+b[1]:null],[d[2]?d[2]+b[2]:null],[d[3]?d[3]+b[3]:null]]],k,!1),k=qs(o,C,k),k=Ws(r,C,k,C),k=Ls(s,C,k),Vs(a,k,t);let N=k;return N=Hs(n,"#block-"+y,N),(0,e.createElement)("div",{id:w,className:x,"data-first":g?"yes":null,"data-fade":h?"yes":null,"data-ratio":p||null},(0,e.createElement)("div",{className:"gs_parallax_overlay"}),E,t.editor?(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:N}}):null)},{__:Ks}=wp.i18n,{InspectorControls:Qs,MediaUpload:ei,MediaUploadCheck:ti}=wp.blockEditor,{PanelBody:ai}=wp.components,{Spacing:li,Responsive:ni,CssTransform:ri,Position:si,Background:ii,Border:oi,Shadow:ci,ProChecker:pi,DynamicImage:gi}=gspblib.collections,{InspectorTabs:mi,InspectorTab:di,Devices:ui,CssUnits:bi}=gspblib.components,{gspb_getDeviceStateIndex:hi}=gspblib.utilities,_i=a=>{const{attributes:{parallaximageurl:l,parallaximageid:n,parallax_ratio:s,parallax_first:i,width:o,height:c,widthUnit:p,heightUnit:g,parallax_fade:m,parallaximageDynamic:d},setAttributes:u}=a,b=hi(),[h,_]=(0,e.useState)(0);let f=!se()(Gs.csstransform.default,a.attributes.csstransform),v=!se()(Gs.position.default,a.attributes.position),y=!se()(Gs.responsive.default,a.attributes.responsive);return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Qs,null,(0,e.createElement)(mi,{tabs:["general","advance"],activeAdvance:!!(f||v||y)},(0,e.createElement)(di,{key:"general"},(0,e.createElement)(ai,{title:Ks("Animation options"),initialOpen:!0},(0,e.createElement)(pi,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Ks("Stick Image to top?","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:i,onChange:e=>u({parallax_first:e})}))),(0,e.createElement)("div",{style:{marginTop:10,marginBottom:10}},Ks("Upload Image")),(0,e.createElement)("div",{style:{display:"flex",justifyContent:"space-between",width:"100%"}},(0,e.createElement)(ti,null,(0,e.createElement)(ei,{onSelect:e=>{u({parallaximageid:e.id,parallaximageurl:e.url})},type:"image",render:t=>{let{open:a}=t;return(0,e.createElement)(r.Button,{className:"gspb_inspector_btn gspb_inspector_btn--medium",onClick:a},Ks("Choose an image","greenshiftgsap"))}})),(0,e.createElement)("button",{className:"gspb_inspector_btn gspb_inspector_btn--medium "+(void 0!==d&&d.dynamicEnable?" gspb_inspector_btn_enabled":""),onClick:()=>{let e=JSON.parse(JSON.stringify(d));e.dynamicEnable=!d.dynamicEnable,u({parallaximageDynamic:e})}},(0,e.createElement)("i",{className:"rhicon rhi-database",style:{marginLeft:0}}))),(0,e.createElement)(gi,t({attributeName:"parallaximageDynamic",attributeImageName:"parallaximageurl"},a)),(0,e.createElement)("div",{style:{display:"block",marginTop:15}},(0,e.createElement)("img",{style:{maxWidth:"100%"},src:l||null})),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Ks("Set custom scroll ratio"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{u({parallax_ratio:null})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:s,onChange:e=>{u({parallax_ratio:e})},trackColor:"#2184f9",step:.01,min:.1,max:5})))),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Ks("Width","greenshiftgsap"),(0,e.createElement)(ui,{className:"gspb_inspector_device-icons--small",onChange:()=>_(!h)}))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(bi,{units:["px","%","vw","em"],attribute:null==p[b]?"":p[b],onChange:e=>{let t=p.slice();t[b]=e,u({widthUnit:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=o.slice();e[b]=null,u({width:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:null==o[b]?"":o[b],onChange:e=>{let t=o.slice();t[b]=e,u({width:t})},trackColor:"#2184f9",min:"px"==p[b]?10:1,max:"px"==p[b]?1800:100})))),(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Ks("Height","greenshiftgsap"),(0,e.createElement)(ui,{className:"gspb_inspector_device-icons--small",onChange:()=>_(!h)}))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)(bi,{units:["px","%","vh","em"],attribute:null==g[b]?"":g[b],onChange:e=>{let t=g.slice();t[b]=e,u({heightUnit:t})}}),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{let e=c.slice();e[b]=null,u({height:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:null==c[b]?"":c[b],onChange:e=>{let t=c.slice();t[b]=e,u({height:t})},trackColor:"#2184f9",min:"px"==g[b]?10:1,max:"px"==g[b]?1800:100})))),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Ks("Enable Fade Overlay?","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px"}},(0,e.createElement)(r.ToggleControl,{checked:m,onChange:e=>u({parallax_fade:e})})))))),(0,e.createElement)(ai,{title:Ks("Fallback Background","greenshift"),initialOpen:!1,className:"gspb_inspector gspb_smallpadding_btn "+(se()(Gs.parallax_fallback.default,a.attributes.parallax_fallback)?"":"gspb_panel_changed")},(0,e.createElement)(ii,t({attributeName:"parallax_fallback",exclude:["video","opacity","image"]},a))),m&&(0,e.createElement)(ai,{title:Ks("Background for Overlay","greenshift"),initialOpen:!1,className:"gspb_inspector gspb_smallpadding_btn "+(se()(Gs.background.default,a.attributes.background)?"":"gspb_panel_changed")},(0,e.createElement)(ii,t({attributeName:"background",exclude:["video","opacity"]},a))),(0,e.createElement)(ai,{title:Ks("Border","greenshiftgsap"),initialOpen:!1,className:se()(Gs.border.default,a.attributes.border)?"":"gspb_panel_changed"},(0,e.createElement)(oi,t({attributeName:"border"},a))),(0,e.createElement)(ai,{title:Ks("Shadow","greenshiftgsap"),initialOpen:!1,className:se()(Gs.shadow.default,a.attributes.shadow)?"":"gspb_panel_changed"},(0,e.createElement)(ci,t({attributeName:"shadow"},a,{predefined:!0}))),(0,e.createElement)(ai,{title:Ks("Spacing"),initialOpen:!1,className:se()(Gs.spacing.default,a.attributes.spacing)?"":"gspb_panel_changed"},(0,e.createElement)(li,t({attributeName:"spacing"},a)))),(0,e.createElement)(di,{key:"advance"},(0,e.createElement)(ai,{title:Ks("Css Transform","greenshiftgsap"),initialOpen:!1,className:f?"gspb_panel_changed":""},(0,e.createElement)(ri,t({attributeName:"csstransform"},a))),(0,e.createElement)(ai,{title:Ks("Position","greenshiftgsap"),initialOpen:!1,className:v?"gspb_panel_changed":""},(0,e.createElement)(si,t({attributeName:"position"},a))),(0,e.createElement)(ai,{title:Ks("Responsive and Custom CSS","greenshiftgsap"),initialOpen:!1,className:y?"gspb_panel_changed":""},(0,e.createElement)(ni,t({attributeName:"responsive",customstyle:"{GREENSHIFT} .gs-gsap-wrap{  }"},a)))))))},{__:fi}=wp.i18n,{registerBlockType:vi}=wp.blocks,{gspb_setBlockId:yi}=gspblib.utilities,{BlockToolBar:Ei}=gspblib.components;vi("greenshift-blocks/parallaxbg",{title:fi("Background Parallax","greenshiftgsap"),description:fi("Container for parallax background"),category:"Greenshiftpro",keywords:[fi("gsap"),fi("animation"),fi("parallax")],icon:$s,supports:{reusable:!0,anchor:!0,align:["wide","full"]},attributes:Gs,edit(a){(0,e.useEffect)((()=>{yi(a)}),[]);const{attributes:{id:n,parallax_ratio:r,parallax_first:s,blockWidth:i,parallax_fade:o},clientId:c}=a,p=(0,e.useRef)(),g=(0,e.useRef)(!0),m=(0,e.useRef)();let d="";const u=(0,e.useCallback)(_.debounce((e=>(m.current=!0,m.current&&p.current&&(d&&d.revert(),d=gsap.context((()=>{let e=p.current.ownerDocument;const t=p.current.querySelector(".gs-gsap-parallaxbg");if(t){let a=ScrollTrigger.getById("gsparallaxbg"+n);a&&a.kill(),gsap.killTweensOf(t);const l=p.current.querySelector(".gs_parallax_overlay");let r=ScrollTrigger.getById("gsparallaxoverlay"+n);r&&r.kill(),gsap.killTweensOf(l),e.body.classList.contains("gspb-bodyadmin")&&GSparallaxinitBG(t,!0,n)}}))),()=>{m.current=!1})),600),[]);return(0,e.useEffect)((()=>{if(g.current){if(g.current=!1,p.current){let e=p.current.ownerDocument;d=gsap.context((()=>{const t=p.current.querySelector(".gs-gsap-parallaxbg");t&&e.body.classList.contains("gspb-bodyadmin")&&GSparallaxinitBG(t,!0,n)}))}}else u(Gs)}),[r,s,i,o]),(0,e.createElement)(e.Fragment,null,(0,e.createElement)(_i,t({animationref:p.current},a)),(0,e.createElement)(Ei,a),(0,e.createElement)("div",{className:"gs-animation",ref:p},(0,e.createElement)(Zs,t({editor:!0},a),(0,e.createElement)(l.InnerBlocks,{template:[["greenshift-blocks/container",{minHeight:[300,null,null,null],minHeightUnit:["px","px","px","px"],flexbox:{type:"flexbox",flexDirection:["column"],justifyContent:["center"]}}]]}))))},save:a=>(0,e.createElement)(Zs,t({editor:!1},a),(0,e.createElement)(l.InnerBlocks.Content,null))});const wi=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 118.89 124.52"},(0,e.createElement)("path",{fill:"#2184f9",d:"M42.58,69.16a2.52,2.52,0,0,1-.48-.3c-2-1.55-4.09-3.28-5.94-4.8-2.69-2.21-5.79-4.76-8-6.57a11.36,11.36,0,0,0-4.76-2.4,5.07,5.07,0,0,0-2.69.11,2.82,2.82,0,0,0-1.44,1.48A9.48,9.48,0,0,0,18.75,61a16.75,16.75,0,0,0,1.48,5.35A33.68,33.68,0,0,0,24.14,73a1,1,0,0,1,.18.3L47.67,106.6a2.93,2.93,0,0,1,.52,1.4c.48,3.84,1.29,6.75,2.47,8.56a3.81,3.81,0,0,0,3.43,2H90.83a11,11,0,0,0,6.27-2,20.06,20.06,0,0,0,5.72-6.71s.07-.11.11-.15c.66-1.14,1.55-2.62,2.4-4,3.73-6.12,7-11.47,7.34-19.07l-.22-10.48a1.64,1.64,0,0,1,0-.44c0-.15,0-1.14,0-2.47.07-6.93.18-15.49-6.16-16.56H102.2c0,2-.15,4-.26,5.87-.11,1.73-.22,3.36-.22,4.94a3.06,3.06,0,1,1-6.12,0c0-1.59.11-3.43.22-5.35.41-6.53.89-14-4.32-14.94H87.44a4.93,4.93,0,0,1-.66-.07c0,2.36-.11,4.8-.26,7.16-.11,1.73-.22,3.36-.22,4.94a3.06,3.06,0,0,1-6.12,0c0-1.59.11-3.43.22-5.35.41-6.53.88-14-4.32-14.94H72a3,3,0,0,1-.81-.11V50.65a3.06,3.06,0,1,1-6.12,0v-32c0-5.35-2.18-8.74-5-10.14a7.15,7.15,0,0,0-3.21-.77,7.28,7.28,0,0,0-3.21.77c-2.77,1.4-4.91,4.8-4.91,10.29v56a3.06,3.06,0,0,1-6.12,0V69.16ZM12.29,28.69a2.61,2.61,0,0,0,3.78-3.6L8.7,17.38H30.84a2.61,2.61,0,1,0,0-5.22H8.7l7.38-7.75A2.61,2.61,0,0,0,12.3.81L.72,13a2.62,2.62,0,0,0,0,3.6L12.29,28.69ZM102.52.81a2.61,2.61,0,1,0-3.78,3.6l7.37,7.71H84a2.61,2.61,0,1,0,0,5.22h22.14l-7.38,7.75a2.61,2.61,0,0,0,3.78,3.6l11.58-12.16a2.62,2.62,0,0,0,0-3.6L102.52.81Zm-31.32,32a3,3,0,0,1,.81-.11h4.24a5.53,5.53,0,0,1,.7.07c5.64.89,8.19,4.17,9.22,8.45a3.24,3.24,0,0,1,1.29-.3H91.7a5.53,5.53,0,0,1,.7.07c6.09,1,8.52,4.68,9.41,9.41a1.83,1.83,0,0,1,.48,0h4.24a5.53,5.53,0,0,1,.7.07c11.66,1.81,11.51,13.39,11.4,22.72v2.43l.26,10.77v.33c-.44,9.19-4.06,15.12-8.23,22-.7,1.14-1.4,2.32-2.36,4,0,0,0,.07-.07.11a26.19,26.19,0,0,1-7.56,8.71,17,17,0,0,1-9.7,3.1H54.27a9.62,9.62,0,0,1-8.6-4.65c-1.7-2.51-2.8-6-3.39-10.48L19.41,76.72l-.11-.11a42.42,42.42,0,0,1-4.61-7.78,23.05,23.05,0,0,1-2-7.41,15.16,15.16,0,0,1,1.07-7.23,8.62,8.62,0,0,1,4.76-4.65,10.52,10.52,0,0,1,6.16-.44,17.26,17.26,0,0,1,7.49,3.69c1.84,1.55,4.94,4.06,8,6.53l2.51,2.07V18.84c0-8.15,3.62-13.39,8.3-15.75a13.12,13.12,0,0,1,11.95,0c4.69,2.36,8.37,7.64,8.37,15.64V32.82l-.08,0Z"})),xi=(0,e.createElement)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 107.07 122.88"},(0,e.createElement)("g",null,(0,e.createElement)("path",{d:"M31.54,86.95c-1.74,0-3.16-1.43-3.16-3.19c0-1.76,1.41-3.19,3.16-3.19h20.5c1.74,0,3.16,1.43,3.16,3.19 c0,1.76-1.41,3.19-3.16,3.19H31.54L31.54,86.95z M31.54,42.27c-1.74,0-3.15-1.41-3.15-3.15c0-1.74,1.41-3.15,3.15-3.15h41.61 c1.74,0,3.15,1.41,3.15,3.15c0,1.74-1.41,3.15-3.15,3.15H31.54L31.54,42.27z M56.85,116.58c1.74,0,3.15,1.41,3.15,3.15 c0,1.74-1.41,3.15-3.15,3.15H7.33c-2.02,0-3.85-0.82-5.18-2.15C0.82,119.4,0,117.57,0,115.55V7.33c0-2.02,0.82-3.85,2.15-5.18 C3.48,0.82,5.31,0,7.33,0h90.02c2.02,0,3.85,0.82,5.18,2.15c1.33,1.33,2.15,3.16,2.15,5.18V72.6c0,1.74-1.41,3.15-3.15,3.15 s-3.15-1.41-3.15-3.15V7.33c0-0.28-0.12-0.54-0.3-0.73c-0.19-0.19-0.45-0.3-0.73-0.3H7.33c-0.28,0-0.54,0.12-0.73,0.3 C6.42,6.8,6.3,7.05,6.3,7.33v108.21c0,0.28,0.12,0.54,0.3,0.73c0.19,0.19,0.45,0.3,0.73,0.3H56.85L56.85,116.58z M83.35,83.7 c0-1.73,1.41-3.14,3.14-3.14c1.73,0,3.14,1.41,3.14,3.14l-0.04,14.36l14.34,0.04c1.73,0,3.14,1.41,3.14,3.14s-1.41,3.14-3.14,3.14 l-14.35-0.04l-0.04,14.34c0,1.73-1.41,3.14-3.14,3.14c-1.73,0-3.14-1.41-3.14-3.14l0.04-14.35l-14.34-0.04 c-1.73,0-3.14-1.41-3.14-3.14c0-1.73,1.41-3.14,3.14-3.14l14.36,0.04L83.35,83.7L83.35,83.7z M31.54,64.59 c-1.74,0-3.15-1.41-3.15-3.15c0-1.74,1.41-3.15,3.15-3.15h41.61c1.74,0,3.15,1.41,3.15,3.15c0,1.74-1.41,3.15-3.15,3.15H31.54 L31.54,64.59z"}))),Ci=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 114.314 122.881","enable-background":"new 0 0 114.314 122.881"},(0,e.createElement)("g",null,(0,e.createElement)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M69.879,71.653h35.781c4.762,0,8.654,3.897,8.654,8.653v33.92 c0,4.761-3.898,8.654-8.654,8.654H69.879c-4.76,0-8.652-3.894-8.652-8.654v-33.92C61.227,75.551,65.119,71.653,69.879,71.653 L69.879,71.653L69.879,71.653z M26.264,78.121c-1.728,0-3.167-1.564-3.167-3.455c0-1.934,1.397-3.456,3.167-3.456h16.635 c1.728,0,3.168,1.564,3.168,3.456c0,1.933-1.399,3.455-3.168,3.455H26.264L26.264,78.121L26.264,78.121z M101.449,59.661h-6.951 V8.105c0-0.329-0.125-0.617-0.33-0.823c-0.205-0.205-0.494-0.329-0.822-0.329H8.064c-0.329,0-0.618,0.124-0.822,0.329 C7.034,7.488,6.911,7.775,6.911,8.105v96.35c0,0.329,0.124,0.616,0.329,0.822c0.206,0.205,0.494,0.329,0.822,0.329h37.108v6.951 c-44.6,0-7.982,0-37.067,0c-2.222,0-4.278-0.906-5.717-2.386C0.905,108.69,0,106.675,0,104.453V8.105 c0-2.222,0.905-4.278,2.387-5.719C3.867,0.905,5.883,0,8.104,0h85.283c2.221,0,4.279,0.905,5.719,2.386 c1.48,1.481,2.385,3.497,2.385,5.719C101.49,47.892,101.449-1.153,101.449,59.661L101.449,59.661z M26.223,33.117 c-1.728,0-3.167-1.564-3.167-3.457c0-1.933,1.399-3.456,3.167-3.456h48.922c1.729,0,3.166,1.564,3.166,3.455 c0,1.934-1.396,3.457-3.166,3.457L26.223,33.117L26.223,33.117L26.223,33.117z M26.223,55.619c-1.728,0-3.167-1.564-3.167-3.455 c0-1.934,1.399-3.456,3.167-3.456l48.922,0c1.729,0,3.166,1.563,3.166,3.456c0,1.933-1.396,3.455-3.166,3.455L26.223,55.619 L26.223,55.619L26.223,55.619z M77.186,100.626c-1.854,0-3.357-1.503-3.357-3.356s1.504-3.356,3.357-3.356h7.225v-7.231 c0-1.854,1.504-3.356,3.357-3.356c1.852,0,3.355,1.503,3.355,3.356v7.231h7.232c1.852,0,3.355,1.503,3.355,3.356 s-1.504,3.356-3.355,3.356h-7.227v7.231c0,1.854-1.504,3.356-3.355,3.356c-1.854,0-3.357-1.503-3.357-3.356v-7.231H77.186 L77.186,100.626L77.186,100.626z"}))),{collectionsObjects:ki}=gspblib.helpers,Ni={id:{type:"string",default:null},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},scroll_end:{type:"number",default:null},scroll_scrub:{type:"number",default:null},scroll_pause:{type:"number"},scroll_snap:{type:"boolean"},responsive:{type:"object",default:ki.responsive},position:{type:"object",default:ki.position},csstransform:{type:"object",default:ki.csstransform},border:{type:"object",default:ki.border},spacing:{type:"object",default:ki.spacing},shadow:{type:"object",default:ki.shadow},init:{type:"boolean"},align:{type:"string",default:"full"}},{gspb_spacing_cssGen:Si,gspb_responsive_cssGen:Bi,gspb_position_cssGen:Ti,gspb_csstransform_cssGen:Ai,gspb_Css_Final:ji,gspb_shadow_cssGen:Ii,gspb_border_cssGen:Oi}=gspblib.utilities,{gspb_cssGen:Fi}=gspblib.helpers,Mi=t=>{const{attributes:{id:a,responsive:l,position:n,csstransform:r,spacing:s,border:i,shadow:o,init:c,scroll_end:p,scroll_scrub:g,scroll_snap:m,scroll_pause:d},className:u,clientId:b,children:h}=t;let _=`gsaphor-${a}`,f=`gs-gsap-scrollx ${u}`,v="#"+_,y="";y+=`body.gspb-bodyfront ${v} .gs-gsap-scrollx-wrap{display:flex; flex-wrap:nowrap;will-change:transform;position:relative}body.gspb-bodyfront ${v} .gs-gsap-scrollx-wrap > .gspb_row{min-width:100%}body.gspb-bodyfront .gs-gsap-scrollx{overflow:hidden}`,y=Bi(l,v,y),y=Ti(n,"body.gspb-bodyfront "+v,y),y=Oi(i,v,y),y=Ii(o,v,y),y=Ai(r,v,y,v),y=Si(s,v,y),ji(a,y,t);let E=y;return E=Ti(n,"#block-"+b,E),c&&(E+=`${v} .gs-gsap-scrollx-wrap > .block-editor-inner-blocks > .block-editor-block-list__layout{display:flex; flex-wrap:nowrap;position:relative}${v} .gs-gsap-scrollx-wrap > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-type="greenshift-blocks/row"]{min-width:100%}`),(0,e.createElement)("div",{id:_,className:f,"data-end":p||null,"data-ratio":g||null,"data-snap":m||null,"data-pause":d||null,"data-pinpreview":c||null},(0,e.createElement)("div",{className:"gs-gsap-scrollx-wrap"},h),t.editor?(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:E}}):null)},{__:Pi}=wp.i18n,{InspectorControls:Ri,BlockControls:Di}=wp.blockEditor,{PanelBody:$i}=wp.components,{Spacing:zi,Responsive:Gi,CssTransform:Li,Position:Ui,Border:Hi,Shadow:Wi,ProChecker:Vi}=gspblib.collections,{InspectorTabs:qi,InspectorTab:Yi}=gspblib.components,Xi=a=>{const{attributes:{scroll_end:l,scroll_scrub:s,scroll_snap:i,init:o,scroll_pause:c},setAttributes:p,clientId:g}=a;let m=!se()(Ni.csstransform.default,a.attributes.csstransform),d=!se()(Ni.position.default,a.attributes.position),u=!se()(Ni.responsive.default,a.attributes.responsive);const b=(0,n.useSelect)((e=>e("core/block-editor").getBlock(g)),[]),{replaceInnerBlocks:h}=(0,n.useDispatch)("core/block-editor");return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Ri,null,(0,e.createElement)(qi,{tabs:["general","advance"],activeAdvance:!!(m||d||u)},(0,e.createElement)(Yi,{key:"general"},(0,e.createElement)($i,{title:Pi("Scroll options"),initialOpen:!0},(0,e.createElement)(Vi,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{style:{margin:"10px 0"}},Pi("Scroll options are working only on frontend side. If you place other Animation containers inside Horizontal scroll, make sure that you enabled Horizontal Scroll option in Trigger option - advanced options of Animation container","greenshiftgsap")),(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Pi("Custom  scroll end"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{p({scroll_end:null})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:l,onChange:e=>{p({scroll_end:e})},trackColor:"#2184f9",step:1,min:500,max:5e3}))),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Pi("Speed","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{p({scroll_scrub:null})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:s,onChange:e=>{p({scroll_scrub:e})},trackColor:"#2184f9",step:.1,min:.1,max:3}))),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Pi("Pause on end(%)","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{p({scroll_pause:null})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:c,onChange:e=>{p({scroll_pause:e})},trackColor:"#2184f9",step:1,min:0,max:100}))),(0,e.createElement)("div",{className:"gspb_row"},(0,e.createElement)("div",{className:"gspb_row__col--10",style:{padding:0}},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},Pi("Enable snap","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--2",style:{marginTop:"5px",padding:0}},(0,e.createElement)(r.ToggleControl,{checked:i,onChange:e=>p({scroll_snap:e})})))))),(0,e.createElement)(r.Button,{style:{marginRight:10},isSecondary:!o||!1,isPrimary:o||!1,isSmall:!0,onClick:()=>{p({init:!0})}},Pi("Preview Horizontal","greenshiftgsap")),(0,e.createElement)(r.Button,{isSecondary:!0,isSmall:!0,onClick:()=>{p({init:null})}},Pi("Deactivate preview","greenshiftgsap"))),(0,e.createElement)($i,{title:Pi("Border","greenshiftgsap"),initialOpen:!1,className:se()(Ni.border.default,a.attributes.border)?"":"gspb_panel_changed"},(0,e.createElement)(Hi,t({attributeName:"border"},a))),(0,e.createElement)($i,{title:Pi("Shadow","greenshiftgsap"),initialOpen:!1,className:se()(Ni.shadow.default,a.attributes.shadow)?"":"gspb_panel_changed"},(0,e.createElement)(Wi,t({attributeName:"shadow"},a,{predefined:!0}))),(0,e.createElement)($i,{title:Pi("Spacing"),initialOpen:!1,className:se()(Ni.spacing.default,a.attributes.spacing)?"":"gspb_panel_changed"},(0,e.createElement)(zi,t({attributeName:"spacing"},a)))),(0,e.createElement)(Yi,{key:"advance"},(0,e.createElement)($i,{title:Pi("Css Transform","greenshiftgsap"),initialOpen:!1,className:m?"gspb_panel_changed":""},(0,e.createElement)(Li,t({attributeName:"csstransform"},a))),(0,e.createElement)($i,{title:Pi("Position","greenshiftgsap"),initialOpen:!1,className:d?"gspb_panel_changed":""},(0,e.createElement)(Ui,t({attributeName:"position"},a))),(0,e.createElement)($i,{title:Pi("Responsive and Custom CSS","greenshiftgsap"),initialOpen:!1,className:u?"gspb_panel_changed":""},(0,e.createElement)(Gi,t({attributeName:"responsive",customstyle:"{GREENSHIFT} .gs-gsap-scrollx-wrap{  }"},a)))))),(0,e.createElement)(Di,null,(0,e.createElement)(r.ToolbarGroup,null,(0,e.createElement)(r.ToolbarButton,{icon:xi,onClick:()=>(()=>{let e=JSON.parse(JSON.stringify(b.innerBlocks));const t=(0,is.createBlock)("greenshift-blocks/row-column",{});e.push((0,is.createBlock)("greenshift-blocks/row",{align:"full",displayStyles:!1,minHeight:[100,null,null,null],minHeightUnit:["vh","px","px","px"]},[t])),h(g,e,!1)})(),label:Pi("Add new Row","greenshift")}),(0,e.createElement)(r.ToolbarButton,{icon:Ci,onClick:()=>(()=>{let e=JSON.parse(JSON.stringify(b.innerBlocks));e.push((0,is.createBlock)("greenshift-blocks/container",{align:"full",minHeight:[100,null,null,null],minHeightUnit:["vh","px","px","px"],width:[100,null,null,null],widthUnit:["vw","px","px","px"]},[])),h(g,e,!1)})(),label:Pi("Add new Container","greenshift")}),(0,e.createElement)(r.ToolbarButton,{icon:"admin-page",onClick:()=>(()=>{let e=JSON.parse(JSON.stringify(b.innerBlocks)),t=e[e.length-1];e.push((0,is.cloneBlock)(t)),h(g,e,!1)})(),label:Pi("Duplicate Latest","greenshift")}),(0,e.createElement)(r.ToolbarButton,{icon:"no-alt",onClick:()=>(()=>{let e=JSON.parse(JSON.stringify(b.innerBlocks));e.pop(),h(g,e,!1)})(),label:Pi("Remove Latest","greenshift")}))))},{__:Ji}=wp.i18n,{registerBlockType:Zi}=wp.blocks,{select:Ki}=wp.data,{gspb_setBlockId:Qi}=gspblib.utilities,{BlockToolBar:eo}=gspblib.components;Zi("greenshift-blocks/pagescroll",{title:Ji("Horizontal Section Scroll","greenshiftgsap"),description:Ji("Container for scrolling sections in horizontal mode"),category:"Greenshiftpro",keywords:[Ji("gsap"),Ji("animation"),Ji("horizontal")],icon:wi,supports:{reusable:!0,anchor:!0,align:["wide","full"]},attributes:Ni,edit(a){(0,e.useEffect)((()=>{Qi(a)}),[]);const{attributes:{id:n,init:r,scroll_ratio:s,scroll_end:i,scroll_scrub:o,scroll_snap:c,scroll_pause:p},clientId:g}=a;let m=Ki("core/block-editor").getBlockOrder(g).length>0;const d=(0,e.useRef)();let u="";return(0,e.useEffect)((()=>{if(d.current){u&&u.revert();let e=d.current.ownerDocument;const t=d.current.querySelector(".gs-gsap-scrollx-wrap");u=gsap.context((()=>{if(t){let a="gsaphor-"+n,l=ScrollTrigger.getById("gspagescrollx"+a);l&&l.kill(),gsap.killTweensOf(t),!e.body.classList.contains("editor-styles-wrapper")&&r&&GSpagescrollX(t,!0,a)}}))}}),[r,s,i,o,c,p]),(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Xi,t({animationref:d.current},a)),(0,e.createElement)(eo,a),(0,e.createElement)("div",{className:"gs-animation",ref:d},(0,e.createElement)(Mi,t({editor:!0},a),(0,e.createElement)(l.InnerBlocks,{renderAppender:()=>m?(0,e.createElement)(l.InnerBlocks.DefaultBlockAppender,null):(0,e.createElement)(l.InnerBlocks.ButtonBlockAppender,null)}))))},save:a=>(0,e.createElement)(Mi,t({editor:!1},a),(0,e.createElement)(l.InnerBlocks.Content,null))});const to=(0,e.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd",viewBox:"0 0 267 512.46"},(0,e.createElement)("path",{"fill-rule":"nonzero",fill:"#2184f9",d:"M133.5 0c36.67 0 70.05 15.03 94.25 39.21l.06.07C251.99 63.47 267 96.84 267 133.5v151.22c0 36.67-15.03 70.04-39.21 94.24l-.06.06c-24.2 24.18-57.57 39.19-94.23 39.19-36.67 0-70.05-15.02-94.25-39.21l-.06-.06C15.01 354.74 0 321.37 0 284.72V133.5c0-36.67 15.03-70.04 39.21-94.25l.06-.06C63.47 15.02 96.84 0 133.5 0zM98.79 447.32l34.7 34.72 34.77-34.72 15.16 15.24-49.98 49.9-49.89-49.9 15.24-15.24zm34.71-130.89c12.5 0 22.74-10.23 22.74-22.73v-30.34c0-12.51-10.24-22.74-22.74-22.74-12.5 0-22.73 10.23-22.73 22.74v30.34c0 12.5 10.23 22.73 22.73 22.73zm0-294.87c-30.81 0-58.8 12.59-79.05 32.85-20.31 20.3-32.89 48.29-32.89 79.09v151.22c0 30.8 12.58 58.79 32.85 79.05 20.29 20.3 48.28 32.88 79.09 32.88 30.81 0 58.8-12.58 79.05-32.85 20.3-20.29 32.89-48.28 32.89-79.08V133.5c0-30.8-12.59-58.79-32.85-79.05-20.29-20.3-48.28-32.89-79.09-32.89z"})),{collectionsObjects:ao}=gspblib.helpers,lo={id:{type:"string",default:null},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},responsive:{type:"object",default:ao.responsive},spacing:{type:"object",default:ao.spacing},align:{type:"string",default:"full"},fixClass:{type:"string",default:""},ratio:{type:"number"},mobileratio:{type:"number"}},{gspb_spacing_cssGen:no,gspb_responsive_cssGen:ro,gspb_Css_Final:so}=gspblib.utilities,io=t=>{const{attributes:{id:a,responsive:l,spacing:n,fixClass:r,ratio:s,mobileratio:i},className:o,clientId:c,children:p}=t;let g="gspb-smooth-content",m=`gs-gsap-smoothscroll ${o}`,d="#"+g,u="";u+="[data-prehidden], body.gspb-bodyfront .gs-prehidden{visibility:hidden}",u=ro(l,d,u),u=no(n,d,u),so(a,u,t);let b=u;return(0,e.createElement)("div",{id:g,className:m,"data-ratio":s||null,"data-mobileratio":i||null,"data-fixclass":r||null},p,t.editor?(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:b}}):null)},{__:oo}=wp.i18n,{InspectorControls:co}=wp.blockEditor,{PanelBody:po}=wp.components,{Spacing:go,Responsive:mo,ProChecker:uo}=gspblib.collections,{InspectorTabs:bo,InspectorTab:ho}=gspblib.components,_o=a=>{const{attributes:{ratio:l,mobileratio:n,fixClass:s},setAttributes:i}=a;let o=!se()(lo.responsive.default,a.attributes.responsive);return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(co,null,(0,e.createElement)(bo,{tabs:["general","advance"],activeAdvance:!!o},(0,e.createElement)(ho,{key:"general"},(0,e.createElement)(po,{title:oo("Scroll options"),initialOpen:!0},(0,e.createElement)(uo,{addonVar:greenshiftGSAP.can_use_premium_code}),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Scroll options are working only on frontend side. You can use also next quick effects if you add classes to your blocks","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-skew"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Skew effect on scrolling","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-speed gsmooth-speed-50"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Parallax effect. You can set different speed number","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-speed gsmooth-lag-12"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Lag effect. You can set different lag number","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-speed gsmooth-speed-auto"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Auto speed depending on size of block","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-chars"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Text effect with lag on chars","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-reveal-top"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Reveal effect","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-move-top"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Moving from bottom of page","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-rotate-right gsmooth-rotate-10"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Interpolated rotation right","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-rotate-left gsmooth-rotate-10"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Interpolated rotation left","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-words-mask"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Masked Words text effect","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-scale-up"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Scale Up effect","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-scale-down"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Scale Down effect","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gs-prehidden"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Add for reveal effects if your element is visible on loading to hide it first","greenshiftgsap")),(0,e.createElement)("div",{style:{padding:5,backgroundColor:"#f3f3f3"}},"gsmooth-stagger"),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("Use with movement or scale classes and place it to parent element if you need stagger effect","greenshiftgsap")),(0,e.createElement)("div",{style:{margin:"10px 0"}},oo("This is experimental block, if it doesn't work in your theme, then, you can enable Smooth Scroll Page template in page attributes. ","greenshiftgsap")),(0,e.createElement)("div",{className:"gs-inspector-form-inspector"},(0,e.createElement)("div",{className:"gspb_inspector_options-set",style:{marginBottom:15}},(0,e.createElement)(r.TextControl,{label:oo("Fixed element class","greenshiftgsap"),value:s,onChange:e=>i({fixClass:e}),help:oo("Add here class of your fixed elements on page","greenshiftgsap")}),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},oo("Custom  scroll speed","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{i({ratio:null})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:l,onChange:e=>{i({ratio:e})},trackColor:"#2184f9",step:.1,min:.1,max:5}))),(0,e.createElement)("div",{className:"gspb_row gspb_row--no-padding-col"},(0,e.createElement)("div",{className:"gspb_row__col--7"},(0,e.createElement)("span",{className:"gspb_inspector_property-title"},oo("Scroll speed on mobiles","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb_row__col--5",style:{justifyContent:"space-between"}},(0,e.createElement)("div",null,(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",onClick:()=>{i({mobileratio:null})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"})))),(0,e.createElement)("div",{style:{width:"100%"}},(0,e.createElement)(r.RangeControl,{value:n,onChange:e=>{i({mobileratio:e})},trackColor:"#2184f9",step:.1,min:.1,max:1}))))))),(0,e.createElement)(po,{title:oo("Spacing"),initialOpen:!1,className:se()(lo.spacing.default,a.attributes.spacing)?"":"gspb_panel_changed"},(0,e.createElement)(go,t({attributeName:"spacing"},a)))),(0,e.createElement)(ho,{key:"advance"},(0,e.createElement)(po,{title:oo("Responsive and Custom CSS","greenshiftgsap"),initialOpen:!0,className:o?"gspb_panel_changed":""},(0,e.createElement)(mo,t({attributeName:"responsive",customstyle:"{GREENSHIFT} .gs-gsap-wrap{  }"},a)))))))},{__:fo}=wp.i18n,{registerBlockType:vo}=wp.blocks,{select:yo}=wp.data,{gspb_setBlockId:Eo}=gspblib.utilities,{BlockToolBar:wo}=gspblib.components;vo("greenshift-blocks/smoothscroll",{title:fo("Smooth Scroller","greenshiftgsap"),description:fo("Container for adding Smooth scroll and fast effects"),category:"Greenshiftpro",keywords:[fo("gsap"),fo("animation"),fo("scroller")],icon:to,supports:{reusable:!0,anchor:!0,align:["wide","full"]},attributes:lo,edit(a){(0,e.useEffect)((()=>{Eo(a)}),[]);const{clientId:n}=a;let r=yo("core/block-editor").getBlockOrder(n).length>0;const s=(0,e.useRef)();return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(_o,t({animationref:s.current},a)),(0,e.createElement)(wo,a),(0,e.createElement)("div",{className:"gs-animation",ref:s},(0,e.createElement)(io,t({editor:!0},a),(0,e.createElement)(l.InnerBlocks,{renderAppender:()=>r?(0,e.createElement)(l.InnerBlocks.DefaultBlockAppender,null):(0,e.createElement)(l.InnerBlocks.ButtonBlockAppender,null)}))))},save:a=>(0,e.createElement)(io,t({editor:!1},a),(0,e.createElement)(l.InnerBlocks.Content,null))});const xo=(0,e.createElement)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 122.88 122.88"},(0,e.createElement)("g",null,(0,e.createElement)("path",{fill:"#2184f9",d:"M109.27,20.73c6.06,7.7,9.09,17.04,9.09,26.37c0,10.92-4.15,21.85-12.44,30.15l-33.19,33.19 c-8.29,8.29-19.22,12.44-30.15,12.44c-10.92,0-21.85-4.15-30.15-12.44C4.15,102.14,0,91.22,0,80.29c0-10.92,4.15-21.85,12.44-30.15 l33.19-33.19C53.92,8.67,64.85,4.52,75.77,4.52c9.34,0,18.68,3.03,26.37,9.09l12.13-12.13c1.97-1.97,5.16-1.97,7.13,0 c1.97,1.97,1.97,5.16,0,7.13L109.27,20.73L109.27,20.73z M82.03,40.16L82.03,40.16c3.15,3.15,3.15,8.31,0,11.47l-5.91,5.91 c-3.15,3.15-8.31,3.15-11.47,0l0,0c-3.15-3.15-3.15-8.31,0-11.47l5.91-5.91C73.71,37,78.87,37,82.03,40.16L82.03,40.16z M108.29,47.11c0-8.35-3.16-16.69-9.49-23.02c-6.33-6.33-14.67-9.49-23.02-9.49c-8.35,0-16.69,3.16-23.02,9.49L19.57,57.27 c-6.33,6.33-9.49,14.67-9.49,23.02c0,8.35,3.16,16.69,9.49,23.02c6.33,6.33,14.67,9.49,23.02,9.49c8.35,0,16.69-3.16,23.02-9.49 l33.19-33.19C105.12,63.8,108.29,55.45,108.29,47.11L108.29,47.11z"}))),{__:Co}=wp.i18n,{registerBlockType:ko}=wp.blocks,{Spacing:No,Responsive:So,CssTransform:Bo,Position:To,Background:Ao,Border:jo,ProChecker:Io}=gspblib.collections,{BlockToolBar:Oo}=gspblib.components,{collectionsObjects:Fo}=gspblib.helpers,{gspb_spacing_cssGen:Mo,gspb_position_cssGen:Po,gspb_border_cssGen:Ro,gspb_csstransform_cssGen:Do,gspb_responsive_cssGen:$o,gspb_background_cssGen:zo,gspb_Css_Final:Go}=gspblib.utilities,{gspb_setBlockId:Lo,gspb_getDeviceStateIndex:Uo}=gspblib.utilities,{InspectorTabs:Ho,InspectorTab:Wo,Devices:Vo,RadioAdvanced:qo}=gspblib.components,{gspb_cssGen:Yo}=gspblib.helpers,{gspb_inherit_values:Xo}=gspblib.helpers,Jo={src:{type:"string",default:"https://www.apple.com/media/us/mac-pro/2013/16C1b6b5-1d91-4fef-891e-ff2fc1c1bb58/videos/macpro_main_desktop.mp4"},loadnow:{type:"boolean",default:!0},disablelazy:{type:"boolean"},imageid:{type:"number"},background:{type:"object",default:Fo.background},border:{type:"object",default:Fo.border},imageurl:{type:"string",default:greenShift_params.pluginURL+"libs/spline3d/loading.svg"},imagealt:{type:"string",default:""},width:{type:"array",default:["300px"]},height:{type:"array",default:["300px"]},Halign:{type:"string",default:"center"},id:{type:"string",default:null},inlineCssStyles:{type:"string"},dynamicGClass:{type:"string"},spacing:{type:"object",default:Fo.spacing},animation:{type:"object",default:Fo.animation},responsive:{type:"object",default:Fo.responsive},position:{type:"object",default:Fo.position},csstransform:{type:"object",default:Fo.csstransform},reinit:{type:"boolean"},enableSmartLoading:{type:"boolean"},transitionSpeed:{type:"number",default:8},frameThreshold:{type:"number",default:.1},scale:{type:"array",default:["cover"]},useWebCodecs:{type:"boolean",default:!0},sticky:{type:"boolean"},setCurrentTimePercent:{type:"number",default:0}};ko("greenshift-blocks/videoscroll",{title:Co("Video Scrolling loader","greenshiftgsap"),description:Co("Add video with scroll play interpolation","greenshiftgsap"),icon:xo,category:"GreenShift",keywords:["video","scroll","sequence","animation","greenshift"],supports:{align:["wide","full"]},attributes:Jo,edit(a){const{attributes:{src:n,width:s,height:i,imageurl:o,reinit:c,Halign:p,id:g,spacing:m,animation:d,responsive:u,position:b,csstransform:h,disablelazy:_,loadnow:f,enableSmartLoading:v,background:y,border:E,scale:w,useWebCodecs:x,sticky:C,setCurrentTimePercent:k,transitionSpeed:N,frameThreshold:S},setAttributes:B,clientId:T}=a;(0,e.useEffect)((()=>{Lo(a)}),[]);const A=Uo(),[j,I]=(0,e.useState)(0),O=(0,e.useRef)(),F=(0,e.useRef)(!0),[M,P]=(0,e.useState)(!1),R=`gspb_id-${g}`;let D=`.${R}`;const $=(0,e.useRef)(null);(0,e.useEffect)((()=>{const e=O.current,{ownerDocument:t}=e,{defaultView:a}=t,l=t.body;let n;if(F.current)F.current=!1,(()=>{if(!0===M)return;if(P(!0),null===l.querySelector("#gs-videoscr-loader")){const e=document.createElement("script");e.src="https://cdn.jsdelivr.net/npm/scrolly-video@latest/dist/scrolly-video.js",e.id="gs-videoscr-loader",l.appendChild(e)}let e=t.querySelector("."+R);setTimeout((function(){e&&"undefined"!=typeof ScrollyVideo&&(n=new ScrollyVideo({scrollyVideoContainer:e,src:e.dataset.source,full:!1,cover:!1,useWebCodecs:e.dataset.usewebcodecs||!1,sticky:!1,frameThreshold:parseFloat(e.dataset.framethreshold),transitionSpeed:parseFloat(e.dataset.transitionspeed),setCurrentTimePercent:parseFloat(e.dataset.setcurrenttimepercent)}))}),1500)})();else{let e=t.querySelector("."+R);e&&"undefined"!=typeof ScrollyVideo&&(null!==e.querySelector("video")&&e.querySelector("video").remove(),null!==e.querySelector("canvas")&&e.querySelector("canvas").remove(),null!==$.current&&$.current.destroy(),n=new ScrollyVideo({scrollyVideoContainer:e,src:e.dataset.source,full:!1,cover:!1,sticky:!1,useWebCodecs:e.dataset.usewebcodecs||!1,frameThreshold:parseFloat(e.dataset.framethreshold),transitionSpeed:parseFloat(e.dataset.transitionspeed),setCurrentTimePercent:parseFloat(e.dataset.setcurrenttimepercent)}),$.current=n)}}),[n,c]);const z=[{icon:"editor-alignleft",title:Co("Align Left","greenshiftgsap"),align:"flex-start"},{icon:"editor-aligncenter",title:Co("Align Center","greenshiftgsap"),align:"center"},{icon:"editor-alignright",title:Co("Align Right","greenshiftgsap"),align:"flex-end"}];let G={"data-usewebcodecs":x||null,"data-sticky":C||null,"data-transitionspeed":N||8,"data-framethreshold":S||.1,"data-setcurrenttimepercent":k||0,"data-source":n||null};const L=(0,l.useBlockProps)({className:`gs-videoscrloader ${R}`,ref:O,...G});let U=`.gspb-bodyfront .${R} img{transition: opacity 0.3s ease-in; position:absolute}.gspb-bodyfront .${R}.gs-videoscrloaded img{opacity:0}.${R} img, .${R} video, .${R} canvas{max-width:100%}`;U=Yo(`.${R} img, .${R} video, .${R} canvas`,["width"],[[[s[0]?s[0]+"!important":null],[s[1]?s[1]+"!important":null],[s[2]?s[2]+"!important":null],[s[3]?s[3]+"!important":null]]],U,!1),void 0!==w&&(U=Yo(`.${R} video, .${R} canvas`,["object-fit"],[[[w[0]?w[0]:null],[w[1]?w[1]:null],[w[2]?w[2]:null],[w[3]?w[3]:null]]],U)),U=Yo(`.${R} img, .${R} video, .${R} canvas`,["height"],[[[i[0]?i[0]+"!important":null],[i[1]?i[1]+"!important":null],[i[2]?i[2]+"!important":null],[i[3]?i[3]+"!important":null]]],U,!1),U=Yo(`.${R}`,["position"],["relative"],U,!1),U=Yo(D,["display","justify-content"],["flex",p],U,!1),U=$o(u,D,U),U=Po(b,"body.gspb-bodyfront "+D,U),U=Do(h,D,U,d),U=Mo(m,D,U),U=zo(y,D,U),U=Ro(E,D,U),Go(g,U,a);let H=U;H=Po(b,"#block-"+T,H),C&&(H=Yo("#block-"+T,["position","display","top"],["sticky","block","0px"],U,!1));let W=!se()(Jo.csstransform.default,a.attributes.csstransform),V=!se()(Jo.position.default,a.attributes.position),q=!se()(Jo.responsive.default,a.attributes.responsive);return[(0,e.createElement)(l.InspectorControls,null,(0,e.createElement)("div",{className:"gspb_inspector"},(0,e.createElement)(Ho,{tabs:["general","advance"],activeAdvance:!!(W||V||q)},(0,e.createElement)(Wo,{key:"general"},(0,e.createElement)(r.PanelBody,{initialOpen:!0,title:Co("Video scroll loader")},(0,e.createElement)(Io,{addonCheck:"Animation Addon"}),(0,e.createElement)(r.TextControl,{label:Co("Video file URL","greenshiftgsap"),value:n,onChange:e=>{B({src:e})}}),(0,e.createElement)("div",{style:{display:"flex",gap:"10px",marginTop:"-15px",marginBottom:"20px"}},(0,e.createElement)(l.MediaUploadCheck,null,(0,e.createElement)(l.MediaUpload,{onSelect:e=>B({src:e.url}),allowedTypes:["video"],value:n,render:t=>{let{open:a}=t;return(0,e.createElement)(r.Button,{variant:"secondary",isSmall:!0,onClick:a},Co("Upload video file"))}})),(0,e.createElement)(r.Button,{isSmall:!0,variant:"secondary",onClick:()=>{B({reinit:!c})}},Co("Re Initialize","greenshiftgsap"))),(0,e.createElement)("div",{className:"gspb-alert gspb-warning"},Co("You should use video which has more 5 sec length. Scroll interpolation inside Editor can be inaccurate, especially with sticky option, we recommend to check final effect on frontend. Change playback rate and frame period to make video more smooth, then Re init video","greenshiftgsap")),(0,e.createElement)("hr",{style:{marginTop:20,marginBottom:10}}),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)("div",{class:"gspb_row_inspector gspb_row--no-padding-col",style:{justifyContent:"flex-end"}},(0,e.createElement)(Vo,{className:"gspb_inspector_device-icons--small",onChange:()=>I(!j)}))),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)("div",{class:"gspb_row_inspector gspb_row--no-padding-col",style:{justifyContent:"space-between"}},(0,e.createElement)("div",{class:"gspb_row__col--8"},(0,e.createElement)("span",{class:"gspb_inspector_property-title"},Co("Width","greenshiftgsap")),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",style:{marginRight:10},onClick:()=>{let e=s.slice();e[A]=Jo.width.default[A],B({width:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.__experimentalUnitControl,{onChange:e=>{let t=s.slice();t[A]=e.replace("-",""),B({width:t})},value:Xo(s,A)})))),(0,e.createElement)("div",{style:{marginBottom:10}},(0,e.createElement)("div",{class:"gspb_row_inspector gspb_row--no-padding-col",style:{justifyContent:"space-between"}},(0,e.createElement)("div",{class:"gspb_row__col--8"},(0,e.createElement)("span",{class:"gspb_inspector_property-title"},Co("Height","greenshiftg")),(0,e.createElement)("div",{className:"gspb_inspector_clear_btn--right",style:{marginRight:10},onClick:()=>{let e=i.slice();e[A]=Jo.height.default[A],B({height:e})}},(0,e.createElement)("i",{className:"rhicon rhi-undo"}))),(0,e.createElement)("div",{class:"gspb_row__col--4"},(0,e.createElement)(r.__experimentalUnitControl,{onChange:e=>{let t=i.slice();t[A]=e.replace("-",""),B({height:t})},value:Xo(i,A)})))),(0,e.createElement)("hr",{style:{marginTop:20,marginBottom:20}}),(0,e.createElement)(qo,{label:Co("Scale","greenshiftgsap"),fluid:"",value:Xo(w,A),onChange:e=>{let t=w.slice();t[A]=e,B({scale:t})},options:[{label:Co("No"),value:"fill",title:Co("No scale","greenshiftgsap")},{label:Co("Up"),value:"none",title:Co("Scale Up","greenshiftgsap")},{label:Co("Cover"),value:"cover",title:Co("Cover","greenshiftgsap")},{label:Co("Contain"),value:"contain",title:Co("Contain","greenshiftgsap")}]}),(0,e.createElement)(r.ToggleControl,{label:Co("Sticky video","greenshiftgsap"),checked:C,onChange:e=>{B({sticky:e})}}),(0,e.createElement)(r.ToggleControl,{label:Co("Use web codecs","greenshiftgsap"),checked:x,onChange:e=>{B({useWebCodecs:e})}}),(0,e.createElement)(r.RangeControl,{value:N,label:Co("Playback Rate","greenshiftgsap"),onChange:e=>{B({transitionSpeed:e})},trackColor:"#2184f9",step:.1,min:.1,max:100,allowReset:!0}),(0,e.createElement)(r.RangeControl,{value:S,label:Co("Frame period (sec)","greenshiftgsap"),onChange:e=>{B({frameThreshold:e})},trackColor:"#2184f9",step:.01,min:.01,max:1,allowReset:!0}),(0,e.createElement)(r.RangeControl,{value:k,label:Co("Start frame (sec)","greenshiftgsap"),onChange:e=>{B({setCurrentTimePercent:e})},trackColor:"#2184f9",step:.1,min:0,max:1e3,allowReset:!0}),(0,e.createElement)("hr",{style:{marginTop:20,marginBottom:20}}),(0,e.createElement)(r.BaseControl,{help:Co("By default, animation is loaded immediately, but you can enable smart loading option. This will improve web vitals score and delay heavy Video scroll library before interactions. If you use multiple video scroll blocks on page, you must use the same loading logic for all blocks.","greenshiftgsap")},(0,e.createElement)(r.ToggleControl,{label:Co("Smart loading","greenshiftgsap"),checked:v,onChange:e=>{B({enableSmartLoading:e,loadnow:!e})}}),v&&(0,e.createElement)(e.Fragment,null))),(0,e.createElement)(r.PanelBody,{title:Co("Spacing"),initialOpen:!1},(0,e.createElement)(No,t({attributeName:"spacing",overflow:!1,className:"gspb_smallpadding_btn "+(se()(Jo.spacing,a.attributes.spacing.default)?"":"gspb_panel_changed")},a))),(0,e.createElement)(r.PanelBody,{title:Co("Border","greenshiftgsap"),initialOpen:!1,className:se()(Jo.border.default,a.attributes.border)?"":"gspb_panel_changed"},(0,e.createElement)(jo,t({attributeName:"border"},a))),(0,e.createElement)(r.PanelBody,{title:Co("Background and Opacity","greenshiftgsap"),initialOpen:!1,className:"gspb_smallpadding_btn "+(se()(Jo.background.default,a.attributes.background)?"":"gspb_panel_changed")},(0,e.createElement)(Ao,t({attributeName:"background",exclude:["video"]},a)))),(0,e.createElement)(Wo,{key:"advance"},(0,e.createElement)(r.PanelBody,{title:Co("Css Transform","greenshiftgsap"),initialOpen:!1,className:W?"gspb_panel_changed":""},(0,e.createElement)(Bo,t({attributeName:"csstransform"},a))),(0,e.createElement)(r.PanelBody,{title:Co("Position","greenshiftgsap"),initialOpen:!1,className:V?"gspb_panel_changed":""},(0,e.createElement)(To,t({attributeName:"position"},a))),(0,e.createElement)(r.PanelBody,{title:Co("Responsive and Custom CSS","greenshiftgsap"),initialOpen:!1,className:q?"gspb_panel_changed":""},(0,e.createElement)(So,t({attributeName:"responsive"},a))))))),(0,e.createElement)(l.BlockControls,null,(0,e.createElement)(l.AlignmentToolbar,{value:p,onChange:e=>{B({Halign:e})},alignmentControls:z})),(0,e.createElement)(Oo,a),(0,e.createElement)(e.Fragment,null,(0,e.createElement)("div",L,!n&&(0,e.createElement)("img",{src:o,width:s[0],height:i[0]})),(0,e.createElement)("style",{dangerouslySetInnerHTML:{__html:H}}))]},save(t){const{attributes:{src:a,width:n,height:r,imageurl:s,imagealt:i,id:o,disablelazy:c,loadnow:p,useWebCodecs:g,setCurrentTimePercent:m,transitionSpeed:d,frameThreshold:u,sticky:b}}=t;let h={"data-usewebcodecs":g||null,"data-sticky":b||null,"data-transitionspeed":d||8,"data-framethreshold":u||.1,"data-setcurrenttimepercent":m||0,"data-source":a||null};const _=`gspb_id-${o}`,f=l.useBlockProps.save({className:`gs-videoscrloader ${_}${p?" gs-loadnow":""}`,...h});return(0,e.createElement)("div",f,s&&(0,e.createElement)("img",{src:s,alt:i,width:n[0],height:r[0],style:{pointerEvents:"none"},loading:c?"eager":null}))}})})()})();