File: /home/axxoncom/domains/adrap.click/private_html/wp-content/plugins/kubio/build/controls/index.js
(()=>{var e={597:(e,t,n)=>{"use strict";var o,r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},i=(o=n(9196))&&o.__esModule?o:{default:o};t.Z=function(e){var t=e.fill,n=void 0===t?"currentColor":t,o=e.width,a=void 0===o?24:o,l=e.height,s=void 0===l?24:l,c=e.style,u=void 0===c?{}:c,d=function(e,t){var n={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}(e,["fill","width","height","style"]);return i.default.createElement("svg",r({viewBox:"0 0 24 24",style:r({fill:n,width:a,height:s},u)},d),i.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))}},3891:(e,t,n)=>{"use strict";var o,r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},i=(o=n(9196))&&o.__esModule?o:{default:o};t.Z=function(e){var t=e.fill,n=void 0===t?"currentColor":t,o=e.width,a=void 0===o?24:o,l=e.height,s=void 0===l?24:l,c=e.style,u=void 0===c?{}:c,d=function(e,t){var n={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}(e,["fill","width","height","style"]);return i.default.createElement("svg",r({viewBox:"0 0 24 24",style:r({fill:n,width:a,height:s},u)},d),i.default.createElement("path",{d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}))}},6781:(e,t)=>{"use strict";if("function"==typeof Symbol&&Symbol.for){var n=Symbol.for;n("react.element"),n("react.portal"),n("react.fragment"),n("react.strict_mode"),n("react.profiler"),n("react.provider"),n("react.context"),n("react.forward_ref"),n("react.suspense"),n("react.suspense_list"),n("react.memo"),n("react.lazy"),n("react.block"),n("react.server.block"),n("react.fundamental"),n("react.debug_trace_mode"),n("react.legacy_hidden")}},1726:(e,t,n)=>{"use strict";n(6781)},9948:(e,t)=>{var n={};n.parse=function(){var e={linearGradient:/^(\-(webkit|o|ms|moz)\-)?(linear\-gradient)/i,repeatingLinearGradient:/^(\-(webkit|o|ms|moz)\-)?(repeating\-linear\-gradient)/i,radialGradient:/^(\-(webkit|o|ms|moz)\-)?(radial\-gradient)/i,repeatingRadialGradient:/^(\-(webkit|o|ms|moz)\-)?(repeating\-radial\-gradient)/i,sideOrCorner:/^to (left (top|bottom)|right (top|bottom)|left|right|top|bottom)/i,extentKeywords:/^(closest\-side|closest\-corner|farthest\-side|farthest\-corner|contain|cover)/,positionKeywords:/^(left|center|right|top|bottom)/i,pixelValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))px/,percentageValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))\%/,emValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))em/,angleValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))deg/,startCall:/^\(/,endCall:/^\)/,comma:/^,/,hexColor:/^\#([0-9a-fA-F]+)/,literalColor:/^([a-zA-Z]+)/,rgbColor:/^rgb/i,rgbaColor:/^rgba/i,number:/^(([0-9]*\.[0-9]+)|([0-9]+\.?))/},t="";function n(e){var n=new Error(t+": "+e);throw n.source=t,n}function o(){return r("linear-gradient",e.linearGradient,a)||r("repeating-linear-gradient",e.repeatingLinearGradient,a)||r("radial-gradient",e.radialGradient,l)||r("repeating-radial-gradient",e.repeatingRadialGradient,l)}function r(t,o,r){return i(o,(function(o){var i=r();return i&&(v(e.comma)||n("Missing comma before color stops")),{type:t,orientation:i,colorStops:d(p)}}))}function i(t,o){var r=v(t);if(r)return v(e.startCall)||n("Missing ("),result=o(r),v(e.endCall)||n("Missing )"),result}function a(){return m("directional",e.sideOrCorner,1)||m("angular",e.angleValue,1)}function l(){var n,o,r=s();return r&&((n=[]).push(r),o=t,v(e.comma)&&((r=s())?n.push(r):t=o)),n}function s(){var e,t,o=((t=m("shape",/^(circle)/i,0))&&(t.style=g()||c()),t||((e=m("shape",/^(ellipse)/i,0))&&(e.style=f()||c()),e));if(o)o.at=function(){if(m("position",/^at/,0)){var e=u();return e||n("Missing positioning value"),e}}();else{var r=u();r&&(o={type:"default-radial",at:r})}return o}function c(){return m("extent-keyword",e.extentKeywords,1)}function u(){var e={x:f(),y:f()};if(e.x||e.y)return{type:"position",value:e}}function d(t){var o=t(),r=[];if(o)for(r.push(o);v(e.comma);)(o=t())?r.push(o):n("One extra comma");return r}function p(){var t=m("hex",e.hexColor,1)||i(e.rgbaColor,(function(){return{type:"rgba",value:d(h)}}))||i(e.rgbColor,(function(){return{type:"rgb",value:d(h)}}))||m("literal",e.literalColor,0);return t||n("Expected color definition"),t.length=f(),t}function h(){return v(e.number)[1]}function f(){return m("%",e.percentageValue,1)||m("position-keyword",e.positionKeywords,1)||g()}function g(){return m("px",e.pixelValue,1)||m("em",e.emValue,1)}function m(e,t,n){var o=v(t);if(o)return{type:e,value:o[n]}}function v(e){var n,o;return(o=/^[\n\r\t\s]+/.exec(t))&&b(o[0].length),(n=e.exec(t))&&b(n[0].length),n}function b(e){t=t.substr(e)}return function(e){return t=e.toString(),r=d(o),t.length>0&&n("Invalid input not EOF"),r;var r}}(),t.parse=(n||{}).parse},8679:(e,t,n)=>{"use strict";var o=n(9864),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return o.isMemo(e)?a:l[e.$$typeof]||r}l[o.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[o.Memo]=a;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,h=Object.getPrototypeOf,f=Object.prototype;e.exports=function e(t,n,o){if("string"!=typeof n){if(f){var r=h(n);r&&r!==f&&e(t,r,o)}var a=u(n);d&&(a=a.concat(d(n)));for(var l=s(t),g=s(n),m=0;m<a.length;++m){var v=a[m];if(!(i[v]||o&&o[v]||g&&g[v]||l&&l[v])){var b=p(n,v);try{c(t,v,b)}catch(e){}}}}return t}},1143:e=>{"use strict";e.exports=function(e,t,n,o,r,i,a,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,o,r,i,a,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},8552:(e,t,n)=>{var o=n(852)(n(8638),"DataView");e.exports=o},1989:(e,t,n)=>{var o=n(1789),r=n(401),i=n(7667),a=n(1327),l=n(1866);function s(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var o=e[t];this.set(o[0],o[1])}}s.prototype.clear=o,s.prototype.delete=r,s.prototype.get=i,s.prototype.has=a,s.prototype.set=l,e.exports=s},8407:(e,t,n)=>{var o=n(7040),r=n(4125),i=n(2117),a=n(7529),l=n(4705);function s(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var o=e[t];this.set(o[0],o[1])}}s.prototype.clear=o,s.prototype.delete=r,s.prototype.get=i,s.prototype.has=a,s.prototype.set=l,e.exports=s},7071:(e,t,n)=>{var o=n(852)(n(8638),"Map");e.exports=o},3369:(e,t,n)=>{var o=n(4785),r=n(1285),i=n(6e3),a=n(9916),l=n(5265);function s(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var o=e[t];this.set(o[0],o[1])}}s.prototype.clear=o,s.prototype.delete=r,s.prototype.get=i,s.prototype.has=a,s.prototype.set=l,e.exports=s},3818:(e,t,n)=>{var o=n(852)(n(8638),"Promise");e.exports=o},8525:(e,t,n)=>{var o=n(852)(n(8638),"Set");e.exports=o},8668:(e,t,n)=>{var o=n(3369),r=n(619),i=n(2385);function a(e){var t=-1,n=null==e?0:e.length;for(this.__data__=new o;++t<n;)this.add(e[t])}a.prototype.add=a.prototype.push=r,a.prototype.has=i,e.exports=a},6384:(e,t,n)=>{var o=n(8407),r=n(7465),i=n(3779),a=n(7599),l=n(4758),s=n(4309);function c(e){var t=this.__data__=new o(e);this.size=t.size}c.prototype.clear=r,c.prototype.delete=i,c.prototype.get=a,c.prototype.has=l,c.prototype.set=s,e.exports=c},2705:(e,t,n)=>{var o=n(8638).Symbol;e.exports=o},1149:(e,t,n)=>{var o=n(8638).Uint8Array;e.exports=o},577:(e,t,n)=>{var o=n(852)(n(8638),"WeakMap");e.exports=o},7412:e=>{e.exports=function(e,t){for(var n=-1,o=null==e?0:e.length;++n<o&&!1!==t(e[n],n,e););return e}},4963:e=>{e.exports=function(e,t){for(var n=-1,o=null==e?0:e.length,r=0,i=[];++n<o;){var a=e[n];t(a,n,e)&&(i[r++]=a)}return i}},4636:(e,t,n)=>{var o=n(2545),r=n(5694),i=n(1469),a=n(4144),l=n(5776),s=n(6719),c=Object.prototype.hasOwnProperty;e.exports=function(e,t){var n=i(e),u=!n&&r(e),d=!n&&!u&&a(e),p=!n&&!u&&!d&&s(e),h=n||u||d||p,f=h?o(e.length,String):[],g=f.length;for(var m in e)!t&&!c.call(e,m)||h&&("length"==m||d&&("offset"==m||"parent"==m)||p&&("buffer"==m||"byteLength"==m||"byteOffset"==m)||l(m,g))||f.push(m);return f}},148:e=>{e.exports=function(e,t){for(var n=-1,o=null==e?0:e.length,r=Array(o);++n<o;)r[n]=t(e[n],n,e);return r}},2488:e=>{e.exports=function(e,t){for(var n=-1,o=t.length,r=e.length;++n<o;)e[r+n]=t[n];return e}},2908:e=>{e.exports=function(e,t){for(var n=-1,o=null==e?0:e.length;++n<o;)if(t(e[n],n,e))return!0;return!1}},4865:(e,t,n)=>{var o=n(9465),r=n(7813),i=Object.prototype.hasOwnProperty;e.exports=function(e,t,n){var a=e[t];i.call(e,t)&&r(a,n)&&(void 0!==n||t in e)||o(e,t,n)}},8470:(e,t,n)=>{var o=n(7813);e.exports=function(e,t){for(var n=e.length;n--;)if(o(e[n][0],t))return n;return-1}},4037:(e,t,n)=>{var o=n(8363),r=n(3674);e.exports=function(e,t){return e&&o(t,r(t),e)}},3886:(e,t,n)=>{var o=n(8363),r=n(1704);e.exports=function(e,t){return e&&o(t,r(t),e)}},9465:(e,t,n)=>{var o=n(8777);e.exports=function(e,t,n){"__proto__"==t&&o?o(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n}},5990:(e,t,n)=>{var o=n(6384),r=n(7412),i=n(4865),a=n(4037),l=n(3886),s=n(4626),c=n(278),u=n(8805),d=n(1911),p=n(8234),h=n(6904),f=n(4160),g=n(3824),m=n(9148),v=n(8517),b=n(1469),x=n(4144),y=n(6688),_=n(3218),w=n(2928),k=n(3674),S=n(1704),C="[object Arguments]",j="[object Function]",R="[object Object]",I={};I[C]=I["[object Array]"]=I["[object ArrayBuffer]"]=I["[object DataView]"]=I["[object Boolean]"]=I["[object Date]"]=I["[object Float32Array]"]=I["[object Float64Array]"]=I["[object Int8Array]"]=I["[object Int16Array]"]=I["[object Int32Array]"]=I["[object Map]"]=I["[object Number]"]=I[R]=I["[object RegExp]"]=I["[object Set]"]=I["[object String]"]=I["[object Symbol]"]=I["[object Uint8Array]"]=I["[object Uint8ClampedArray]"]=I["[object Uint16Array]"]=I["[object Uint32Array]"]=!0,I["[object Error]"]=I[j]=I["[object WeakMap]"]=!1,e.exports=function e(t,n,E,T,O,P){var M,A=1&n,N=2&n,L=4&n;if(E&&(M=O?E(t,T,O,P):E(t)),void 0!==M)return M;if(!_(t))return t;var z=b(t);if(z){if(M=g(t),!A)return c(t,M)}else{var D=f(t),F=D==j||"[object GeneratorFunction]"==D;if(x(t))return s(t,A);if(D==R||D==C||F&&!O){if(M=N||F?{}:v(t),!A)return N?d(t,l(M,t)):u(t,a(M,t))}else{if(!I[D])return O?t:{};M=m(t,D,A)}}P||(P=new o);var B=P.get(t);if(B)return B;P.set(t,M),w(t)?t.forEach((function(o){M.add(e(o,n,E,o,t,P))})):y(t)&&t.forEach((function(o,r){M.set(r,e(o,n,E,r,t,P))}));var H=z?void 0:(L?N?h:p:N?S:k)(t);return r(H||t,(function(o,r){H&&(o=t[r=o]),i(M,r,e(o,n,E,r,t,P))})),M}},3118:(e,t,n)=>{var o=n(3218),r=Object.create,i=function(){function e(){}return function(t){if(!o(t))return{};if(r)return r(t);e.prototype=t;var n=new e;return e.prototype=void 0,n}}();e.exports=i},9881:(e,t,n)=>{var o=n(7816),r=n(9291)(o);e.exports=r},8483:(e,t,n)=>{var o=n(5063)();e.exports=o},7816:(e,t,n)=>{var o=n(8483),r=n(3674);e.exports=function(e,t){return e&&o(e,t,r)}},7786:(e,t,n)=>{var o=n(1811),r=n(327);e.exports=function(e,t){for(var n=0,i=(t=o(t,e)).length;null!=e&&n<i;)e=e[r(t[n++])];return n&&n==i?e:void 0}},8866:(e,t,n)=>{var o=n(2488),r=n(1469);e.exports=function(e,t,n){var i=t(e);return r(e)?i:o(i,n(e))}},4239:(e,t,n)=>{var o=n(2705),r=n(9607),i=n(2333),a=o?o.toStringTag:void 0;e.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":a&&a in Object(e)?r(e):i(e)}},13:e=>{e.exports=function(e,t){return null!=e&&t in Object(e)}},9454:(e,t,n)=>{var o=n(4239),r=n(7005);e.exports=function(e){return r(e)&&"[object Arguments]"==o(e)}},939:(e,t,n)=>{var o=n(2492),r=n(7005);e.exports=function e(t,n,i,a,l){return t===n||(null==t||null==n||!r(t)&&!r(n)?t!=t&&n!=n:o(t,n,i,a,e,l))}},2492:(e,t,n)=>{var o=n(6384),r=n(7114),i=n(8351),a=n(6096),l=n(4160),s=n(1469),c=n(4144),u=n(6719),d="[object Arguments]",p="[object Array]",h="[object Object]",f=Object.prototype.hasOwnProperty;e.exports=function(e,t,n,g,m,v){var b=s(e),x=s(t),y=b?p:l(e),_=x?p:l(t),w=(y=y==d?h:y)==h,k=(_=_==d?h:_)==h,S=y==_;if(S&&c(e)){if(!c(t))return!1;b=!0,w=!1}if(S&&!w)return v||(v=new o),b||u(e)?r(e,t,n,g,m,v):i(e,t,y,n,g,m,v);if(!(1&n)){var C=w&&f.call(e,"__wrapped__"),j=k&&f.call(t,"__wrapped__");if(C||j){var R=C?e.value():e,I=j?t.value():t;return v||(v=new o),m(R,I,n,g,v)}}return!!S&&(v||(v=new o),a(e,t,n,g,m,v))}},5588:(e,t,n)=>{var o=n(4160),r=n(7005);e.exports=function(e){return r(e)&&"[object Map]"==o(e)}},2958:(e,t,n)=>{var o=n(6384),r=n(939);e.exports=function(e,t,n,i){var a=n.length,l=a,s=!i;if(null==e)return!l;for(e=Object(e);a--;){var c=n[a];if(s&&c[2]?c[1]!==e[c[0]]:!(c[0]in e))return!1}for(;++a<l;){var u=(c=n[a])[0],d=e[u],p=c[1];if(s&&c[2]){if(void 0===d&&!(u in e))return!1}else{var h=new o;if(i)var f=i(d,p,u,e,t,h);if(!(void 0===f?r(p,d,3,i,h):f))return!1}}return!0}},8458:(e,t,n)=>{var o=n(3560),r=n(5346),i=n(3218),a=n(346),l=/^\[object .+?Constructor\]$/,s=Function.prototype,c=Object.prototype,u=s.toString,d=c.hasOwnProperty,p=RegExp("^"+u.call(d).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");e.exports=function(e){return!(!i(e)||r(e))&&(o(e)?p:l).test(a(e))}},9221:(e,t,n)=>{var o=n(4160),r=n(7005);e.exports=function(e){return r(e)&&"[object Set]"==o(e)}},8749:(e,t,n)=>{var o=n(4239),r=n(1780),i=n(7005),a={};a["[object Float32Array]"]=a["[object Float64Array]"]=a["[object Int8Array]"]=a["[object Int16Array]"]=a["[object Int32Array]"]=a["[object Uint8Array]"]=a["[object Uint8ClampedArray]"]=a["[object Uint16Array]"]=a["[object Uint32Array]"]=!0,a["[object Arguments]"]=a["[object Array]"]=a["[object ArrayBuffer]"]=a["[object Boolean]"]=a["[object DataView]"]=a["[object Date]"]=a["[object Error]"]=a["[object Function]"]=a["[object Map]"]=a["[object Number]"]=a["[object Object]"]=a["[object RegExp]"]=a["[object Set]"]=a["[object String]"]=a["[object WeakMap]"]=!1,e.exports=function(e){return i(e)&&r(e.length)&&!!a[o(e)]}},7206:(e,t,n)=>{var o=n(1573),r=n(6432),i=n(6557),a=n(1469),l=n(9601);e.exports=function(e){return"function"==typeof e?e:null==e?i:"object"==typeof e?a(e)?r(e[0],e[1]):o(e):l(e)}},280:(e,t,n)=>{var o=n(5726),r=n(6916),i=Object.prototype.hasOwnProperty;e.exports=function(e){if(!o(e))return r(e);var t=[];for(var n in Object(e))i.call(e,n)&&"constructor"!=n&&t.push(n);return t}},313:(e,t,n)=>{var o=n(3218),r=n(5726),i=n(3498),a=Object.prototype.hasOwnProperty;e.exports=function(e){if(!o(e))return i(e);var t=r(e),n=[];for(var l in e)("constructor"!=l||!t&&a.call(e,l))&&n.push(l);return n}},9199:(e,t,n)=>{var o=n(9881),r=n(8612);e.exports=function(e,t){var n=-1,i=r(e)?Array(e.length):[];return o(e,(function(e,o,r){i[++n]=t(e,o,r)})),i}},1573:(e,t,n)=>{var o=n(2958),r=n(1499),i=n(2634);e.exports=function(e){var t=r(e);return 1==t.length&&t[0][2]?i(t[0][0],t[0][1]):function(n){return n===e||o(n,e,t)}}},6432:(e,t,n)=>{var o=n(939),r=n(7361),i=n(9095),a=n(5403),l=n(9162),s=n(2634),c=n(327);e.exports=function(e,t){return a(e)&&l(t)?s(c(e),t):function(n){var a=r(n,e);return void 0===a&&a===t?i(n,e):o(t,a,3)}}},371:e=>{e.exports=function(e){return function(t){return null==t?void 0:t[e]}}},9152:(e,t,n)=>{var o=n(7786);e.exports=function(e){return function(t){return o(t,e)}}},2545:e=>{e.exports=function(e,t){for(var n=-1,o=Array(e);++n<e;)o[n]=t(n);return o}},531:(e,t,n)=>{var o=n(2705),r=n(148),i=n(1469),a=n(3448),l=o?o.prototype:void 0,s=l?l.toString:void 0;e.exports=function e(t){if("string"==typeof t)return t;if(i(t))return r(t,e)+"";if(a(t))return s?s.call(t):"";var n=t+"";return"0"==n&&1/t==-1/0?"-0":n}},7518:e=>{e.exports=function(e){return function(t){return e(t)}}},4757:e=>{e.exports=function(e,t){return e.has(t)}},4290:(e,t,n)=>{var o=n(6557);e.exports=function(e){return"function"==typeof e?e:o}},1811:(e,t,n)=>{var o=n(1469),r=n(5403),i=n(5514),a=n(9833);e.exports=function(e,t){return o(e)?e:r(e,t)?[e]:i(a(e))}},4318:(e,t,n)=>{var o=n(1149);e.exports=function(e){var t=new e.constructor(e.byteLength);return new o(t).set(new o(e)),t}},4626:(e,t,n)=>{e=n.nmd(e);var o=n(8638),r=t&&!t.nodeType&&t,i=r&&e&&!e.nodeType&&e,a=i&&i.exports===r?o.Buffer:void 0,l=a?a.allocUnsafe:void 0;e.exports=function(e,t){if(t)return e.slice();var n=e.length,o=l?l(n):new e.constructor(n);return e.copy(o),o}},7157:(e,t,n)=>{var o=n(4318);e.exports=function(e,t){var n=t?o(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}},3147:e=>{var t=/\w*$/;e.exports=function(e){var n=new e.constructor(e.source,t.exec(e));return n.lastIndex=e.lastIndex,n}},419:(e,t,n)=>{var o=n(2705),r=o?o.prototype:void 0,i=r?r.valueOf:void 0;e.exports=function(e){return i?Object(i.call(e)):{}}},7133:(e,t,n)=>{var o=n(4318);e.exports=function(e,t){var n=t?o(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}},278:e=>{e.exports=function(e,t){var n=-1,o=e.length;for(t||(t=Array(o));++n<o;)t[n]=e[n];return t}},8363:(e,t,n)=>{var o=n(4865),r=n(9465);e.exports=function(e,t,n,i){var a=!n;n||(n={});for(var l=-1,s=t.length;++l<s;){var c=t[l],u=i?i(n[c],e[c],c,n,e):void 0;void 0===u&&(u=e[c]),a?r(n,c,u):o(n,c,u)}return n}},8805:(e,t,n)=>{var o=n(8363),r=n(9551);e.exports=function(e,t){return o(e,r(e),t)}},1911:(e,t,n)=>{var o=n(8363),r=n(1442);e.exports=function(e,t){return o(e,r(e),t)}},4429:(e,t,n)=>{var o=n(8638)["__core-js_shared__"];e.exports=o},9291:(e,t,n)=>{var o=n(8612);e.exports=function(e,t){return function(n,r){if(null==n)return n;if(!o(n))return e(n,r);for(var i=n.length,a=t?i:-1,l=Object(n);(t?a--:++a<i)&&!1!==r(l[a],a,l););return n}}},5063:e=>{e.exports=function(e){return function(t,n,o){for(var r=-1,i=Object(t),a=o(t),l=a.length;l--;){var s=a[e?l:++r];if(!1===n(i[s],s,i))break}return t}}},8777:(e,t,n)=>{var o=n(852),r=function(){try{var e=o(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();e.exports=r},7114:(e,t,n)=>{var o=n(8668),r=n(2908),i=n(4757);e.exports=function(e,t,n,a,l,s){var c=1&n,u=e.length,d=t.length;if(u!=d&&!(c&&d>u))return!1;var p=s.get(e),h=s.get(t);if(p&&h)return p==t&&h==e;var f=-1,g=!0,m=2&n?new o:void 0;for(s.set(e,t),s.set(t,e);++f<u;){var v=e[f],b=t[f];if(a)var x=c?a(b,v,f,t,e,s):a(v,b,f,e,t,s);if(void 0!==x){if(x)continue;g=!1;break}if(m){if(!r(t,(function(e,t){if(!i(m,t)&&(v===e||l(v,e,n,a,s)))return m.push(t)}))){g=!1;break}}else if(v!==b&&!l(v,b,n,a,s)){g=!1;break}}return s.delete(e),s.delete(t),g}},8351:(e,t,n)=>{var o=n(2705),r=n(1149),i=n(7813),a=n(7114),l=n(8776),s=n(1814),c=o?o.prototype:void 0,u=c?c.valueOf:void 0;e.exports=function(e,t,n,o,c,d,p){switch(n){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||!d(new r(e),new r(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return i(+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 h=l;case"[object Set]":var f=1&o;if(h||(h=s),e.size!=t.size&&!f)return!1;var g=p.get(e);if(g)return g==t;o|=2,p.set(e,t);var m=a(h(e),h(t),o,c,d,p);return p.delete(e),m;case"[object Symbol]":if(u)return u.call(e)==u.call(t)}return!1}},6096:(e,t,n)=>{var o=n(8234),r=Object.prototype.hasOwnProperty;e.exports=function(e,t,n,i,a,l){var s=1&n,c=o(e),u=c.length;if(u!=o(t).length&&!s)return!1;for(var d=u;d--;){var p=c[d];if(!(s?p in t:r.call(t,p)))return!1}var h=l.get(e),f=l.get(t);if(h&&f)return h==t&&f==e;var g=!0;l.set(e,t),l.set(t,e);for(var m=s;++d<u;){var v=e[p=c[d]],b=t[p];if(i)var x=s?i(b,v,p,t,e,l):i(v,b,p,e,t,l);if(!(void 0===x?v===b||a(v,b,n,i,l):x)){g=!1;break}m||(m="constructor"==p)}if(g&&!m){var y=e.constructor,_=t.constructor;y==_||!("constructor"in e)||!("constructor"in t)||"function"==typeof y&&y instanceof y&&"function"==typeof _&&_ instanceof _||(g=!1)}return l.delete(e),l.delete(t),g}},1957:(e,t,n)=>{var o="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g;e.exports=o},8234:(e,t,n)=>{var o=n(8866),r=n(9551),i=n(3674);e.exports=function(e){return o(e,i,r)}},6904:(e,t,n)=>{var o=n(8866),r=n(1442),i=n(1704);e.exports=function(e){return o(e,i,r)}},5050:(e,t,n)=>{var o=n(7019);e.exports=function(e,t){var n=e.__data__;return o(t)?n["string"==typeof t?"string":"hash"]:n.map}},1499:(e,t,n)=>{var o=n(9162),r=n(3674);e.exports=function(e){for(var t=r(e),n=t.length;n--;){var i=t[n],a=e[i];t[n]=[i,a,o(a)]}return t}},852:(e,t,n)=>{var o=n(8458),r=n(7801);e.exports=function(e,t){var n=r(e,t);return o(n)?n:void 0}},5924:(e,t,n)=>{var o=n(5569)(Object.getPrototypeOf,Object);e.exports=o},9607:(e,t,n)=>{var o=n(2705),r=Object.prototype,i=r.hasOwnProperty,a=r.toString,l=o?o.toStringTag:void 0;e.exports=function(e){var t=i.call(e,l),n=e[l];try{e[l]=void 0;var o=!0}catch(e){}var r=a.call(e);return o&&(t?e[l]=n:delete e[l]),r}},9551:(e,t,n)=>{var o=n(4963),r=n(479),i=Object.prototype.propertyIsEnumerable,a=Object.getOwnPropertySymbols,l=a?function(e){return null==e?[]:(e=Object(e),o(a(e),(function(t){return i.call(e,t)})))}:r;e.exports=l},1442:(e,t,n)=>{var o=n(2488),r=n(5924),i=n(9551),a=n(479),l=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)o(t,i(e)),e=r(e);return t}:a;e.exports=l},4160:(e,t,n)=>{var o=n(8552),r=n(7071),i=n(3818),a=n(8525),l=n(577),s=n(4239),c=n(346),u="[object Map]",d="[object Promise]",p="[object Set]",h="[object WeakMap]",f="[object DataView]",g=c(o),m=c(r),v=c(i),b=c(a),x=c(l),y=s;(o&&y(new o(new ArrayBuffer(1)))!=f||r&&y(new r)!=u||i&&y(i.resolve())!=d||a&&y(new a)!=p||l&&y(new l)!=h)&&(y=function(e){var t=s(e),n="[object Object]"==t?e.constructor:void 0,o=n?c(n):"";if(o)switch(o){case g:return f;case m:return u;case v:return d;case b:return p;case x:return h}return t}),e.exports=y},7801:e=>{e.exports=function(e,t){return null==e?void 0:e[t]}},222:(e,t,n)=>{var o=n(1811),r=n(5694),i=n(1469),a=n(5776),l=n(1780),s=n(327);e.exports=function(e,t,n){for(var c=-1,u=(t=o(t,e)).length,d=!1;++c<u;){var p=s(t[c]);if(!(d=null!=e&&n(e,p)))break;e=e[p]}return d||++c!=u?d:!!(u=null==e?0:e.length)&&l(u)&&a(p,u)&&(i(e)||r(e))}},1789:(e,t,n)=>{var o=n(4536);e.exports=function(){this.__data__=o?o(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,n)=>{var o=n(4536),r=Object.prototype.hasOwnProperty;e.exports=function(e){var t=this.__data__;if(o){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return r.call(t,e)?t[e]:void 0}},1327:(e,t,n)=>{var o=n(4536),r=Object.prototype.hasOwnProperty;e.exports=function(e){var t=this.__data__;return o?void 0!==t[e]:r.call(t,e)}},1866:(e,t,n)=>{var o=n(4536);e.exports=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=o&&void 0===t?"__lodash_hash_undefined__":t,this}},3824:e=>{var t=Object.prototype.hasOwnProperty;e.exports=function(e){var n=e.length,o=new e.constructor(n);return n&&"string"==typeof e[0]&&t.call(e,"index")&&(o.index=e.index,o.input=e.input),o}},9148:(e,t,n)=>{var o=n(4318),r=n(7157),i=n(3147),a=n(419),l=n(7133);e.exports=function(e,t,n){var s=e.constructor;switch(t){case"[object ArrayBuffer]":return o(e);case"[object Boolean]":case"[object Date]":return new s(+e);case"[object DataView]":return r(e,n);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 l(e,n);case"[object Map]":case"[object Set]":return new s;case"[object Number]":case"[object String]":return new s(e);case"[object RegExp]":return i(e);case"[object Symbol]":return a(e)}}},8517:(e,t,n)=>{var o=n(3118),r=n(5924),i=n(5726);e.exports=function(e){return"function"!=typeof e.constructor||i(e)?{}:o(r(e))}},5776:e=>{var t=/^(?:0|[1-9]\d*)$/;e.exports=function(e,n){var o=typeof e;return!!(n=null==n?9007199254740991:n)&&("number"==o||"symbol"!=o&&t.test(e))&&e>-1&&e%1==0&&e<n}},5403:(e,t,n)=>{var o=n(1469),r=n(3448),i=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,a=/^\w*$/;e.exports=function(e,t){if(o(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!r(e))||a.test(e)||!i.test(e)||null!=t&&e in Object(t)}},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,n)=>{var o,r=n(4429),i=(o=/[^.]+$/.exec(r&&r.keys&&r.keys.IE_PROTO||""))?"Symbol(src)_1."+o:"";e.exports=function(e){return!!i&&i in e}},5726:e=>{var t=Object.prototype;e.exports=function(e){var n=e&&e.constructor;return e===("function"==typeof n&&n.prototype||t)}},9162:(e,t,n)=>{var o=n(3218);e.exports=function(e){return e==e&&!o(e)}},7040:e=>{e.exports=function(){this.__data__=[],this.size=0}},4125:(e,t,n)=>{var o=n(8470),r=Array.prototype.splice;e.exports=function(e){var t=this.__data__,n=o(t,e);return!(n<0||(n==t.length-1?t.pop():r.call(t,n,1),--this.size,0))}},2117:(e,t,n)=>{var o=n(8470);e.exports=function(e){var t=this.__data__,n=o(t,e);return n<0?void 0:t[n][1]}},7529:(e,t,n)=>{var o=n(8470);e.exports=function(e){return o(this.__data__,e)>-1}},4705:(e,t,n)=>{var o=n(8470);e.exports=function(e,t){var n=this.__data__,r=o(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}},4785:(e,t,n)=>{var o=n(1989),r=n(8407),i=n(7071);e.exports=function(){this.size=0,this.__data__={hash:new o,map:new(i||r),string:new o}}},1285:(e,t,n)=>{var o=n(5050);e.exports=function(e){var t=o(this,e).delete(e);return this.size-=t?1:0,t}},6e3:(e,t,n)=>{var o=n(5050);e.exports=function(e){return o(this,e).get(e)}},9916:(e,t,n)=>{var o=n(5050);e.exports=function(e){return o(this,e).has(e)}},5265:(e,t,n)=>{var o=n(5050);e.exports=function(e,t){var n=o(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this}},8776:e=>{e.exports=function(e){var t=-1,n=Array(e.size);return e.forEach((function(e,o){n[++t]=[o,e]})),n}},2634:e=>{e.exports=function(e,t){return function(n){return null!=n&&n[e]===t&&(void 0!==t||e in Object(n))}}},4523:(e,t,n)=>{var o=n(8306);e.exports=function(e){var t=o(e,(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}},4536:(e,t,n)=>{var o=n(852)(Object,"create");e.exports=o},6916:(e,t,n)=>{var o=n(5569)(Object.keys,Object);e.exports=o},3498:e=>{e.exports=function(e){var t=[];if(null!=e)for(var n in Object(e))t.push(n);return t}},1167:(e,t,n)=>{e=n.nmd(e);var o=n(1957),r=t&&!t.nodeType&&t,i=r&&e&&!e.nodeType&&e,a=i&&i.exports===r&&o.process,l=function(){try{return i&&i.require&&i.require("util").types||a&&a.binding&&a.binding("util")}catch(e){}}();e.exports=l},2333:e=>{var t=Object.prototype.toString;e.exports=function(e){return t.call(e)}},5569:e=>{e.exports=function(e,t){return function(n){return e(t(n))}}},8638:(e,t,n)=>{var o=n(1957),r="object"==typeof self&&self&&self.Object===Object&&self,i=o||r||Function("return this")();e.exports=i},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,n=Array(e.size);return e.forEach((function(e){n[++t]=e})),n}},7465:(e,t,n)=>{var o=n(8407);e.exports=function(){this.__data__=new o,this.size=0}},3779:e=>{e.exports=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n}},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,n)=>{var o=n(8407),r=n(7071),i=n(3369);e.exports=function(e,t){var n=this.__data__;if(n instanceof o){var a=n.__data__;if(!r||a.length<199)return a.push([e,t]),this.size=++n.size,this;n=this.__data__=new i(a)}return n.set(e,t),this.size=n.size,this}},5514:(e,t,n)=>{var o=n(4523),r=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,i=/\\(\\)?/g,a=o((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(r,(function(e,n,o,r){t.push(o?r.replace(i,"$1"):n||e)})),t}));e.exports=a},327:(e,t,n)=>{var o=n(3448);e.exports=function(e){if("string"==typeof e||o(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}},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,n)=>{var o=n(5990);e.exports=function(e){return o(e,5)}},7813:e=>{e.exports=function(e,t){return e===t||e!=e&&t!=t}},2525:(e,t,n)=>{var o=n(7816),r=n(4290);e.exports=function(e,t){return e&&o(e,r(t))}},7361:(e,t,n)=>{var o=n(7786);e.exports=function(e,t,n){var r=null==e?void 0:o(e,t);return void 0===r?n:r}},9095:(e,t,n)=>{var o=n(13),r=n(222);e.exports=function(e,t){return null!=e&&r(e,t,o)}},6557:e=>{e.exports=function(e){return e}},5694:(e,t,n)=>{var o=n(9454),r=n(7005),i=Object.prototype,a=i.hasOwnProperty,l=i.propertyIsEnumerable,s=o(function(){return arguments}())?o:function(e){return r(e)&&a.call(e,"callee")&&!l.call(e,"callee")};e.exports=s},1469:e=>{var t=Array.isArray;e.exports=t},8612:(e,t,n)=>{var o=n(3560),r=n(1780);e.exports=function(e){return null!=e&&r(e.length)&&!o(e)}},4144:(e,t,n)=>{e=n.nmd(e);var o=n(8638),r=n(5062),i=t&&!t.nodeType&&t,a=i&&e&&!e.nodeType&&e,l=a&&a.exports===i?o.Buffer:void 0,s=(l?l.isBuffer:void 0)||r;e.exports=s},3560:(e,t,n)=>{var o=n(4239),r=n(3218);e.exports=function(e){if(!r(e))return!1;var t=o(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,n)=>{var o=n(5588),r=n(7518),i=n(1167),a=i&&i.isMap,l=a?r(a):o;e.exports=l},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}},8630:(e,t,n)=>{var o=n(4239),r=n(5924),i=n(7005),a=Function.prototype,l=Object.prototype,s=a.toString,c=l.hasOwnProperty,u=s.call(Object);e.exports=function(e){if(!i(e)||"[object Object]"!=o(e))return!1;var t=r(e);if(null===t)return!0;var n=c.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&s.call(n)==u}},2928:(e,t,n)=>{var o=n(9221),r=n(7518),i=n(1167),a=i&&i.isSet,l=a?r(a):o;e.exports=l},7037:(e,t,n)=>{var o=n(4239),r=n(1469),i=n(7005);e.exports=function(e){return"string"==typeof e||!r(e)&&i(e)&&"[object String]"==o(e)}},3448:(e,t,n)=>{var o=n(4239),r=n(7005);e.exports=function(e){return"symbol"==typeof e||r(e)&&"[object Symbol]"==o(e)}},6719:(e,t,n)=>{var o=n(8749),r=n(7518),i=n(1167),a=i&&i.isTypedArray,l=a?r(a):o;e.exports=l},3674:(e,t,n)=>{var o=n(4636),r=n(280),i=n(8612);e.exports=function(e){return i(e)?o(e):r(e)}},1704:(e,t,n)=>{var o=n(4636),r=n(313),i=n(8612);e.exports=function(e){return i(e)?o(e,!0):r(e)}},5161:(e,t,n)=>{var o=n(148),r=n(7206),i=n(9199),a=n(1469);e.exports=function(e,t){return(a(e)?o:i)(e,r(t,3))}},8306:(e,t,n)=>{var o=n(3369);function r(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var o=arguments,r=t?t.apply(this,o):o[0],i=n.cache;if(i.has(r))return i.get(r);var a=e.apply(this,o);return n.cache=i.set(r,a)||i,a};return n.cache=new(r.Cache||o),n}r.Cache=o,e.exports=r},9601:(e,t,n)=>{var o=n(371),r=n(9152),i=n(5403),a=n(327);e.exports=function(e){return i(e)?o(a(e)):r(e)}},479:e=>{e.exports=function(){return[]}},5062:e=>{e.exports=function(){return!1}},9833:(e,t,n)=>{var o=n(531);e.exports=function(e){return null==e?"":o(e)}},2796:(e,t,n)=>{e.exports=n(643)},3264:e=>{"use strict";var t=!("undefined"==typeof window||!window.document||!window.document.createElement),n={canUseDOM:t,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:t&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:t&&!!window.screen,isInWorker:!t};e.exports=n},4518:e=>{var t,n,o,r,i,a,l,s,c,u,d,p,h,f,g,m=!1;function v(){if(!m){m=!0;var e=navigator.userAgent,v=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),b=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(p=/\b(iPhone|iP[ao]d)/.exec(e),h=/\b(iP[ao]d)/.exec(e),u=/Android/i.exec(e),f=/FBAN\/\w+;/i.exec(e),g=/Mobile/i.exec(e),d=!!/Win64/.exec(e),v){(t=v[1]?parseFloat(v[1]):v[5]?parseFloat(v[5]):NaN)&&document&&document.documentMode&&(t=document.documentMode);var x=/(?:Trident\/(\d+.\d+))/.exec(e);a=x?parseFloat(x[1])+4:t,n=v[2]?parseFloat(v[2]):NaN,o=v[3]?parseFloat(v[3]):NaN,(r=v[4]?parseFloat(v[4]):NaN)?(v=/(?:Chrome\/(\d+\.\d+))/.exec(e),i=v&&v[1]?parseFloat(v[1]):NaN):i=NaN}else t=n=o=i=r=NaN;if(b){if(b[1]){var y=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);l=!y||parseFloat(y[1].replace("_","."))}else l=!1;s=!!b[2],c=!!b[3]}else l=s=c=!1}}var b={ie:function(){return v()||t},ieCompatibilityMode:function(){return v()||a>t},ie64:function(){return b.ie()&&d},firefox:function(){return v()||n},opera:function(){return v()||o},webkit:function(){return v()||r},safari:function(){return b.webkit()},chrome:function(){return v()||i},windows:function(){return v()||s},osx:function(){return v()||l},linux:function(){return v()||c},iphone:function(){return v()||p},mobile:function(){return v()||p||h||u||g},nativeApp:function(){return v()||f},android:function(){return v()||u},ipad:function(){return v()||h}};e.exports=b},6534:(e,t,n)=>{"use strict";var o,r=n(3264);r.canUseDOM&&(o=document.implementation&&document.implementation.hasFeature&&!0!==document.implementation.hasFeature("","")),e.exports=function(e,t){if(!r.canUseDOM||t&&!("addEventListener"in document))return!1;var n="on"+e,i=n in document;if(!i){var a=document.createElement("div");a.setAttribute(n,"return;"),i="function"==typeof a[n]}return!i&&o&&"wheel"===e&&(i=document.implementation.hasFeature("Events.wheel","3.0")),i}},643:(e,t,n)=>{"use strict";var o=n(4518),r=n(6534);function i(e){var t=0,n=0,o=0,r=0;return"detail"in e&&(n=e.detail),"wheelDelta"in e&&(n=-e.wheelDelta/120),"wheelDeltaY"in e&&(n=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),o=10*t,r=10*n,"deltaY"in e&&(r=e.deltaY),"deltaX"in e&&(o=e.deltaX),(o||r)&&e.deltaMode&&(1==e.deltaMode?(o*=40,r*=40):(o*=800,r*=800)),o&&!t&&(t=o<1?-1:1),r&&!n&&(n=r<1?-1:1),{spinX:t,spinY:n,pixelX:o,pixelY:r}}i.getEventType=function(){return o.firefox()?"DOMMouseScroll":r("wheel")?"wheel":"mousewheel"},e.exports=i},7418:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(e){o[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var i,a,l=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),s=1;s<arguments.length;s++){for(var c in i=Object(arguments[s]))n.call(i,c)&&(l[c]=i[c]);if(t){a=t(i);for(var u=0;u<a.length;u++)o.call(i,a[u])&&(l[a[u]]=i[a[u]])}}return l}},4772:(e,t,n)=>{"use strict";function o(e){return getComputedStyle(e)}function r(e,t){for(var n in t){var o=t[n];"number"==typeof o&&(o+="px"),e.style[n]=o}return e}function i(e){var t=document.createElement("div");return t.className=e,t}n.r(t),n.d(t,{default:()=>j});var a="undefined"!=typeof Element&&(Element.prototype.matches||Element.prototype.webkitMatchesSelector||Element.prototype.mozMatchesSelector||Element.prototype.msMatchesSelector);function l(e,t){if(!a)throw new Error("No element matching method supported");return a.call(e,t)}function s(e){e.remove?e.remove():e.parentNode&&e.parentNode.removeChild(e)}function c(e,t){return Array.prototype.filter.call(e.children,(function(e){return l(e,t)}))}var u={main:"ps",rtl:"ps__rtl",element:{thumb:function(e){return"ps__thumb-"+e},rail:function(e){return"ps__rail-"+e},consuming:"ps__child--consume"},state:{focus:"ps--focus",clicking:"ps--clicking",active:function(e){return"ps--active-"+e},scrolling:function(e){return"ps--scrolling-"+e}}},d={x:null,y:null};function p(e,t){var n=e.element.classList,o=u.state.scrolling(t);n.contains(o)?clearTimeout(d[t]):n.add(o)}function h(e,t){d[t]=setTimeout((function(){return e.isAlive&&e.element.classList.remove(u.state.scrolling(t))}),e.settings.scrollingThreshold)}var f=function(e){this.element=e,this.handlers={}},g={isEmpty:{configurable:!0}};f.prototype.bind=function(e,t){void 0===this.handlers[e]&&(this.handlers[e]=[]),this.handlers[e].push(t),this.element.addEventListener(e,t,!1)},f.prototype.unbind=function(e,t){var n=this;this.handlers[e]=this.handlers[e].filter((function(o){return!(!t||o===t)||(n.element.removeEventListener(e,o,!1),!1)}))},f.prototype.unbindAll=function(){for(var e in this.handlers)this.unbind(e)},g.isEmpty.get=function(){var e=this;return Object.keys(this.handlers).every((function(t){return 0===e.handlers[t].length}))},Object.defineProperties(f.prototype,g);var m=function(){this.eventElements=[]};function v(e){if("function"==typeof window.CustomEvent)return new CustomEvent(e);var t=document.createEvent("CustomEvent");return t.initCustomEvent(e,!1,!1,void 0),t}function b(e,t,n,o,r){var i;if(void 0===o&&(o=!0),void 0===r&&(r=!1),"top"===t)i=["contentHeight","containerHeight","scrollTop","y","up","down"];else{if("left"!==t)throw new Error("A proper axis should be provided");i=["contentWidth","containerWidth","scrollLeft","x","left","right"]}!function(e,t,n,o,r){var i=n[0],a=n[1],l=n[2],s=n[3],c=n[4],u=n[5];void 0===o&&(o=!0),void 0===r&&(r=!1);var d=e.element;e.reach[s]=null,d[l]<1&&(e.reach[s]="start"),d[l]>e[i]-e[a]-1&&(e.reach[s]="end"),t&&(d.dispatchEvent(v("ps-scroll-"+s)),t<0?d.dispatchEvent(v("ps-scroll-"+c)):t>0&&d.dispatchEvent(v("ps-scroll-"+u)),o&&function(e,t){p(e,t),h(e,t)}(e,s)),e.reach[s]&&(t||r)&&d.dispatchEvent(v("ps-"+s+"-reach-"+e.reach[s]))}(e,n,i,o,r)}function x(e){return parseInt(e,10)||0}m.prototype.eventElement=function(e){var t=this.eventElements.filter((function(t){return t.element===e}))[0];return t||(t=new f(e),this.eventElements.push(t)),t},m.prototype.bind=function(e,t,n){this.eventElement(e).bind(t,n)},m.prototype.unbind=function(e,t,n){var o=this.eventElement(e);o.unbind(t,n),o.isEmpty&&this.eventElements.splice(this.eventElements.indexOf(o),1)},m.prototype.unbindAll=function(){this.eventElements.forEach((function(e){return e.unbindAll()})),this.eventElements=[]},m.prototype.once=function(e,t,n){var o=this.eventElement(e),r=function(e){o.unbind(t,r),n(e)};o.bind(t,r)};var y={isWebKit:"undefined"!=typeof document&&"WebkitAppearance"in document.documentElement.style,supportsTouch:"undefined"!=typeof window&&("ontouchstart"in window||"maxTouchPoints"in window.navigator&&window.navigator.maxTouchPoints>0||window.DocumentTouch&&document instanceof window.DocumentTouch),supportsIePointer:"undefined"!=typeof navigator&&navigator.msMaxTouchPoints,isChrome:"undefined"!=typeof navigator&&/Chrome/i.test(navigator&&navigator.userAgent)};function _(e){var t=e.element,n=Math.floor(t.scrollTop),o=t.getBoundingClientRect();e.containerWidth=Math.round(o.width),e.containerHeight=Math.round(o.height),e.contentWidth=t.scrollWidth,e.contentHeight=t.scrollHeight,t.contains(e.scrollbarXRail)||(c(t,u.element.rail("x")).forEach((function(e){return s(e)})),t.appendChild(e.scrollbarXRail)),t.contains(e.scrollbarYRail)||(c(t,u.element.rail("y")).forEach((function(e){return s(e)})),t.appendChild(e.scrollbarYRail)),!e.settings.suppressScrollX&&e.containerWidth+e.settings.scrollXMarginOffset<e.contentWidth?(e.scrollbarXActive=!0,e.railXWidth=e.containerWidth-e.railXMarginWidth,e.railXRatio=e.containerWidth/e.railXWidth,e.scrollbarXWidth=w(e,x(e.railXWidth*e.containerWidth/e.contentWidth)),e.scrollbarXLeft=x((e.negativeScrollAdjustment+t.scrollLeft)*(e.railXWidth-e.scrollbarXWidth)/(e.contentWidth-e.containerWidth))):e.scrollbarXActive=!1,!e.settings.suppressScrollY&&e.containerHeight+e.settings.scrollYMarginOffset<e.contentHeight?(e.scrollbarYActive=!0,e.railYHeight=e.containerHeight-e.railYMarginHeight,e.railYRatio=e.containerHeight/e.railYHeight,e.scrollbarYHeight=w(e,x(e.railYHeight*e.containerHeight/e.contentHeight)),e.scrollbarYTop=x(n*(e.railYHeight-e.scrollbarYHeight)/(e.contentHeight-e.containerHeight))):e.scrollbarYActive=!1,e.scrollbarXLeft>=e.railXWidth-e.scrollbarXWidth&&(e.scrollbarXLeft=e.railXWidth-e.scrollbarXWidth),e.scrollbarYTop>=e.railYHeight-e.scrollbarYHeight&&(e.scrollbarYTop=e.railYHeight-e.scrollbarYHeight),function(e,t){var n={width:t.railXWidth},o=Math.floor(e.scrollTop);t.isRtl?n.left=t.negativeScrollAdjustment+e.scrollLeft+t.containerWidth-t.contentWidth:n.left=e.scrollLeft,t.isScrollbarXUsingBottom?n.bottom=t.scrollbarXBottom-o:n.top=t.scrollbarXTop+o,r(t.scrollbarXRail,n);var i={top:o,height:t.railYHeight};t.isScrollbarYUsingRight?t.isRtl?i.right=t.contentWidth-(t.negativeScrollAdjustment+e.scrollLeft)-t.scrollbarYRight-t.scrollbarYOuterWidth-9:i.right=t.scrollbarYRight-e.scrollLeft:t.isRtl?i.left=t.negativeScrollAdjustment+e.scrollLeft+2*t.containerWidth-t.contentWidth-t.scrollbarYLeft-t.scrollbarYOuterWidth:i.left=t.scrollbarYLeft+e.scrollLeft,r(t.scrollbarYRail,i),r(t.scrollbarX,{left:t.scrollbarXLeft,width:t.scrollbarXWidth-t.railBorderXWidth}),r(t.scrollbarY,{top:t.scrollbarYTop,height:t.scrollbarYHeight-t.railBorderYWidth})}(t,e),e.scrollbarXActive?t.classList.add(u.state.active("x")):(t.classList.remove(u.state.active("x")),e.scrollbarXWidth=0,e.scrollbarXLeft=0,t.scrollLeft=!0===e.isRtl?e.contentWidth:0),e.scrollbarYActive?t.classList.add(u.state.active("y")):(t.classList.remove(u.state.active("y")),e.scrollbarYHeight=0,e.scrollbarYTop=0,t.scrollTop=0)}function w(e,t){return e.settings.minScrollbarLength&&(t=Math.max(t,e.settings.minScrollbarLength)),e.settings.maxScrollbarLength&&(t=Math.min(t,e.settings.maxScrollbarLength)),t}function k(e,t){var n=t[0],o=t[1],r=t[2],i=t[3],a=t[4],l=t[5],s=t[6],c=t[7],d=t[8],f=e.element,g=null,m=null,v=null;function b(t){t.touches&&t.touches[0]&&(t[r]=t.touches[0].pageY),f[s]=g+v*(t[r]-m),p(e,c),_(e),t.stopPropagation(),t.type.startsWith("touch")&&t.changedTouches.length>1&&t.preventDefault()}function x(){h(e,c),e[d].classList.remove(u.state.clicking),e.event.unbind(e.ownerDocument,"mousemove",b)}function y(t,a){g=f[s],a&&t.touches&&(t[r]=t.touches[0].pageY),m=t[r],v=(e[o]-e[n])/(e[i]-e[l]),a?e.event.bind(e.ownerDocument,"touchmove",b):(e.event.bind(e.ownerDocument,"mousemove",b),e.event.once(e.ownerDocument,"mouseup",x),t.preventDefault()),e[d].classList.add(u.state.clicking),t.stopPropagation()}e.event.bind(e[a],"mousedown",(function(e){y(e)})),e.event.bind(e[a],"touchstart",(function(e){y(e,!0)}))}var S={"click-rail":function(e){e.element,e.event.bind(e.scrollbarY,"mousedown",(function(e){return e.stopPropagation()})),e.event.bind(e.scrollbarYRail,"mousedown",(function(t){var n=t.pageY-window.pageYOffset-e.scrollbarYRail.getBoundingClientRect().top>e.scrollbarYTop?1:-1;e.element.scrollTop+=n*e.containerHeight,_(e),t.stopPropagation()})),e.event.bind(e.scrollbarX,"mousedown",(function(e){return e.stopPropagation()})),e.event.bind(e.scrollbarXRail,"mousedown",(function(t){var n=t.pageX-window.pageXOffset-e.scrollbarXRail.getBoundingClientRect().left>e.scrollbarXLeft?1:-1;e.element.scrollLeft+=n*e.containerWidth,_(e),t.stopPropagation()}))},"drag-thumb":function(e){k(e,["containerWidth","contentWidth","pageX","railXWidth","scrollbarX","scrollbarXWidth","scrollLeft","x","scrollbarXRail"]),k(e,["containerHeight","contentHeight","pageY","railYHeight","scrollbarY","scrollbarYHeight","scrollTop","y","scrollbarYRail"])},keyboard:function(e){var t=e.element;e.event.bind(e.ownerDocument,"keydown",(function(n){if(!(n.isDefaultPrevented&&n.isDefaultPrevented()||n.defaultPrevented)&&(l(t,":hover")||l(e.scrollbarX,":focus")||l(e.scrollbarY,":focus"))){var o,r=document.activeElement?document.activeElement:e.ownerDocument.activeElement;if(r){if("IFRAME"===r.tagName)r=r.contentDocument.activeElement;else for(;r.shadowRoot;)r=r.shadowRoot.activeElement;if(l(o=r,"input,[contenteditable]")||l(o,"select,[contenteditable]")||l(o,"textarea,[contenteditable]")||l(o,"button,[contenteditable]"))return}var i=0,a=0;switch(n.which){case 37:i=n.metaKey?-e.contentWidth:n.altKey?-e.containerWidth:-30;break;case 38:a=n.metaKey?e.contentHeight:n.altKey?e.containerHeight:30;break;case 39:i=n.metaKey?e.contentWidth:n.altKey?e.containerWidth:30;break;case 40:a=n.metaKey?-e.contentHeight:n.altKey?-e.containerHeight:-30;break;case 32:a=n.shiftKey?e.containerHeight:-e.containerHeight;break;case 33:a=e.containerHeight;break;case 34:a=-e.containerHeight;break;case 36:a=e.contentHeight;break;case 35:a=-e.contentHeight;break;default:return}e.settings.suppressScrollX&&0!==i||e.settings.suppressScrollY&&0!==a||(t.scrollTop-=a,t.scrollLeft+=i,_(e),function(n,o){var r=Math.floor(t.scrollTop);if(0===n){if(!e.scrollbarYActive)return!1;if(0===r&&o>0||r>=e.contentHeight-e.containerHeight&&o<0)return!e.settings.wheelPropagation}var i=t.scrollLeft;if(0===o){if(!e.scrollbarXActive)return!1;if(0===i&&n<0||i>=e.contentWidth-e.containerWidth&&n>0)return!e.settings.wheelPropagation}return!0}(i,a)&&n.preventDefault())}}))},wheel:function(e){var t=e.element;function n(n){var r=function(e){var t=e.deltaX,n=-1*e.deltaY;return void 0!==t&&void 0!==n||(t=-1*e.wheelDeltaX/6,n=e.wheelDeltaY/6),e.deltaMode&&1===e.deltaMode&&(t*=10,n*=10),t!=t&&n!=n&&(t=0,n=e.wheelDelta),e.shiftKey?[-n,-t]:[t,n]}(n),i=r[0],a=r[1];if(!function(e,n,r){if(!y.isWebKit&&t.querySelector("select:focus"))return!0;if(!t.contains(e))return!1;for(var i=e;i&&i!==t;){if(i.classList.contains(u.element.consuming))return!0;var a=o(i);if(r&&a.overflowY.match(/(scroll|auto)/)){var l=i.scrollHeight-i.clientHeight;if(l>0&&(i.scrollTop>0&&r<0||i.scrollTop<l&&r>0))return!0}if(n&&a.overflowX.match(/(scroll|auto)/)){var s=i.scrollWidth-i.clientWidth;if(s>0&&(i.scrollLeft>0&&n<0||i.scrollLeft<s&&n>0))return!0}i=i.parentNode}return!1}(n.target,i,a)){var l=!1;e.settings.useBothWheelAxes?e.scrollbarYActive&&!e.scrollbarXActive?(a?t.scrollTop-=a*e.settings.wheelSpeed:t.scrollTop+=i*e.settings.wheelSpeed,l=!0):e.scrollbarXActive&&!e.scrollbarYActive&&(i?t.scrollLeft+=i*e.settings.wheelSpeed:t.scrollLeft-=a*e.settings.wheelSpeed,l=!0):(t.scrollTop-=a*e.settings.wheelSpeed,t.scrollLeft+=i*e.settings.wheelSpeed),_(e),l=l||function(n,o){var r=Math.floor(t.scrollTop),i=0===t.scrollTop,a=r+t.offsetHeight===t.scrollHeight,l=0===t.scrollLeft,s=t.scrollLeft+t.offsetWidth===t.scrollWidth;return!(Math.abs(o)>Math.abs(n)?i||a:l||s)||!e.settings.wheelPropagation}(i,a),l&&!n.ctrlKey&&(n.stopPropagation(),n.preventDefault())}}void 0!==window.onwheel?e.event.bind(t,"wheel",n):void 0!==window.onmousewheel&&e.event.bind(t,"mousewheel",n)},touch:function(e){if(y.supportsTouch||y.supportsIePointer){var t=e.element,n={},r=0,i={},a=null;y.supportsTouch?(e.event.bind(t,"touchstart",d),e.event.bind(t,"touchmove",p),e.event.bind(t,"touchend",h)):y.supportsIePointer&&(window.PointerEvent?(e.event.bind(t,"pointerdown",d),e.event.bind(t,"pointermove",p),e.event.bind(t,"pointerup",h)):window.MSPointerEvent&&(e.event.bind(t,"MSPointerDown",d),e.event.bind(t,"MSPointerMove",p),e.event.bind(t,"MSPointerUp",h)))}function l(n,o){t.scrollTop-=o,t.scrollLeft-=n,_(e)}function s(e){return e.targetTouches?e.targetTouches[0]:e}function c(e){return!(e.pointerType&&"pen"===e.pointerType&&0===e.buttons||(!e.targetTouches||1!==e.targetTouches.length)&&(!e.pointerType||"mouse"===e.pointerType||e.pointerType===e.MSPOINTER_TYPE_MOUSE))}function d(e){if(c(e)){var t=s(e);n.pageX=t.pageX,n.pageY=t.pageY,r=(new Date).getTime(),null!==a&&clearInterval(a)}}function p(a){if(c(a)){var d=s(a),p={pageX:d.pageX,pageY:d.pageY},h=p.pageX-n.pageX,f=p.pageY-n.pageY;if(function(e,n,r){if(!t.contains(e))return!1;for(var i=e;i&&i!==t;){if(i.classList.contains(u.element.consuming))return!0;var a=o(i);if(r&&a.overflowY.match(/(scroll|auto)/)){var l=i.scrollHeight-i.clientHeight;if(l>0&&(i.scrollTop>0&&r<0||i.scrollTop<l&&r>0))return!0}if(n&&a.overflowX.match(/(scroll|auto)/)){var s=i.scrollWidth-i.clientWidth;if(s>0&&(i.scrollLeft>0&&n<0||i.scrollLeft<s&&n>0))return!0}i=i.parentNode}return!1}(a.target,h,f))return;l(h,f),n=p;var g=(new Date).getTime(),m=g-r;m>0&&(i.x=h/m,i.y=f/m,r=g),function(n,o){var r=Math.floor(t.scrollTop),i=t.scrollLeft,a=Math.abs(n),l=Math.abs(o);if(l>a){if(o<0&&r===e.contentHeight-e.containerHeight||o>0&&0===r)return 0===window.scrollY&&o>0&&y.isChrome}else if(a>l&&(n<0&&i===e.contentWidth-e.containerWidth||n>0&&0===i))return!0;return!0}(h,f)&&a.preventDefault()}}function h(){e.settings.swipeEasing&&(clearInterval(a),a=setInterval((function(){e.isInitialized?clearInterval(a):i.x||i.y?Math.abs(i.x)<.01&&Math.abs(i.y)<.01?clearInterval(a):e.element?(l(30*i.x,30*i.y),i.x*=.8,i.y*=.8):clearInterval(a):clearInterval(a)}),10))}}},C=function(e,t){var n=this;if(void 0===t&&(t={}),"string"==typeof e&&(e=document.querySelector(e)),!e||!e.nodeName)throw new Error("no element is specified to initialize PerfectScrollbar");for(var a in this.element=e,e.classList.add(u.main),this.settings={handlers:["click-rail","drag-thumb","keyboard","wheel","touch"],maxScrollbarLength:null,minScrollbarLength:null,scrollingThreshold:1e3,scrollXMarginOffset:0,scrollYMarginOffset:0,suppressScrollX:!1,suppressScrollY:!1,swipeEasing:!0,useBothWheelAxes:!1,wheelPropagation:!0,wheelSpeed:1},t)this.settings[a]=t[a];this.containerWidth=null,this.containerHeight=null,this.contentWidth=null,this.contentHeight=null;var l=function(){return e.classList.add(u.state.focus)},s=function(){return e.classList.remove(u.state.focus)};this.isRtl="rtl"===o(e).direction,!0===this.isRtl&&e.classList.add(u.rtl),this.isNegativeScroll=function(){var t,n=e.scrollLeft;return e.scrollLeft=-1,t=e.scrollLeft<0,e.scrollLeft=n,t}(),this.negativeScrollAdjustment=this.isNegativeScroll?e.scrollWidth-e.clientWidth:0,this.event=new m,this.ownerDocument=e.ownerDocument||document,this.scrollbarXRail=i(u.element.rail("x")),e.appendChild(this.scrollbarXRail),this.scrollbarX=i(u.element.thumb("x")),this.scrollbarXRail.appendChild(this.scrollbarX),this.scrollbarX.setAttribute("tabindex",0),this.event.bind(this.scrollbarX,"focus",l),this.event.bind(this.scrollbarX,"blur",s),this.scrollbarXActive=null,this.scrollbarXWidth=null,this.scrollbarXLeft=null;var c=o(this.scrollbarXRail);this.scrollbarXBottom=parseInt(c.bottom,10),isNaN(this.scrollbarXBottom)?(this.isScrollbarXUsingBottom=!1,this.scrollbarXTop=x(c.top)):this.isScrollbarXUsingBottom=!0,this.railBorderXWidth=x(c.borderLeftWidth)+x(c.borderRightWidth),r(this.scrollbarXRail,{display:"block"}),this.railXMarginWidth=x(c.marginLeft)+x(c.marginRight),r(this.scrollbarXRail,{display:""}),this.railXWidth=null,this.railXRatio=null,this.scrollbarYRail=i(u.element.rail("y")),e.appendChild(this.scrollbarYRail),this.scrollbarY=i(u.element.thumb("y")),this.scrollbarYRail.appendChild(this.scrollbarY),this.scrollbarY.setAttribute("tabindex",0),this.event.bind(this.scrollbarY,"focus",l),this.event.bind(this.scrollbarY,"blur",s),this.scrollbarYActive=null,this.scrollbarYHeight=null,this.scrollbarYTop=null;var d=o(this.scrollbarYRail);this.scrollbarYRight=parseInt(d.right,10),isNaN(this.scrollbarYRight)?(this.isScrollbarYUsingRight=!1,this.scrollbarYLeft=x(d.left)):this.isScrollbarYUsingRight=!0,this.scrollbarYOuterWidth=this.isRtl?function(e){var t=o(e);return x(t.width)+x(t.paddingLeft)+x(t.paddingRight)+x(t.borderLeftWidth)+x(t.borderRightWidth)}(this.scrollbarY):null,this.railBorderYWidth=x(d.borderTopWidth)+x(d.borderBottomWidth),r(this.scrollbarYRail,{display:"block"}),this.railYMarginHeight=x(d.marginTop)+x(d.marginBottom),r(this.scrollbarYRail,{display:""}),this.railYHeight=null,this.railYRatio=null,this.reach={x:e.scrollLeft<=0?"start":e.scrollLeft>=this.contentWidth-this.containerWidth?"end":null,y:e.scrollTop<=0?"start":e.scrollTop>=this.contentHeight-this.containerHeight?"end":null},this.isAlive=!0,this.settings.handlers.forEach((function(e){return S[e](n)})),this.lastScrollTop=Math.floor(e.scrollTop),this.lastScrollLeft=e.scrollLeft,this.event.bind(this.element,"scroll",(function(e){return n.onScroll(e)})),_(this)};C.prototype.update=function(){this.isAlive&&(this.negativeScrollAdjustment=this.isNegativeScroll?this.element.scrollWidth-this.element.clientWidth:0,r(this.scrollbarXRail,{display:"block"}),r(this.scrollbarYRail,{display:"block"}),this.railXMarginWidth=x(o(this.scrollbarXRail).marginLeft)+x(o(this.scrollbarXRail).marginRight),this.railYMarginHeight=x(o(this.scrollbarYRail).marginTop)+x(o(this.scrollbarYRail).marginBottom),r(this.scrollbarXRail,{display:"none"}),r(this.scrollbarYRail,{display:"none"}),_(this),b(this,"top",0,!1,!0),b(this,"left",0,!1,!0),r(this.scrollbarXRail,{display:""}),r(this.scrollbarYRail,{display:""}))},C.prototype.onScroll=function(e){this.isAlive&&(_(this),b(this,"top",this.element.scrollTop-this.lastScrollTop),b(this,"left",this.element.scrollLeft-this.lastScrollLeft),this.lastScrollTop=Math.floor(this.element.scrollTop),this.lastScrollLeft=this.element.scrollLeft)},C.prototype.destroy=function(){this.isAlive&&(this.event.unbindAll(),s(this.scrollbarX),s(this.scrollbarY),s(this.scrollbarXRail),s(this.scrollbarYRail),this.removePsClasses(),this.element=null,this.scrollbarX=null,this.scrollbarY=null,this.scrollbarXRail=null,this.scrollbarYRail=null,this.isAlive=!1)},C.prototype.removePsClasses=function(){this.element.className=this.element.className.split(" ").filter((function(e){return!e.match(/^ps([-_].+|)$/)})).join(" ")};const j=C},2703:(e,t,n)=>{"use strict";var o=n(414);function r(){}function i(){}i.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,i,a){if(a!==o){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:r};return n.PropTypes=n,n}},5697:(e,t,n)=>{e.exports=n(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9766:(e,t,n)=>{"use strict";var o=n(7418),r={}.hasOwnProperty,i=function(e){};function a(e,t,n,o,r,a,l,s){if(i(t),!e){var c;if(void 0===t)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,o,r,a,l,s],d=0;(c=new Error(t.replace(/%s/g,(function(){return u[d++]})))).name="Invariant Violation"}throw c.framesToPop=1,c}}var l="$push",s="$unshift",c="$splice",u="$set",d="$merge",p="$apply",h=[l,s,c,u,d,p],f={};function g(e,t,n){a(Array.isArray(e),"update(): expected target of %s to be an array; got %s.",n,e);var o=t[n];a(Array.isArray(o),"update(): expected spec of %s to be an array; got %s. Did you forget to wrap your parameter in an array?",n,o)}h.forEach((function(e){f[e]=!0})),e.exports=function e(t,n){if(a("object"==typeof n,"update(): You provided a key path to update() that did not contain one of %s. Did you forget to include {%s: ...}?",h.join(", "),u),r.call(n,u))return a(1===Object.keys(n).length,"Cannot have more than one key in an object with %s",u),n[u];var i,m=(i=t,Array.isArray(i)?i.concat():i&&"object"==typeof i?o(new i.constructor,i):i);if(r.call(n,d)){var v=n[d];a(v&&"object"==typeof v,"update(): %s expects a spec of type 'object'; got %s",d,v),a(m&&"object"==typeof m,"update(): %s expects a target of type 'object'; got %s",d,m),o(m,n[d])}for(var b in r.call(n,l)&&(g(t,n,l),n[l].forEach((function(e){m.push(e)}))),r.call(n,s)&&(g(t,n,s),n[s].forEach((function(e){m.unshift(e)}))),r.call(n,c)&&(a(Array.isArray(t),"Expected %s target to be an array; got %s",c,t),a(Array.isArray(n[c]),"update(): expected spec of %s to be an array of arrays; got %s. Did you forget to wrap your parameters in an array?",c,n[c]),n[c].forEach((function(e){a(Array.isArray(e),"update(): expected spec of %s to be an array of arrays; got %s. Did you forget to wrap your parameters in an array?",c,n[c]),m.splice.apply(m,e)}))),r.call(n,p)&&(a("function"==typeof n[p],"update(): expected spec of %s to be a function; got %s.",p,n[p]),m=n[p](m)),n)f.hasOwnProperty(b)&&f[b]||(m[b]=e(t[b],n[b]));return m}},9590:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,o="function"==typeof Set,r="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function i(e,a){if(e===a)return!0;if(e&&a&&"object"==typeof e&&"object"==typeof a){if(e.constructor!==a.constructor)return!1;var l,s,c,u;if(Array.isArray(e)){if((l=e.length)!=a.length)return!1;for(s=l;0!=s--;)if(!i(e[s],a[s]))return!1;return!0}if(n&&e instanceof Map&&a instanceof Map){if(e.size!==a.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!a.has(s.value[0]))return!1;for(u=e.entries();!(s=u.next()).done;)if(!i(s.value[1],a.get(s.value[0])))return!1;return!0}if(o&&e instanceof Set&&a instanceof Set){if(e.size!==a.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!a.has(s.value[0]))return!1;return!0}if(r&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(a)){if((l=e.length)!=a.length)return!1;for(s=l;0!=s--;)if(e[s]!==a[s])return!1;return!0}if(e.constructor===RegExp)return e.source===a.source&&e.flags===a.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===a.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===a.toString();if((l=(c=Object.keys(e)).length)!==Object.keys(a).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(a,c[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==c[s]&&"__v"!==c[s]&&"__o"!==c[s]||!e.$$typeof)&&!i(e[c[s]],a[c[s]]))return!1;return!0}return e!=e&&a!=a}e.exports=function(e,t){try{return i(e,t)}catch(e){if((e.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}}},9921:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,o=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,i=n?Symbol.for("react.fragment"):60107,a=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,h=n?Symbol.for("react.suspense"):60113,f=n?Symbol.for("react.suspense_list"):60120,g=n?Symbol.for("react.memo"):60115,m=n?Symbol.for("react.lazy"):60116,v=n?Symbol.for("react.block"):60121,b=n?Symbol.for("react.fundamental"):60117,x=n?Symbol.for("react.responder"):60118,y=n?Symbol.for("react.scope"):60119;function _(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case o:switch(e=e.type){case u:case d:case i:case l:case a:case h:return e;default:switch(e=e&&e.$$typeof){case c:case p:case m:case g:case s:return e;default:return t}}case r:return t}}}function w(e){return _(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=s,t.Element=o,t.ForwardRef=p,t.Fragment=i,t.Lazy=m,t.Memo=g,t.Portal=r,t.Profiler=l,t.StrictMode=a,t.Suspense=h,t.isAsyncMode=function(e){return w(e)||_(e)===u},t.isConcurrentMode=w,t.isContextConsumer=function(e){return _(e)===c},t.isContextProvider=function(e){return _(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===o},t.isForwardRef=function(e){return _(e)===p},t.isFragment=function(e){return _(e)===i},t.isLazy=function(e){return _(e)===m},t.isMemo=function(e){return _(e)===g},t.isPortal=function(e){return _(e)===r},t.isProfiler=function(e){return _(e)===l},t.isStrictMode=function(e){return _(e)===a},t.isSuspense=function(e){return _(e)===h},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===d||e===l||e===a||e===h||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===g||e.$$typeof===s||e.$$typeof===c||e.$$typeof===p||e.$$typeof===b||e.$$typeof===x||e.$$typeof===y||e.$$typeof===v)},t.typeOf=_},9864:(e,t,n)=>{"use strict";e.exports=n(9921)},1964:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o,r=(o=n(6120))&&o.__esModule?o:{default:o};t.default=r.default,e.exports=t.default},6120:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),i=n(9196),a=c(i),l=n(5697),s=c(n(4772));function c(e){return e&&e.__esModule?e:{default:e}}var u={"ps-scroll-y":"onScrollY","ps-scroll-x":"onScrollX","ps-scroll-up":"onScrollUp","ps-scroll-down":"onScrollDown","ps-scroll-left":"onScrollLeft","ps-scroll-right":"onScrollRight","ps-y-reach-start":"onYReachStart","ps-y-reach-end":"onYReachEnd","ps-x-reach-start":"onXReachStart","ps-x-reach-end":"onXReachEnd"};Object.freeze(u);var d=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleRef=n.handleRef.bind(n),n._handlerByEvent={},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"componentDidMount",value:function(){this.props.option&&console.warn('react-perfect-scrollbar: the "option" prop has been deprecated in favor of "options"'),this._ps=new s.default(this._container,this.props.options||this.props.option),this._updateEventHook(),this._updateClassName()}},{key:"componentDidUpdate",value:function(e){this._updateEventHook(e),this.updateScroll(),e.className!==this.props.className&&this._updateClassName()}},{key:"componentWillUnmount",value:function(){var e=this;Object.keys(this._handlerByEvent).forEach((function(t){var n=e._handlerByEvent[t];n&&e._container.removeEventListener(t,n,!1)})),this._handlerByEvent={},this._ps.destroy(),this._ps=null}},{key:"_updateEventHook",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.keys(u).forEach((function(n){var o=e.props[u[n]],r=t[u[n]];if(o!==r){if(r){var i=e._handlerByEvent[n];e._container.removeEventListener(n,i,!1),e._handlerByEvent[n]=null}if(o){var a=function(){return o(e._container)};e._container.addEventListener(n,a,!1),e._handlerByEvent[n]=a}}}))}},{key:"_updateClassName",value:function(){var e=this.props.className,t=this._container.className.split(" ").filter((function(e){return e.match(/^ps([-_].+|)$/)})).join(" ");this._container&&(this._container.className="scrollbar-container"+(e?" "+e:"")+(t?" "+t:""))}},{key:"updateScroll",value:function(){this.props.onSync(this._ps)}},{key:"handleRef",value:function(e){this._container=e,this.props.containerRef(e)}},{key:"render",value:function(){var e=this.props,t=(e.className,e.style),n=(e.option,e.options,e.containerRef,e.onScrollY,e.onScrollX,e.onScrollUp,e.onScrollDown,e.onScrollLeft,e.onScrollRight,e.onYReachStart,e.onYReachEnd,e.onXReachStart,e.onXReachEnd,e.component),r=(e.onSync,e.children),i=function(e,t){var n={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}(e,["className","style","option","options","containerRef","onScrollY","onScrollX","onScrollUp","onScrollDown","onScrollLeft","onScrollRight","onYReachStart","onYReachEnd","onXReachStart","onXReachEnd","component","onSync","children"]),l=n;return a.default.createElement(l,o({style:t,ref:this.handleRef},i),r)}}]),t}(i.Component);t.default=d,d.defaultProps={className:"",style:void 0,option:void 0,options:void 0,containerRef:function(){},onScrollY:void 0,onScrollX:void 0,onScrollUp:void 0,onScrollDown:void 0,onScrollLeft:void 0,onScrollRight:void 0,onYReachStart:void 0,onYReachEnd:void 0,onXReachStart:void 0,onXReachEnd:void 0,onSync:function(e){return e.update()},component:"div"},d.propTypes={children:l.PropTypes.node.isRequired,className:l.PropTypes.string,style:l.PropTypes.object,option:l.PropTypes.object,options:l.PropTypes.object,containerRef:l.PropTypes.func,onScrollY:l.PropTypes.func,onScrollX:l.PropTypes.func,onScrollUp:l.PropTypes.func,onScrollDown:l.PropTypes.func,onScrollLeft:l.PropTypes.func,onScrollRight:l.PropTypes.func,onYReachStart:l.PropTypes.func,onYReachEnd:l.PropTypes.func,onXReachStart:l.PropTypes.func,onXReachEnd:l.PropTypes.func,onSync:l.PropTypes.func,component:l.PropTypes.string},e.exports=t.default},5251:(e,t,n)=>{"use strict";var o=n(9196),r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var o,i={},c=null,u=null;for(o in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,o)&&!s.hasOwnProperty(o)&&(i[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===i[o]&&(i[o]=t[o]);return{$$typeof:r,type:e,key:c,ref:u,props:i,_owner:l.current}}t.Fragment=i,t.jsx=c,t.jsxs=c},5893:(e,t,n)=>{"use strict";e.exports=n(5251)},4754:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.autoprefix=void 0;var o,r=(o=n(2525))&&o.__esModule?o:{default:o},i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){var t=e&&e.split(" ");return{position:"absolute",top:t&&t[0],right:t&&t[1],bottom:t&&t[2],left:t&&t[3]}},extend:function(e,t){return t[e]||{extend:e}}},l=t.autoprefix=function(e){var t={};return(0,r.default)(e,(function(e,n){var o={};(0,r.default)(e,(function(e,t){var n=a[t];n?o=i({},o,n(e)):o[t]=e})),t[n]=o})),t};t.default=l},6002:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.active=void 0;var o,r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},i=(o=n(9196))&&o.__esModule?o:{default:o};function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var l=t.active=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"span";return function(n){function o(){var n,l,s;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o);for(var c=arguments.length,u=Array(c),d=0;d<c;d++)u[d]=arguments[d];return l=s=a(this,(n=o.__proto__||Object.getPrototypeOf(o)).call.apply(n,[this].concat(u))),s.state={active:!1},s.handleMouseDown=function(){return s.setState({active:!0})},s.handleMouseUp=function(){return s.setState({active:!1})},s.render=function(){return i.default.createElement(t,{onMouseDown:s.handleMouseDown,onMouseUp:s.handleMouseUp},i.default.createElement(e,r({},s.props,s.state)))},a(s,l)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(o,n),o}(i.default.Component)};t.default=l},1765:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hover=void 0;var o,r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},i=(o=n(9196))&&o.__esModule?o:{default:o};function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var l=t.hover=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"span";return function(n){function o(){var n,l,s;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o);for(var c=arguments.length,u=Array(c),d=0;d<c;d++)u[d]=arguments[d];return l=s=a(this,(n=o.__proto__||Object.getPrototypeOf(o)).call.apply(n,[this].concat(u))),s.state={hover:!1},s.handleMouseOver=function(){return s.setState({hover:!0})},s.handleMouseOut=function(){return s.setState({hover:!1})},s.render=function(){return i.default.createElement(t,{onMouseOver:s.handleMouseOver,onMouseOut:s.handleMouseOut},i.default.createElement(e,r({},s.props,s.state)))},a(s,l)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(o,n),o}(i.default.Component)};t.default=l},4147:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.flattenNames=void 0;var o=l(n(7037)),r=l(n(2525)),i=l(n(8630)),a=l(n(5161));function l(e){return e&&e.__esModule?e:{default:e}}var s=t.flattenNames=function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=[];return(0,a.default)(t,(function(t){Array.isArray(t)?e(t).map((function(e){return n.push(e)})):(0,i.default)(t)?(0,r.default)(t,(function(e,t){!0===e&&n.push(t),n.push(t+"-"+e)})):(0,o.default)(t)&&n.push(t)})),n};t.default=s},9941:(e,t,n)=>{"use strict";t.tz=void 0;var o=c(n(4147)),r=c(n(8556)),i=c(n(4754)),a=c(n(1765)),l=c(n(6002)),s=c(n(7742));function c(e){return e&&e.__esModule?e:{default:e}}a.default,t.tz=a.default,l.default,s.default;t.ZP=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];var l=(0,o.default)(n),s=(0,r.default)(e,l);return(0,i.default)(s)}},7742:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n={},o=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];n[e]=t};return 0===e&&o("first-child"),e===t-1&&o("last-child"),(0===e||e%2==0)&&o("even"),1===Math.abs(e%2)&&o("odd"),o("nth-child",e),n}},8556:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.mergeClasses=void 0;var o=a(n(2525)),r=a(n(361)),i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e};function a(e){return e&&e.__esModule?e:{default:e}}var l=t.mergeClasses=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=e.default&&(0,r.default)(e.default)||{};return t.map((function(t){var r=e[t];return r&&(0,o.default)(r,(function(e,t){n[t]||(n[t]={}),n[t]=i({},n[t],r[t])})),t})),n};t.default=l},4670:(e,t,n)=>{"use strict";e.exports=n(5607)},9829:(e,t,n)=>{"use strict";var o,r,i,a=n(8946),l="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-";function s(){i=!1}function c(e){if(e){if(e!==o){if(e.length!==l.length)throw new Error("Custom alphabet for shortid must be "+l.length+" unique characters. You submitted "+e.length+" characters: "+e);var t=e.split("").filter((function(e,t,n){return t!==n.lastIndexOf(e)}));if(t.length)throw new Error("Custom alphabet for shortid must be "+l.length+" unique characters. These characters were not unique: "+t.join(", "));o=e,s()}}else o!==l&&(o=l,s())}function u(){return i||(i=function(){o||c(l);for(var e,t=o.split(""),n=[],r=a.nextValue();t.length>0;)r=a.nextValue(),e=Math.floor(r*t.length),n.push(t.splice(e,1)[0]);return n.join("")}())}e.exports={get:function(){return o||l},characters:function(e){return c(e),o},seed:function(e){a.seed(e),r!==e&&(s(),r=e)},lookup:function(e){return u()[e]},shuffled:u}},480:(e,t,n)=>{"use strict";var o,r,i=n(8416);n(9829),e.exports=function(e){var t="",n=Math.floor(.001*(Date.now()-1567752802062));return n===r?o++:(o=0,r=n),t+=i(7),t+=i(e),o>0&&(t+=i(o)),t+i(n)}},8416:(e,t,n)=>{"use strict";var o=n(9829),r=n(3766),i=n(296);e.exports=function(e){for(var t,n=0,a="";!t;)a+=i(r,o.get(),1),t=e<Math.pow(16,n+1),n++;return a}},5607:(e,t,n)=>{"use strict";var o=n(9829),r=n(480),i=n(1082),a=n(5636)||0;function l(){return r(a)}e.exports=l,e.exports.generate=l,e.exports.seed=function(t){return o.seed(t),e.exports},e.exports.worker=function(t){return a=t,e.exports},e.exports.characters=function(e){return void 0!==e&&o.characters(e),o.shuffled()},e.exports.isValid=i},1082:(e,t,n)=>{"use strict";var o=n(9829);e.exports=function(e){return!(!e||"string"!=typeof e||e.length<6||new RegExp("[^"+o.get().replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&")+"]").test(e))}},3766:e=>{"use strict";var t,n="object"==typeof window&&(window.crypto||window.msCrypto);t=n&&n.getRandomValues?function(e){return n.getRandomValues(new Uint8Array(e))}:function(e){for(var t=[],n=0;n<e;n++)t.push(Math.floor(256*Math.random()));return t},e.exports=t},8946:e=>{"use strict";var t=1;e.exports={nextValue:function(){return(t=(9301*t+49297)%233280)/233280},seed:function(e){t=e}}},5636:e=>{"use strict";e.exports=0},296:e=>{e.exports=function(e,t,n){for(var o=(2<<Math.log(t.length-1)/Math.LN2)-1,r=-~(1.6*o*n/t.length),i="";;)for(var a=e(r),l=r;l--;)if((i+=t[a[l]&o]||"").length===+n)return i}},9196:e=>{"use strict";e.exports=window.React},9307:e=>{"use strict";e.exports=window.wp.element},3967:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function r(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=a(e,i(n)))}return e}function i(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return r.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)o.call(e,n)&&e[n]&&(t=a(t,n));return t}function a(e,t){return t?e?e+" "+t:e+t:e}e.exports?(r.default=r,e.exports=r):void 0===(n=function(){return r}.apply(t,[]))||(e.exports=n)}()}},t={};function n(o){var r=t[o];if(void 0!==r)return r.exports;var i=t[o]={id:o,loaded:!1,exports:{}};return e[o](i,i.exports,n),i.loaded=!0,i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nmd=e=>(e.paths=[],e.children||(e.children=[]),e);var o={};(()=>{"use strict";n.r(o),n.d(o,{Alert:()=>uS,AncestorNotice:()=>gI,AppearanceControl:()=>rC,BackgroundControl:()=>Dj,BackgroundControlWithPath:()=>nR,BackgroundSection:()=>hI,BackgroundUiUtils:()=>l,BlockPlaceholder:()=>Tk,BlockPreviewNoIframe:()=>fS,BorderAndShadowControl:()=>tR,BorderColorWithData:()=>KC,BorderControl:()=>Oh,BorderSideControl:()=>Th,BordersAndRadiusControl:()=>Bj,BordersAndRadiusSection:()=>fI,BordersAndRadiusWithPath:()=>Hj,BoxControl:()=>Ow,BoxShadowControl:()=>qj,BoxShadowPopupWithPath:()=>pI,BoxShadowWithPath:()=>eR,BoxUnitValueControl:()=>Pw,BoxUnitValueControlWithPath:()=>oR,CanvasIcon:()=>eb,CanvasResizeControl:()=>Ek,CodeMirrorControl:()=>yS,ColorIndicator:()=>Xs,ColorIndicatorPopover:()=>Ks,ColorWithPath:()=>YC,ControlNotice:()=>S_,Cropper:()=>Lb,CustomHeightControl:()=>yC,CustomWidthControl:()=>SR,DividersControlWithPath:()=>BC,DropdownWithHover:()=>cS,FocalPointMediaPicker:()=>Bw,FontPicker:()=>$m,GradientColorPicker:()=>vR,GradientColorPickerWithPath:()=>bR,GradientControlWithPresets:()=>Jv,GradientPickerPopover:()=>Zv,GutentagColorPalette:()=>C,GutentagColorPicker:()=>Us,GutentagColorPickerWithPalette:()=>$s,GutentagCustomGradient:()=>$v,GutentagRangeControlWithPath:()=>gC,GutentagSelectControl:()=>Ih,GutentagSelectWithDelete:()=>Rh,HorizontalAlign:()=>CR,HorizontalAlignControlWithPath:()=>jR,HorizontalFlexAlign:()=>UC,HorizontalFlexAlignControlWithPath:()=>$C,HorizontalTextAlign:()=>GC,HorizontalTextAlignControlWithPath:()=>VC,IconPicker:()=>ab,IconPickerWithPath:()=>hR,InlineLabeledControl:()=>o_,InnerBlocksNoWrapper:()=>Hw,InnerSpacingSelect:()=>ER,InnerSpacingWithPath:()=>TR,InputControl:()=>b_,InputControlWithPath:()=>x_,InputWithPreserveWhiteSpaceWithPath:()=>dI,KubioPanelBody:()=>yk,KubioPopup:()=>k,LayoutPicker:()=>wb,LinkConfig:()=>by,LinkControlWithData:()=>a_,LinkRecommendationsControlWithData:()=>rw,LinkWrapper:()=>l_,LinkedNotice:()=>mI,LoadingPlaceholder:()=>Mk,MediaPicker:()=>Vw,MediaPickerWithPath:()=>LS,MenuItemOptions:()=>vk,MiscControl:()=>rI,ModalTooltip:()=>oS,OptionsIconButton:()=>Uw,OverlayControl:()=>Lj,PopoverOptionsButton:()=>i_,PreviewBoxControl:()=>nb,ProCheckboxControl:()=>Qk,ProRadioControl:()=>rS,RangeControl:()=>Bv,RangeWithPath:()=>fC,RangeWithUnitControl:()=>Lw,RangeWithUnitWithPath:()=>zw,ResponsiveControl:()=>iC,RowControls:()=>$w,SelectControlWithPath:()=>e_,SelectWithIconControl:()=>Ah,SeparatorHorizontalLine:()=>S,SeparatorsControl:()=>FC,SidebarButton:()=>Xw,SidebarToggleWrapper:()=>RR,SidesControl:()=>uy,SmallPlaceholder:()=>Ok,SortableAccordion:()=>ty,SortableCollapseGroupWithData:()=>ny,SortableTree:()=>hk,SpacingControl:()=>iR,SpacingSelect:()=>IR,SpacingWithPath:()=>OR,SuggestionsInput:()=>AS,TabPanel:()=>ry,TemplateLoadingOverlay:()=>qk,TemplateLockControls:()=>zk,TemplateLockModal:()=>Dk,TemplatePartOverlay:()=>Hk,TemplatePartWizard:()=>Zk,TemplateWizard:()=>Nk,TemplateWizardContent:()=>Ak,TextShadowControl:()=>nj,TextShadowControlPopupWithPath:()=>oj,TextareaControl:()=>gS,TextareaControlWithPath:()=>XC,TinyMCEControl:()=>bS,TinymceControlWithPath:()=>_S,ToggleControl:()=>Yw,ToggleControlWithPath:()=>n_,ToggleGroup:()=>tk,ToggleGroupWithPath:()=>NS,TooltipWrapper:()=>xk,TransformControl:()=>eI,TransitionControlOnHover:()=>dj,TypeKitSetupInterface:()=>ok,TypographyConfig:()=>i,TypographyContainerControlPopupWithPath:()=>cj,TypographyControlPopup:()=>aj,TypographyControlPopupWithPath:()=>lj,TypographyForContainer:()=>pR,TypographyForContainerAdvanced:()=>uI,TypographyForHeading:()=>uR,TypographyForText:()=>cR,TypographyForTextAdvanced:()=>sR,TypographyForTextWithPath:()=>lR,UIUtils:()=>a,URLInput:()=>Qy,URLInputWithPath:()=>Jy,UnitControl:()=>gu,UnitValueInput:()=>ay,VerticalAlignControlWithPath:()=>PC,Wizard:()=>MS,calculatePosition:()=>Gk,preventDefaults:()=>Wk,useCustomSize:()=>Dw,useTemplatePartLock:()=>y.useTemplatePartLock,useWizard:()=>RS});var e={};n.r(e),n.d(e,{fetchRecommendations:()=>ew,updateRecommendationSettings:()=>J_});var t={};n.r(t),n.d(t,{getRecommendationSettings:()=>tw});var r={};n.r(r),n.d(r,{animationDelayOptions:()=>QS,animationDurationOptions:()=>qS,effectTypeDefault:()=>KS,effectTypeOptions:()=>ZS});var i={};n.r(i),n.d(i,{decorationOptions:()=>hC,fontStylesOptions:()=>aC,sizeOptions:()=>uC,sizeUnitsConfig:()=>cC,sizeUnitsOptions:()=>sC,styleOptions:()=>pC,transformOptions:()=>dC,weightOptions:()=>lC});var a={};n.r(a),n.d(a,{columnGapTypesOptions:()=>TC,columnInnerGapTypesOptions:()=>OC,horizontalAlignFlexOptions:()=>CC,horizontalAlignFlexOptionsText:()=>IC,horizontalAlignOptions:()=>jC,horizontalTextAlignOptions:()=>RC,horizontalTextAlignOptionsSimple:()=>EC,itemsPerRowOptions:()=>kC,verticalAlignOptions:()=>SC});var l={};n.r(l),n.d(l,{BackgroundTypesEnum:()=>pj,BackgroundTypesOptions:()=>hj,DefaultValue:()=>wj,FiltersPreset:()=>Cj,ImageDefault:()=>xj,ImagePositionMap:()=>bj,ImageProperties:()=>vj,OverlayDefault:()=>mj,OverlayShapesValues:()=>gj,SlideShowDefault:()=>_j,VideoDefault:()=>yj,imagePositionToShorthand:()=>kj,overlayShapes:()=>Sj,videoTypes:()=>fj});const s=window.kubio.constants,c=window.kubio.globalData,u=window.kubio.icons,d=window.wp.components;var p=n(9307);const h=window.wp.i18n;var f=n(3967),g=n.n(f);const m=window.lodash;var v=n.n(m);const b=window.kubio.utils,x=window.wp.compose,y=window.kubio.core;var w=n(5893);const k=(0,p.forwardRef)((function e({children:t,buttonRef:n,onClose:o=v().noop,onOpen:r=v().noop,selectorToIgnoreOnClickOutside:i=null,anchorRef:a=null,className:l,...s},c){const[u,h]=(0,p.useState)(!1),f=null==a?void 0:a.current,m=(0,p.useRef)(),_=(0,x.useInstanceId)(e,"kubio-popup"),k=g()(l,_,"kubio-popup"),{instanceClassesWithChildrenSelector:S,contextProvider:C}=(0,y.usePopupNestingContext)(_),j=(0,p.useCallback)((()=>{h(!0)}),[h]);(0,p.useImperativeHandle)(c,(()=>({close:()=>{h(!1)},toggle:e=>{h(e)}})));const R=(0,p.useCallback)((e=>{const t=null==e?void 0:e.target,o=t&&t.closest(S);null!=n&&n.current&&t&&(n.current.contains(t)||o)||i&&null!=t&&t.closest(i)||h(!1)}),[h,null==n?void 0:n.current,o,S]);(0,b.useOnClickOutside)(m,R);const I=(0,p.useCallback)((()=>{u?R():j()}),[u,j,R]);return(0,p.useEffect)((()=>{u?r():o()}),[u]),(0,p.useEffect)((()=>{const e=null==n?void 0:n.current;return e&&e.addEventListener("click",I),()=>{const e=null==n?void 0:n.current;e&&e.removeEventListener("click",I)}}),[null==n?void 0:n.current,I]),(0,w.jsx)(w.Fragment,{children:u&&(0,w.jsx)(d.Popover,{...s,anchorRef:f,className:k,offset:s.offset?s.offset:6,shift:!0,flip:!0,children:(0,w.jsx)(y.PopupNestingContextProvider,{value:C,children:(0,w.jsx)("div",{ref:m,children:t})})})})})),S=({fit:e=!1,className:t=""})=>{const n=["kubio-separator-line",e?"fit":"",t].filter((e=>e)).join(" ");return(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)("div",{className:n})})},C=({onChange:e,value:t,returnRawValue:n})=>{const{getPalette:o,getPaletteVariants:r,parseVariableColor:i,computedColorToVariable:a,getColorVariableFromValue:l,toRgbString:s}=(0,c.useGlobalDataColors)(),u=o(),f=r(),v=i(t),[b,x]=(0,p.useState)(v);(0,p.useEffect)((()=>{x(v)}),[v]);const y=(0,p.useMemo)((()=>b?l(b):""),[b]),[_,k]=(0,p.useState)(!(null==y||!y.indexOf("kubio-"))>=0),[S,C]=(0,p.useState)(v),j=(0,p.useMemo)((()=>u.map((e=>({...e,color:"rgb("+e.color.join(",")+")"})))),[u]),R=(0,p.useMemo)((()=>f.map((e=>({...e,color:"rgb("+e.color.join(",")+")"}))).filter((e=>(null==y?void 0:y.indexOf("-variant-"))>0?e.parent===y.split("-variant-")[0]:e.parent===y))),[f,b]),I=j.find((e=>y===e.slug?e.color:(null==y?void 0:y.indexOf("-variant-"))>0&&y.split("-variant-")[0]===e.slug)),E=s(S);return(0,p.useEffect)((()=>{(null==y?void 0:y.indexOf("kubio-"))>=0?k(!0):k(!1)}),[_,k]),(0,w.jsxs)(d.BaseControl,{label:(0,h.__)("Current color scheme","kubio"),className:g()("kubio-color-palette-wrapper","kubio-control"),children:[(0,w.jsx)(d.ColorPalette,{className:"kubio-color-palette-picker",disableCustomColors:!0,value:(0,m.isEmpty)(I)?I:null==I?void 0:I.color,onChange:t=>{t&&(k(!0),x(t),C(t),e(n?t:a(t)))},colors:j,clearable:!1}),_&&(0,w.jsx)(d.ColorPalette,{className:"kubio-color-palette-variants-picker",disableCustomColors:!0,value:E,onChange:t=>{t&&(C(t),e(n?t:a(t)))},colors:R,clearable:!1})]})};var j=n(9196),R=n.n(j),I=n(9941),E={},T=function(e,t,n,o){var r=e+"-"+t+"-"+n+(o?"-server":"");if(E[r])return E[r];var i=function(e,t,n,o){if("undefined"==typeof document&&!o)return null;var r=o?new o:document.createElement("canvas");r.width=2*n,r.height=2*n;var i=r.getContext("2d");return i?(i.fillStyle=e,i.fillRect(0,0,r.width,r.height),i.fillStyle=t,i.fillRect(0,0,n,n),i.translate(n,n),i.fillRect(0,0,n,n),r.toDataURL()):null}(e,t,n,o);return E[r]=i,i},O=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},P=function(e){var t=e.white,n=e.grey,o=e.size,r=e.renderers,i=e.borderRadius,a=e.boxShadow,l=e.children,s=(0,I.ZP)({default:{grid:{borderRadius:i,boxShadow:a,absolute:"0px 0px 0px 0px",background:"url("+T(t,n,o,r.canvas)+") center left"}}});return(0,j.isValidElement)(l)?R().cloneElement(l,O({},l.props,{style:O({},l.props.style,s.grid)})):R().createElement("div",{style:s.grid})};P.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};const M=P;var A=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},N=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}();function L(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var z=function(e){function t(){var e,n,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var r=arguments.length,i=Array(r),a=0;a<r;a++)i[a]=arguments[a];return n=o=L(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),o.handleChange=function(e){var t=function(e,t,n,o,r){var i=r.clientWidth,a=r.clientHeight,l="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,s="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,c=l-(r.getBoundingClientRect().left+window.pageXOffset),u=s-(r.getBoundingClientRect().top+window.pageYOffset);if("vertical"===n){var d;if(d=u<0?0:u>a?1:Math.round(100*u/a)/100,t.a!==d)return{h:t.h,s:t.s,l:t.l,a:d,source:"rgb"}}else{var p;if(o!==(p=c<0?0:c>i?1:Math.round(100*c/i)/100))return{h:t.h,s:t.s,l:t.l,a:p,source:"rgb"}}return null}(e,o.props.hsl,o.props.direction,o.props.a,o.container);t&&"function"==typeof o.props.onChange&&o.props.onChange(t,e)},o.handleMouseDown=function(e){o.handleChange(e),window.addEventListener("mousemove",o.handleChange),window.addEventListener("mouseup",o.handleMouseUp)},o.handleMouseUp=function(){o.unbindEventListeners()},o.unbindEventListeners=function(){window.removeEventListener("mousemove",o.handleChange),window.removeEventListener("mouseup",o.handleMouseUp)},L(o,n)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),N(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var e=this,t=this.props.rgb,n=(0,I.ZP)({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+t.r+","+t.g+","+t.b+", 0) 0%,\n rgba("+t.r+","+t.g+","+t.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:100*t.a+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+t.r+","+t.g+","+t.b+", 0) 0%,\n rgba("+t.r+","+t.g+","+t.b+", 1) 100%)"},pointer:{left:0,top:100*t.a+"%"}},overwrite:A({},this.props.style)},{vertical:"vertical"===this.props.direction,overwrite:!0});return R().createElement("div",{style:n.alpha},R().createElement("div",{style:n.checkboard},R().createElement(M,{renderers:this.props.renderers})),R().createElement("div",{style:n.gradient}),R().createElement("div",{style:n.container,ref:function(t){return e.container=t},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},R().createElement("div",{style:n.pointer},this.props.pointer?R().createElement(this.props.pointer,this.props):R().createElement("div",{style:n.slider}))))}}]),t}(j.PureComponent||j.Component);const D=z;var F=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),B=[38,40],H=1,W=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return n.handleBlur=function(){n.state.blurValue&&n.setState({value:n.state.blurValue,blurValue:null})},n.handleChange=function(e){n.setUpdatedValue(e.target.value,e)},n.handleKeyDown=function(e){var t,o=function(e){return Number(String(e).replace(/%/g,""))}(e.target.value);if(!isNaN(o)&&(t=e.keyCode,B.indexOf(t)>-1)){var r=n.getArrowOffset(),i=38===e.keyCode?o+r:o-r;n.setUpdatedValue(i,e)}},n.handleDrag=function(e){if(n.props.dragLabel){var t=Math.round(n.props.value+e.movementX);t>=0&&t<=n.props.dragMax&&n.props.onChange&&n.props.onChange(n.getValueObjectWithLabel(t),e)}},n.handleMouseDown=function(e){n.props.dragLabel&&(e.preventDefault(),n.handleDrag(e),window.addEventListener("mousemove",n.handleDrag),window.addEventListener("mouseup",n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleDrag),window.removeEventListener("mouseup",n.handleMouseUp)},n.state={value:String(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},n.inputId="rc-editable-input-"+H++,n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),F(t,[{key:"componentDidUpdate",value:function(e,t){this.props.value===this.state.value||e.value===this.props.value&&t.value===this.state.value||(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(e){return function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},this.props.label,e)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||1}},{key:"setUpdatedValue",value:function(e,t){var n=this.props.label?this.getValueObjectWithLabel(e):e;this.props.onChange&&this.props.onChange(n,t),this.setState({value:e})}},{key:"render",value:function(){var e=this,t=(0,I.ZP)({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return R().createElement("div",{style:t.wrap},R().createElement("input",{id:this.inputId,style:t.input,ref:function(t){return e.input=t},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?R().createElement("label",{htmlFor:this.inputId,style:t.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(j.PureComponent||j.Component);const G=W;var V=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}();function U(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var $=function(e){function t(){var e,n,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var r=arguments.length,i=Array(r),a=0;a<r;a++)i[a]=arguments[a];return n=o=U(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),o.handleChange=function(e){var t=function(e,t,n,o){var r=o.clientWidth,i=o.clientHeight,a="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,l="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,s=a-(o.getBoundingClientRect().left+window.pageXOffset),c=l-(o.getBoundingClientRect().top+window.pageYOffset);if("vertical"===t){var u;if(u=c<0?359:c>i?0:360*(-100*c/i+100)/100,n.h!==u)return{h:u,s:n.s,l:n.l,a:n.a,source:"hsl"}}else{var d;if(d=s<0?0:s>r?359:100*s/r*360/100,n.h!==d)return{h:d,s:n.s,l:n.l,a:n.a,source:"hsl"}}return null}(e,o.props.direction,o.props.hsl,o.container);t&&"function"==typeof o.props.onChange&&o.props.onChange(t,e)},o.handleMouseDown=function(e){o.handleChange(e),window.addEventListener("mousemove",o.handleChange),window.addEventListener("mouseup",o.handleMouseUp)},o.handleMouseUp=function(){o.unbindEventListeners()},U(o,n)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),V(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var e=this,t=this.props.direction,n=void 0===t?"horizontal":t,o=(0,I.ZP)({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:100*this.props.hsl.h/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-100*this.props.hsl.h/360+100+"%"}}},{vertical:"vertical"===n});return R().createElement("div",{style:o.hue},R().createElement("div",{className:"hue-"+n,style:o.container,ref:function(t){return e.container=t},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},R().createElement("style",null,"\n .hue-horizontal {\n background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0\n 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to right, #f00 0%, #ff0\n 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n }\n\n .hue-vertical {\n background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,\n #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n }\n "),R().createElement("div",{style:o.pointer},this.props.pointer?R().createElement(this.props.pointer,this.props):R().createElement("div",{style:o.slider}))))}}]),t}(j.PureComponent||j.Component);const X=$;var Y=n(5697),K=n.n(Y);const Z=function(e,t){return e===t||e!=e&&t!=t},q=function(e,t){for(var n=e.length;n--;)if(Z(e[n][0],t))return n;return-1};var Q=Array.prototype.splice;function J(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var o=e[t];this.set(o[0],o[1])}}J.prototype.clear=function(){this.__data__=[],this.size=0},J.prototype.delete=function(e){var t=this.__data__,n=q(t,e);return!(n<0||(n==t.length-1?t.pop():Q.call(t,n,1),--this.size,0))},J.prototype.get=function(e){var t=this.__data__,n=q(t,e);return n<0?void 0:t[n][1]},J.prototype.has=function(e){return q(this.__data__,e)>-1},J.prototype.set=function(e,t){var n=this.__data__,o=q(n,e);return o<0?(++this.size,n.push([e,t])):n[o][1]=t,this};const ee=J,te="object"==typeof global&&global&&global.Object===Object&&global;var ne="object"==typeof self&&self&&self.Object===Object&&self;const oe=te||ne||Function("return this")(),re=oe.Symbol;var ie=Object.prototype,ae=ie.hasOwnProperty,le=ie.toString,se=re?re.toStringTag:void 0;var ce=Object.prototype.toString;var ue=re?re.toStringTag:void 0;const de=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":ue&&ue in Object(e)?function(e){var t=ae.call(e,se),n=e[se];try{e[se]=void 0;var o=!0}catch(e){}var r=le.call(e);return o&&(t?e[se]=n:delete e[se]),r}(e):function(e){return ce.call(e)}(e)},pe=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},he=function(e){if(!pe(e))return!1;var t=de(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},fe=oe["__core-js_shared__"];var ge,me=(ge=/[^.]+$/.exec(fe&&fe.keys&&fe.keys.IE_PROTO||""))?"Symbol(src)_1."+ge:"";var ve=Function.prototype.toString;const be=function(e){if(null!=e){try{return ve.call(e)}catch(e){}try{return e+""}catch(e){}}return""};var xe=/^\[object .+?Constructor\]$/,ye=Function.prototype,_e=Object.prototype,we=ye.toString,ke=_e.hasOwnProperty,Se=RegExp("^"+we.call(ke).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");const Ce=function(e){return!(!pe(e)||(t=e,me&&me in t))&&(he(e)?Se:xe).test(be(e));var t},je=function(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return Ce(n)?n:void 0},Re=je(oe,"Map"),Ie=je(Object,"create");var Ee=Object.prototype.hasOwnProperty;var Te=Object.prototype.hasOwnProperty;function Oe(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var o=e[t];this.set(o[0],o[1])}}Oe.prototype.clear=function(){this.__data__=Ie?Ie(null):{},this.size=0},Oe.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Oe.prototype.get=function(e){var t=this.__data__;if(Ie){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return Ee.call(t,e)?t[e]:void 0},Oe.prototype.has=function(e){var t=this.__data__;return Ie?void 0!==t[e]:Te.call(t,e)},Oe.prototype.set=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=Ie&&void 0===t?"__lodash_hash_undefined__":t,this};const Pe=Oe,Me=function(e,t){var n=e.__data__;return function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}(t)?n["string"==typeof t?"string":"hash"]:n.map};function Ae(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var o=e[t];this.set(o[0],o[1])}}Ae.prototype.clear=function(){this.size=0,this.__data__={hash:new Pe,map:new(Re||ee),string:new Pe}},Ae.prototype.delete=function(e){var t=Me(this,e).delete(e);return this.size-=t?1:0,t},Ae.prototype.get=function(e){return Me(this,e).get(e)},Ae.prototype.has=function(e){return Me(this,e).has(e)},Ae.prototype.set=function(e,t){var n=Me(this,e),o=n.size;return n.set(e,t),this.size+=n.size==o?0:1,this};const Ne=Ae;function Le(e){var t=this.__data__=new ee(e);this.size=t.size}Le.prototype.clear=function(){this.__data__=new ee,this.size=0},Le.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},Le.prototype.get=function(e){return this.__data__.get(e)},Le.prototype.has=function(e){return this.__data__.has(e)},Le.prototype.set=function(e,t){var n=this.__data__;if(n instanceof ee){var o=n.__data__;if(!Re||o.length<199)return o.push([e,t]),this.size=++n.size,this;n=this.__data__=new Ne(o)}return n.set(e,t),this.size=n.size,this};const ze=Le,De=function(){try{var e=je(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),Fe=function(e,t,n){"__proto__"==t&&De?De(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n},Be=function(e,t,n){(void 0!==n&&!Z(e[t],n)||void 0===n&&!(t in e))&&Fe(e,t,n)},He=function(e,t,n){for(var o=-1,r=Object(e),i=n(e),a=i.length;a--;){var l=i[++o];if(!1===t(r[l],l,r))break}return e};var We="object"==typeof exports&&exports&&!exports.nodeType&&exports,Ge=We&&"object"==typeof module&&module&&!module.nodeType&&module,Ve=Ge&&Ge.exports===We?oe.Buffer:void 0,Ue=Ve?Ve.allocUnsafe:void 0;const $e=oe.Uint8Array,Xe=function(e,t){var n=t?function(e){var t=new e.constructor(e.byteLength);return new $e(t).set(new $e(e)),t}(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)};var Ye=Object.create,Ke=function(){function e(){}return function(t){if(!pe(t))return{};if(Ye)return Ye(t);e.prototype=t;var n=new e;return e.prototype=void 0,n}}();const Ze=Ke,qe=function(e,t){return function(n){return e(t(n))}},Qe=qe(Object.getPrototypeOf,Object);var Je=Object.prototype;const et=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Je)},tt=function(e){return null!=e&&"object"==typeof e},nt=function(e){return tt(e)&&"[object Arguments]"==de(e)};var ot=Object.prototype,rt=ot.hasOwnProperty,it=ot.propertyIsEnumerable;const at=nt(function(){return arguments}())?nt:function(e){return tt(e)&&rt.call(e,"callee")&&!it.call(e,"callee")},lt=Array.isArray,st=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},ct=function(e){return null!=e&&st(e.length)&&!he(e)};var ut="object"==typeof exports&&exports&&!exports.nodeType&&exports,dt=ut&&"object"==typeof module&&module&&!module.nodeType&&module,pt=dt&&dt.exports===ut?oe.Buffer:void 0;const ht=(pt?pt.isBuffer:void 0)||function(){return!1};var ft=Function.prototype,gt=Object.prototype,mt=ft.toString,vt=gt.hasOwnProperty,bt=mt.call(Object);var xt={};xt["[object Float32Array]"]=xt["[object Float64Array]"]=xt["[object Int8Array]"]=xt["[object Int16Array]"]=xt["[object Int32Array]"]=xt["[object Uint8Array]"]=xt["[object Uint8ClampedArray]"]=xt["[object Uint16Array]"]=xt["[object Uint32Array]"]=!0,xt["[object Arguments]"]=xt["[object Array]"]=xt["[object ArrayBuffer]"]=xt["[object Boolean]"]=xt["[object DataView]"]=xt["[object Date]"]=xt["[object Error]"]=xt["[object Function]"]=xt["[object Map]"]=xt["[object Number]"]=xt["[object Object]"]=xt["[object RegExp]"]=xt["[object Set]"]=xt["[object String]"]=xt["[object WeakMap]"]=!1;var yt="object"==typeof exports&&exports&&!exports.nodeType&&exports,_t=yt&&"object"==typeof module&&module&&!module.nodeType&&module,wt=_t&&_t.exports===yt&&te.process,kt=function(){try{return _t&&_t.require&&_t.require("util").types||wt&&wt.binding&&wt.binding("util")}catch(e){}}(),St=kt&&kt.isTypedArray;const Ct=St?(jt=St,function(e){return jt(e)}):function(e){return tt(e)&&st(e.length)&&!!xt[de(e)]};var jt;const Rt=function(e,t){if(("constructor"!==t||"function"!=typeof e[t])&&"__proto__"!=t)return e[t]};var It=Object.prototype.hasOwnProperty;const Et=function(e,t,n){var o=e[t];It.call(e,t)&&Z(o,n)&&(void 0!==n||t in e)||Fe(e,t,n)};var Tt=/^(?:0|[1-9]\d*)$/;const Ot=function(e,t){var n=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==n||"symbol"!=n&&Tt.test(e))&&e>-1&&e%1==0&&e<t};var Pt=Object.prototype.hasOwnProperty;const Mt=function(e,t){var n=lt(e),o=!n&&at(e),r=!n&&!o&&ht(e),i=!n&&!o&&!r&&Ct(e),a=n||o||r||i,l=a?function(e,t){for(var n=-1,o=Array(e);++n<e;)o[n]=t(n);return o}(e.length,String):[],s=l.length;for(var c in e)!t&&!Pt.call(e,c)||a&&("length"==c||r&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Ot(c,s))||l.push(c);return l};var At=Object.prototype.hasOwnProperty;const Nt=function(e){if(!pe(e))return function(e){var t=[];if(null!=e)for(var n in Object(e))t.push(n);return t}(e);var t=et(e),n=[];for(var o in e)("constructor"!=o||!t&&At.call(e,o))&&n.push(o);return n},Lt=function(e){return ct(e)?Mt(e,!0):Nt(e)},zt=function(e){return function(e,t,n,o){var r=!n;n||(n={});for(var i=-1,a=t.length;++i<a;){var l=t[i],s=o?o(n[l],e[l],l,n,e):void 0;void 0===s&&(s=e[l]),r?Fe(n,l,s):Et(n,l,s)}return n}(e,Lt(e))},Dt=function(e,t,n,o,r,i,a){var l=Rt(e,n),s=Rt(t,n),c=a.get(s);if(c)Be(e,n,c);else{var u=i?i(l,s,n+"",e,t,a):void 0,d=void 0===u;if(d){var p=lt(s),h=!p&&ht(s),f=!p&&!h&&Ct(s);u=s,p||h||f?lt(l)?u=l:function(e){return tt(e)&&ct(e)}(l)?u=function(e,t){var n=-1,o=e.length;for(t||(t=Array(o));++n<o;)t[n]=e[n];return t}(l):h?(d=!1,u=function(e,t){if(t)return e.slice();var n=e.length,o=Ue?Ue(n):new e.constructor(n);return e.copy(o),o}(s,!0)):f?(d=!1,u=Xe(s,!0)):u=[]:function(e){if(!tt(e)||"[object Object]"!=de(e))return!1;var t=Qe(e);if(null===t)return!0;var n=vt.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&mt.call(n)==bt}(s)||at(s)?(u=l,at(l)?u=zt(l):pe(l)&&!he(l)||(u=function(e){return"function"!=typeof e.constructor||et(e)?{}:Ze(Qe(e))}(s))):d=!1}d&&(a.set(s,u),r(u,s,o,i,a),a.delete(s)),Be(e,n,u)}},Ft=function e(t,n,o,r,i){t!==n&&He(n,(function(a,l){if(i||(i=new ze),pe(a))Dt(t,n,l,o,e,r,i);else{var s=r?r(Rt(t,l),a,l+"",t,n,i):void 0;void 0===s&&(s=a),Be(t,l,s)}}),Lt)},Bt=function(e){return e};var Ht=Math.max;const Wt=function(e){return function(){return e}},Gt=De?function(e,t){return De(e,"toString",{configurable:!0,enumerable:!1,value:Wt(t),writable:!0})}:Bt;var Vt=Date.now;const Ut=function(e){var t=0,n=0;return function(){var o=Vt(),r=16-(o-n);if(n=o,r>0){if(++t>=800)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}(Gt),$t=function(e,t){return Ut(function(e,t,n){return t=Ht(void 0===t?e.length-1:t,0),function(){for(var o=arguments,r=-1,i=Ht(o.length-t,0),a=Array(i);++r<i;)a[r]=o[t+r];r=-1;for(var l=Array(t+1);++r<t;)l[r]=o[r];return l[t]=n(a),function(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}(e,this,l)}}(e,t,Bt),e+"")},Xt=(Yt=function(e,t,n){Ft(e,t,n)},$t((function(e,t){var n=-1,o=t.length,r=o>1?t[o-1]:void 0,i=o>2?t[2]:void 0;for(r=Yt.length>3&&"function"==typeof r?(o--,r):void 0,i&&function(e,t,n){if(!pe(n))return!1;var o=typeof t;return!!("number"==o?ct(n)&&Ot(t,n.length):"string"==o&&t in n)&&Z(n[t],e)}(t[0],t[1],i)&&(r=o<3?void 0:r,o=1),e=Object(e);++n<o;){var a=t[n];a&&Yt(e,a,n)}return e})));var Yt,Kt=function(e){var t=e.zDepth,n=e.radius,o=e.background,r=e.children,i=e.styles,a=void 0===i?{}:i,l=(0,I.ZP)(Xt({default:{wrap:{position:"relative",display:"inline-block"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 "+t+"px "+4*t+"px rgba(0,0,0,.24)",borderRadius:n,background:o}},"zDepth-0":{bg:{boxShadow:"none"}},"zDepth-1":{bg:{boxShadow:"0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)"}},"zDepth-2":{bg:{boxShadow:"0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)"}},"zDepth-3":{bg:{boxShadow:"0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)"}},"zDepth-4":{bg:{boxShadow:"0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)"}},"zDepth-5":{bg:{boxShadow:"0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)"}},square:{bg:{borderRadius:"0"}},circle:{bg:{borderRadius:"50%"}}},a),{"zDepth-1":1===t});return R().createElement("div",{style:l.wrap},R().createElement("div",{style:l.bg}),R().createElement("div",{style:l.content},r))};Kt.propTypes={background:K().string,zDepth:K().oneOf([0,1,2,3,4,5]),radius:K().number,styles:K().object},Kt.defaultProps={background:"#fff",zDepth:1,radius:2,styles:{}};const Zt=Kt,qt=function(){return oe.Date.now()};var Qt=/\s/;var Jt=/^\s+/;const en=function(e){return e?e.slice(0,function(e){for(var t=e.length;t--&&Qt.test(e.charAt(t)););return t}(e)+1).replace(Jt,""):e},tn=function(e){return"symbol"==typeof e||tt(e)&&"[object Symbol]"==de(e)};var nn=/^[-+]0x[0-9a-f]+$/i,on=/^0b[01]+$/i,rn=/^0o[0-7]+$/i,an=parseInt;const ln=function(e){if("number"==typeof e)return e;if(tn(e))return NaN;if(pe(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=pe(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=en(e);var n=on.test(e);return n||rn.test(e)?an(e.slice(2),n?2:8):nn.test(e)?NaN:+e};var sn=Math.max,cn=Math.min;const un=function(e,t,n){var o,r,i,a,l,s,c=0,u=!1,d=!1,p=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function h(t){var n=o,i=r;return o=r=void 0,c=t,a=e.apply(i,n)}function f(e){var n=e-s;return void 0===s||n>=t||n<0||d&&e-c>=i}function g(){var e=qt();if(f(e))return m(e);l=setTimeout(g,function(e){var n=t-(e-s);return d?cn(n,i-(e-c)):n}(e))}function m(e){return l=void 0,p&&o?h(e):(o=r=void 0,a)}function v(){var e=qt(),n=f(e);if(o=arguments,r=this,s=e,n){if(void 0===l)return function(e){return c=e,l=setTimeout(g,t),u?h(e):a}(s);if(d)return clearTimeout(l),l=setTimeout(g,t),h(s)}return void 0===l&&(l=setTimeout(g,t)),a}return t=ln(t)||0,pe(n)&&(u=!!n.leading,i=(d="maxWait"in n)?sn(ln(n.maxWait)||0,t):i,p="trailing"in n?!!n.trailing:p),v.cancel=function(){void 0!==l&&clearTimeout(l),c=0,o=s=r=l=void 0},v.flush=function(){return void 0===l?a:m(qt())},v};var dn=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),pn=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleChange=function(e){"function"==typeof n.props.onChange&&n.throttle(n.props.onChange,function(e,t,n){var o=n.getBoundingClientRect(),r=o.width,i=o.height,a="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,l="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,s=a-(n.getBoundingClientRect().left+window.pageXOffset),c=l-(n.getBoundingClientRect().top+window.pageYOffset);s<0?s=0:s>r&&(s=r),c<0?c=0:c>i&&(c=i);var u=s/r,d=1-c/i;return{h:t.h,s:u,v:d,a:t.a,source:"hsv"}}(e,n.props.hsl,n.container),e)},n.handleMouseDown=function(e){n.handleChange(e);var t=n.getContainerRenderWindow();t.addEventListener("mousemove",n.handleChange),t.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},n.throttle=function(e,t,n){var o=!0,r=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return pe(n)&&(o="leading"in n?!!n.leading:o,r="trailing"in n?!!n.trailing:r),un(e,t,{leading:o,maxWait:t,trailing:r})}((function(e,t,n){e(t,n)}),50),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),dn(t,[{key:"componentWillUnmount",value:function(){this.throttle.cancel(),this.unbindEventListeners()}},{key:"getContainerRenderWindow",value:function(){for(var e=this.container,t=window;!t.document.contains(e)&&t.parent!==t;)t=t.parent;return t}},{key:"unbindEventListeners",value:function(){var e=this.getContainerRenderWindow();e.removeEventListener("mousemove",this.handleChange),e.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var e=this,t=this.props.style||{},n=t.color,o=t.white,r=t.black,i=t.pointer,a=t.circle,l=(0,I.ZP)({default:{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},black:{absolute:"0px 0px 0px 0px",boxShadow:this.props.shadow,borderRadius:this.props.radius},pointer:{position:"absolute",top:-100*this.props.hsv.v+100+"%",left:100*this.props.hsv.s+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:"0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)",borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}},custom:{color:n,white:o,black:r,pointer:i,circle:a}},{custom:!!this.props.style});return R().createElement("div",{style:l.color,ref:function(t){return e.container=t},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},R().createElement("style",null,"\n .saturation-white {\n background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));\n background: linear-gradient(to right, #fff, rgba(255,255,255,0));\n }\n .saturation-black {\n background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));\n background: linear-gradient(to top, #000, rgba(0,0,0,0));\n }\n "),R().createElement("div",{style:l.white,className:"saturation-white"},R().createElement("div",{style:l.black,className:"saturation-black"}),R().createElement("div",{style:l.pointer},this.props.pointer?R().createElement(this.props.pointer,this.props):R().createElement("div",{style:l.circle}))))}}]),t}(j.PureComponent||j.Component);const hn=pn,fn=function(e,t){for(var n=-1,o=null==e?0:e.length;++n<o&&!1!==t(e[n],n,e););return e},gn=qe(Object.keys,Object);var mn=Object.prototype.hasOwnProperty;const vn=function(e){return ct(e)?Mt(e):function(e){if(!et(e))return gn(e);var t=[];for(var n in Object(e))mn.call(e,n)&&"constructor"!=n&&t.push(n);return t}(e)},bn=function(e,t){if(null==e)return e;if(!ct(e))return function(e,t){return e&&He(e,t,vn)}(e,t);for(var n=e.length,o=-1,r=Object(e);++o<n&&!1!==t(r[o],o,r););return e},xn=function(e,t){return(lt(e)?fn:bn)(e,function(e){return"function"==typeof e?e:Bt}(t))};function yn(e){return yn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},yn(e)}var wn=/^\s+/,kn=/\s+$/;function Sn(e,t){if(t=t||{},(e=e||"")instanceof Sn)return e;if(!(this instanceof Sn))return new Sn(e,t);var n=function(e){var t={r:0,g:0,b:0},n=1,o=null,r=null,i=null,a=!1,l=!1;return"string"==typeof e&&(e=function(e){e=e.replace(wn,"").replace(kn,"").toLowerCase();var t,n=!1;if(Hn[e])e=Hn[e],n=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};return(t=eo.rgb.exec(e))?{r:t[1],g:t[2],b:t[3]}:(t=eo.rgba.exec(e))?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=eo.hsl.exec(e))?{h:t[1],s:t[2],l:t[3]}:(t=eo.hsla.exec(e))?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=eo.hsv.exec(e))?{h:t[1],s:t[2],v:t[3]}:(t=eo.hsva.exec(e))?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=eo.hex8.exec(e))?{r:$n(t[1]),g:$n(t[2]),b:$n(t[3]),a:Zn(t[4]),format:n?"name":"hex8"}:(t=eo.hex6.exec(e))?{r:$n(t[1]),g:$n(t[2]),b:$n(t[3]),format:n?"name":"hex"}:(t=eo.hex4.exec(e))?{r:$n(t[1]+""+t[1]),g:$n(t[2]+""+t[2]),b:$n(t[3]+""+t[3]),a:Zn(t[4]+""+t[4]),format:n?"name":"hex8"}:!!(t=eo.hex3.exec(e))&&{r:$n(t[1]+""+t[1]),g:$n(t[2]+""+t[2]),b:$n(t[3]+""+t[3]),format:n?"name":"hex"}}(e)),"object"==yn(e)&&(to(e.r)&&to(e.g)&&to(e.b)?(t=function(e,t,n){return{r:255*Vn(e,255),g:255*Vn(t,255),b:255*Vn(n,255)}}(e.r,e.g,e.b),a=!0,l="%"===String(e.r).substr(-1)?"prgb":"rgb"):to(e.h)&&to(e.s)&&to(e.v)?(o=Yn(e.s),r=Yn(e.v),t=function(e,t,n){e=6*Vn(e,360),t=Vn(t,100),n=Vn(n,100);var o=Math.floor(e),r=e-o,i=n*(1-t),a=n*(1-r*t),l=n*(1-(1-r)*t),s=o%6;return{r:255*[n,a,i,i,l,n][s],g:255*[l,n,n,a,i,i][s],b:255*[i,i,l,n,n,a][s]}}(e.h,o,r),a=!0,l="hsv"):to(e.h)&&to(e.s)&&to(e.l)&&(o=Yn(e.s),i=Yn(e.l),t=function(e,t,n){var o,r,i;function a(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}if(e=Vn(e,360),t=Vn(t,100),n=Vn(n,100),0===t)o=r=i=n;else{var l=n<.5?n*(1+t):n+t-n*t,s=2*n-l;o=a(s,l,e+1/3),r=a(s,l,e),i=a(s,l,e-1/3)}return{r:255*o,g:255*r,b:255*i}}(e.h,o,i),a=!0,l="hsl"),e.hasOwnProperty("a")&&(n=e.a)),n=Gn(n),{ok:a,format:e.format||l,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:n}}(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=Math.round(100*this._a)/100,this._format=t.format||n.format,this._gradientType=t.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=n.ok}function Cn(e,t,n){e=Vn(e,255),t=Vn(t,255),n=Vn(n,255);var o,r,i=Math.max(e,t,n),a=Math.min(e,t,n),l=(i+a)/2;if(i==a)o=r=0;else{var s=i-a;switch(r=l>.5?s/(2-i-a):s/(i+a),i){case e:o=(t-n)/s+(t<n?6:0);break;case t:o=(n-e)/s+2;break;case n:o=(e-t)/s+4}o/=6}return{h:o,s:r,l}}function jn(e,t,n){e=Vn(e,255),t=Vn(t,255),n=Vn(n,255);var o,r,i=Math.max(e,t,n),a=Math.min(e,t,n),l=i,s=i-a;if(r=0===i?0:s/i,i==a)o=0;else{switch(i){case e:o=(t-n)/s+(t<n?6:0);break;case t:o=(n-e)/s+2;break;case n:o=(e-t)/s+4}o/=6}return{h:o,s:r,v:l}}function Rn(e,t,n,o){var r=[Xn(Math.round(e).toString(16)),Xn(Math.round(t).toString(16)),Xn(Math.round(n).toString(16))];return o&&r[0].charAt(0)==r[0].charAt(1)&&r[1].charAt(0)==r[1].charAt(1)&&r[2].charAt(0)==r[2].charAt(1)?r[0].charAt(0)+r[1].charAt(0)+r[2].charAt(0):r.join("")}function In(e,t,n,o){return[Xn(Kn(o)),Xn(Math.round(e).toString(16)),Xn(Math.round(t).toString(16)),Xn(Math.round(n).toString(16))].join("")}function En(e,t){t=0===t?0:t||10;var n=Sn(e).toHsl();return n.s-=t/100,n.s=Un(n.s),Sn(n)}function Tn(e,t){t=0===t?0:t||10;var n=Sn(e).toHsl();return n.s+=t/100,n.s=Un(n.s),Sn(n)}function On(e){return Sn(e).desaturate(100)}function Pn(e,t){t=0===t?0:t||10;var n=Sn(e).toHsl();return n.l+=t/100,n.l=Un(n.l),Sn(n)}function Mn(e,t){t=0===t?0:t||10;var n=Sn(e).toRgb();return n.r=Math.max(0,Math.min(255,n.r-Math.round(-t/100*255))),n.g=Math.max(0,Math.min(255,n.g-Math.round(-t/100*255))),n.b=Math.max(0,Math.min(255,n.b-Math.round(-t/100*255))),Sn(n)}function An(e,t){t=0===t?0:t||10;var n=Sn(e).toHsl();return n.l-=t/100,n.l=Un(n.l),Sn(n)}function Nn(e,t){var n=Sn(e).toHsl(),o=(n.h+t)%360;return n.h=o<0?360+o:o,Sn(n)}function Ln(e){var t=Sn(e).toHsl();return t.h=(t.h+180)%360,Sn(t)}function zn(e,t){if(isNaN(t)||t<=0)throw new Error("Argument to polyad must be a positive number");for(var n=Sn(e).toHsl(),o=[Sn(e)],r=360/t,i=1;i<t;i++)o.push(Sn({h:(n.h+i*r)%360,s:n.s,l:n.l}));return o}function Dn(e){var t=Sn(e).toHsl(),n=t.h;return[Sn(e),Sn({h:(n+72)%360,s:t.s,l:t.l}),Sn({h:(n+216)%360,s:t.s,l:t.l})]}function Fn(e,t,n){t=t||6,n=n||30;var o=Sn(e).toHsl(),r=360/n,i=[Sn(e)];for(o.h=(o.h-(r*t>>1)+720)%360;--t;)o.h=(o.h+r)%360,i.push(Sn(o));return i}function Bn(e,t){t=t||6;for(var n=Sn(e).toHsv(),o=n.h,r=n.s,i=n.v,a=[],l=1/t;t--;)a.push(Sn({h:o,s:r,v:i})),i=(i+l)%1;return a}Sn.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,n,o=this.toRgb();return e=o.r/255,t=o.g/255,n=o.b/255,.2126*(e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4))+.7152*(t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4))+.0722*(n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4))},setAlpha:function(e){return this._a=Gn(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=jn(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=jn(this._r,this._g,this._b),t=Math.round(360*e.h),n=Math.round(100*e.s),o=Math.round(100*e.v);return 1==this._a?"hsv("+t+", "+n+"%, "+o+"%)":"hsva("+t+", "+n+"%, "+o+"%, "+this._roundA+")"},toHsl:function(){var e=Cn(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=Cn(this._r,this._g,this._b),t=Math.round(360*e.h),n=Math.round(100*e.s),o=Math.round(100*e.l);return 1==this._a?"hsl("+t+", "+n+"%, "+o+"%)":"hsla("+t+", "+n+"%, "+o+"%, "+this._roundA+")"},toHex:function(e){return Rn(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return function(e,t,n,o,r){var i=[Xn(Math.round(e).toString(16)),Xn(Math.round(t).toString(16)),Xn(Math.round(n).toString(16)),Xn(Kn(o))];return r&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)&&i[3].charAt(0)==i[3].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0):i.join("")}(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(100*Vn(this._r,255))+"%",g:Math.round(100*Vn(this._g,255))+"%",b:Math.round(100*Vn(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+Math.round(100*Vn(this._r,255))+"%, "+Math.round(100*Vn(this._g,255))+"%, "+Math.round(100*Vn(this._b,255))+"%)":"rgba("+Math.round(100*Vn(this._r,255))+"%, "+Math.round(100*Vn(this._g,255))+"%, "+Math.round(100*Vn(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(Wn[Rn(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+In(this._r,this._g,this._b,this._a),n=t,o=this._gradientType?"GradientType = 1, ":"";if(e){var r=Sn(e);n="#"+In(r._r,r._g,r._b,r._a)}return"progid:DXImageTransform.Microsoft.gradient("+o+"startColorstr="+t+",endColorstr="+n+")"},toString:function(e){var t=!!e;e=e||this._format;var n=!1,o=this._a<1&&this._a>=0;return t||!o||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"hex4"!==e&&"hex8"!==e&&"name"!==e?("rgb"===e&&(n=this.toRgbString()),"prgb"===e&&(n=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(n=this.toHexString()),"hex3"===e&&(n=this.toHexString(!0)),"hex4"===e&&(n=this.toHex8String(!0)),"hex8"===e&&(n=this.toHex8String()),"name"===e&&(n=this.toName()),"hsl"===e&&(n=this.toHslString()),"hsv"===e&&(n=this.toHsvString()),n||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},clone:function(){return Sn(this.toString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(Pn,arguments)},brighten:function(){return this._applyModification(Mn,arguments)},darken:function(){return this._applyModification(An,arguments)},desaturate:function(){return this._applyModification(En,arguments)},saturate:function(){return this._applyModification(Tn,arguments)},greyscale:function(){return this._applyModification(On,arguments)},spin:function(){return this._applyModification(Nn,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(Fn,arguments)},complement:function(){return this._applyCombination(Ln,arguments)},monochromatic:function(){return this._applyCombination(Bn,arguments)},splitcomplement:function(){return this._applyCombination(Dn,arguments)},triad:function(){return this._applyCombination(zn,[3])},tetrad:function(){return this._applyCombination(zn,[4])}},Sn.fromRatio=function(e,t){if("object"==yn(e)){var n={};for(var o in e)e.hasOwnProperty(o)&&(n[o]="a"===o?e[o]:Yn(e[o]));e=n}return Sn(e,t)},Sn.equals=function(e,t){return!(!e||!t)&&Sn(e).toRgbString()==Sn(t).toRgbString()},Sn.random=function(){return Sn.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})},Sn.mix=function(e,t,n){n=0===n?0:n||50;var o=Sn(e).toRgb(),r=Sn(t).toRgb(),i=n/100;return Sn({r:(r.r-o.r)*i+o.r,g:(r.g-o.g)*i+o.g,b:(r.b-o.b)*i+o.b,a:(r.a-o.a)*i+o.a})},Sn.readability=function(e,t){var n=Sn(e),o=Sn(t);return(Math.max(n.getLuminance(),o.getLuminance())+.05)/(Math.min(n.getLuminance(),o.getLuminance())+.05)},Sn.isReadable=function(e,t,n){var o,r,i=Sn.readability(e,t);switch(r=!1,o=function(e){var t,n;return"AA"!==(t=((e=e||{level:"AA",size:"small"}).level||"AA").toUpperCase())&&"AAA"!==t&&(t="AA"),"small"!==(n=(e.size||"small").toLowerCase())&&"large"!==n&&(n="small"),{level:t,size:n}}(n),o.level+o.size){case"AAsmall":case"AAAlarge":r=i>=4.5;break;case"AAlarge":r=i>=3;break;case"AAAsmall":r=i>=7}return r},Sn.mostReadable=function(e,t,n){var o,r,i,a,l=null,s=0;r=(n=n||{}).includeFallbackColors,i=n.level,a=n.size;for(var c=0;c<t.length;c++)(o=Sn.readability(e,t[c]))>s&&(s=o,l=Sn(t[c]));return Sn.isReadable(e,l,{level:i,size:a})||!r?l:(n.includeFallbackColors=!1,Sn.mostReadable(e,["#fff","#000"],n))};var Hn=Sn.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},Wn=Sn.hexNames=function(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[e[n]]=n);return t}(Hn);function Gn(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function Vn(e,t){(function(e){return"string"==typeof e&&-1!=e.indexOf(".")&&1===parseFloat(e)})(e)&&(e="100%");var n=function(e){return"string"==typeof e&&-1!=e.indexOf("%")}(e);return e=Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),Math.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function Un(e){return Math.min(1,Math.max(0,e))}function $n(e){return parseInt(e,16)}function Xn(e){return 1==e.length?"0"+e:""+e}function Yn(e){return e<=1&&(e=100*e+"%"),e}function Kn(e){return Math.round(255*parseFloat(e)).toString(16)}function Zn(e){return $n(e)/255}var qn,Qn,Jn,eo=(Qn="[\\s|\\(]+("+(qn="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+qn+")[,|\\s]+("+qn+")\\s*\\)?",Jn="[\\s|\\(]+("+qn+")[,|\\s]+("+qn+")[,|\\s]+("+qn+")[,|\\s]+("+qn+")\\s*\\)?",{CSS_UNIT:new RegExp(qn),rgb:new RegExp("rgb"+Qn),rgba:new RegExp("rgba"+Jn),hsl:new RegExp("hsl"+Qn),hsla:new RegExp("hsla"+Jn),hsv:new RegExp("hsv"+Qn),hsva:new RegExp("hsva"+Jn),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});function to(e){return!!eo.CSS_UNIT.exec(e)}var no=function(e){var t=0,n=0;return xn(["r","g","b","a","h","s","l","v"],(function(o){e[o]&&(t+=1,isNaN(e[o])||(n+=1),"s"===o||"l"===o)&&/^\d+%$/.test(e[o])&&(n+=1)})),t===n&&e},oo=function(e,t){var n=e.hex?Sn(e.hex):Sn(e),o=n.toHsl(),r=n.toHsv(),i=n.toRgb(),a=n.toHex();return 0===o.s&&(o.h=t||0,r.h=t||0),{hsl:o,hex:"000000"===a&&0===i.a?"transparent":"#"+a,rgb:i,hsv:r,oldHue:e.h||t||o.h,source:e.source}},ro=function(e){if("transparent"===e)return!0;var t="#"===String(e).charAt(0)?1:0;return e.length!==4+t&&e.length<7+t&&Sn(e).isValid()},io=function(e){if(!e)return"#fff";var t=oo(e);return"transparent"===t.hex?"rgba(0,0,0,0.4)":(299*t.rgb.r+587*t.rgb.g+114*t.rgb.b)/1e3>=128?"#000":"#fff"},ao=function(e,t){return Sn(t+" ("+e.replace("°","")+")")._ok},lo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},so=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}();const co=function(e){var t=function(t){function n(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n);var t=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(n.__proto__||Object.getPrototypeOf(n)).call(this));return t.handleChange=function(e,n){if(no(e)){var o=oo(e,e.h||t.state.oldHue);t.setState(o),t.props.onChangeComplete&&t.debounce(t.props.onChangeComplete,o,n),t.props.onChange&&t.props.onChange(o,n)}},t.handleSwatchHover=function(e,n){if(no(e)){var o=oo(e,e.h||t.state.oldHue);t.props.onSwatchHover&&t.props.onSwatchHover(o,n)}},t.state=lo({},oo(e.color,0)),t.debounce=un((function(e,t,n){e(t,n)}),100),t}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(n,t),so(n,[{key:"render",value:function(){var t={};return this.props.onSwatchHover&&(t.onSwatchHover=this.handleSwatchHover),R().createElement(e,lo({},this.props,this.state,{onChange:this.handleChange},t))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return lo({},oo(e.color,t.oldHue))}}]),n}(j.PureComponent||j.Component);return t.propTypes=lo({},e.propTypes),t.defaultProps=lo({},e.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),t};var uo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},po=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}();function ho(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var fo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e};const go=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"span";return function(n){function o(){var e,t,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o);for(var r=arguments.length,i=Array(r),a=0;a<r;a++)i[a]=arguments[a];return t=n=ho(this,(e=o.__proto__||Object.getPrototypeOf(o)).call.apply(e,[this].concat(i))),n.state={focus:!1},n.handleFocus=function(){return n.setState({focus:!0})},n.handleBlur=function(){return n.setState({focus:!1})},ho(n,t)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(o,n),po(o,[{key:"render",value:function(){return R().createElement(t,{onFocus:this.handleFocus,onBlur:this.handleBlur},R().createElement(e,uo({},this.props,this.state)))}}]),o}(R().Component)}((function(e){var t=e.color,n=e.style,o=e.onClick,r=void 0===o?function(){}:o,i=e.onHover,a=e.title,l=void 0===a?t:a,s=e.children,c=e.focus,u=e.focusStyle,d=void 0===u?{}:u,p="transparent"===t,h=(0,I.ZP)({default:{swatch:fo({background:t,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},n,c?d:{})}}),f={};return i&&(f.onMouseOver=function(e){return i(t,e)}),R().createElement("div",fo({style:h.swatch,onClick:function(e){return r(t,e)},title:l,tabIndex:0,onKeyDown:function(e){return 13===e.keyCode&&r(t,e)}},f),s,p&&R().createElement(M,{borderRadius:h.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))}));var mo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},vo=function(e){var t=e.rgb,n=e.hsl,o=e.width,r=e.height,i=e.onChange,a=e.direction,l=e.style,s=e.renderers,c=e.pointer,u=e.className,d=void 0===u?"":u,p=(0,I.ZP)({default:{picker:{position:"relative",width:o,height:r},alpha:{radius:"2px",style:l}}});return R().createElement("div",{style:p.picker,className:"alpha-picker "+d},R().createElement(D,mo({},p.alpha,{rgb:t,hsl:n,pointer:c,renderers:s,onChange:i,direction:a})))};vo.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:function(e){var t=e.direction,n=(0,I.ZP)({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:"vertical"===t});return R().createElement("div",{style:n.picker})}};const bo=co(vo),xo=function(e,t){for(var n=-1,o=null==e?0:e.length,r=Array(o);++n<o;)r[n]=t(e[n],n,e);return r};function yo(e){var t=-1,n=null==e?0:e.length;for(this.__data__=new Ne;++t<n;)this.add(e[t])}yo.prototype.add=yo.prototype.push=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},yo.prototype.has=function(e){return this.__data__.has(e)};const _o=yo,wo=function(e,t){for(var n=-1,o=null==e?0:e.length;++n<o;)if(t(e[n],n,e))return!0;return!1},ko=function(e,t,n,o,r,i){var a=1&n,l=e.length,s=t.length;if(l!=s&&!(a&&s>l))return!1;var c=i.get(e),u=i.get(t);if(c&&u)return c==t&&u==e;var d=-1,p=!0,h=2&n?new _o:void 0;for(i.set(e,t),i.set(t,e);++d<l;){var f=e[d],g=t[d];if(o)var m=a?o(g,f,d,t,e,i):o(f,g,d,e,t,i);if(void 0!==m){if(m)continue;p=!1;break}if(h){if(!wo(t,(function(e,t){if(a=t,!h.has(a)&&(f===e||r(f,e,n,o,i)))return h.push(t);var a}))){p=!1;break}}else if(f!==g&&!r(f,g,n,o,i)){p=!1;break}}return i.delete(e),i.delete(t),p},So=function(e){var t=-1,n=Array(e.size);return e.forEach((function(e,o){n[++t]=[o,e]})),n},Co=function(e){var t=-1,n=Array(e.size);return e.forEach((function(e){n[++t]=e})),n};var jo=re?re.prototype:void 0,Ro=jo?jo.valueOf:void 0;var Io=Object.prototype.propertyIsEnumerable,Eo=Object.getOwnPropertySymbols;const To=Eo?function(e){return null==e?[]:(e=Object(e),function(e,t){for(var n=-1,o=null==e?0:e.length,r=0,i=[];++n<o;){var a=e[n];t(a,n,e)&&(i[r++]=a)}return i}(Eo(e),(function(t){return Io.call(e,t)})))}:function(){return[]},Oo=function(e){return function(e,t,n){var o=t(e);return lt(e)?o:function(e,t){for(var n=-1,o=t.length,r=e.length;++n<o;)e[r+n]=t[n];return e}(o,n(e))}(e,vn,To)};var Po=Object.prototype.hasOwnProperty;const Mo=je(oe,"DataView"),Ao=je(oe,"Promise"),No=je(oe,"Set"),Lo=je(oe,"WeakMap");var zo="[object Map]",Do="[object Promise]",Fo="[object Set]",Bo="[object WeakMap]",Ho="[object DataView]",Wo=be(Mo),Go=be(Re),Vo=be(Ao),Uo=be(No),$o=be(Lo),Xo=de;(Mo&&Xo(new Mo(new ArrayBuffer(1)))!=Ho||Re&&Xo(new Re)!=zo||Ao&&Xo(Ao.resolve())!=Do||No&&Xo(new No)!=Fo||Lo&&Xo(new Lo)!=Bo)&&(Xo=function(e){var t=de(e),n="[object Object]"==t?e.constructor:void 0,o=n?be(n):"";if(o)switch(o){case Wo:return Ho;case Go:return zo;case Vo:return Do;case Uo:return Fo;case $o:return Bo}return t});const Yo=Xo;var Ko="[object Arguments]",Zo="[object Array]",qo="[object Object]",Qo=Object.prototype.hasOwnProperty;const Jo=function(e,t,n,o,r,i){var a=lt(e),l=lt(t),s=a?Zo:Yo(e),c=l?Zo:Yo(t),u=(s=s==Ko?qo:s)==qo,d=(c=c==Ko?qo:c)==qo,p=s==c;if(p&&ht(e)){if(!ht(t))return!1;a=!0,u=!1}if(p&&!u)return i||(i=new ze),a||Ct(e)?ko(e,t,n,o,r,i):function(e,t,n,o,r,i,a){switch(n){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||!i(new $e(e),new $e(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return Z(+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 l=So;case"[object Set]":var s=1&o;if(l||(l=Co),e.size!=t.size&&!s)return!1;var c=a.get(e);if(c)return c==t;o|=2,a.set(e,t);var u=ko(l(e),l(t),o,r,i,a);return a.delete(e),u;case"[object Symbol]":if(Ro)return Ro.call(e)==Ro.call(t)}return!1}(e,t,s,n,o,r,i);if(!(1&n)){var h=u&&Qo.call(e,"__wrapped__"),f=d&&Qo.call(t,"__wrapped__");if(h||f){var g=h?e.value():e,m=f?t.value():t;return i||(i=new ze),r(g,m,n,o,i)}}return!!p&&(i||(i=new ze),function(e,t,n,o,r,i){var a=1&n,l=Oo(e),s=l.length;if(s!=Oo(t).length&&!a)return!1;for(var c=s;c--;){var u=l[c];if(!(a?u in t:Po.call(t,u)))return!1}var d=i.get(e),p=i.get(t);if(d&&p)return d==t&&p==e;var h=!0;i.set(e,t),i.set(t,e);for(var f=a;++c<s;){var g=e[u=l[c]],m=t[u];if(o)var v=a?o(m,g,u,t,e,i):o(g,m,u,e,t,i);if(!(void 0===v?g===m||r(g,m,n,o,i):v)){h=!1;break}f||(f="constructor"==u)}if(h&&!f){var b=e.constructor,x=t.constructor;b==x||!("constructor"in e)||!("constructor"in t)||"function"==typeof b&&b instanceof b&&"function"==typeof x&&x instanceof x||(h=!1)}return i.delete(e),i.delete(t),h}(e,t,n,o,r,i))},er=function e(t,n,o,r,i){return t===n||(null==t||null==n||!tt(t)&&!tt(n)?t!=t&&n!=n:Jo(t,n,o,r,e,i))},tr=function(e){return e==e&&!pe(e)},nr=function(e,t){return function(n){return null!=n&&n[e]===t&&(void 0!==t||e in Object(n))}},or=function(e){var t=function(e){for(var t=vn(e),n=t.length;n--;){var o=t[n],r=e[o];t[n]=[o,r,tr(r)]}return t}(e);return 1==t.length&&t[0][2]?nr(t[0][0],t[0][1]):function(n){return n===e||function(e,t,n,o){var r=n.length,i=r,a=!o;if(null==e)return!i;for(e=Object(e);r--;){var l=n[r];if(a&&l[2]?l[1]!==e[l[0]]:!(l[0]in e))return!1}for(;++r<i;){var s=(l=n[r])[0],c=e[s],u=l[1];if(a&&l[2]){if(void 0===c&&!(s in e))return!1}else{var d=new ze;if(o)var p=o(c,u,s,e,t,d);if(!(void 0===p?er(u,c,3,o,d):p))return!1}}return!0}(n,e,t)}};var rr=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,ir=/^\w*$/;const ar=function(e,t){if(lt(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!tn(e))||ir.test(e)||!rr.test(e)||null!=t&&e in Object(t)};function lr(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var o=arguments,r=t?t.apply(this,o):o[0],i=n.cache;if(i.has(r))return i.get(r);var a=e.apply(this,o);return n.cache=i.set(r,a)||i,a};return n.cache=new(lr.Cache||Ne),n}lr.Cache=Ne;const sr=lr;var cr=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ur=/\\(\\)?/g;const dr=function(e){var t=sr((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(cr,(function(e,n,o,r){t.push(o?r.replace(ur,"$1"):n||e)})),t}),(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}();var pr=re?re.prototype:void 0,hr=pr?pr.toString:void 0;const fr=function e(t){if("string"==typeof t)return t;if(lt(t))return xo(t,e)+"";if(tn(t))return hr?hr.call(t):"";var n=t+"";return"0"==n&&1/t==-1/0?"-0":n},gr=function(e){return null==e?"":fr(e)},mr=function(e,t){return lt(e)?e:ar(e,t)?[e]:dr(gr(e))},vr=function(e){if("string"==typeof e||tn(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t},br=function(e,t){for(var n=0,o=(t=mr(t,e)).length;null!=e&&n<o;)e=e[vr(t[n++])];return n&&n==o?e:void 0},xr=function(e,t){return null!=e&&t in Object(e)},yr=function(e,t){return null!=e&&function(e,t,n){for(var o=-1,r=(t=mr(t,e)).length,i=!1;++o<r;){var a=vr(t[o]);if(!(i=null!=e&&n(e,a)))break;e=e[a]}return i||++o!=r?i:!!(r=null==e?0:e.length)&&st(r)&&Ot(a,r)&&(lt(e)||at(e))}(e,t,xr)},_r=function(e,t){return ar(e)&&tr(t)?nr(vr(e),t):function(n){var o=function(e,t,n){var o=null==e?void 0:br(e,t);return void 0===o?n:o}(n,e);return void 0===o&&o===t?yr(n,e):er(t,o,3)}},wr=function(e){return ar(e)?(t=vr(e),function(e){return null==e?void 0:e[t]}):function(e){return function(t){return br(t,e)}}(e);var t},kr=function(e,t){var n=-1,o=ct(e)?Array(e.length):[];return bn(e,(function(e,r,i){o[++n]=t(e,r,i)})),o},Sr=function(e,t){return(lt(e)?xo:kr)(e,function(e){return"function"==typeof e?e:null==e?Bt:"object"==typeof e?lt(e)?_r(e[0],e[1]):or(e):wr(e)}(t))},Cr=function(e){var t=e.colors,n=e.onClick,o=e.onSwatchHover,r=(0,I.ZP)({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return R().createElement("div",{style:r.swatches},Sr(t,(function(e){return R().createElement(go,{key:e,color:e,style:r.swatch,onClick:n,onHover:o,focusStyle:{boxShadow:"0 0 4px "+e}})})),R().createElement("div",{style:r.clear}))};var jr=function(e){var t=e.onChange,n=e.onSwatchHover,o=e.hex,r=e.colors,i=e.width,a=e.triangle,l=e.styles,s=void 0===l?{}:l,c=e.className,u=void 0===c?"":c,d="transparent"===o,p=function(e,n){ro(e)&&t({hex:e,source:"hex"},n)},h=(0,I.ZP)(Xt({default:{card:{width:i,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:o,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:io(o),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+o+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},s),{"hide-triangle":"hide"===a});return R().createElement("div",{style:h.card,className:"block-picker "+u},R().createElement("div",{style:h.triangle}),R().createElement("div",{style:h.head},d&&R().createElement(M,{borderRadius:"6px 6px 0 0"}),R().createElement("div",{style:h.label},o)),R().createElement("div",{style:h.body},R().createElement(Cr,{colors:r,onClick:p,onSwatchHover:n}),R().createElement(G,{style:{input:h.input},value:o,onChange:p})))};jr.propTypes={width:K().oneOfType([K().string,K().number]),colors:K().arrayOf(K().string),triangle:K().oneOf(["top","hide"]),styles:K().object},jr.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}},co(jr);var Rr="#ffcdd2",Ir="#e57373",Er="#f44336",Tr="#d32f2f",Or="#b71c1c",Pr="#f8bbd0",Mr="#f06292",Ar="#e91e63",Nr="#c2185b",Lr="#880e4f",zr="#e1bee7",Dr="#ba68c8",Fr="#9c27b0",Br="#7b1fa2",Hr="#4a148c",Wr="#d1c4e9",Gr="#9575cd",Vr="#673ab7",Ur="#512da8",$r="#311b92",Xr="#c5cae9",Yr="#7986cb",Kr="#3f51b5",Zr="#303f9f",qr="#1a237e",Qr="#bbdefb",Jr="#64b5f6",ei="#2196f3",ti="#1976d2",ni="#0d47a1",oi="#b3e5fc",ri="#4fc3f7",ii="#03a9f4",ai="#0288d1",li="#01579b",si="#b2ebf2",ci="#4dd0e1",ui="#00bcd4",di="#0097a7",pi="#006064",hi="#b2dfdb",fi="#4db6ac",gi="#009688",mi="#00796b",vi="#004d40",bi="#c8e6c9",xi="#81c784",yi="#4caf50",_i="#388e3c",wi="#dcedc8",ki="#aed581",Si="#8bc34a",Ci="#689f38",ji="#33691e",Ri="#f0f4c3",Ii="#dce775",Ei="#cddc39",Ti="#afb42b",Oi="#827717",Pi="#fff9c4",Mi="#fff176",Ai="#ffeb3b",Ni="#fbc02d",Li="#f57f17",zi="#ffecb3",Di="#ffd54f",Fi="#ffc107",Bi="#ffa000",Hi="#ff6f00",Wi="#ffe0b2",Gi="#ffb74d",Vi="#ff9800",Ui="#f57c00",$i="#e65100",Xi="#ffccbc",Yi="#ff8a65",Ki="#ff5722",Zi="#e64a19",qi="#bf360c",Qi="#d7ccc8",Ji="#a1887f",ea="#795548",ta="#5d4037",na="#3e2723",oa="#cfd8dc",ra="#90a4ae",ia="#607d8b",aa="#455a64",la="#263238",sa=function(e){var t=e.color,n=e.onClick,o=e.onSwatchHover,r=e.hover,i=e.active,a=e.circleSize,l=e.circleSpacing,s=(0,I.ZP)({default:{swatch:{width:a,height:a,marginRight:l,marginBottom:l,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(a/2+1)+"px "+t,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+t}}},{hover:r,active:i});return R().createElement("div",{style:s.swatch},R().createElement(go,{style:s.Swatch,color:t,onClick:n,onHover:o,focusStyle:{boxShadow:s.Swatch.boxShadow+", 0 0 5px "+t}}))};sa.defaultProps={circleSize:28,circleSpacing:14};const ca=(0,I.tz)(sa);var ua=function(e){var t=e.width,n=e.onChange,o=e.onSwatchHover,r=e.colors,i=e.hex,a=e.circleSize,l=e.styles,s=void 0===l?{}:l,c=e.circleSpacing,u=e.className,d=void 0===u?"":u,p=(0,I.ZP)(Xt({default:{card:{width:t,display:"flex",flexWrap:"wrap",marginRight:-c,marginBottom:-c}}},s)),h=function(e,t){return n({hex:e,source:"hex"},t)};return R().createElement("div",{style:p.card,className:"circle-picker "+d},Sr(r,(function(e){return R().createElement(ca,{key:e,color:e,onClick:h,onSwatchHover:o,active:i===e.toLowerCase(),circleSize:a,circleSpacing:c})})))};ua.propTypes={width:K().oneOfType([K().string,K().number]),circleSize:K().number,circleSpacing:K().number,styles:K().object},ua.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[Er,Ar,Fr,Vr,Kr,ei,ii,ui,gi,yi,Si,Ei,Ai,Fi,Vi,Ki,ea,ia],styles:{}},co(ua);const da=function(e){return void 0===e};var pa=n(3891),ha=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),fa=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return n.toggleViews=function(){"hex"===n.state.view?n.setState({view:"rgb"}):"rgb"===n.state.view?n.setState({view:"hsl"}):"hsl"===n.state.view&&(1===n.props.hsl.a?n.setState({view:"hex"}):n.setState({view:"rgb"}))},n.handleChange=function(e,t){e.hex?ro(e.hex)&&n.props.onChange({hex:e.hex,source:"hex"},t):e.r||e.g||e.b?n.props.onChange({r:e.r||n.props.rgb.r,g:e.g||n.props.rgb.g,b:e.b||n.props.rgb.b,source:"rgb"},t):e.a?(e.a<0?e.a=0:e.a>1&&(e.a=1),n.props.onChange({h:n.props.hsl.h,s:n.props.hsl.s,l:n.props.hsl.l,a:Math.round(100*e.a)/100,source:"rgb"},t)):(e.h||e.s||e.l)&&("string"==typeof e.s&&e.s.includes("%")&&(e.s=e.s.replace("%","")),"string"==typeof e.l&&e.l.includes("%")&&(e.l=e.l.replace("%","")),1==e.s?e.s=.01:1==e.l&&(e.l=.01),n.props.onChange({h:e.h||n.props.hsl.h,s:Number(da(e.s)?n.props.hsl.s:e.s),l:Number(da(e.l)?n.props.hsl.l:e.l),source:"hsl"},t))},n.showHighlight=function(e){e.currentTarget.style.background="#eee"},n.hideHighlight=function(e){e.currentTarget.style.background="transparent"},1!==e.hsl.a&&"hex"===e.view?n.state={view:"rgb"}:n.state={view:e.view},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),ha(t,[{key:"render",value:function(){var e=this,t=(0,I.ZP)({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),n=void 0;return"hex"===this.state.view?n=R().createElement("div",{style:t.fields,className:"flexbox-fix"},R().createElement("div",{style:t.field},R().createElement(G,{style:{input:t.input,label:t.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):"rgb"===this.state.view?n=R().createElement("div",{style:t.fields,className:"flexbox-fix"},R().createElement("div",{style:t.field},R().createElement(G,{style:{input:t.input,label:t.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),R().createElement("div",{style:t.field},R().createElement(G,{style:{input:t.input,label:t.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),R().createElement("div",{style:t.field},R().createElement(G,{style:{input:t.input,label:t.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),R().createElement("div",{style:t.alpha},R().createElement(G,{style:{input:t.input,label:t.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):"hsl"===this.state.view&&(n=R().createElement("div",{style:t.fields,className:"flexbox-fix"},R().createElement("div",{style:t.field},R().createElement(G,{style:{input:t.input,label:t.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),R().createElement("div",{style:t.field},R().createElement(G,{style:{input:t.input,label:t.label},label:"s",value:Math.round(100*this.props.hsl.s)+"%",onChange:this.handleChange})),R().createElement("div",{style:t.field},R().createElement(G,{style:{input:t.input,label:t.label},label:"l",value:Math.round(100*this.props.hsl.l)+"%",onChange:this.handleChange})),R().createElement("div",{style:t.alpha},R().createElement(G,{style:{input:t.input,label:t.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),R().createElement("div",{style:t.wrap,className:"flexbox-fix"},n,R().createElement("div",{style:t.toggle},R().createElement("div",{style:t.icon,onClick:this.toggleViews,ref:function(t){return e.icon=t}},R().createElement(pa.Z,{style:t.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return 1!==e.hsl.a&&"hex"===t.view?{view:"rgb"}:null}}]),t}(R().Component);fa.defaultProps={view:"hex"};const ga=fa,ma=function(){var e=(0,I.ZP)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return R().createElement("div",{style:e.picker})},va=function(){var e=(0,I.ZP)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return R().createElement("div",{style:e.picker})};var ba=function(e){var t=e.width,n=e.onChange,o=e.disableAlpha,r=e.rgb,i=e.hsl,a=e.hsv,l=e.hex,s=e.renderers,c=e.styles,u=void 0===c?{}:c,d=e.className,p=void 0===d?"":d,h=e.defaultView,f=(0,I.ZP)(Xt({default:{picker:{width:t,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},u),{disableAlpha:o});return R().createElement("div",{style:f.picker,className:"chrome-picker "+p},R().createElement("div",{style:f.saturation},R().createElement(hn,{style:f.Saturation,hsl:i,hsv:a,pointer:va,onChange:n})),R().createElement("div",{style:f.body},R().createElement("div",{style:f.controls,className:"flexbox-fix"},R().createElement("div",{style:f.color},R().createElement("div",{style:f.swatch},R().createElement("div",{style:f.active}),R().createElement(M,{renderers:s}))),R().createElement("div",{style:f.toggles},R().createElement("div",{style:f.hue},R().createElement(X,{style:f.Hue,hsl:i,pointer:ma,onChange:n})),R().createElement("div",{style:f.alpha},R().createElement(D,{style:f.Alpha,rgb:r,hsl:i,pointer:ma,renderers:s,onChange:n})))),R().createElement(ga,{rgb:r,hsl:i,hex:l,view:h,onChange:n,disableAlpha:o})))};ba.propTypes={width:K().oneOfType([K().string,K().number]),disableAlpha:K().bool,styles:K().object,defaultView:K().oneOf(["hex","rgb","hsl"])},ba.defaultProps={width:225,disableAlpha:!1,styles:{}};const xa=co(ba),ya=function(e){var t=e.color,n=e.onClick,o=void 0===n?function(){}:n,r=e.onSwatchHover,i=e.active,a=(0,I.ZP)({default:{color:{background:t,width:"15px",height:"15px",float:"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:io(t),borderRadius:"50%",opacity:"0"}},active:{dot:{opacity:"1"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},dot:{background:"#000"}},transparent:{dot:{background:"#000"}}},{active:i,"color-#FFFFFF":"#FFFFFF"===t,transparent:"transparent"===t});return R().createElement(go,{style:a.color,color:t,onClick:o,onHover:r,focusStyle:{boxShadow:"0 0 4px "+t}},R().createElement("div",{style:a.dot}))},_a=function(e){var t=e.hex,n=e.rgb,o=e.onChange,r=(0,I.ZP)({default:{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:t},HEXwrap:{flex:"6",position:"relative"},HEXinput:{width:"80%",padding:"0px",paddingLeft:"20%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},HEXlabel:{display:"none"},RGBwrap:{flex:"3",position:"relative"},RGBinput:{width:"70%",padding:"0px",paddingLeft:"30%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},RGBlabel:{position:"absolute",top:"3px",left:"0px",lineHeight:"16px",textTransform:"uppercase",fontSize:"12px",color:"#999"}}}),i=function(e,t){e.r||e.g||e.b?o({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,source:"rgb"},t):o({hex:e.hex,source:"hex"},t)};return R().createElement("div",{style:r.fields,className:"flexbox-fix"},R().createElement("div",{style:r.active}),R().createElement(G,{style:{wrap:r.HEXwrap,input:r.HEXinput,label:r.HEXlabel},label:"hex",value:t,onChange:i}),R().createElement(G,{style:{wrap:r.RGBwrap,input:r.RGBinput,label:r.RGBlabel},label:"r",value:n.r,onChange:i}),R().createElement(G,{style:{wrap:r.RGBwrap,input:r.RGBinput,label:r.RGBlabel},label:"g",value:n.g,onChange:i}),R().createElement(G,{style:{wrap:r.RGBwrap,input:r.RGBinput,label:r.RGBlabel},label:"b",value:n.b,onChange:i}))};var wa=function(e){var t=e.onChange,n=e.onSwatchHover,o=e.colors,r=e.hex,i=e.rgb,a=e.styles,l=void 0===a?{}:a,s=e.className,c=void 0===s?"":s,u=(0,I.ZP)(Xt({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},l)),d=function(e,n){e.hex?ro(e.hex)&&t({hex:e.hex,source:"hex"},n):t(e,n)};return R().createElement(Zt,{style:u.Compact,styles:l},R().createElement("div",{style:u.compact,className:"compact-picker "+c},R().createElement("div",null,Sr(o,(function(e){return R().createElement(ya,{key:e,color:e,active:e.toLowerCase()===r,onClick:d,onSwatchHover:n})})),R().createElement("div",{style:u.clear})),R().createElement(_a,{hex:r,rgb:i,onChange:d})))};wa.propTypes={colors:K().arrayOf(K().string),styles:K().object},wa.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"],styles:{}},co(wa);const ka=(0,I.tz)((function(e){var t=e.hover,n=e.color,o=e.onClick,r=e.onSwatchHover,i={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},a=(0,I.ZP)({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:i}},{hover:t});return R().createElement("div",{style:a.swatch},R().createElement(go,{color:n,onClick:o,onHover:r,focusStyle:i}))}));var Sa=function(e){var t=e.width,n=e.colors,o=e.onChange,r=e.onSwatchHover,i=e.triangle,a=e.styles,l=void 0===a?{}:a,s=e.className,c=void 0===s?"":s,u=(0,I.ZP)(Xt({default:{card:{width:t,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},l),{"hide-triangle":"hide"===i,"top-left-triangle":"top-left"===i,"top-right-triangle":"top-right"===i,"bottom-left-triangle":"bottom-left"===i,"bottom-right-triangle":"bottom-right"===i}),d=function(e,t){return o({hex:e,source:"hex"},t)};return R().createElement("div",{style:u.card,className:"github-picker "+c},R().createElement("div",{style:u.triangleShadow}),R().createElement("div",{style:u.triangle}),Sr(n,(function(e){return R().createElement(ka,{color:e,key:e,onClick:d,onSwatchHover:r})})))};Sa.propTypes={width:K().oneOfType([K().string,K().number]),colors:K().arrayOf(K().string),triangle:K().oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:K().object},Sa.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}},co(Sa);var Ca=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},ja=function(e){var t=e.width,n=e.height,o=e.onChange,r=e.hsl,i=e.direction,a=e.pointer,l=e.styles,s=void 0===l?{}:l,c=e.className,u=void 0===c?"":c,d=(0,I.ZP)(Xt({default:{picker:{position:"relative",width:t,height:n},hue:{radius:"2px"}}},s));return R().createElement("div",{style:d.picker,className:"hue-picker "+u},R().createElement(X,Ca({},d.hue,{hsl:r,pointer:a,onChange:function(e){return o({a:1,h:e.h,l:.5,s:1})},direction:i})))};ja.propTypes={styles:K().object},ja.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:function(e){var t=e.direction,n=(0,I.ZP)({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:"vertical"===t});return R().createElement("div",{style:n.picker})},styles:{}},co(ja),co((function(e){var t=e.onChange,n=e.hex,o=e.rgb,r=e.styles,i=void 0===r?{}:r,a=e.className,l=void 0===a?"":a,s=(0,I.ZP)(Xt({default:{material:{width:"98px",height:"98px",padding:"16px",fontFamily:"Roboto"},HEXwrap:{position:"relative"},HEXinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"2px solid "+n,outline:"none",height:"30px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},Hex:{style:{}},RGBwrap:{position:"relative"},RGBinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"1px solid #eee",outline:"none",height:"30px"},RGBlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},split:{display:"flex",marginRight:"-10px",paddingTop:"11px"},third:{flex:"1",paddingRight:"10px"}}},i)),c=function(e,n){e.hex?ro(e.hex)&&t({hex:e.hex,source:"hex"},n):(e.r||e.g||e.b)&&t({r:e.r||o.r,g:e.g||o.g,b:e.b||o.b,source:"rgb"},n)};return R().createElement(Zt,{styles:i},R().createElement("div",{style:s.material,className:"material-picker "+l},R().createElement(G,{style:{wrap:s.HEXwrap,input:s.HEXinput,label:s.HEXlabel},label:"hex",value:n,onChange:c}),R().createElement("div",{style:s.split,className:"flexbox-fix"},R().createElement("div",{style:s.third},R().createElement(G,{style:{wrap:s.RGBwrap,input:s.RGBinput,label:s.RGBlabel},label:"r",value:o.r,onChange:c})),R().createElement("div",{style:s.third},R().createElement(G,{style:{wrap:s.RGBwrap,input:s.RGBinput,label:s.RGBlabel},label:"g",value:o.g,onChange:c})),R().createElement("div",{style:s.third},R().createElement(G,{style:{wrap:s.RGBwrap,input:s.RGBinput,label:s.RGBlabel},label:"b",value:o.b,onChange:c})))))}));const Ra=function(e){var t=e.onChange,n=e.rgb,o=e.hsv,r=e.hex,i=(0,I.ZP)({default:{fields:{paddingTop:"5px",paddingBottom:"9px",width:"80px",position:"relative"},divider:{height:"5px"},RGBwrap:{position:"relative"},RGBinput:{marginLeft:"40%",width:"40%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"5px",fontSize:"13px",paddingLeft:"3px",marginRight:"10px"},RGBlabel:{left:"0px",top:"0px",width:"34px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px",position:"absolute"},HEXwrap:{position:"relative"},HEXinput:{marginLeft:"20%",width:"80%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"6px",fontSize:"13px",paddingLeft:"3px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",width:"14px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px"},fieldSymbols:{position:"absolute",top:"5px",right:"-7px",fontSize:"13px"},symbol:{height:"20px",lineHeight:"22px",paddingBottom:"7px"}}}),a=function(e,r){e["#"]?ro(e["#"])&&t({hex:e["#"],source:"hex"},r):e.r||e.g||e.b?t({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,source:"rgb"},r):(e.h||e.s||e.v)&&t({h:e.h||o.h,s:e.s||o.s,v:e.v||o.v,source:"hsv"},r)};return R().createElement("div",{style:i.fields},R().createElement(G,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"h",value:Math.round(o.h),onChange:a}),R().createElement(G,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"s",value:Math.round(100*o.s),onChange:a}),R().createElement(G,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"v",value:Math.round(100*o.v),onChange:a}),R().createElement("div",{style:i.divider}),R().createElement(G,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"r",value:n.r,onChange:a}),R().createElement(G,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"g",value:n.g,onChange:a}),R().createElement(G,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"b",value:n.b,onChange:a}),R().createElement("div",{style:i.divider}),R().createElement(G,{style:{wrap:i.HEXwrap,input:i.HEXinput,label:i.HEXlabel},label:"#",value:r.replace("#",""),onChange:a}),R().createElement("div",{style:i.fieldSymbols},R().createElement("div",{style:i.symbol},"°"),R().createElement("div",{style:i.symbol},"%"),R().createElement("div",{style:i.symbol},"%")))},Ia=function(e){var t=e.hsl,n=(0,I.ZP)({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}},"black-outline":{picker:{boxShadow:"inset 0 0 0 1px #000"}}},{"black-outline":t.l>.5});return R().createElement("div",{style:n.picker})},Ea=function(){var e=(0,I.ZP)({default:{triangle:{width:0,height:0,borderStyle:"solid",borderWidth:"4px 0 4px 6px",borderColor:"transparent transparent transparent #fff",position:"absolute",top:"1px",left:"1px"},triangleBorder:{width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #555"},left:{Extend:"triangleBorder",transform:"translate(-13px, -4px)"},leftInside:{Extend:"triangle",transform:"translate(-8px, -5px)"},right:{Extend:"triangleBorder",transform:"translate(20px, -14px) rotate(180deg)"},rightInside:{Extend:"triangle",transform:"translate(-8px, -5px)"}}});return R().createElement("div",{style:e.pointer},R().createElement("div",{style:e.left},R().createElement("div",{style:e.leftInside})),R().createElement("div",{style:e.right},R().createElement("div",{style:e.rightInside})))},Ta=function(e){var t=e.onClick,n=e.label,o=e.children,r=e.active,i=(0,I.ZP)({default:{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:r});return R().createElement("div",{style:i.button,onClick:t},n||o)},Oa=function(e){var t=e.rgb,n=e.currentColor,o=(0,I.ZP)({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+t.r+","+t.g+", "+t.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:n,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return R().createElement("div",null,R().createElement("div",{style:o.label},"new"),R().createElement("div",{style:o.swatches},R().createElement("div",{style:o.new}),R().createElement("div",{style:o.current})),R().createElement("div",{style:o.label},"current"))};var Pa=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),Ma=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return n.state={currentColor:e.hex},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),Pa(t,[{key:"render",value:function(){var e=this.props,t=e.styles,n=void 0===t?{}:t,o=e.className,r=void 0===o?"":o,i=(0,I.ZP)(Xt({default:{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}},n));return R().createElement("div",{style:i.picker,className:"photoshop-picker "+r},R().createElement("div",{style:i.head},this.props.header),R().createElement("div",{style:i.body,className:"flexbox-fix"},R().createElement("div",{style:i.saturation},R().createElement(hn,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:Ia,onChange:this.props.onChange})),R().createElement("div",{style:i.hue},R().createElement(X,{direction:"vertical",hsl:this.props.hsl,pointer:Ea,onChange:this.props.onChange})),R().createElement("div",{style:i.controls},R().createElement("div",{style:i.top,className:"flexbox-fix"},R().createElement("div",{style:i.previews},R().createElement(Oa,{rgb:this.props.rgb,currentColor:this.state.currentColor})),R().createElement("div",{style:i.actions},R().createElement(Ta,{label:"OK",onClick:this.props.onAccept,active:!0}),R().createElement(Ta,{label:"Cancel",onClick:this.props.onCancel}),R().createElement(Ra,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),t}(R().Component);Ma.propTypes={header:K().string,styles:K().object},Ma.defaultProps={header:"Color Picker",styles:{}},co(Ma);const Aa=function(e){var t=e.onChange,n=e.rgb,o=e.hsl,r=e.hex,i=e.disableAlpha,a=(0,I.ZP)({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:i}),l=function(e,r){e.hex?ro(e.hex)&&t({hex:e.hex,source:"hex"},r):e.r||e.g||e.b?t({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,a:n.a,source:"rgb"},r):e.a&&(e.a<0?e.a=0:e.a>100&&(e.a=100),e.a/=100,t({h:o.h,s:o.s,l:o.l,a:e.a,source:"rgb"},r))};return R().createElement("div",{style:a.fields,className:"flexbox-fix"},R().createElement("div",{style:a.double},R().createElement(G,{style:{input:a.input,label:a.label},label:"hex",value:r.replace("#",""),onChange:l})),R().createElement("div",{style:a.single},R().createElement(G,{style:{input:a.input,label:a.label},label:"r",value:n.r,onChange:l,dragLabel:"true",dragMax:"255"})),R().createElement("div",{style:a.single},R().createElement(G,{style:{input:a.input,label:a.label},label:"g",value:n.g,onChange:l,dragLabel:"true",dragMax:"255"})),R().createElement("div",{style:a.single},R().createElement(G,{style:{input:a.input,label:a.label},label:"b",value:n.b,onChange:l,dragLabel:"true",dragMax:"255"})),R().createElement("div",{style:a.alpha},R().createElement(G,{style:{input:a.input,label:a.label},label:"a",value:Math.round(100*n.a),onChange:l,dragLabel:"true",dragMax:"100"})))};var Na=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},La=function(e){var t=e.colors,n=e.onClick,o=void 0===n?function(){}:n,r=e.onSwatchHover,i=(0,I.ZP)({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!t||!t.length}),a=function(e,t){o({hex:e,source:"hex"},t)};return R().createElement("div",{style:i.colors,className:"flexbox-fix"},t.map((function(e){var t="string"==typeof e?{color:e}:e,n=""+t.color+(t.title||"");return R().createElement("div",{key:n,style:i.swatchWrap},R().createElement(go,Na({},t,{style:i.swatch,onClick:a,onHover:r,focusStyle:{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px "+t.color}})))})))};La.propTypes={colors:K().arrayOf(K().oneOfType([K().string,K().shape({color:K().string,title:K().string})])).isRequired};const za=La;var Da=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Fa=function(e){var t=e.width,n=e.rgb,o=e.hex,r=e.hsv,i=e.hsl,a=e.onChange,l=e.onSwatchHover,s=e.disableAlpha,c=e.presetColors,u=e.renderers,d=e.styles,p=void 0===d?{}:d,h=e.className,f=void 0===h?"":h,g=(0,I.ZP)(Xt({default:Da({picker:{width:t,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+n.r+","+n.g+","+n.b+","+n.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},p),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},p),{disableAlpha:s});return R().createElement("div",{style:g.picker,className:"sketch-picker "+f},R().createElement("div",{style:g.saturation},R().createElement(hn,{style:g.Saturation,hsl:i,hsv:r,onChange:a})),R().createElement("div",{style:g.controls,className:"flexbox-fix"},R().createElement("div",{style:g.sliders},R().createElement("div",{style:g.hue},R().createElement(X,{style:g.Hue,hsl:i,onChange:a})),R().createElement("div",{style:g.alpha},R().createElement(D,{style:g.Alpha,rgb:n,hsl:i,renderers:u,onChange:a}))),R().createElement("div",{style:g.color},R().createElement(M,null),R().createElement("div",{style:g.activeColor}))),R().createElement(Aa,{rgb:n,hsl:i,hex:o,onChange:a,disableAlpha:s}),R().createElement(za,{colors:c,onClick:a,onSwatchHover:l}))};Fa.propTypes={disableAlpha:K().bool,width:K().oneOfType([K().string,K().number]),styles:K().object},Fa.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]},co(Fa);const Ba=function(e){var t=e.hsl,n=e.offset,o=e.onClick,r=void 0===o?function(){}:o,i=e.active,a=e.first,l=e.last,s=(0,I.ZP)({default:{swatch:{height:"12px",background:"hsl("+t.h+", 50%, "+100*n+"%)",cursor:"pointer"}},first:{swatch:{borderRadius:"2px 0 0 2px"}},last:{swatch:{borderRadius:"0 2px 2px 0"}},active:{swatch:{transform:"scaleY(1.8)",borderRadius:"3.6px/2px"}}},{active:i,first:a,last:l});return R().createElement("div",{style:s.swatch,onClick:function(e){return r({h:t.h,s:.5,l:n,source:"hsl"},e)}})},Ha=function(e){var t=e.onClick,n=e.hsl,o=(0,I.ZP)({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}}),r=.1;return R().createElement("div",{style:o.swatches},R().createElement("div",{style:o.swatch},R().createElement(Ba,{hsl:n,offset:".80",active:Math.abs(n.l-.8)<r&&Math.abs(n.s-.5)<r,onClick:t,first:!0})),R().createElement("div",{style:o.swatch},R().createElement(Ba,{hsl:n,offset:".65",active:Math.abs(n.l-.65)<r&&Math.abs(n.s-.5)<r,onClick:t})),R().createElement("div",{style:o.swatch},R().createElement(Ba,{hsl:n,offset:".50",active:Math.abs(n.l-.5)<r&&Math.abs(n.s-.5)<r,onClick:t})),R().createElement("div",{style:o.swatch},R().createElement(Ba,{hsl:n,offset:".35",active:Math.abs(n.l-.35)<r&&Math.abs(n.s-.5)<r,onClick:t})),R().createElement("div",{style:o.swatch},R().createElement(Ba,{hsl:n,offset:".20",active:Math.abs(n.l-.2)<r&&Math.abs(n.s-.5)<r,onClick:t,last:!0})),R().createElement("div",{style:o.clear}))};var Wa=function(e){var t=e.hsl,n=e.onChange,o=e.pointer,r=e.styles,i=void 0===r?{}:r,a=e.className,l=void 0===a?"":a,s=(0,I.ZP)(Xt({default:{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}},i));return R().createElement("div",{style:s.wrap||{},className:"slider-picker "+l},R().createElement("div",{style:s.hue},R().createElement(X,{style:s.Hue,hsl:t,pointer:o,onChange:n})),R().createElement("div",{style:s.swatches},R().createElement(Ha,{hsl:t,onClick:n})))};Wa.propTypes={styles:K().object},Wa.defaultProps={pointer:function(){var e=(0,I.ZP)({default:{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return R().createElement("div",{style:e.picker})},styles:{}},co(Wa);var Ga=n(597);const Va=function(e){var t=e.color,n=e.onClick,o=void 0===n?function(){}:n,r=e.onSwatchHover,i=e.first,a=e.last,l=e.active,s=(0,I.ZP)({default:{color:{width:"40px",height:"24px",cursor:"pointer",background:t,marginBottom:"1px"},check:{color:io(t),marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},check:{color:"#333"}},transparent:{check:{color:"#333"}}},{first:i,last:a,active:l,"color-#FFFFFF":"#FFFFFF"===t,transparent:"transparent"===t});return R().createElement(go,{color:t,style:s.color,onClick:o,onHover:r,focusStyle:{boxShadow:"0 0 4px "+t}},R().createElement("div",{style:s.check},R().createElement(Ga.Z,null)))},Ua=function(e){var t=e.onClick,n=e.onSwatchHover,o=e.group,r=e.active,i=(0,I.ZP)({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return R().createElement("div",{style:i.group},Sr(o,(function(e,i){return R().createElement(Va,{key:e,color:e,active:e.toLowerCase()===r,first:0===i,last:i===o.length-1,onClick:t,onSwatchHover:n})})))};var $a=function(e){var t=e.width,n=e.height,o=e.onChange,r=e.onSwatchHover,i=e.colors,a=e.hex,l=e.styles,s=void 0===l?{}:l,c=e.className,u=void 0===c?"":c,d=(0,I.ZP)(Xt({default:{picker:{width:t,height:n},overflow:{height:n,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}},s)),p=function(e,t){return o({hex:e,source:"hex"},t)};return R().createElement("div",{style:d.picker,className:"swatches-picker "+u},R().createElement(Zt,null,R().createElement("div",{style:d.overflow},R().createElement("div",{style:d.body},Sr(i,(function(e){return R().createElement(Ua,{key:e.toString(),group:e,active:a,onClick:p,onSwatchHover:r})})),R().createElement("div",{style:d.clear})))))};$a.propTypes={width:K().oneOfType([K().string,K().number]),height:K().oneOfType([K().string,K().number]),colors:K().arrayOf(K().arrayOf(K().string)),styles:K().object},$a.defaultProps={width:320,height:240,colors:[[Or,Tr,Er,Ir,Rr],[Lr,Nr,Ar,Mr,Pr],[Hr,Br,Fr,Dr,zr],[$r,Ur,Vr,Gr,Wr],[qr,Zr,Kr,Yr,Xr],[ni,ti,ei,Jr,Qr],[li,ai,ii,ri,oi],[pi,di,ui,ci,si],[vi,mi,gi,fi,hi],["#194D33",_i,yi,xi,bi],[ji,Ci,Si,ki,wi],[Oi,Ti,Ei,Ii,Ri],[Li,Ni,Ai,Mi,Pi],[Hi,Bi,Fi,Di,zi],[$i,Ui,Vi,Gi,Wi],[qi,Zi,Ki,Yi,Xi],[na,ta,ea,Ji,Qi],[la,aa,ia,ra,oa],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]],styles:{}},co($a);var Xa=function(e){var t=e.onChange,n=e.onSwatchHover,o=e.hex,r=e.colors,i=e.width,a=e.triangle,l=e.styles,s=void 0===l?{}:l,c=e.className,u=void 0===c?"":c,d=(0,I.ZP)(Xt({default:{card:{width:i,background:"#fff",border:"0 solid rgba(0,0,0,0.25)",boxShadow:"0 1px 4px rgba(0,0,0,0.25)",borderRadius:"4px",position:"relative"},body:{padding:"15px 9px 9px 15px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent #fff transparent",position:"absolute"},triangleShadow:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent rgba(0,0,0,.1) transparent",position:"absolute"},hash:{background:"#F0F0F0",height:"30px",width:"30px",borderRadius:"4px 0 0 4px",float:"left",color:"#98A1A4",display:"flex",alignItems:"center",justifyContent:"center"},input:{width:"100px",fontSize:"14px",color:"#666",border:"0px",outline:"none",height:"28px",boxShadow:"inset 0 0 0 1px #F0F0F0",boxSizing:"content-box",borderRadius:"0 4px 4px 0",float:"left",paddingLeft:"8px"},swatch:{width:"30px",height:"30px",float:"left",borderRadius:"4px",margin:"0 6px 6px 0"},clear:{clear:"both"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-10px",left:"12px"},triangleShadow:{top:"-11px",left:"12px"}},"top-right-triangle":{triangle:{top:"-10px",right:"12px"},triangleShadow:{top:"-11px",right:"12px"}}},s),{"hide-triangle":"hide"===a,"top-left-triangle":"top-left"===a,"top-right-triangle":"top-right"===a}),p=function(e,n){ro(e)&&t({hex:e,source:"hex"},n)};return R().createElement("div",{style:d.card,className:"twitter-picker "+u},R().createElement("div",{style:d.triangleShadow}),R().createElement("div",{style:d.triangle}),R().createElement("div",{style:d.body},Sr(r,(function(e,t){return R().createElement(go,{key:t,color:e,hex:e,style:d.swatch,onClick:p,onHover:n,focusStyle:{boxShadow:"0 0 4px "+e}})})),R().createElement("div",{style:d.hash},"#"),R().createElement(G,{label:null,style:{input:d.input},value:o.replace("#",""),onChange:p}),R().createElement("div",{style:d.clear})))};Xa.propTypes={width:K().oneOfType([K().string,K().number]),triangle:K().oneOf(["hide","top-left","top-right"]),colors:K().arrayOf(K().string),styles:K().object},Xa.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}},co(Xa);var Ya=function(e){var t=(0,I.ZP)({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(e.hsl.h)+", "+Math.round(100*e.hsl.s)+"%, "+Math.round(100*e.hsl.l)+"%)"}}});return R().createElement("div",{style:t.picker})};Ya.propTypes={hsl:K().shape({h:K().number,s:K().number,l:K().number,a:K().number})},Ya.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};const Ka=Ya;var Za=function(e){var t=(0,I.ZP)({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(e.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return R().createElement("div",{style:t.picker})};Za.propTypes={hsl:K().shape({h:K().number,s:K().number,l:K().number,a:K().number})},Za.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};const qa=Za,Qa=function(e){var t=e.onChange,n=e.rgb,o=e.hsl,r=e.hex,i=e.hsv,a=function(e,n){if(e.hex)ro(e.hex)&&t({hex:e.hex,source:"hex"},n);else if(e.rgb){var o=e.rgb.split(",");ao(e.rgb,"rgb")&&t({r:o[0],g:o[1],b:o[2],a:1,source:"rgb"},n)}else if(e.hsv){var r=e.hsv.split(",");ao(e.hsv,"hsv")&&(r[2]=r[2].replace("%",""),r[1]=r[1].replace("%",""),r[0]=r[0].replace("°",""),1==r[1]?r[1]=.01:1==r[2]&&(r[2]=.01),t({h:Number(r[0]),s:Number(r[1]),v:Number(r[2]),source:"hsv"},n))}else if(e.hsl){var i=e.hsl.split(",");ao(e.hsl,"hsl")&&(i[2]=i[2].replace("%",""),i[1]=i[1].replace("%",""),i[0]=i[0].replace("°",""),1==u[1]?u[1]=.01:1==u[2]&&(u[2]=.01),t({h:Number(i[0]),s:Number(i[1]),v:Number(i[2]),source:"hsl"},n))}},l=(0,I.ZP)({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),s=n.r+", "+n.g+", "+n.b,c=Math.round(o.h)+"°, "+Math.round(100*o.s)+"%, "+Math.round(100*o.l)+"%",u=Math.round(i.h)+"°, "+Math.round(100*i.s)+"%, "+Math.round(100*i.v)+"%";return R().createElement("div",{style:l.wrap,className:"flexbox-fix"},R().createElement("div",{style:l.fields},R().createElement("div",{style:l.double},R().createElement(G,{style:{input:l.input,label:l.label},label:"hex",value:r,onChange:a})),R().createElement("div",{style:l.column},R().createElement("div",{style:l.single},R().createElement(G,{style:{input:l.input2,label:l.label2},label:"rgb",value:s,onChange:a})),R().createElement("div",{style:l.single},R().createElement(G,{style:{input:l.input2,label:l.label2},label:"hsv",value:u,onChange:a})),R().createElement("div",{style:l.single},R().createElement(G,{style:{input:l.input2,label:l.label2},label:"hsl",value:c,onChange:a})))))};var Ja=function(e){var t=e.width,n=e.onChange,o=e.rgb,r=e.hsl,i=e.hsv,a=e.hex,l=e.header,s=e.styles,c=void 0===s?{}:s,u=e.className,d=void 0===u?"":u,p=(0,I.ZP)(Xt({default:{picker:{width:t,background:"#fff",border:"1px solid #dfe1e5",boxSizing:"initial",display:"flex",flexWrap:"wrap",borderRadius:"8px 8px 0px 0px"},head:{height:"57px",width:"100%",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"16px",fontSize:"20px",boxSizing:"border-box",fontFamily:"Roboto-Regular,HelveticaNeue,Arial,sans-serif"},saturation:{width:"70%",padding:"0px",position:"relative",overflow:"hidden"},swatch:{width:"30%",height:"228px",padding:"0px",background:"rgba("+o.r+", "+o.g+", "+o.b+", 1)",position:"relative",overflow:"hidden"},body:{margin:"auto",width:"95%"},controls:{display:"flex",boxSizing:"border-box",height:"52px",paddingTop:"22px"},color:{width:"32px"},hue:{height:"8px",position:"relative",margin:"0px 16px 0px 16px",width:"100%"},Hue:{radius:"2px"}}},c));return R().createElement("div",{style:p.picker,className:"google-picker "+d},R().createElement("div",{style:p.head},l),R().createElement("div",{style:p.swatch}),R().createElement("div",{style:p.saturation},R().createElement(hn,{hsl:r,hsv:i,pointer:Ka,onChange:n})),R().createElement("div",{style:p.body},R().createElement("div",{style:p.controls,className:"flexbox-fix"},R().createElement("div",{style:p.hue},R().createElement(X,{style:p.Hue,hsl:r,radius:"4px",pointer:qa,onChange:n}))),R().createElement(Qa,{rgb:o,hsl:r,hex:a,hsv:i,onChange:n})))};function el(){return el=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},el.apply(null,arguments)}function tl(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}Ja.propTypes={width:K().oneOfType([K().string,K().number]),styles:K().object,header:K().string},Ja.defaultProps={width:652,styles:{},header:"Color picker"},co(Ja);var nl=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,ol=tl((function(e){return nl.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),rl=function(){function e(e){var t=this;this._insertTag=function(e){var n;n=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling,t.container.insertBefore(e,n),t.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}(this));var t=this.tags[this.tags.length-1];if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(t);try{n.insertRule(e,n.cssRules.length)}catch(e){}}else t.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){var t;return null==(t=e.parentNode)?void 0:t.removeChild(e)})),this.tags=[],this.ctr=0},e}(),il=Math.abs,al=String.fromCharCode,ll=Object.assign;function sl(e){return e.trim()}function cl(e,t,n){return e.replace(t,n)}function ul(e,t){return e.indexOf(t)}function dl(e,t){return 0|e.charCodeAt(t)}function pl(e,t,n){return e.slice(t,n)}function hl(e){return e.length}function fl(e){return e.length}function gl(e,t){return t.push(e),e}var ml=1,vl=1,bl=0,xl=0,yl=0,_l="";function wl(e,t,n,o,r,i,a){return{value:e,root:t,parent:n,type:o,props:r,children:i,line:ml,column:vl,length:a,return:""}}function kl(e,t){return ll(wl("",null,null,"",null,null,0),e,{length:-e.length},t)}function Sl(){return yl=xl>0?dl(_l,--xl):0,vl--,10===yl&&(vl=1,ml--),yl}function Cl(){return yl=xl<bl?dl(_l,xl++):0,vl++,10===yl&&(vl=1,ml++),yl}function jl(){return dl(_l,xl)}function Rl(){return xl}function Il(e,t){return pl(_l,e,t)}function El(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Tl(e){return ml=vl=1,bl=hl(_l=e),xl=0,[]}function Ol(e){return _l="",e}function Pl(e){return sl(Il(xl-1,Nl(91===e?e+2:40===e?e+1:e)))}function Ml(e){for(;(yl=jl())&&yl<33;)Cl();return El(e)>2||El(yl)>3?"":" "}function Al(e,t){for(;--t&&Cl()&&!(yl<48||yl>102||yl>57&&yl<65||yl>70&&yl<97););return Il(e,Rl()+(t<6&&32==jl()&&32==Cl()))}function Nl(e){for(;Cl();)switch(yl){case e:return xl;case 34:case 39:34!==e&&39!==e&&Nl(yl);break;case 40:41===e&&Nl(e);break;case 92:Cl()}return xl}function Ll(e,t){for(;Cl()&&e+yl!==57&&(e+yl!==84||47!==jl()););return"/*"+Il(t,xl-1)+"*"+al(47===e?e:Cl())}function zl(e){for(;!El(jl());)Cl();return Il(e,xl)}var Dl="-ms-",Fl="-moz-",Bl="-webkit-",Hl="comm",Wl="rule",Gl="decl",Vl="@keyframes";function Ul(e,t){for(var n="",o=fl(e),r=0;r<o;r++)n+=t(e[r],r,e,t)||"";return n}function $l(e,t,n,o){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case Gl:return e.return=e.return||e.value;case Hl:return"";case Vl:return e.return=e.value+"{"+Ul(e.children,o)+"}";case Wl:e.value=e.props.join(",")}return hl(n=Ul(e.children,o))?e.return=e.value+"{"+n+"}":""}function Xl(e){return Ol(Yl("",null,null,null,[""],e=Tl(e),0,[0],e))}function Yl(e,t,n,o,r,i,a,l,s){for(var c=0,u=0,d=a,p=0,h=0,f=0,g=1,m=1,v=1,b=0,x="",y=r,_=i,w=o,k=x;m;)switch(f=b,b=Cl()){case 40:if(108!=f&&58==dl(k,d-1)){-1!=ul(k+=cl(Pl(b),"&","&\f"),"&\f")&&(v=-1);break}case 34:case 39:case 91:k+=Pl(b);break;case 9:case 10:case 13:case 32:k+=Ml(f);break;case 92:k+=Al(Rl()-1,7);continue;case 47:switch(jl()){case 42:case 47:gl(Zl(Ll(Cl(),Rl()),t,n),s);break;default:k+="/"}break;case 123*g:l[c++]=hl(k)*v;case 125*g:case 59:case 0:switch(b){case 0:case 125:m=0;case 59+u:-1==v&&(k=cl(k,/\f/g,"")),h>0&&hl(k)-d&&gl(h>32?ql(k+";",o,n,d-1):ql(cl(k," ","")+";",o,n,d-2),s);break;case 59:k+=";";default:if(gl(w=Kl(k,t,n,c,u,r,l,x,y=[],_=[],d),i),123===b)if(0===u)Yl(k,t,w,w,y,i,d,l,_);else switch(99===p&&110===dl(k,3)?100:p){case 100:case 108:case 109:case 115:Yl(e,w,w,o&&gl(Kl(e,w,w,0,0,r,l,x,r,y=[],d),_),r,_,d,l,o?y:_);break;default:Yl(k,w,w,w,[""],_,0,l,_)}}c=u=h=0,g=v=1,x=k="",d=a;break;case 58:d=1+hl(k),h=f;default:if(g<1)if(123==b)--g;else if(125==b&&0==g++&&125==Sl())continue;switch(k+=al(b),b*g){case 38:v=u>0?1:(k+="\f",-1);break;case 44:l[c++]=(hl(k)-1)*v,v=1;break;case 64:45===jl()&&(k+=Pl(Cl())),p=jl(),u=d=hl(x=k+=zl(Rl())),b++;break;case 45:45===f&&2==hl(k)&&(g=0)}}return i}function Kl(e,t,n,o,r,i,a,l,s,c,u){for(var d=r-1,p=0===r?i:[""],h=fl(p),f=0,g=0,m=0;f<o;++f)for(var v=0,b=pl(e,d+1,d=il(g=a[f])),x=e;v<h;++v)(x=sl(g>0?p[v]+" "+b:cl(b,/&\f/g,p[v])))&&(s[m++]=x);return wl(e,t,n,0===r?Wl:l,s,c,u)}function Zl(e,t,n){return wl(e,t,n,Hl,al(yl),pl(e,2,-2),0)}function ql(e,t,n,o){return wl(e,t,n,Gl,pl(e,0,o),pl(e,o+1,-1),o)}var Ql=function(e,t,n){for(var o=0,r=0;o=r,r=jl(),38===o&&12===r&&(t[n]=1),!El(r);)Cl();return Il(e,xl)},Jl=new WeakMap,es=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,n=e.parent,o=e.column===n.column&&e.line===n.line;"rule"!==n.type;)if(!(n=n.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||Jl.get(n))&&!o){Jl.set(e,!0);for(var r=[],i=function(e,t){return Ol(function(e,t){var n=-1,o=44;do{switch(El(o)){case 0:38===o&&12===jl()&&(t[n]=1),e[n]+=Ql(xl-1,t,n);break;case 2:e[n]+=Pl(o);break;case 4:if(44===o){e[++n]=58===jl()?"&\f":"",t[n]=e[n].length;break}default:e[n]+=al(o)}}while(o=Cl());return e}(Tl(e),t))}(t,r),a=n.props,l=0,s=0;l<i.length;l++)for(var c=0;c<a.length;c++,s++)e.props[s]=r[l]?i[l].replace(/&\f/g,a[c]):a[c]+" "+i[l]}}},ts=function(e){if("decl"===e.type){var t=e.value;108===t.charCodeAt(0)&&98===t.charCodeAt(2)&&(e.return="",e.value="")}};function ns(e,t){switch(function(e,t){return 45^dl(e,0)?(((t<<2^dl(e,0))<<2^dl(e,1))<<2^dl(e,2))<<2^dl(e,3):0}(e,t)){case 5103:return Bl+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return Bl+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return Bl+e+Fl+e+Dl+e+e;case 6828:case 4268:return Bl+e+Dl+e+e;case 6165:return Bl+e+Dl+"flex-"+e+e;case 5187:return Bl+e+cl(e,/(\w+).+(:[^]+)/,Bl+"box-$1$2"+Dl+"flex-$1$2")+e;case 5443:return Bl+e+Dl+"flex-item-"+cl(e,/flex-|-self/,"")+e;case 4675:return Bl+e+Dl+"flex-line-pack"+cl(e,/align-content|flex-|-self/,"")+e;case 5548:return Bl+e+Dl+cl(e,"shrink","negative")+e;case 5292:return Bl+e+Dl+cl(e,"basis","preferred-size")+e;case 6060:return Bl+"box-"+cl(e,"-grow","")+Bl+e+Dl+cl(e,"grow","positive")+e;case 4554:return Bl+cl(e,/([^-])(transform)/g,"$1"+Bl+"$2")+e;case 6187:return cl(cl(cl(e,/(zoom-|grab)/,Bl+"$1"),/(image-set)/,Bl+"$1"),e,"")+e;case 5495:case 3959:return cl(e,/(image-set\([^]*)/,Bl+"$1$`$1");case 4968:return cl(cl(e,/(.+:)(flex-)?(.*)/,Bl+"box-pack:$3"+Dl+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+Bl+e+e;case 4095:case 3583:case 4068:case 2532:return cl(e,/(.+)-inline(.+)/,Bl+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(hl(e)-1-t>6)switch(dl(e,t+1)){case 109:if(45!==dl(e,t+4))break;case 102:return cl(e,/(.+:)(.+)-([^]+)/,"$1"+Bl+"$2-$3$1"+Fl+(108==dl(e,t+3)?"$3":"$2-$3"))+e;case 115:return~ul(e,"stretch")?ns(cl(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==dl(e,t+1))break;case 6444:switch(dl(e,hl(e)-3-(~ul(e,"!important")&&10))){case 107:return cl(e,":",":"+Bl)+e;case 101:return cl(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+Bl+(45===dl(e,14)?"inline-":"")+"box$3$1"+Bl+"$2$3$1"+Dl+"$2box$3")+e}break;case 5936:switch(dl(e,t+11)){case 114:return Bl+e+Dl+cl(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return Bl+e+Dl+cl(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return Bl+e+Dl+cl(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return Bl+e+Dl+e+e}return e}var os=[function(e,t,n,o){if(e.length>-1&&!e.return)switch(e.type){case Gl:e.return=ns(e.value,e.length);break;case Vl:return Ul([kl(e,{value:cl(e.value,"@","@"+Bl)})],o);case Wl:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,(function(t){switch(function(e,t){return(e=/(::plac\w+|:read-\w+)/.exec(e))?e[0]:e}(t)){case":read-only":case":read-write":return Ul([kl(e,{props:[cl(t,/:(read-\w+)/,":-moz-$1")]})],o);case"::placeholder":return Ul([kl(e,{props:[cl(t,/:(plac\w+)/,":"+Bl+"input-$1")]}),kl(e,{props:[cl(t,/:(plac\w+)/,":-moz-$1")]}),kl(e,{props:[cl(t,/:(plac\w+)/,Dl+"input-$1")]})],o)}return""}))}}],rs=function(e){var t=e.key;if("css"===t){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var o,r,i=e.stylisPlugins||os,a={},l=[];o=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){for(var t=e.getAttribute("data-emotion").split(" "),n=1;n<t.length;n++)a[t[n]]=!0;l.push(e)}));var s,c,u,d,p=[$l,(d=function(e){s.insert(e)},function(e){e.root||(e=e.return)&&d(e)})],h=(c=[es,ts].concat(i,p),u=fl(c),function(e,t,n,o){for(var r="",i=0;i<u;i++)r+=c[i](e,t,n,o)||"";return r});r=function(e,t,n,o){s=n,Ul(Xl(e?e+"{"+t.styles+"}":t.styles),h),o&&(f.inserted[t.name]=!0)};var f={key:t,sheet:new rl({key:t,container:o,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:a,registered:{},insert:r};return f.sheet.hydrate(l),f},is={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function as(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}var ls=!1,ss=/[A-Z]|^ms/g,cs=/_EMO_([^_]+?)_([^]*?)_EMO_/g,us=function(e){return 45===e.charCodeAt(1)},ds=function(e){return null!=e&&"boolean"!=typeof e},ps=as((function(e){return us(e)?e:e.replace(ss,"-$&").toLowerCase()})),hs=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(cs,(function(e,t,n){return ms={name:t,styles:n,next:ms},t}))}return 1===is[e]||us(e)||"number"!=typeof t||0===t?t:t+"px"},fs="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function gs(e,t,n){if(null==n)return"";var o=n;if(void 0!==o.__emotion_styles)return o;switch(typeof n){case"boolean":return"";case"object":var r=n;if(1===r.anim)return ms={name:r.name,styles:r.styles,next:ms},r.name;var i=n;if(void 0!==i.styles){var a=i.next;if(void 0!==a)for(;void 0!==a;)ms={name:a.name,styles:a.styles,next:ms},a=a.next;return i.styles+";"}return function(e,t,n){var o="";if(Array.isArray(n))for(var r=0;r<n.length;r++)o+=gs(e,t,n[r])+";";else for(var i in n){var a=n[i];if("object"!=typeof a){var l=a;null!=t&&void 0!==t[l]?o+=i+"{"+t[l]+"}":ds(l)&&(o+=ps(i)+":"+hs(i,l)+";")}else{if("NO_COMPONENT_SELECTOR"===i&&ls)throw new Error(fs);if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var s=gs(e,t,a);switch(i){case"animation":case"animationName":o+=ps(i)+":"+s+";";break;default:o+=i+"{"+s+"}"}}else for(var c=0;c<a.length;c++)ds(a[c])&&(o+=ps(i)+":"+hs(i,a[c])+";")}}return o}(e,t,n);case"function":if(void 0!==e){var l=ms,s=n(e);return ms=l,gs(e,t,s)}}var c=n;if(null==t)return c;var u=t[c];return void 0!==u?u:c}var ms,vs=/label:\s*([^\s;{]+)\s*(;|$)/g;function bs(e,t,n){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o=!0,r="";ms=void 0;var i=e[0];null==i||void 0===i.raw?(o=!1,r+=gs(n,t,i)):r+=i[0];for(var a=1;a<e.length;a++)r+=gs(n,t,e[a]),o&&(r+=i[a]);vs.lastIndex=0;for(var l,s="";null!==(l=vs.exec(r));)s+="-"+l[1];var c=function(e){for(var t,n=0,o=0,r=e.length;r>=4;++o,r-=4)t=1540483477*(65535&(t=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+(59797*(t>>>16)<<16),n=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&n)+(59797*(n>>>16)<<16);switch(r){case 3:n^=(255&e.charCodeAt(o+2))<<16;case 2:n^=(255&e.charCodeAt(o+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(o)))+(59797*(n>>>16)<<16)}return(((n=1540483477*(65535&(n^=n>>>13))+(59797*(n>>>16)<<16))^n>>>15)>>>0).toString(36)}(r)+s;return{name:c,styles:r,next:ms}}var xs=!!j.useInsertionEffect&&j.useInsertionEffect,ys=xs||function(e){return e()},_s=(xs||j.useLayoutEffect,j.createContext("undefined"!=typeof HTMLElement?rs({key:"css"}):null)),ws=(_s.Provider,function(e){return(0,j.forwardRef)((function(t,n){var o=(0,j.useContext)(_s);return e(t,o,n)}))}),ks=j.createContext({}),Ss=function(e,t,n){var o=e.key+"-"+t.name;!1===n&&void 0===e.registered[o]&&(e.registered[o]=t.styles)},Cs=ol,js=function(e){return"theme"!==e},Rs=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?Cs:js},Is=function(e,t,n){var o;if(t){var r=t.shouldForwardProp;o=e.__emotion_forwardProp&&r?function(t){return e.__emotion_forwardProp(t)&&r(t)}:r}return"function"!=typeof o&&n&&(o=e.__emotion_forwardProp),o},Es=function(e){var t=e.cache,n=e.serialized,o=e.isStringTag;return Ss(t,n,o),ys((function(){return function(e,t,n){Ss(e,t,n);var o=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var r=t;do{e.insert(t===r?"."+o:"",r,e.sheet,!0),r=r.next}while(void 0!==r)}}(t,n,o)})),null},Ts=function e(t,n){var o,r,i=t.__emotion_real===t,a=i&&t.__emotion_base||t;void 0!==n&&(o=n.label,r=n.target);var l=Is(t,n,i),s=l||Rs(a),c=!s("as");return function(){var u=arguments,d=i&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==o&&d.push("label:"+o+";"),null==u[0]||void 0===u[0].raw)d.push.apply(d,u);else{d.push(u[0][0]);for(var p=u.length,h=1;h<p;h++)d.push(u[h],u[0][h])}var f=ws((function(e,t,n){var o=c&&e.as||a,i="",u=[],p=e;if(null==e.theme){for(var h in p={},e)p[h]=e[h];p.theme=j.useContext(ks)}"string"==typeof e.className?i=function(e,t,n){var o="";return n.split(" ").forEach((function(n){void 0!==e[n]?t.push(e[n]+";"):n&&(o+=n+" ")})),o}(t.registered,u,e.className):null!=e.className&&(i=e.className+" ");var f=bs(d.concat(u),t.registered,p);i+=t.key+"-"+f.name,void 0!==r&&(i+=" "+r);var g=c&&void 0===l?Rs(o):s,m={};for(var v in e)c&&"as"===v||g(v)&&(m[v]=e[v]);return m.className=i,n&&(m.ref=n),j.createElement(j.Fragment,null,j.createElement(Es,{cache:t,serialized:f,isStringTag:"string"==typeof o}),j.createElement(o,m))}));return f.displayName=void 0!==o?o:"Styled("+("string"==typeof a?a:a.displayName||a.name||"Component")+")",f.defaultProps=t.defaultProps,f.__emotion_real=f,f.__emotion_base=a,f.__emotion_styles=d,f.__emotion_forwardProp=l,Object.defineProperty(f,"toString",{value:function(){return"."+r}}),f.withComponent=function(t,o){return e(t,el({},n,o,{shouldForwardProp:Is(f,o,!0)})).apply(void 0,d)},f}};function Os(e=1){return isNaN(e)?"8px":8*e+"px"}function Ps(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return bs(t)}n(8679);const Ms=new RegExp(/-left/g),As=new RegExp(/-right/g),Ns=new RegExp(/Left/g),Ls=new RegExp(/Right/g);function zs(e={},t){return()=>{const n=!(!document||"rtl"!==document.documentElement.dir);return Ps(t?n?t:e:n?((e={})=>(0,m.mapKeys)(e,((e,t)=>function(e){return"left"===e?"right":"right"===e?"left":Ms.test(e)?e.replace(Ms,"-right"):As.test(e)?e.replace(As,"-left"):Ns.test(e)?e.replace(Ns,"Right"):Ls.test(e)?e.replace(Ls,"Left"):e}(t))))(e):e,"")}}var Ds={name:"b1qlpp",styles:"height:30px;min-height:30px"};const Fs=()=>Ds,Bs=Ts(d.__experimentalNumberControl,{target:"e14rqla00"})("box-sizing:border-box;display:inline-block;font-size:13px;margin-top:0;width:",Os(8),"!important;input[type='number']&{",Fs,";}",zs({marginLeft:`${Os(2)} !important`}),";");var Hs=n(9590),Ws=n.n(Hs);const Gs=({color:e,onChange:t,onChangeComplete:n})=>(0,w.jsxs)(d.Flex,{align:"center",gap:0,children:[(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)(bo,{height:"8px",width:"100%",color:e,onChange:t,onChangeComplete:n})}),(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(Bs,{className:"components-range-control__number",inputMode:"decimal",min:0,max:1,step:.01,value:Sn(e).getAlpha(),onChange:t=>{n({rgb:Sn(e).setAlpha(t).toRgb()})}})})]}),Vs=(e,t,n=!1)=>{var o;return""===e?"":(e=Sn((null===(o=e)||void 0===o?void 0:o.rgb)||e)).isValid()?(!1!==n&&e.setAlpha(n),t&&e.getAlpha()<1?e.toRgbString():e.toHexString()):null},Us=({value:e,onChange:t,onLiveChange:n,label:o=(0,h.__)("Color","kubio"),alpha:r=!0,returnRawValue:i=!1,hasButton:a=!0,onButtonClick:l=m.noop,buttonIcon:s=u.DeleteItemIcon,buttonText:f=null})=>{const{parseVariableColor:v,computedColorToVariable:b}=(0,c.useGlobalDataColors)();null==e&&(e="");const x=v(e),[y,_]=(0,p.useState)(x),k=(0,p.useMemo)((()=>Sn(y)),[y]);(0,p.useEffect)((()=>{const t=Vs(v(e),r);t&&!Ws()(t,y)&&_(t)}),[e,r]);const S=(e,t=!1)=>{null!==(e=Vs(e,r,!!t&&k.getAlpha()))&&(_(e),n(e))},C=(e,n=!1)=>{if(null===(e=Vs(e,r,!!n&&k.getAlpha())))return;const o=i?e:b(e);S(o),t(o)},j=g()("kubio-color-picker-control","kubio-control",{"kubio-color-picker-control__has_button":a}),R=["kubio-popover-options-icon ","kubio-color-popover-additional-button"];return null===f&&R.push("is-small"),(0,w.jsx)(w.Fragment,{children:(0,w.jsxs)(d.BaseControl,{label:o,className:j,children:[(0,w.jsx)(xa,{color:k.toHexString(),disableAlpha:!0,onChange:e=>S(e,!0),onChangeComplete:e=>C(e,!0),styles:{default:{picker:{boxShadow:"none",border:"none",width:228,fontFamily:"inherit"}}}}),(0,w.jsxs)(d.Flex,{align:"center",justify:"center",children:[r&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(d.FlexItem,{className:"kubio-preview-indicator",children:(0,w.jsx)(Xs,{value:k.toRgbString()})}),(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)(Gs,{color:y,onChange:e=>S(e,!1),onChangeComplete:e=>C(e,!1)})})]}),a&&(0,w.jsx)(d.Tooltip,{text:(0,h.__)("Reset","kubio"),position:(0,h.__)("top left","kubio"),children:(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(d.Button,{className:R,icon:s,text:f,onClick:l})})})]})]})})},$s=(0,p.forwardRef)((({showPalette:e=!0,value:t,defaultValue:n=null,onChange:o,alpha:r,returnRawValue:i=!1,onLiveChange:a=m.noop,hasButton:l=!1,onReset:s=m.noop,onButtonClick:c=s,buttonIcon:u,buttonText:f},g)=>{const[v,b]=(0,p.useState)(n||t),x=e=>{b(e),o(e)};return(0,p.useEffect)((()=>{void 0===t||Ws()(t,v)||b(t)}),[v,t]),(0,w.jsxs)("div",{ref:g,className:"kubio-control",children:[(0,w.jsx)("div",{className:"h-dummy-focus-control",children:(0,w.jsxs)(d.BaseControl,{children:[(0,w.jsx)("button",{}),(0,w.jsx)(d.BaseControl,{})]})}),e&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(C,{onChange:x,value:v,returnRawValue:i}),(0,w.jsx)(S,{className:"kubio-color-picker-separator"})]}),(0,w.jsx)(Us,{label:(0,h.__)("Custom color","kubio"),value:v,onChange:x,onLiveChange:e=>{b(e),a(e)},alpha:r,hasButton:l,onButtonClick:c,returnRawValue:i,buttonIcon:u,buttonText:f})]})})),Xs=({value:e})=>{const{parseVariableColor:t}=(0,c.useGlobalDataColors)();return(0,w.jsx)("span",{className:g()("component-color-indicator","kubio-color-popover-indicator"),children:(0,w.jsx)("div",{className:"kubio-color-popover-indicator-preview",style:{background:t(e)}})})},Ys=({color:e,onChange:t,alpha:n=!0,showReset:o,onReset:r,showPalette:i=!0,returnRawValue:a,hasButton:l,buttonIcon:s,buttonText:c})=>{const[f,v]=(0,p.useState)(e);(0,p.useEffect)((()=>{(0,m.isEqual)(e,f)||v(e)}),[e]);const b=(0,p.useRef)();return(0,w.jsxs)("div",{className:"kubio-color-popover-wrapper",children:[(0,w.jsx)(d.Button,{ref:b,className:"kubio-color-popover-button",children:(0,w.jsx)(Xs,{value:f})}),(0,w.jsx)(k,{className:g()("kubio-color-popover","kubio-control"),buttonRef:b,anchorRef:b,children:(0,w.jsx)($s,{alpha:n,value:f,onChange:e=>{v(e),t(e)},onLiveChange:v,showPalette:i,onButtonClick:r,returnRawValue:a,hasButton:l,buttonIcon:s,buttonText:c})}),o&&(0,w.jsx)(d.Button,{isSmall:!0,icon:u.ResetIcon,label:(0,h.__)("Reset","kubio"),className:"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon",onClick:r})]})},Ks=({color:e,value:t,onChange:n,alpha:o=!0,label:r=null,showReset:i=!1,onReset:a,showPalette:l=!0,returnRawValue:c=!1,disabled:u=!1,hasButton:p=!1,buttonText:h=null,buttonIcon:f})=>(t=t||e,a=a||(()=>{n(s.UNSET_VALUE)}),(0,w.jsxs)(w.Fragment,{children:[r&&(0,w.jsx)(d.BaseControl,{className:g()("kubio-color-popover-control","kubio-control"),children:(0,w.jsxs)("div",{className:"kubio-color-popover-labeled",children:[(0,w.jsx)("div",{className:"kubio-color-popover-label",title:r,children:r}),(0,w.jsx)(Ys,{alpha:o,onChange:n,color:t,showReset:i,onReset:a,showPalette:l,returnRawValue:c,disabled:u,hasButton:p,buttonIcon:f,buttonText:h})]})}),!r&&(0,w.jsx)(Ys,{alpha:o,onChange:n,color:t,showReset:i,onReset:a,showPalette:l,returnRawValue:c,disabled:u,hasButton:p,buttonIcon:f,buttonText:h})]})),Zs=Ts("span",{target:"ekjhhkr8"})({name:"1qjnww8",styles:"box-sizing:border-box;display:block;width:24px;height:24px;position:relative;padding:4px;padding-left:0"}),qs=Ts("span",{target:"ekjhhkr7"})({name:"wr730m",styles:"box-sizing:border-box;display:block;position:relative;width:18px;height:18px"});Ts("span",{target:"ekjhhkr6"})("box-sizing:border-box;display:block;pointer-events:none;position:absolute;",(({isFocused:e})=>Ps({backgroundColor:e?"#007CBA":"#CCCCCC"},"","")),";");const Qs=(0,p.forwardRef)((function({icon:e,size:t=24,...n},o){return(0,p.cloneElement)(e,{width:t,height:t,...n,ref:o})}));function Js({size:e=24,side:t="all",...n}){const o=ec(t,"top"),r=ec(t,"right"),i=ec(t,"bottom"),a=ec(t,"left"),l=e/24;return(0,w.jsx)(Zs,{style:{transform:`scale(${l})`},...n,children:(0,w.jsx)(qs,{children:(0,w.jsxs)("div",{className:"kubio-border-radius-icon-container",children:[(0,w.jsx)(Qs,{icon:u.BorderTop,className:o?"kubio-border-radius-selected":""}),(0,w.jsx)(Qs,{icon:u.BorderLeft,className:a?"kubio-border-radius-selected":""}),(0,w.jsx)(Qs,{icon:u.BorderBottom,className:i?"kubio-border-radius-selected":""}),(0,w.jsx)(Qs,{icon:u.BorderRight,className:r?"kubio-border-radius-selected":""})]})})})}function ec(e,t){return"all"===e||e===t}function tc(e,t){return e.map((function(e,n){return e+t[n]}))}function nc(e,t){return e.map((function(e,n){return e-t[n]}))}function oc(e){return Math.hypot.apply(Math,e)}function rc(e,t,n){return 0===t||Math.abs(t)===1/0?function(e,t){return Math.pow(e,5*t)}(e,n):e*t*n/(t+n*e)}function ic(e,t,n,o){return void 0===o&&(o=.15),0===o?function(e,t,n){return Math.max(t,Math.min(e,n))}(e,t,n):e<t?-rc(t-e,n-t,o)+t:e>n?+rc(e-n,n-t,o)+n:e}function ac(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function lc(){return lc=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},lc.apply(this,arguments)}function sc(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function cc(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function uc(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function dc(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return uc(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?uc(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0;return function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}function pc(){}function hc(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return 0===t.length?pc:1===t.length?t[0]:function(){for(var e,n,o=dc(t);!(n=o()).done;)e=n.value.apply(this,arguments)||e;return e}}function fc(e){if("function"==typeof e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];return e.apply(void 0,n)}return e}function gc(e,t){void 0===e&&(e={});for(var n={},o=0,r=Object.entries(t);o<r.length;o++){var i=r[o],a=i[0],l=i[1];switch(typeof l){case"function":n[a]=l.call(n,e[a],a,e);break;case"object":n[a]=gc(e[a],l);break;case"boolean":l&&(n[a]=e[a])}}return n}function mc(e){return{buttons:"buttons"in e?e.buttons:0,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey,ctrlKey:e.ctrlKey}}var vc=function(e){return e};function bc(e,t){void 0===t&&(t=vc);var n=function(e){return"pointerId"in e?null:"touchend"===e.type?e.changedTouches:e.targetTouches}(e),o=n?n[0]:e;return t([o.clientX,o.clientY])}var xc="undefined"!=typeof window&&window.document&&window.document.createElement,yc={enabled:function(e){return void 0===e&&(e=!0),e},domTarget:!0,window:function(e){function t(_x){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(e){return void 0===e&&(e=xc?window:void 0),e})),eventOptions:function(e){var t=void 0===e?{}:e,n=t.passive,o=void 0===n||n,r=t.capture;return{passive:o,capture:void 0!==r&&r}},transform:!0};function _c(e){return void 0===e&&(e={}),gc(e,yc)}function wc(e){var t=e.domTarget,n=e.eventOptions,o=e.window,r=e.enabled,i=function(e,t){if(null==e)return{};var n,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,["domTarget","eventOptions","window","enabled"]),a=_c({domTarget:t,eventOptions:n,window:o,enabled:r});return a.hover=lc({enabled:!0},i),a}function kc(e){return lc({_active:!1,_blocked:!1,_intentional:[!1,!1],_movement:[0,0],_initial:[0,0],_bounds:[[-1/0,1/0],[-1/0,1/0]],_lastEventType:void 0,_dragStarted:!1,_dragPreventScroll:!1,_dragIsTap:!0,_dragDelayed:!1,event:void 0,intentional:!1,values:[0,0],velocities:[0,0],delta:[0,0],movement:[0,0],offset:[0,0],lastOffset:[0,0],direction:[0,0],initial:[0,0],previous:[0,0],first:!1,last:!1,active:!1,timeStamp:0,startTime:0,elapsedTime:0,cancel:pc,canceled:!1,memo:void 0,args:void 0},e)}function Sc(){return{shared:{hovering:!1,scrolling:!1,wheeling:!1,dragging:!1,moving:!1,pinching:!1,touches:0,buttons:0,down:!1,shiftKey:!1,altKey:!1,metaKey:!1,ctrlKey:!1,locked:!1},drag:kc({_pointerId:void 0,axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0,tap:!1,swipe:[0,0]}),pinch:kc({_pointerIds:[],da:[0,0],vdva:[0,0],origin:void 0,turns:0}),wheel:kc({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0}),move:kc({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0}),scroll:kc({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0})}}var Cc=new Map,jc=function(e){return e},Rc=function(){function e(e,t){var n=this;void 0===t&&(t=[]),this.controller=e,this.args=t,this.debounced=!0,this.setTimeout=function(e,t){var o;void 0===t&&(t=140),clearTimeout(n.controller.timeouts[n.stateKey]);for(var r=arguments.length,i=new Array(r>2?r-2:0),a=2;a<r;a++)i[a-2]=arguments[a];n.controller.timeouts[n.stateKey]=(o=window).setTimeout.apply(o,[e,t].concat(i))},this.clearTimeout=function(){clearTimeout(n.controller.timeouts[n.stateKey])},this.fireGestureHandler=function(e){if(void 0===e&&(e=!1),n.state._blocked)return n.debounced||(n.state._active=!1,n.clean()),null;if(!e&&!n.state.intentional&&!n.config.triggerAllEvents)return null;if(n.state.intentional){var t=n.state.active,o=n.state._active;n.state.active=o,n.state.first=o&&!t,n.state.last=t&&!o,n.controller.state.shared[n.ingKey]=o}var r=n.controller.pointerIds.size||n.controller.touchIds.size,i=n.controller.state.shared.buttons>0||r>0,a=lc({},n.controller.state.shared,n.state,n.mapStateValues(n.state),{locked:!!document.pointerLockElement,touches:r,down:i}),l=n.handler(a);return n.state.memo=void 0!==l?l:n.state.memo,a},this.controller=e,this.args=t}var t,n,o=e.prototype;return o.updateSharedState=function(e){Object.assign(this.controller.state.shared,e)},o.updateGestureState=function(e){Object.assign(this.state,e)},o.checkIntentionality=function(e,t){return{_intentional:e,_blocked:!1}},o.getMovement=function(e){var t=this.config,n=t.rubberband,o=t.threshold,r=this.state,i=r._bounds,a=r._initial,l=r._active,s=r._intentional,c=r.lastOffset,u=r.movement,d=this.getInternalMovement(e,this.state),p=this.transform(o).map(Math.abs),h=!1===s[0]?Ic(d[0],p[0]):s[0],f=!1===s[1]?Ic(d[1],p[1]):s[1],g=this.checkIntentionality([h,f],d);if(g._blocked)return lc({},g,{_movement:d,delta:[0,0]});var m=g._intentional,v=d,b=[!1!==m[0]?d[0]-m[0]:0,!1!==m[1]?d[1]-m[1]:0],x=tc(b,c),y=l?n:[0,0];return b=Ec(i,tc(b,a),y),lc({},g,{intentional:!1!==m[0]||!1!==m[1],_initial:a,_movement:v,movement:b,values:e,offset:Ec(i,x,y),delta:nc(b,u)})},o.clean=function(){this.clearTimeout()},t=e,(n=[{key:"config",get:function(){return this.controller.config[this.stateKey]}},{key:"enabled",get:function(){return this.controller.config.enabled&&this.config.enabled}},{key:"state",get:function(){return this.controller.state[this.stateKey]}},{key:"handler",get:function(){return this.controller.handlers[this.stateKey]}},{key:"transform",get:function(){return this.config.transform||this.controller.config.transform||jc}}])&&ac(t.prototype,n),e}();function Ic(e,t){return Math.abs(e)>=t&&(n=e,(Math.sign?Math.sign(n):Number(n>0)-Number(n<0)||+n)*t);var n}function Ec(e,t,n){var o=t[0],r=t[1],i=n[0],a=n[1],l=e[0],s=l[0],c=l[1],u=e[1],d=u[0],p=u[1];return[ic(o,s,c,i),ic(r,d,p,a)]}function Tc(e,t,n){var o=e.state,r=t.timeStamp,i=t.type,a=o.values;return{_lastEventType:i,event:t,timeStamp:r,elapsedTime:n?0:r-o.startTime,previous:a}}function Oc(e,t){return function(n){for(var o=arguments.length,r=new Array(o>1?o-1:0),i=1;i<o;i++)r[i-1]=arguments[i];return e.call.apply(e,[this,lc({},t,{event:n})].concat(r))}}var Pc=function(e){var t=this;this.classes=e,this.pointerIds=new Set,this.touchIds=new Set,this.supportsTouchEvents="undefined"!=typeof window&&"ontouchstart"in window,this.supportsGestureEvents=function(){try{return"constructor"in GestureEvent}catch(e){return!1}}(),this.bind=function(){for(var e={},n=arguments.length,o=new Array(n),r=0;r<n;r++)o[r]=arguments[r];for(var i,a=dc(t.classes);!(i=a()).done;)new(0,i.value)(t,o).addBindings(e);for(var l=0,s=Object.entries(t.nativeRefs);l<s.length;l++){var c=s[l];Nc(e,c[0],Oc(c[1],lc({},t.state.shared,{args:o})))}return t.config.domTarget?function(e,t){var n=e.config,o=e.domListeners,r=Ac(n);if(!r)throw new Error("domTarget must be defined");var i=n.eventOptions;Lc(r,Mc(o),i);for(var a=0,l=Object.entries(t);a<l.length;a++){var s=l[a],c=s[0],u=s[1],d=c.slice(2).toLowerCase();o.push([d,hc.apply(void 0,u)])}!function(e,t,n){void 0===t&&(t=[]),void 0===n&&(n={});for(var o,r=dc(t);!(o=r()).done;){var i=o.value,a=i[0],l=i[1];e.addEventListener(a,l,n)}}(r,o,i)}(t,e):function(e,t){for(var n={},o=e.config.eventOptions.capture?"Capture":"",r=0,i=Object.entries(t);r<i.length;r++){var a=i[r],l=a[0],s=a[1],c=Array.isArray(s)?s:[s];n[l+o]=hc.apply(void 0,c)}return n}(t,e)},this.effect=function(){return t.config.domTarget&&t.bind(),t.clean},this.clean=function(){var e=Ac(t.config),n=t.config.eventOptions;e&&Lc(e,Mc(t.domListeners),n),Object.values(t.timeouts).forEach(clearTimeout),function(e){var t=e.config,n=t.window,o=t.eventOptions,r=e.windowListeners;if(n){for(var i in r)Lc(n,r[i],o);e.windowListeners={}}}(t)},this.classes=e,this.state=Sc(),this.timeouts={},this.domListeners=[],this.windowListeners={}};function Mc(e){return void 0===e&&(e=[]),e.splice(0,e.length)}function Ac(e){var t=e.domTarget;return t&&"current"in t?t.current:t}function Nc(e,t,n){e[t]||(e[t]=[]),e[t].push(n)}function Lc(e,t,n){void 0===t&&(t=[]),void 0===n&&(n={});for(var o,r=dc(t);!(o=r()).done;){var i=o.value,a=i[0],l=i[1];e.removeEventListener(a,l,n)}}function zc(){}function Dc(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){if(e.constructor!==t.constructor)return!1;var n,o,r,i;if(Array.isArray(e)){if((n=e.length)!==t.length)return!1;for(o=n;0!=o--;)if(!Dc(e[o],t[o]))return!1;return!0}if("function"==typeof Map&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(i=e.entries();!(o=i.next()).done;)if(!t.has(o.value[0]))return!1;for(i=e.entries();!(o=i.next()).done;)if(!Dc(o.value[1],t.get(o.value[0])))return!1;return!0}if("function"==typeof Set&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(i=e.entries();!(o=i.next()).done;)if(!t.has(o.value[0]))return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();if((n=(r=Object.keys(e)).length)!==Object.keys(t).length)return!1;for(o=n;0!=o--;)if(!Object.prototype.hasOwnProperty.call(t,r[o]))return!1;if("undefined"!=typeof Element&&e instanceof Element)return!1;for(o=n;0!=o--;)if(!("_owner"===r[o]&&e.$$typeof||Dc(e[r[o]],t[r[o]])))return!1;return!0}return e!=e&&t!=t}function Fc(e,t){try{return Dc(e,t)}catch(e){if((e.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}}var Bc=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).ingKey="moving",t.stateKey="move",t.debounced=!0,t.onMove=function(e){t.enabled&&(t.setTimeout(t.onMoveEnd),t.state._active?t.onMoveChange(e):t.onMoveStart(e))},t.onMoveStart=function(e){t.updateSharedState(mc(e));var n=bc(e,t.transform);t.updateGestureState(lc({},function(e,t,n){var o=e.state,r=e.config,i=e.stateKey,a=e.args,l=o.offset,s=n.timeStamp,c=r.initial,u=r.bounds,d=lc({},Sc()[i],{_active:!0,args:a,values:t,initial:t,offset:l,lastOffset:l,startTime:s});return lc({},d,{_initial:fc(c,d),_bounds:fc(u,d)})}(cc(t),n,e),Tc(cc(t),e,!0))),t.updateGestureState(t.getMovement(n)),t.fireGestureHandler()},t.onMoveChange=function(e){t.updateSharedState(mc(e));var n=bc(e,t.transform);t.updateGestureState(lc({},Tc(cc(t),e),t.getKinematics(n,e))),t.fireGestureHandler()},t.onMoveEnd=function(){if(t.clean(),t.state._active){var e=t.state.values;t.updateGestureState(t.getMovement(e)),t.updateGestureState({velocities:[0,0],velocity:0,_active:!1}),t.fireGestureHandler()}},t.hoverTransform=function(){return t.controller.config.hover.transform||t.controller.config.transform},t.onPointerEnter=function(e){if(t.controller.state.shared.hovering=!0,t.controller.config.enabled){if(t.controller.config.hover.enabled){var n=bc(e,t.hoverTransform()),o=lc({},t.controller.state.shared,t.state,Tc(cc(t),e,!0),{args:t.args,values:n,active:!0,hovering:!0});t.controller.handlers.hover(lc({},o,t.mapStateValues(o)))}"move"in t.controller.handlers&&t.onMoveStart(e)}},t.onPointerLeave=function(e){if(t.controller.state.shared.hovering=!1,"move"in t.controller.handlers&&t.onMoveEnd(),t.controller.config.hover.enabled){var n=bc(e,t.hoverTransform()),o=lc({},t.controller.state.shared,t.state,Tc(cc(t),e),{args:t.args,values:n,active:!1});t.controller.handlers.hover(lc({},o,t.mapStateValues(o)))}},t}return sc(t,e),t.prototype.addBindings=function(e){"move"in this.controller.handlers&&Nc(e,"onPointerMove",this.onMove),"hover"in this.controller.handlers&&(Nc(e,"onPointerEnter",this.onPointerEnter),Nc(e,"onPointerLeave",this.onPointerLeave))},t}(function(e){function t(){return e.apply(this,arguments)||this}sc(t,e);var n=t.prototype;return n.getInternalMovement=function(e,t){return nc(e,t.initial)},n.checkIntentionality=function(e,t){if(!1===e[0]&&!1===e[1])return{_intentional:e,axis:this.state.axis};var n=t.map(Math.abs),o=n[0],r=n[1],i=this.state.axis||(o>r?"x":o<r?"y":void 0);return this.config.axis||this.config.lockDirection?i?this.config.axis&&i!==this.config.axis?{_intentional:e,_blocked:!0,axis:i}:(e["x"===i?1:0]=!1,{_intentional:e,_blocked:!1,axis:i}):{_intentional:[!1,!1],_blocked:!1,axis:i}:{_intentional:e,_blocked:!1,axis:i}},n.getKinematics=function(e,t){var n=this.getMovement(e);if(!n._blocked){var o=t.timeStamp-this.state.timeStamp;Object.assign(n,function(e,t,n){var o=oc(t),r=0===o?0:1/o,i=0===n?0:1/n,a=i*o,l=t.map((function(e){return i*e})),s=t.map((function(e){return r*e}));return{velocities:l,velocity:a,distance:oc(e),direction:s}}(n.movement,n.delta,o))}return n},n.mapStateValues=function(e){return{xy:e.values,vxvy:e.velocities}},t}(Rc));const Hc=window.wp.keycodes,Wc={CHANGE:"CHANGE",COMMIT:"COMMIT",DRAG_END:"DRAG_END",DRAG_START:"DRAG_START",DRAG:"DRAG",INVALIDATE:"INVALIDATE",PRESS_DOWN:"PRESS_DOWN",PRESS_ENTER:"PRESS_ENTER",PRESS_UP:"PRESS_UP",RESET:"RESET",UPDATE:"UPDATE"},Gc=(...e)=>(...t)=>e.reduceRight(((e,n)=>{const o=n(...t);return(0,m.isEmpty)(o)?e:{...e,...o}}),{}),Vc={black:"#000",white:"#fff"},Uc={blue:{medium:{focus:"#007cba",focusDark:"#fff"}},gray:{900:"#1e1e1e",700:"#757575",600:"#949494",400:"#ccc",200:"#ddd",100:"#f0f0f0"},darkGray:{primary:"#1e1e1e"},mediumGray:{text:"#757575"},lightGray:{ui:"#949494",secondary:"#ccc",tertiary:"#e7e8e9"}},$c={900:"#191e23",800:"#23282d",700:"#32373c",600:"#40464d",500:"#555d66",400:"#606a73",300:"#6c7781",200:"#7e8993",150:"#8d96a0",100:"#8f98a1",placeholder:tu(Uc.gray[900],.62)},Xc={900:tu("#000510",.9),800:tu("#00000a",.85),700:tu("#06060b",.8),600:tu("#000913",.75),500:tu("#0a1829",.7),400:tu("#0a1829",.65),300:tu("#0e1c2e",.62),200:tu("#162435",.55),100:tu("#223443",.5),backgroundFill:tu($c[700],.7)},Yc={900:tu("#304455",.45),800:tu("#425863",.4),700:tu("#667886",.35),600:tu("#7b86a2",.3),500:tu("#9197a2",.25),400:tu("#95959c",.2),300:tu("#829493",.15),200:tu("#8b8b96",.1),100:tu("#747474",.05)},Kc={900:"#a2aab2",800:"#b5bcc2",700:"#ccd0d4",600:"#d7dade",500:"#e2e4e7",400:"#e8eaeb",300:"#edeff0",200:"#f3f4f5",100:"#f8f9f9",placeholder:tu(Vc.white,.65)},Zc={900:tu(Vc.white,.5),800:tu(Vc.white,.45),700:tu(Vc.white,.4),600:tu(Vc.white,.35),500:tu(Vc.white,.3),400:tu(Vc.white,.25),300:tu(Vc.white,.2),200:tu(Vc.white,.15),100:tu(Vc.white,.1),backgroundFill:tu(Kc[300],.8)},qc={wordpress:{700:"#00669b"},dark:{900:"#0071a1"},medium:{900:"#006589",800:"#00739c",700:"#007fac",600:"#008dbe",500:"#00a0d2",400:"#33b3db",300:"#66c6e4",200:"#bfe7f3",100:"#e5f5fa",highlight:"#b3e7fe",focus:"#007cba"}},Qc={theme:`var( --wp-admin-theme-color, ${qc.wordpress[700]})`,themeDark10:`var( --wp-admin-theme-color-darker-10, ${qc.medium.focus})`},Jc={theme:Qc.theme,background:Vc.white,backgroundDisabled:Kc[200],border:Uc.gray[700],borderFocus:Qc.themeDark10,borderDisabled:Uc.gray[400],borderLight:Uc.gray[200],label:$c[500],textDisabled:$c[150],textDark:Vc.white,textLight:Vc.black},eu={...Vc,darkGray:(0,m.merge)({},$c,Uc.darkGray),darkOpacity:Xc,darkOpacityLight:Yc,mediumGray:Uc.mediumGray,lightGray:(0,m.merge)({},Kc,Uc.lightGray),lightGrayLight:Zc,blue:(0,m.merge)({},qc,Uc.blue),alert:{yellow:"#f0b849",red:"#d94f4f",green:"#4ab866"},admin:Qc,ui:Jc};function tu(e="",t=1){const{r:n,g:o,b:r}=Sn(e).toRgb();return`rgba(${n}, ${o}, ${r}, ${t})`}function nu(e){return(0,m.get)(eu,e,"#000")}const ou=Ts("div",{target:"ejwk7lp3"})({name:"100d0a9",styles:"box-sizing:border-box;position:relative"}),ru=({disableUnits:e})=>Ps(zs({paddingRight:e?3:24})(),";","");var iu={name:"1y65o8",styles:"&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}"};const au=({disableUnits:e})=>e?"":iu,lu=Ts(d.__experimentalNumberControl,{target:"ejwk7lp2"})("&&&{input{appearance:none;-moz-appearance:textfield;display:block;width:100%;",au,";",ru,";}}"),su=e=>Ps("appearance:none;background:transparent;border-radius:2px;border:none;box-sizing:border-box;color:",nu("darkGray.500"),";display:block;font-size:8px;line-height:1;letter-spacing:-0.5px;outline:none;padding:2px 1px;position:absolute;text-align-last:center;text-transform:uppercase;width:20px;",zs({borderTopLeftRadius:0,borderBottomLeftRadius:0})()," ",zs({right:0})()," ",(({size:e})=>Ps({default:{height:28,lineHeight:"24px",minHeight:28,top:1},small:{height:22,lineHeight:"18px",minHeight:22,top:1}}[e],"",""))(e),";",""),cu=Ts("div",{target:"ejwk7lp1"})("&&&{pointer-events:none;",su,";}"),uu=Ts("select",{target:"ejwk7lp0"})("&&&{",su,";cursor:pointer;border:1px solid transparent;&:hover{background-color:",nu("lightGray.300"),";}&:focus{border-color:",nu("ui.borderFocus"),";outline:2px solid transparent;outline-offset:0;}&:disabled{cursor:initial;&:hover{background-color:transparent;}}}"),du=[{value:"px",label:"px",default:0,a11yLabel:(0,h.__)("Pixels","kubio")},{value:"%",label:"%",default:10,a11yLabel:(0,h.__)("Percent","kubio")},{value:"em",label:"em",default:0,a11yLabel:(0,h._x)("ems","Relative to parent font size (em)","kubio")},{value:"rem",label:"rem",default:0,a11yLabel:(0,h._x)("rems","Relative to root font size (rem)","kubio")},{value:"vw",label:"vw",default:10,a11yLabel:(0,h.__)("viewport widths","kubio")},{value:"vh",label:"vh",default:10,a11yLabel:(0,h.__)("viewport heights","kubio")}],pu=du[0];function hu(e){return!(0,m.isEmpty)(e)&&e.length>1&&!1!==e}function fu({className:e,isTabbable:t=!0,options:n=du,onChange:o=m.noop,size:r="default",value:i="px",...a}){if(!hu(n))return(0,w.jsx)(cu,{className:"components-unit-control__unit-label",size:r,children:i});const l=g()("components-unit-control__select",e);return(0,w.jsx)(uu,{className:l,onChange:e=>{const{value:t}=e.target,r=n.find((e=>e.value===t));o(t,{event:e,data:r})},size:r,tabIndex:t?null:"-1",value:i,...a,children:n.map((e=>(0,w.jsx)("option",{value:e.value,children:e.label},e.value)))})}const gu=(0,p.forwardRef)((function({__unstableStateReducer:e=(e=>e),autoComplete:t="off",className:n,disabled:o=!1,disableUnits:r=!1,isPressEnterToChange:i=!1,isUnitSelectTabbable:a=!0,label:l,onChange:s=m.noop,size:c="default",style:u,units:d=du,value:f,capMin:v=!1,min:b,onBlur:y=m.noop,...k},S){b=parseInt(b);const C=_.get(f,"value"),j=_.get(f,"unit"),[R,I]=(0,p.useState)(C),[E,T]=(0,p.useState)(j);(0,p.useEffect)((()=>{C!==R&&I(C)}),[C]),(0,p.useEffect)((()=>{j!==E&&T(j)}),[j]);const O=(0,p.useRef)(null),P=g()("components-unit-control",n),M=(0,x.useDebounce)((0,p.useCallback)(((e,t)=>{""!==e&&(e=parseFloat(e)),""!==e&&v&&e<b&&(e=b);const n={value:e,unit:E};e!==R&&(I(e),s(n,t))}),[R,I,s]),100),A=e=>{if(!isNaN(e.target.value))return void(O.current=null);const[t,n]=function(e,t,n,o){const[r,i]=function(e,t=du){const n=String(e).trim();let o=parseFloat(n,10);o=isNaN(o)?"":o;const r=n.match(/[\d.\-\+]*\s*(.*)/)[1];let i=void 0!==r?r:"";if(i=i.toLowerCase(),hu(t)){const e=t.find((e=>e.value===i));i=null==e?void 0:e.value}else i=pu.value;return[o,i]}(e,t),a=r;let l;var s;return l=i||o,hu(t)&&!l&&(l=null===(s=t[0])||void 0===s?void 0:s.value),[a,l]}(e.target.value,d,0,E);if(O.current=t,i&&n!==E){const t={event:e,data:d.find((e=>e.value===n))};T(n),s({value:"",unit:n},t)}},N=r?null:(0,w.jsx)(fu,{"aria-label":(0,h.__)("Select unit","kubio"),disabled:o,isTabbable:a,options:d,onChange:(e,t)=>{if(e!==E){const n={value:"",unit:e};I(""),T(e),s(n,t)}},size:c,value:E});let L=k.step;if(!L&&d){var z;const e=d.find((e=>e.value===E));L=null!==(z=null==e?void 0:e.step)&&void 0!==z?z:1}return(0,w.jsx)(ou,{className:g()("components-unit-control-wrapper","kubio-components-unit-control-wrapper","kubio-control"),style:u,children:(0,w.jsx)(lu,{"aria-label":l,type:"number",...(0,m.omit)(k,["children"]),autoComplete:t,className:P,disabled:o,disableUnits:r,isPressEnterToChange:i,label:l,onBlur:e=>{A(e),y(e)},onKeyDown:e=>{const{keyCode:t}=e;t===Hc.ENTER&&A(e)},onChange:M,ref:S,size:c,suffix:N,value:R,min:b,__unstableStateReducer:Gc(((e,t)=>(t.type===Wc.COMMIT&&null!==O.current&&(e.value=O.current,O.current=null),e)),e)})})})),mu=Ts("div",{target:"eam573v6"})({name:"qjcucp",styles:"box-sizing:border-box;margin-bottom:10px;width:100%"}),vu=Ts(d.Flex,{target:"eam573v5"})("color:",nu("ui.label"),";padding-bottom:8px;"),bu=Ts(d.Flex,{target:"eam573v4"})({name:"4bbi2l",styles:"min-height:30px"}),xu=Ts("div",{target:"eam573v3"})({name:"112jwab",styles:"box-sizing:border-box;max-width:80px"}),yu=Ts(d.Flex,{target:"eam573v2"})({name:"fseh6c",styles:"justify-content:center;padding-top:8px;flex:1 0 0"}),_u=Ts(d.Flex,{target:"eam573v1"})({name:"3tw5wk",styles:"position:relative;height:100%;width:100%;justify-content:flex-start"});var wu={name:"1ch9yvl",styles:"border-radius:0"},ku={name:"tg3mx0",styles:"border-radius:2px"};const Su=({isFirst:e,isLast:t,isOnly:n})=>e?zs({borderTopRightRadius:0,borderBottomRightRadius:0})():t?zs({borderTopLeftRadius:0,borderBottomLeftRadius:0})():n?ku:wu,Cu=({isFirst:e})=>zs({marginLeft:e?0:-1})(),ju=Ts(gu,{target:"eam573v0"})("max-width:63px;",Su,";",Cu,";");function Ru({isFirst:e,isLast:t,isOnly:n,onHoverOn:o=m.noop,onHoverOff:r=m.noop,label:i,value:a,min:l=-1/0,...s}){const c=function(e,t){void 0===t&&(t={}),Cc.set("hover",Bc);var n=(0,j.useRef)();return n.current||(n.current=function(e,t){var n,o,r=[],i=!1;return function(){for(var a=arguments.length,l=new Array(a),s=0;s<a;s++)l[s]=arguments[s];return i&&n===this&&t(l,r)||(o=e.apply(this,l),i=!0,n=this,r=l),o}}(wc,Fc)),function(e,t,n){void 0===n&&(n={});var o=function(e){var t=new Set;return e.drag&&t.add(Cc.get("drag")),e.wheel&&t.add(Cc.get("wheel")),e.scroll&&t.add(Cc.get("scroll")),e.move&&t.add(Cc.get("move")),e.pinch&&t.add(Cc.get("pinch")),e.hover&&t.add(Cc.get("hover")),t}(e),r=R().useMemo((function(){return new Pc(o)}),[]);return r.config=t,r.handlers=e,r.nativeRefs=n,R().useEffect(r.effect,[]),r.config.domTarget?zc:r.bind}({hover:({event:e,...t})=>{t.hovering?o(e,t):r(e,t)}},n.current(t))}();return(0,w.jsx)(xu,{"aria-label":i,...c(),children:(0,w.jsx)(d.Tooltip,{text:i,children:(0,w.jsx)(ju,{min:l,className:"component-box-control__unit-control",hideHTMLArrows:!0,isFirst:e,isLast:t,isOnly:n,value:a,...s})})})}const Iu=window.wp.primitives,Eu=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),Tu=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"M17.031 4.703 15.576 4l-1.56 3H14v.03l-2.324 4.47H9.5V13h1.396l-1.502 2.889h-.95a3.694 3.694 0 0 1 0-7.389H10V7H8.444a5.194 5.194 0 1 0 0 10.389h.17L7.5 19.53l1.416.719L15.049 8.5h.507a3.694 3.694 0 0 1 0 7.39H14v1.5h1.556a5.194 5.194 0 0 0 .273-10.383l1.202-2.304Z"})});function Ou({isLinked:e,...t}){const n=e?(0,h.__)("Unlink Sides","kubio"):(0,h.__)("Link Sides","kubio");return(0,w.jsx)(d.Tooltip,{text:n,children:(0,w.jsx)("span",{children:(0,w.jsx)(d.Button,{...t,isSmall:!0,icon:e?Eu:Tu,className:e?"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon kubio-linked-button":"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon kubio-link-button "})})})}var Pu={name:"11f5o9n",styles:"bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1"};const Mu=Ts("div",{target:"epz16j05"})("box-sizing:border-box;position:relative;",(({isPositionAbsolute:e})=>e?Pu:""),";"),Au=Ts("div",{target:"epz16j04"})("box-sizing:border-box;background:",nu("blue.wordpress.700"),";background:",nu("ui.theme"),";filter:brightness( 1 );opacity:0;position:absolute;pointer-events:none;transition:opacity 120ms linear;z-index:1;",(({isActive:e})=>e&&"\n\t\topacity: 0.3;\n\t"),";"),Nu=Ts(Au,{target:"epz16j03"})({name:"5i97ct",styles:"top:0;left:0;right:0"}),Lu=Ts(Au,{target:"epz16j02"})("top:0;bottom:0;",zs({right:0}),";"),zu=Ts(Au,{target:"epz16j01"})({name:"8cxke2",styles:"bottom:0;left:0;right:0"}),Du=Ts(Au,{target:"epz16j00"})("top:0;bottom:0;",zs({left:0}),";"),Fu=((0,h.__)("All","kubio"),(0,h.__)("Top","kubio"),(0,h.__)("Bottom","kubio"),(0,h.__)("Left","kubio"),(0,h.__)("Right","kubio"),(0,h.__)("Mixed","kubio"),{top:null,right:null,bottom:null,left:null}),Bu={top:!1,right:!1,bottom:!1,left:!1};function Hu(e={}){const t=[];(0,m.each)(e,((e,n)=>{const o=(0,m.cloneDeep)(e);(0,m.unset)(o,"radius"),t.push(o)}));const n=_.get(t,0);return t.some((e=>!Ws()(e,n)))}const Wu=[{label:(0,h.__)("None","kubio"),value:"none"},{label:(0,h.__)("Solid","kubio"),value:"solid"},{label:(0,h.__)("Dashed","kubio"),value:"dashed"},{label:(0,h.__)("Dotted","kubio"),value:"dotted"},{label:(0,h.__)("Double","kubio"),value:"double"},{label:(0,h.__)("Groove","kubio"),value:"groove"},{label:(0,h.__)("Ridge","kubio"),value:"ridge"},{label:(0,h.__)("Inset","kubio"),value:"inset"},{label:(0,h.__)("Outset","kubio"),value:"outset"},{label:(0,h.__)("Hidden","kubio"),value:"hidden"}];function Gu({showValues:e=Bu,values:t}){const{top:n,right:o,bottom:r,left:i}=t;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(Vu,{isVisible:e.top,value:n}),(0,w.jsx)(Uu,{isVisible:e.right,value:o}),(0,w.jsx)($u,{isVisible:e.bottom,value:r}),(0,w.jsx)(Xu,{isVisible:e.left,value:i})]})}function Vu({isVisible:e=!1,value:t}){const n=t,o=Yu(n).isActive||e;return(0,w.jsx)(Nu,{isActive:o,style:{height:n}})}function Uu({isVisible:e=!1,value:t}){const n=t,o=Yu(n).isActive||e;return(0,w.jsx)(Lu,{isActive:o,style:{width:n}})}function $u({isVisible:e=!1,value:t}){const n=t,o=Yu(n).isActive||e;return(0,w.jsx)(zu,{isActive:o,style:{height:n}})}function Xu({isVisible:e=!1,value:t}){const n=t,o=Yu(n).isActive||e;return(0,w.jsx)(Du,{isActive:o,style:{width:n}})}function Yu(e){const[t,n]=(0,p.useState)(!1),o=(0,p.useRef)(e),r=(0,p.useRef)(),i=()=>{r.current&&window.clearTimeout(r.current)};return(0,p.useEffect)((()=>(e!==o.current&&(n(!0),o.current=e,i(),r.current=setTimeout((()=>{n(!1)}),400)),()=>i())),[e]),{isActive:t}}const Ku=Ts("div",{target:"ej5oq3r6"})({name:"o46z80",styles:"box-sizing:border-box;padding-bottom:12px;width:100%"}),Zu=Ts(d.Flex,{target:"ej5oq3r5"})("color:",nu("ui.label"),";padding-bottom:8px;"),qu=Ts(d.Flex,{target:"ej5oq3r4"})({name:"4bbi2l",styles:"min-height:30px"});Ts("div",{target:"ej5oq3r3"})({name:"112jwab",styles:"box-sizing:border-box;max-width:80px"});const Qu=window.kubio.styleManager,Ju=window.kubio.pro;function ed(e){var t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function td(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function nd(e){var t=td(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function od(e){return e instanceof td(e).Element||e instanceof Element}function rd(e){return e instanceof td(e).HTMLElement||e instanceof HTMLElement}function id(e){return"undefined"!=typeof ShadowRoot&&(e instanceof td(e).ShadowRoot||e instanceof ShadowRoot)}function ad(e){return e?(e.nodeName||"").toLowerCase():null}function ld(e){return((od(e)?e.ownerDocument:e.document)||window.document).documentElement}function sd(e){return ed(ld(e)).left+nd(e).scrollLeft}function cd(e){return td(e).getComputedStyle(e)}function ud(e){var t=cd(e),n=t.overflow,o=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+o)}function dd(e,t,n){void 0===n&&(n=!1);var o=ld(t),r=ed(e),i=rd(t),a={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(i||!i&&!n)&&(("body"!==ad(t)||ud(o))&&(a=function(e){return e!==td(e)&&rd(e)?{scrollLeft:(t=e).scrollLeft,scrollTop:t.scrollTop}:nd(e);var t}(t)),rd(t)?((l=ed(t)).x+=t.clientLeft,l.y+=t.clientTop):o&&(l.x=sd(o))),{x:r.left+a.scrollLeft-l.x,y:r.top+a.scrollTop-l.y,width:r.width,height:r.height}}function pd(e){var t=ed(e),n=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:o}}function hd(e){return"html"===ad(e)?e:e.assignedSlot||e.parentNode||(id(e)?e.host:null)||ld(e)}function fd(e){return["html","body","#document"].indexOf(ad(e))>=0?e.ownerDocument.body:rd(e)&&ud(e)?e:fd(hd(e))}function gd(e,t){var n;void 0===t&&(t=[]);var o=fd(e),r=o===(null==(n=e.ownerDocument)?void 0:n.body),i=td(o),a=r?[i].concat(i.visualViewport||[],ud(o)?o:[]):o,l=t.concat(a);return r?l:l.concat(gd(hd(a)))}function md(e){return["table","td","th"].indexOf(ad(e))>=0}function vd(e){return rd(e)&&"fixed"!==cd(e).position?e.offsetParent:null}function bd(e){for(var t=td(e),n=vd(e);n&&md(n)&&"static"===cd(n).position;)n=vd(n);return n&&("html"===ad(n)||"body"===ad(n)&&"static"===cd(n).position)?t:n||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&rd(e)&&"fixed"===cd(e).position)return null;for(var n=hd(e);rd(n)&&["html","body"].indexOf(ad(n))<0;){var o=cd(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||t&&"filter"===o.willChange||t&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(e)||t}var xd="top",yd="bottom",_d="right",wd="left",kd="auto",Sd=[xd,yd,_d,wd],Cd="start",jd="end",Rd="viewport",Id="popper",Ed=Sd.reduce((function(e,t){return e.concat([t+"-"+Cd,t+"-"+jd])}),[]),Td=[].concat(Sd,[kd]).reduce((function(e,t){return e.concat([t,t+"-"+Cd,t+"-"+jd])}),[]),Od=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function Pd(e){var t=new Map,n=new Set,o=[];function r(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!n.has(e)){var o=t.get(e);o&&r(o)}})),o.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){n.has(e.name)||r(e)})),o}var Md={placement:"bottom",modifiers:[],strategy:"absolute"};function Ad(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function Nd(e){void 0===e&&(e={});var t=e,n=t.defaultModifiers,o=void 0===n?[]:n,r=t.defaultOptions,i=void 0===r?Md:r;return function(e,t,n){void 0===n&&(n=i);var r,a,l={placement:"bottom",orderedModifiers:[],options:Object.assign({},Md,i),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},s=[],c=!1,u={state:l,setOptions:function(n){d(),l.options=Object.assign({},i,l.options,n),l.scrollParents={reference:od(e)?gd(e):e.contextElement?gd(e.contextElement):[],popper:gd(t)};var r,a,c=function(e){var t=Pd(e);return Od.reduce((function(e,n){return e.concat(t.filter((function(e){return e.phase===n})))}),[])}((r=[].concat(o,l.options.modifiers),a=r.reduce((function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e}),{}),Object.keys(a).map((function(e){return a[e]}))));return l.orderedModifiers=c.filter((function(e){return e.enabled})),l.orderedModifiers.forEach((function(e){var t=e.name,n=e.options,o=void 0===n?{}:n,r=e.effect;if("function"==typeof r){var i=r({state:l,name:t,instance:u,options:o});s.push(i||function(){})}})),u.update()},forceUpdate:function(){if(!c){var e=l.elements,t=e.reference,n=e.popper;if(Ad(t,n)){l.rects={reference:dd(t,bd(n),"fixed"===l.options.strategy),popper:pd(n)},l.reset=!1,l.placement=l.options.placement,l.orderedModifiers.forEach((function(e){return l.modifiersData[e.name]=Object.assign({},e.data)}));for(var o=0;o<l.orderedModifiers.length;o++)if(!0!==l.reset){var r=l.orderedModifiers[o],i=r.fn,a=r.options,s=void 0===a?{}:a,d=r.name;"function"==typeof i&&(l=i({state:l,options:s,name:d,instance:u})||l)}else l.reset=!1,o=-1}}},update:(r=function(){return new Promise((function(e){u.forceUpdate(),e(l)}))},function(){return a||(a=new Promise((function(e){Promise.resolve().then((function(){a=void 0,e(r())}))}))),a}),destroy:function(){d(),c=!0}};if(!Ad(e,t))return u;function d(){s.forEach((function(e){return e()})),s=[]}return u.setOptions(n).then((function(e){!c&&n.onFirstUpdate&&n.onFirstUpdate(e)})),u}}var Ld={passive:!0};const zd={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,n=e.instance,o=e.options,r=o.scroll,i=void 0===r||r,a=o.resize,l=void 0===a||a,s=td(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&c.forEach((function(e){e.addEventListener("scroll",n.update,Ld)})),l&&s.addEventListener("resize",n.update,Ld),function(){i&&c.forEach((function(e){e.removeEventListener("scroll",n.update,Ld)})),l&&s.removeEventListener("resize",n.update,Ld)}},data:{}};function Dd(e){return e.split("-")[0]}function Fd(e){return e.split("-")[1]}function Bd(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Hd(e){var t,n=e.reference,o=e.element,r=e.placement,i=r?Dd(r):null,a=r?Fd(r):null,l=n.x+n.width/2-o.width/2,s=n.y+n.height/2-o.height/2;switch(i){case xd:t={x:l,y:n.y-o.height};break;case yd:t={x:l,y:n.y+n.height};break;case _d:t={x:n.x+n.width,y:s};break;case wd:t={x:n.x-o.width,y:s};break;default:t={x:n.x,y:n.y}}var c=i?Bd(i):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case Cd:t[c]=t[c]-(n[u]/2-o[u]/2);break;case jd:t[c]=t[c]+(n[u]/2-o[u]/2)}}return t}const Wd={name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,n=e.name;t.modifiersData[n]=Hd({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}};var Gd=Math.max,Vd=Math.min,Ud=Math.round,$d={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Xd(e){var t,n=e.popper,o=e.popperRect,r=e.placement,i=e.offsets,a=e.position,l=e.gpuAcceleration,s=e.adaptive,c=e.roundOffsets,u=!0===c?function(e){var t=e.x,n=e.y,o=window.devicePixelRatio||1;return{x:Ud(Ud(t*o)/o)||0,y:Ud(Ud(n*o)/o)||0}}(i):"function"==typeof c?c(i):i,d=u.x,p=void 0===d?0:d,h=u.y,f=void 0===h?0:h,g=i.hasOwnProperty("x"),m=i.hasOwnProperty("y"),v=wd,b=xd,x=window;if(s){var y=bd(n),_="clientHeight",w="clientWidth";y===td(n)&&"static"!==cd(y=ld(n)).position&&(_="scrollHeight",w="scrollWidth"),r===xd&&(b=yd,f-=y[_]-o.height,f*=l?1:-1),r===wd&&(v=_d,p-=y[w]-o.width,p*=l?1:-1)}var k,S=Object.assign({position:a},s&&$d);return l?Object.assign({},S,((k={})[b]=m?"0":"",k[v]=g?"0":"",k.transform=(x.devicePixelRatio||1)<2?"translate("+p+"px, "+f+"px)":"translate3d("+p+"px, "+f+"px, 0)",k)):Object.assign({},S,((t={})[b]=m?f+"px":"",t[v]=g?p+"px":"",t.transform="",t))}const Yd={name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var n=t.styles[e]||{},o=t.attributes[e]||{},r=t.elements[e];rd(r)&&ad(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(e){var t=o[e];!1===t?r.removeAttribute(e):r.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach((function(e){var o=t.elements[e],r=t.attributes[e]||{},i=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce((function(e,t){return e[t]="",e}),{});rd(o)&&ad(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(e){o.removeAttribute(e)})))}))}},requires:["computeStyles"]},Kd={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,n=e.options,o=e.name,r=n.offset,i=void 0===r?[0,0]:r,a=Td.reduce((function(e,n){return e[n]=function(e,t,n){var o=Dd(e),r=[wd,xd].indexOf(o)>=0?-1:1,i="function"==typeof n?n(Object.assign({},t,{placement:e})):n,a=i[0],l=i[1];return a=a||0,l=(l||0)*r,[wd,_d].indexOf(o)>=0?{x:l,y:a}:{x:a,y:l}}(n,t.rects,i),e}),{}),l=a[t.placement],s=l.x,c=l.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=s,t.modifiersData.popperOffsets.y+=c),t.modifiersData[o]=a}};var Zd={left:"right",right:"left",bottom:"top",top:"bottom"};function qd(e){return e.replace(/left|right|bottom|top/g,(function(e){return Zd[e]}))}var Qd={start:"end",end:"start"};function Jd(e){return e.replace(/start|end/g,(function(e){return Qd[e]}))}function ep(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&id(n)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function tp(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function np(e,t){return t===Rd?tp(function(e){var t=td(e),n=ld(e),o=t.visualViewport,r=n.clientWidth,i=n.clientHeight,a=0,l=0;return o&&(r=o.width,i=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=o.offsetLeft,l=o.offsetTop)),{width:r,height:i,x:a+sd(e),y:l}}(e)):rd(t)?function(e){var t=ed(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):tp(function(e){var t,n=ld(e),o=nd(e),r=null==(t=e.ownerDocument)?void 0:t.body,i=Gd(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=Gd(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),l=-o.scrollLeft+sd(e),s=-o.scrollTop;return"rtl"===cd(r||n).direction&&(l+=Gd(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:l,y:s}}(ld(e)))}function op(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function rp(e,t){return t.reduce((function(t,n){return t[n]=e,t}),{})}function ip(e,t){void 0===t&&(t={});var n=t,o=n.placement,r=void 0===o?e.placement:o,i=n.boundary,a=void 0===i?"clippingParents":i,l=n.rootBoundary,s=void 0===l?Rd:l,c=n.elementContext,u=void 0===c?Id:c,d=n.altBoundary,p=void 0!==d&&d,h=n.padding,f=void 0===h?0:h,g=op("number"!=typeof f?f:rp(f,Sd)),m=u===Id?"reference":Id,v=e.elements.reference,b=e.rects.popper,x=e.elements[p?m:u],y=function(e,t,n){var o="clippingParents"===t?function(e){var t=gd(hd(e)),n=["absolute","fixed"].indexOf(cd(e).position)>=0&&rd(e)?bd(e):e;return od(n)?t.filter((function(e){return od(e)&&ep(e,n)&&"body"!==ad(e)})):[]}(e):[].concat(t),r=[].concat(o,[n]),i=r[0],a=r.reduce((function(t,n){var o=np(e,n);return t.top=Gd(o.top,t.top),t.right=Vd(o.right,t.right),t.bottom=Vd(o.bottom,t.bottom),t.left=Gd(o.left,t.left),t}),np(e,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(od(x)?x:x.contextElement||ld(e.elements.popper),a,s),_=ed(v),w=Hd({reference:_,element:b,strategy:"absolute",placement:r}),k=tp(Object.assign({},b,w)),S=u===Id?k:_,C={top:y.top-S.top+g.top,bottom:S.bottom-y.bottom+g.bottom,left:y.left-S.left+g.left,right:S.right-y.right+g.right},j=e.modifiersData.offset;if(u===Id&&j){var R=j[r];Object.keys(C).forEach((function(e){var t=[_d,yd].indexOf(e)>=0?1:-1,n=[xd,yd].indexOf(e)>=0?"y":"x";C[e]+=R[n]*t}))}return C}const ap={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,n=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var r=n.mainAxis,i=void 0===r||r,a=n.altAxis,l=void 0===a||a,s=n.fallbackPlacements,c=n.padding,u=n.boundary,d=n.rootBoundary,p=n.altBoundary,h=n.flipVariations,f=void 0===h||h,g=n.allowedAutoPlacements,m=t.options.placement,v=Dd(m),b=s||(v!==m&&f?function(e){if(Dd(e)===kd)return[];var t=qd(e);return[Jd(e),t,Jd(t)]}(m):[qd(m)]),x=[m].concat(b).reduce((function(e,n){return e.concat(Dd(n)===kd?function(e,t){void 0===t&&(t={});var n=t,o=n.placement,r=n.boundary,i=n.rootBoundary,a=n.padding,l=n.flipVariations,s=n.allowedAutoPlacements,c=void 0===s?Td:s,u=Fd(o),d=u?l?Ed:Ed.filter((function(e){return Fd(e)===u})):Sd,p=d.filter((function(e){return c.indexOf(e)>=0}));0===p.length&&(p=d);var h=p.reduce((function(t,n){return t[n]=ip(e,{placement:n,boundary:r,rootBoundary:i,padding:a})[Dd(n)],t}),{});return Object.keys(h).sort((function(e,t){return h[e]-h[t]}))}(t,{placement:n,boundary:u,rootBoundary:d,padding:c,flipVariations:f,allowedAutoPlacements:g}):n)}),[]),y=t.rects.reference,_=t.rects.popper,w=new Map,k=!0,S=x[0],C=0;C<x.length;C++){var j=x[C],R=Dd(j),I=Fd(j)===Cd,E=[xd,yd].indexOf(R)>=0,T=E?"width":"height",O=ip(t,{placement:j,boundary:u,rootBoundary:d,altBoundary:p,padding:c}),P=E?I?_d:wd:I?yd:xd;y[T]>_[T]&&(P=qd(P));var M=qd(P),A=[];if(i&&A.push(O[R]<=0),l&&A.push(O[P]<=0,O[M]<=0),A.every((function(e){return e}))){S=j,k=!1;break}w.set(j,A)}if(k)for(var N=function(e){var t=x.find((function(t){var n=w.get(t);if(n)return n.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},L=f?3:1;L>0&&"break"!==N(L);L--);t.placement!==S&&(t.modifiersData[o]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function lp(e,t,n){return Gd(e,Vd(t,n))}const sp={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,n=e.options,o=e.name,r=n.mainAxis,i=void 0===r||r,a=n.altAxis,l=void 0!==a&&a,s=n.boundary,c=n.rootBoundary,u=n.altBoundary,d=n.padding,p=n.tether,h=void 0===p||p,f=n.tetherOffset,g=void 0===f?0:f,m=ip(t,{boundary:s,rootBoundary:c,padding:d,altBoundary:u}),v=Dd(t.placement),b=Fd(t.placement),x=!b,y=Bd(v),_="x"===y?"y":"x",w=t.modifiersData.popperOffsets,k=t.rects.reference,S=t.rects.popper,C="function"==typeof g?g(Object.assign({},t.rects,{placement:t.placement})):g,j={x:0,y:0};if(w){if(i||l){var R="y"===y?xd:wd,I="y"===y?yd:_d,E="y"===y?"height":"width",T=w[y],O=w[y]+m[R],P=w[y]-m[I],M=h?-S[E]/2:0,A=b===Cd?k[E]:S[E],N=b===Cd?-S[E]:-k[E],L=t.elements.arrow,z=h&&L?pd(L):{width:0,height:0},D=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},F=D[R],B=D[I],H=lp(0,k[E],z[E]),W=x?k[E]/2-M-H-F-C:A-H-F-C,G=x?-k[E]/2+M+H+B+C:N+H+B+C,V=t.elements.arrow&&bd(t.elements.arrow),U=V?"y"===y?V.clientTop||0:V.clientLeft||0:0,$=t.modifiersData.offset?t.modifiersData.offset[t.placement][y]:0,X=w[y]+W-$-U,Y=w[y]+G-$;if(i){var K=lp(h?Vd(O,X):O,T,h?Gd(P,Y):P);w[y]=K,j[y]=K-T}if(l){var Z="x"===y?xd:wd,q="x"===y?yd:_d,Q=w[_],J=Q+m[Z],ee=Q-m[q],te=lp(h?Vd(J,X):J,Q,h?Gd(ee,Y):ee);w[_]=te,j[_]=te-Q}}t.modifiersData[o]=j}},requiresIfExists:["offset"]},cp={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,n=e.state,o=e.name,r=e.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,l=Dd(n.placement),s=Bd(l),c=[wd,_d].indexOf(l)>=0?"height":"width";if(i&&a){var u=function(e,t){return op("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:rp(e,Sd))}(r.padding,n),d=pd(i),p="y"===s?xd:wd,h="y"===s?yd:_d,f=n.rects.reference[c]+n.rects.reference[s]-a[s]-n.rects.popper[c],g=a[s]-n.rects.reference[s],m=bd(i),v=m?"y"===s?m.clientHeight||0:m.clientWidth||0:0,b=f/2-g/2,x=u[p],y=v-d[c]-u[h],_=v/2-d[c]/2+b,w=lp(x,_,y),k=s;n.modifiersData[o]=((t={})[k]=w,t.centerOffset=w-_,t)}},effect:function(e){var t=e.state,n=e.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=t.elements.popper.querySelector(o)))&&ep(t.elements.popper,o)&&(t.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function up(e,t,n){return void 0===n&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function dp(e){return[xd,_d,yd,wd].some((function(t){return e[t]>=0}))}const pp={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,n=e.name,o=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,a=ip(t,{elementContext:"reference"}),l=ip(t,{altBoundary:!0}),s=up(a,o),c=up(l,r,i),u=dp(s),d=dp(c);t.modifiersData[n]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":d})}};var hp=Nd({defaultModifiers:[zd,Wd,{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,n=e.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,l=n.roundOffsets,s=void 0===l||l,c={placement:Dd(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,Xd(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:s})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,Xd(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:s})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},Yd,Kd,ap,sp,cp,pp]});const fp=(0,w.jsx)(Iu.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)(Iu.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})});function gp(e,t){if(null==e)return{};var n={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.includes(o))continue;n[o]=e[o]}return n}function mp(e){return"object"==typeof e&&null!=e&&1===e.nodeType}function vp(e,t){return(!t||"hidden"!==e)&&"visible"!==e&&"clip"!==e}function bp(e,t){if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){var n=getComputedStyle(e,null);return vp(n.overflowY,t)||vp(n.overflowX,t)||function(e){var t=function(e){if(!e.ownerDocument||!e.ownerDocument.defaultView)return null;try{return e.ownerDocument.defaultView.frameElement}catch(e){return null}}(e);return!!t&&(t.clientHeight<e.scrollHeight||t.clientWidth<e.scrollWidth)}(e)}return!1}function xp(e,t,n,o,r,i,a,l){return i<e&&a>t||i>e&&a<t?0:i<=e&&l<=n||a>=t&&l>=n?i-e-o:a>t&&l<n||i<e&&l>n?a-t+r:0}n(1726);var yp=0;function _p(){}function wp(e,t,n){return e===t||t instanceof n.Node&&e.contains&&e.contains(t)}function kp(e,t){var n;function o(){n&&clearTimeout(n)}function r(){for(var r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];o(),n=setTimeout((function(){n=null,e.apply(void 0,i)}),t)}return r.cancel=o,r}function Sp(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return t.some((function(t){return t&&t.apply(void 0,[e].concat(o)),e.preventDownshiftDefault||e.hasOwnProperty("nativeEvent")&&e.nativeEvent.preventDownshiftDefault}))}}function Cp(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){t.forEach((function(t){"function"==typeof t?t(e):t&&(t.current=e)}))}}function jp(e,t){return Object.keys(e).reduce((function(n,o){return n[o]=function(e,t){return void 0!==e[t]}(t,o)?t[o]:e[o],n}),{})}function Rp(e){var t=e.key,n=e.keyCode;return n>=37&&n<=40&&0!==t.indexOf("Arrow")?"Arrow"+t:t}function Ip(e,t,n,o,r){if(void 0===r&&(r=!0),0===n)return-1;var i=n-1;("number"!=typeof t||t<0||t>=n)&&(t=e>0?-1:i+1);var a=t+e;a<0?a=r?i:0:a>i&&(a=r?0:i);var l=Ep(e,a,n,o,r);return-1===l?t>=n?-1:t:l}function Ep(e,t,n,o,r){var i=o(t);if(!i||!i.hasAttribute("disabled"))return t;if(e>0){for(var a=t+1;a<n;a++)if(!o(a).hasAttribute("disabled"))return a}else for(var l=t-1;l>=0;l--)if(!o(l).hasAttribute("disabled"))return l;return r?e>0?Ep(1,0,n,o,!1):Ep(-1,n-1,n,o,!1):-1}function Tp(e,t,n,o){return void 0===o&&(o=!0),t.some((function(t){return t&&(wp(t,e,n)||o&&wp(t,n.document.activeElement,n))}))}var Op=kp((function(e){Pp(e).textContent=""}),500);function Pp(e){void 0===e&&(e=document);var t=e.getElementById("a11y-status-message");return t||((t=e.createElement("div")).setAttribute("id","a11y-status-message"),t.setAttribute("role","status"),t.setAttribute("aria-live","polite"),t.setAttribute("aria-relevant","additions text"),Object.assign(t.style,{border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px"}),e.body.appendChild(t),t)}var Mp={highlightedIndex:-1,isOpen:!1,selectedItem:null,inputValue:""};var Ap=kp((function(e,t){var n,o,r;n=e(),r=Pp(o=t),n&&(r.textContent=n,Op(o))}),200),Np="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?j.useLayoutEffect:j.useEffect;function Lp(e){var t=e.id,n=void 0===t?"downshift-"+String(yp++):t,o=e.labelId,r=e.menuId,i=e.getItemId,a=e.toggleButtonId,l=e.inputId;return(0,j.useRef)({labelId:o||n+"-label",menuId:r||n+"-menu",getItemId:i||function(e){return n+"-item-"+e},toggleButtonId:a||n+"-toggle-button",inputId:l||n+"-input"}).current}function zp(e){return/^\S{1}$/.test(e)}function Dp(e){return""+e.slice(0,1).toUpperCase()+e.slice(1)}function Fp(e){var t=(0,j.useRef)(e);return t.current=e,t}function Bp(e,t,n){var o=(0,j.useRef)(),r=(0,j.useRef)(),i=(0,j.useCallback)((function(t,n){r.current=n,t=jp(t,n.props);var o=e(t,n);return n.props.stateReducer(t,el({},n,{changes:o}))}),[e]),a=(0,j.useReducer)(i,t),l=a[0],s=a[1],c=Fp(n),u=(0,j.useCallback)((function(e){return s(el({props:c.current},e))}),[c]),d=r.current;return(0,j.useEffect)((function(){d&&o.current&&o.current!==l&&function(e,t,n){var o=e.props,r=e.type,i={};Object.keys(t).forEach((function(o){!function(e,t,n,o){var r=t.props,i=t.type,a="on"+Dp(e)+"Change";r[a]&&void 0!==o[e]&&o[e]!==n[e]&&r[a](el({type:i},o))}(o,e,t,n),n[o]!==t[o]&&(i[o]=n[o])})),o.onStateChange&&Object.keys(i).length&&o.onStateChange(el({type:r},i))}(d,jp(o.current,d.props),l),o.current=l}),[l,n,d]),[l,u]}var Hp={itemToString:function(e){return e?String(e):""},stateReducer:function(e,t){return t.changes},getA11ySelectionMessage:function(e){var t=e.selectedItem,n=e.itemToString;return t?n(t)+" has been selected.":""},scrollIntoView:function(e,t){if(e){var n=function(e,t){var n=window,o=t.scrollMode,r=t.block,i=t.inline,a=t.boundary,l=t.skipOverflowHiddenElements,s="function"==typeof a?a:function(e){return e!==a};if(!mp(e))throw new TypeError("Invalid target");for(var c,u,d=document.scrollingElement||document.documentElement,p=[],h=e;mp(h)&&s(h);){if((h=null==(u=(c=h).parentElement)?c.getRootNode().host||null:u)===d){p.push(h);break}null!=h&&h===document.body&&bp(h)&&!bp(document.documentElement)||null!=h&&bp(h,l)&&p.push(h)}for(var f=n.visualViewport?n.visualViewport.width:innerWidth,g=n.visualViewport?n.visualViewport.height:innerHeight,m=window.scrollX||pageXOffset,v=window.scrollY||pageYOffset,b=e.getBoundingClientRect(),x=b.height,y=b.width,_=b.top,w=b.right,k=b.bottom,S=b.left,C="start"===r||"nearest"===r?_:"end"===r?k:_+x/2,j="center"===i?S+y/2:"end"===i?w:S,R=[],I=0;I<p.length;I++){var E=p[I],T=E.getBoundingClientRect(),O=T.height,P=T.width,M=T.top,A=T.right,N=T.bottom,L=T.left;if("if-needed"===o&&_>=0&&S>=0&&k<=g&&w<=f&&_>=M&&k<=N&&S>=L&&w<=A)return R;var z=getComputedStyle(E),D=parseInt(z.borderLeftWidth,10),F=parseInt(z.borderTopWidth,10),B=parseInt(z.borderRightWidth,10),H=parseInt(z.borderBottomWidth,10),W=0,G=0,V="offsetWidth"in E?E.offsetWidth-E.clientWidth-D-B:0,U="offsetHeight"in E?E.offsetHeight-E.clientHeight-F-H:0,$="offsetWidth"in E?0===E.offsetWidth?0:P/E.offsetWidth:0,X="offsetHeight"in E?0===E.offsetHeight?0:O/E.offsetHeight:0;if(d===E)W="start"===r?C:"end"===r?C-g:"nearest"===r?xp(v,v+g,g,F,H,v+C,v+C+x,x):C-g/2,G="start"===i?j:"center"===i?j-f/2:"end"===i?j-f:xp(m,m+f,f,D,B,m+j,m+j+y,y),W=Math.max(0,W+v),G=Math.max(0,G+m);else{W="start"===r?C-M-F:"end"===r?C-N+H+U:"nearest"===r?xp(M,N,O,F,H+U,C,C+x,x):C-(M+O/2)+U/2,G="start"===i?j-L-D:"center"===i?j-(L+P/2)+V/2:"end"===i?j-A+B+V:xp(L,A,P,D,B+V,j,j+y,y);var Y=E.scrollLeft,K=E.scrollTop;C+=K-(W=Math.max(0,Math.min(K+W/X,E.scrollHeight-O/X+U))),j+=Y-(G=Math.max(0,Math.min(Y+G/$,E.scrollWidth-P/$+V)))}R.push({el:E,top:W,left:G})}return R}(e,{boundary:t,block:"nearest",scrollMode:"if-needed"});n.forEach((function(e){var t=e.el,n=e.top,o=e.left;t.scrollTop=n,t.scrollLeft=o}))}},circularNavigation:!1,environment:"undefined"==typeof window?{}:window};function Wp(e,t,n){void 0===n&&(n=Mp);var o="default"+Dp(t);return o in e?e[o]:n[t]}function Gp(e,t,n){if(void 0===n&&(n=Mp),t in e)return e[t];var o="initial"+Dp(t);return o in e?e[o]:Wp(e,t,n)}function Vp(e,t,n,o){var r=e.items,i=e.initialHighlightedIndex,a=e.defaultHighlightedIndex,l=t.selectedItem,s=t.highlightedIndex;return 0===r.length?-1:void 0!==i&&s===i?i:void 0!==a?a:l?0===n?r.indexOf(l):Ip(n,r.indexOf(l),r.length,o,!1):0===n?-1:n<0?r.length-1:0}var Up=function(){return _p};function $p(e,t,n){var o=n.isInitialMount,r=n.highlightedIndex,i=n.items,a=n.environment,l=gp(n,["isInitialMount","highlightedIndex","items","environment"]);(0,j.useEffect)((function(){o||Ap((function(){return e(el({highlightedIndex:r,highlightedItem:i[r],resultCount:i.length},l))}),a.document)}),t)}var Xp=_p;function Yp(e,t,n,o,r){for(var i=e.toLowerCase(),a=0;a<n.length;a++){var l=(a+t+1)%n.length;if(o(n[l]).toLowerCase().startsWith(i)){var s=r(l);if(!s||!s.hasAttribute("disabled"))return l}}return t}K().array.isRequired,K().func,K().func,K().func,K().bool,K().number,K().number,K().number,K().bool,K().bool,K().bool,K().any,K().any,K().any,K().string,K().string,K().string,K().func,K().string,K().func,K().func,K().func,K().func,K().func,K().shape({addEventListener:K().func,removeEventListener:K().func,document:K().shape({getElementById:K().func,activeElement:K().any,body:K().any})});var Kp=el({},Hp,{getA11yStatusMessage:function(e){var t=e.isOpen,n=e.resultCount,o=e.previousResultCount;return t?n?n!==o?n+" result"+(1===n?" is":"s are")+" available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select.":"":"No results are available.":""}}),Zp=_p,qp=0,Qp=1,Jp=2,eh=3,th=4,nh=5,oh=6,rh=7,ih=8,ah=9,lh=10,sh=11,ch=12,uh=13,dh=14,ph=15,hh=16,fh=17,gh=18,mh=19,vh=20,bh=21,xh=22,yh=Object.freeze({__proto__:null,MenuKeyDownArrowDown:qp,MenuKeyDownArrowUp:Qp,MenuKeyDownEscape:Jp,MenuKeyDownHome:eh,MenuKeyDownEnd:th,MenuKeyDownEnter:nh,MenuKeyDownSpaceButton:oh,MenuKeyDownCharacter:rh,MenuBlur:ih,MenuMouseLeave:ah,ItemMouseMove:lh,ItemClick:sh,ToggleButtonClick:ch,ToggleButtonKeyDownArrowDown:uh,ToggleButtonKeyDownArrowUp:dh,ToggleButtonKeyDownCharacter:ph,FunctionToggleMenu:hh,FunctionOpenMenu:fh,FunctionCloseMenu:gh,FunctionSetHighlightedIndex:mh,FunctionSelectItem:vh,FunctionSetInputValue:bh,FunctionReset:xh});function _h(e,t){var n,o=t.type,r=t.props,i=t.shiftKey;switch(o){case sh:n={isOpen:Wp(r,"isOpen"),highlightedIndex:Wp(r,"highlightedIndex"),selectedItem:r.items[t.index]};break;case ph:var a=t.key,l=""+e.inputValue+a,s=Yp(l,e.selectedItem?r.items.indexOf(e.selectedItem):-1,r.items,r.itemToString,t.getItemNodeFromIndex);n=el({inputValue:l},s>=0&&{selectedItem:r.items[s]});break;case uh:n={highlightedIndex:Vp(r,e,1,t.getItemNodeFromIndex),isOpen:!0};break;case dh:n={highlightedIndex:Vp(r,e,-1,t.getItemNodeFromIndex),isOpen:!0};break;case nh:case oh:n=el({isOpen:Wp(r,"isOpen"),highlightedIndex:Wp(r,"highlightedIndex")},e.highlightedIndex>=0&&{selectedItem:r.items[e.highlightedIndex]});break;case eh:n={highlightedIndex:Ep(1,0,r.items.length,t.getItemNodeFromIndex,!1)};break;case th:n={highlightedIndex:Ep(-1,r.items.length-1,r.items.length,t.getItemNodeFromIndex,!1)};break;case Jp:case ih:n={isOpen:!1,highlightedIndex:-1};break;case rh:var c=t.key,u=""+e.inputValue+c,d=Yp(u,e.highlightedIndex,r.items,r.itemToString,t.getItemNodeFromIndex);n=el({inputValue:u},d>=0&&{highlightedIndex:d});break;case qp:n={highlightedIndex:Ip(i?5:1,e.highlightedIndex,r.items.length,t.getItemNodeFromIndex,r.circularNavigation)};break;case Qp:n={highlightedIndex:Ip(i?-5:-1,e.highlightedIndex,r.items.length,t.getItemNodeFromIndex,r.circularNavigation)};break;case vh:n={selectedItem:t.selectedItem};break;default:return function(e,t,n){var o,r=t.type,i=t.props;switch(r){case n.ItemMouseMove:o={highlightedIndex:t.index};break;case n.MenuMouseLeave:o={highlightedIndex:-1};break;case n.ToggleButtonClick:case n.FunctionToggleMenu:o={isOpen:!e.isOpen,highlightedIndex:e.isOpen?-1:Vp(i,e,0)};break;case n.FunctionOpenMenu:o={isOpen:!0,highlightedIndex:Vp(i,e,0)};break;case n.FunctionCloseMenu:o={isOpen:!1};break;case n.FunctionSetHighlightedIndex:o={highlightedIndex:t.highlightedIndex};break;case n.FunctionSetInputValue:o={inputValue:t.inputValue};break;case n.FunctionReset:o={highlightedIndex:Wp(i,"highlightedIndex"),isOpen:Wp(i,"isOpen"),selectedItem:Wp(i,"selectedItem"),inputValue:Wp(i,"inputValue")};break;default:throw new Error("Reducer called without proper action type.")}return el({},e,o)}(e,t,yh)}return el({},e,n)}function wh(e){void 0===e&&(e={}),Zp(e,wh);var t=el({},Kp,e),n=t.items,o=t.scrollIntoView,r=t.environment,i=t.initialIsOpen,a=t.defaultIsOpen,l=t.itemToString,s=t.getA11ySelectionMessage,c=t.getA11yStatusMessage,u=function(e,t,n){var o=Bp(e,t,n),r=o[0],i=o[1];return[jp(r,n),i]}(_h,function(e){var t=Gp(e,"selectedItem"),n=Gp(e,"isOpen"),o=Gp(e,"highlightedIndex"),r=Gp(e,"inputValue");return{highlightedIndex:o<0&&t&&n?e.items.indexOf(t):o,isOpen:n,selectedItem:t,inputValue:r}}(t),t),d=u[0],p=u[1],h=d.isOpen,f=d.highlightedIndex,g=d.selectedItem,m=d.inputValue,v=(0,j.useRef)(null),b=(0,j.useRef)(null),x=(0,j.useRef)({}),y=(0,j.useRef)(!0),_=(0,j.useRef)(null),w=Lp(t),k=(0,j.useRef)(),S=(0,j.useRef)(!0),C=Fp({state:d,props:t}),R=(0,j.useCallback)((function(e){return x.current[w.getItemId(e)]}),[w]);$p(c,[h,f,m,n],el({isInitialMount:S.current,previousResultCount:k.current,items:n,environment:r,itemToString:l},d)),$p(s,[g],el({isInitialMount:S.current,previousResultCount:k.current,items:n,environment:r,itemToString:l},d));var I=function(e){var t=e.highlightedIndex,n=e.isOpen,o=e.itemRefs,r=e.getItemNodeFromIndex,i=e.menuElement,a=e.scrollIntoView,l=(0,j.useRef)(!0);return Np((function(){t<0||!n||!Object.keys(o.current).length||(!1===l.current?l.current=!0:a(r(t),i))}),[t]),l}({menuElement:b.current,highlightedIndex:f,isOpen:h,itemRefs:x,scrollIntoView:o,getItemNodeFromIndex:R});(0,j.useEffect)((function(){return _.current=kp((function(e){e({type:bh,inputValue:""})}),500),function(){_.current.cancel()}}),[]),(0,j.useEffect)((function(){m&&_.current(p)}),[p,m]),Xp({isInitialMount:S.current,props:t,state:d}),(0,j.useEffect)((function(){S.current?(i||a||h)&&b.current&&b.current.focus():h?b.current&&b.current.focus():r.document.activeElement===b.current&&v.current&&(y.current=!1,v.current.focus())}),[h]),(0,j.useEffect)((function(){S.current||(k.current=n.length)}));var E=function(e,t,n,o){var r=(0,j.useRef)({isMouseDown:!1,isTouchMove:!1});return(0,j.useEffect)((function(){var i=function(){r.current.isMouseDown=!0},a=function(i){r.current.isMouseDown=!1,e&&!Tp(i.target,t.map((function(e){return e.current})),n)&&o()},l=function(){r.current.isTouchMove=!1},s=function(){r.current.isTouchMove=!0},c=function(i){!e||r.current.isTouchMove||Tp(i.target,t.map((function(e){return e.current})),n,!1)||o()};return n.addEventListener("mousedown",i),n.addEventListener("mouseup",a),n.addEventListener("touchstart",l),n.addEventListener("touchmove",s),n.addEventListener("touchend",c),function(){n.removeEventListener("mousedown",i),n.removeEventListener("mouseup",a),n.removeEventListener("touchstart",l),n.removeEventListener("touchmove",s),n.removeEventListener("touchend",c)}}),[e,n]),r}(h,[b,v],r,(function(){p({type:ih})})),T=Up("getMenuProps","getToggleButtonProps");(0,j.useEffect)((function(){S.current=!1}),[]),(0,j.useEffect)((function(){h||(x.current={})}),[h]);var O=(0,j.useMemo)((function(){return{ArrowDown:function(e){e.preventDefault(),p({type:uh,getItemNodeFromIndex:R,shiftKey:e.shiftKey})},ArrowUp:function(e){e.preventDefault(),p({type:dh,getItemNodeFromIndex:R,shiftKey:e.shiftKey})}}}),[p,R]),P=(0,j.useMemo)((function(){return{ArrowDown:function(e){e.preventDefault(),p({type:qp,getItemNodeFromIndex:R,shiftKey:e.shiftKey})},ArrowUp:function(e){e.preventDefault(),p({type:Qp,getItemNodeFromIndex:R,shiftKey:e.shiftKey})},Home:function(e){e.preventDefault(),p({type:eh,getItemNodeFromIndex:R})},End:function(e){e.preventDefault(),p({type:th,getItemNodeFromIndex:R})},Escape:function(){p({type:Jp})},Enter:function(e){e.preventDefault(),p({type:nh})}," ":function(e){e.preventDefault(),p({type:oh})}}}),[p,R]),M=(0,j.useCallback)((function(){p({type:hh})}),[p]),A=(0,j.useCallback)((function(){p({type:gh})}),[p]),N=(0,j.useCallback)((function(){p({type:fh})}),[p]),L=(0,j.useCallback)((function(e){p({type:mh,highlightedIndex:e})}),[p]),z=(0,j.useCallback)((function(e){p({type:vh,selectedItem:e})}),[p]),D=(0,j.useCallback)((function(){p({type:xh})}),[p]),F=(0,j.useCallback)((function(e){p({type:bh,inputValue:e})}),[p]),B=(0,j.useCallback)((function(e){return el({id:w.labelId,htmlFor:w.toggleButtonId},e)}),[w]),H=(0,j.useCallback)((function(e,t){var n,o=void 0===e?{}:e,r=o.onMouseLeave,i=o.refKey,a=void 0===i?"ref":i,l=o.onKeyDown,s=o.onBlur,c=o.ref,u=gp(o,["onMouseLeave","refKey","onKeyDown","onBlur","ref"]),d=(void 0===t?{}:t).suppressRefError,h=void 0!==d&&d,f=C.current.state;return T("getMenuProps",h,a,b),el(((n={})[a]=Cp(c,(function(e){b.current=e})),n.id=w.menuId,n.role="listbox",n["aria-labelledby"]=w.labelId,n.tabIndex=-1,n),f.isOpen&&f.highlightedIndex>-1&&{"aria-activedescendant":w.getItemId(f.highlightedIndex)},{onMouseLeave:Sp(r,(function(){p({type:ah})})),onKeyDown:Sp(l,(function(e){var t=Rp(e);t&&P[t]?P[t](e):zp(t)&&p({type:rh,key:t,getItemNodeFromIndex:R})})),onBlur:Sp(s,(function(){!1!==y.current?!E.current.isMouseDown&&p({type:ih}):y.current=!0}))},u)}),[p,C,P,E,T,w,R]);return{getToggleButtonProps:(0,j.useCallback)((function(e,t){var n,o=void 0===e?{}:e,r=o.onClick,i=o.onKeyDown,a=o.refKey,l=void 0===a?"ref":a,s=o.ref,c=gp(o,["onClick","onKeyDown","refKey","ref"]),u=(void 0===t?{}:t).suppressRefError,d=void 0!==u&&u,h=el(((n={})[l]=Cp(s,(function(e){v.current=e})),n.id=w.toggleButtonId,n["aria-haspopup"]="listbox",n["aria-expanded"]=C.current.state.isOpen,n["aria-labelledby"]=w.labelId+" "+w.toggleButtonId,n),c);return c.disabled||(h.onClick=Sp(r,(function(){p({type:ch})})),h.onKeyDown=Sp(i,(function(e){var t=Rp(e);t&&O[t]?O[t](e):zp(t)&&p({type:ph,key:t,getItemNodeFromIndex:R})}))),T("getToggleButtonProps",d,l,v),h}),[p,C,O,T,w,R]),getLabelProps:B,getMenuProps:H,getItemProps:(0,j.useCallback)((function(e){var t,n=void 0===e?{}:e,o=n.item,r=n.index,i=n.onMouseMove,a=n.onClick,l=n.refKey,s=void 0===l?"ref":l,c=n.ref,u=gp(n,["item","index","onMouseMove","onClick","refKey","ref"]),d=C.current,h=d.state,f=d.props,g=function(e,t,n){return void 0!==e?e:0===n.length?-1:n.indexOf(t)}(r,o,f.items);if(g<0)throw new Error("Pass either item or item index in getItemProps!");var m=el(((t={role:"option","aria-selected":""+(g===h.highlightedIndex),id:w.getItemId(g)})[s]=Cp(c,(function(e){e&&(x.current[w.getItemId(g)]=e)})),t),u);return u.disabled||(m.onMouseMove=Sp(i,(function(){r!==h.highlightedIndex&&(I.current=!1,p({type:lh,index:r}))})),m.onClick=Sp(a,(function(){p({type:sh,index:r})}))),m}),[p,C,I,w]),toggleMenu:M,openMenu:N,closeMenu:A,setHighlightedIndex:L,selectItem:z,reset:D,setInputValue:F,highlightedIndex:f,isOpen:h,selectedItem:g,inputValue:m}}function kh({className:e,popoverClassName:t="",label:n=null,options:o,placeholder:r=(0,h.__)("Select…","kubio"),onChange:i=v().noop,itemRenderer:a=null,disabled:l=!1,value:s,withInput:c=!1,selectedOptionPrefix:u,forceOpened:f=!1,skipUnavailableSelectedValue:m=!1}){var b;m&&!o.some((e=>e.value===s))&&(s=void 0);const[_,k]=(0,p.useState)(f),[S,C]=(0,p.useState)(!1),[j,R]=(0,p.useState)(""),I=(0,p.useRef)(),[E,T]=(0,Ju.useProModal)(),{ownerDocument:O}=(0,y.useOwnerDocumentContext)(),P=(0,p.useRef)(),M=(0,x.useInstanceId)(kh,"CustomSelectControl");(0,p.useEffect)((()=>{S||k(f)}),[f,S]),(0,y.usePopupNestingContext)(M);const A=(0,p.useCallback)((e=>v().cloneDeep(e).filter((e=>e.items&&Array.isArray(e.items)?(e.items=A(e.items),e.items.length>0):((null==e?void 0:e.label)||"").toLowerCase().includes(j.toLowerCase())))),[j]),N=(0,p.useMemo)((()=>c&&j?A(o):o),[o,j]),L=(0,p.useMemo)((()=>{let e=[];return N.forEach((t=>{t.items&&Array.isArray(t.items)?e=e.concat(t.items):e.push(t)})),e}),[N]);let z=L.find((e=>e.value===s));void 0===z&&(z=s?{value:s,label:s}:null);const{getToggleButtonProps:D,getMenuProps:F,getItemProps:B,highlightedIndex:H,selectedItem:W}=wh({items:L,itemToString:Ch,isOpen:_,onSelectedItemChange:e=>{if((0,Ju.proItemOnFree)(e.selectedItem))P.current=e,T(!0);else{const t=v().get(e,"selectedItem.value");i(t),k(!1)}},selectedItem:f?void 0:z,stateReducer:jh}),G=(0,p.useRef)(),V=(0,p.useRef)(),U=f?z:W,$=(0,p.useMemo)((()=>G.current?function(e){const t="body";let n=top.document.querySelector(`${t} > .kubio-popper`);if(!n){n=top.document.createElement("div"),n.setAttribute("class","kubio-popper"),n.setAttribute("style","position:absolute;top:0;left:0;z-index:999999997");const e=top.document.querySelector(t)||top.document.body;null==e||e.append(n)}return n}(G.current):null),[G.current]),X=(0,p.useMemo)((()=>!!G.current&&G.current.ownerDocument.defaultView!==top),[G.current]),Y=F({className:"h-select-control__menu","aria-hidden":!_},{suppressRefError:!0});Y["aria-activedescendant"]&&"downshift-null"===Y["aria-activedescendant"].slice(0,14)&&delete Y["aria-activedescendant"];const K=null===(b=G.current)||void 0===b?void 0:b.offsetWidth,Z=null==U,q=(0,p.useCallback)((e=>{var t;if(!S)return;if(!e.target&&_)return void k(!1);const n=null==e||null===(t=e.target)||void 0===t?void 0:t.closest(".h-select-control__button__container");n&&n===G.current||_&&k(!1)}),[_,k,G.current,S]);(0,p.useEffect)((()=>{var e,t,n,o;if(I.current&&I.current.destroy(),!(V.current&&G.current&&_))return;const r=X?O:document,i=null===(e=G.current)||void 0===e||null===(t=e.ownerDocument)||void 0===t||null===(n=t.defaultView)||void 0===n?void 0:n.frameElement;return null===(o=I.current)||void 0===o||o.destroy(),I.current=hp(null==G?void 0:G.current,V.current,{placement:"bottom-end",modifiers:[{name:"offset",options:{offset:({placement:e})=>{if(!X)return[0,10];const t=i.getBoundingClientRect();let n=10;return e.startsWith("top")&&(n=-1*t.top+10),e.startsWith("bottom")&&(n=t.top+10),[t.left,n]}}},{name:"preventOverflow",options:{boundary:r}}]}),()=>{I.current&&I.current.destroy()}}),[V.current,G.current,_]),(0,y.useOnClickOutside)(V,q);const Q=K,J=3*K,ee=(0,w.jsx)("div",{ref:V,className:g()("h-select-control__popover",t,M),style:{minWidth:`${Q}px`,maxWidth:`${J}px`},children:(0,w.jsx)("ul",{...Y,children:(0,w.jsx)(Sh,{getItemProps:B,itemRenderer:a,items:N,selectedItem:U,highlightedIndex:H,setIsOpen:k,initialOpen:f})})});return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{className:g()("h-select-control",e),children:(0,w.jsx)("div",{className:"kubio-select-control__control--wrapper",children:(0,w.jsx)(d.Tooltip,{text:Ch(U)||r,position:"top center",children:(0,w.jsxs)("span",{className:"h-select-control__button__container",ref:G,children:[c&&_&&(0,w.jsx)("input",{autoFocus:!0,value:j,onInput:e=>R(e.target.value)}),(0,w.jsxs)(d.Button,{...D({"aria-label":n,"aria-labelledby":void 0,className:g()(["h-select-control__button",{"h-select-control__button--placeholder":Z}]),isSmall:!0}),disabled:l,onClick:()=>{k(!_),C(!0),_||R("")},children:[u&&u,Z&&r,!Z&&(0,w.jsxs)("span",{className:"h-select-control__button__text",children:[" ",Ch(U)]}),(0,w.jsx)(Qs,{icon:fp,className:"h-select-control__button-icon"})]}),(0,w.jsx)(E,{})]})})})}),_&&$&&(0,p.createPortal)(ee,$)]})}function Sh(e){const{getItemProps:t,itemRenderer:n,items:o,selectedItem:r,highlightedIndex:i,startIndex:a=0,forceOpened:l=!1}=e,s=(e={})=>{const{label:t}=e;return n&&"function"==typeof n?n(e):(0,w.jsx)("span",{className:"h-select-control__item-content",children:t})};let c=a;return o.map(((n,o)=>{const{items:a,label:u}=n;if(a){const t=(0,w.jsxs)("ul",{className:"h-select-control__item__group",children:[(0,w.jsx)("div",{className:"h-select-control__item__group-heading",children:u}),(0,w.jsx)(Sh,{...e,items:a,startIndex:c,forceOpened:l})]},`list-${o}`);return c+=a.length,t}const d=(0,w.jsxs)("li",{...t({index:c,item:n,className:g()(n.className,"h-select-control__item",{"is-highlighted":c===i,"is-active":(null==n?void 0:n.value)===(null==r?void 0:r.value),"is-clickable":l},(0,Ju.proItemOnFreeClass)(n))}),children:[s(n),(0,w.jsx)(Ju.ProBadge,{item:n})]},n.value);return c++,d}))}function Ch(e){return"object"==typeof e?null==e?void 0:e.label:e}function jh({selectedItem:e,...t},{type:n,changes:o,props:{items:r}}){switch(n){case wh.stateChangeTypes.ToggleButtonKeyDownArrowDown:return{selectedItem:r[e?Math.min(r.indexOf(e)+1,r.length-1):0]};case wh.stateChangeTypes.ToggleButtonKeyDownArrowUp:return{selectedItem:r[e?Math.max(r.indexOf(e)-1,0):r.length-1]};default:return o}}wh.stateChangeTypes=yh,K().array.isRequired,K().func,K().func,K().func,K().bool,K().number,K().number,K().number,K().bool,K().bool,K().bool,K().any,K().any,K().any,K().string,K().string,K().string,K().string,K().string,K().string,K().func,K().string,K().string,K().func,K().func,K().func,K().func,K().func,K().func,K().shape({addEventListener:K().func,removeEventListener:K().func,document:K().shape({getElementById:K().func,activeElement:K().any,body:K().any})}),el({},Hp,{getA11yStatusMessage:function(e){var t=e.isOpen,n=e.resultCount,o=e.previousResultCount;return t?n?n!==o?n+" result"+(1===n?" is":"s are")+" available, use up and down arrow keys to navigate. Press Enter key to select.":"":"No results are available.":""},circularNavigation:!0}),K().array,K().array,K().array,K().func,K().func,K().func,K().number,K().number,K().number,K().func,K().func,K().string,K().string,K().shape({addEventListener:K().func,removeEventListener:K().func,document:K().shape({getElementById:K().func,activeElement:K().any,body:K().any})});const Rh=({onDelete:e=v().noop,...t})=>(0,w.jsx)(Ih,{...t,itemRenderer:t=>{const{label:n,value:o,showDelete:r=!0}=t;return(0,w.jsxs)("div",{className:g()(["kubio-select-with-delete__option-container"]),children:[(0,w.jsx)("span",{children:n}),r&&(0,w.jsx)(d.Button,{isSmall:!0,icon:u.DeleteItemIcon,onClick:t=>{t.preventDefault(),t.stopPropagation(),e(o)}})]})}}),Ih=({label:e=null,onReset:t=v().noop,inlineLabel:n=!0,allowReset:o,resetIcon:r=u.ResetIcon,resetLabel:i=(0,h.__)("Reset","kubio"),...a})=>{const l=!!e;return(0,w.jsxs)(d.BaseControl,{className:g()(["kubio-select-control",a.className,{"kubio-select-control--inline":l&&n,"kubio-select-control--row":l&&!n,"kubio-select-control--no-label":!l,"kubio-select-control--with-reset":o}]),children:[l&&(0,w.jsx)(d.BaseControl.VisualLabel,{className:"kubio-select-control__label",children:(0,w.jsx)("label",{className:"components-input-control__label",children:(0,w.jsx)("span",{className:"components-input-control__label__content",children:e})})}),(0,w.jsx)(kh,{...a,label:e,className:"kubio-select-control__control"}),o&&(0,w.jsx)(d.Button,{isSmall:!0,icon:r,label:i,className:"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon kubio-select-control__reset",onClick:t})]})},Eh=[{label:"PX",value:"px"}],Th=({value:e={},mergedValue:t={},side:n="",onChange:o,onReset:r,units:i,className:a,withColor:l=!0,showIcon:s=!0,defaults:c})=>{const{style:p="none",color:f,width:m={}}=t,v=(e,t)=>{o(n,{[e]:t})};return(0,w.jsxs)(qu,{className:g()("component-box-control__header-control-wrapper","kubio-border-control","kubio-control",a),children:[s&&(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(Js,{side:n})}),(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)(Ih,{className:"kubio-border-select-control",options:Wu,value:p,onChange:e=>v("style",e)})}),(0,w.jsx)(d.FlexBlock,{className:"kubio-border-control__width",children:(0,w.jsx)(Ru,{value:m,onChange:e=>v("width",e),units:i,min:0,onBlur:e=>{if(!e.target.value&&0!==e.target.value){var t;const e="all"===n?"top":n;null!=c&&null!==(t=c[e])&&void 0!==t&&t.width&&v("width",c[e].width)}}})}),l&&(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(Ks,{value:f,onChange:e=>v("color",e)})}),(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(d.Button,{isSmall:!0,icon:u.ResetIcon,label:(0,h.__)("Reset","kubio"),className:"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon kubio-border-control-button",onClick:()=>{r(n)}})})]})};function Oh({id:e,onChange:t=m.noop,onReset:n=m.noop,value:o,label:r=(0,h.__)("Border","kubio"),filters:i={},withColor:a=!0,showLinkButton:l=!0,showLabel:s=!0,showIcon:c=!0,defaults:u}){const f=(0,b.mergeNoArrays)({},{sides:["top","right","bottom","left"]},i),g=(0,m.get)(f,"sides",[]),y=["top","right","bottom","left"].filter((e=>g.includes(e))),_=v().merge({},Qu.types.props.border.default,o),k=v().get(_,"top",{}),S=v().get(o,"top",{}),C=function(e){const t=(0,x.useInstanceId)(Oh,"inspector-box-control");return e||t}(e),j=`${C}-heading`,[R,I]=(0,p.useState)(!Hu(_));(0,p.useEffect)((()=>{const e=!Hu(_);R!==e&&I(e)}),[JSON.stringify(o)]);const E=(e,n)=>{const o=v().cloneDeep(n);v().unset(o,"radius");const r={};"all"!==e?(v().set(r,e,o),t(r)):(v().unset(o,"radius"),y.forEach((e=>{v().set(r,e,o)}))),t(r)},T=e=>{const t=e=>{v().get(o,[e,"radius"])?["color","style","width"].forEach((t=>{const r=[e,t].join(".");v().get(o,r)&&n(r)})):n(e)};"all"!==e?t(e):y.forEach((e=>{t(e)}))};return(0,w.jsxs)(Ku,{id:C,role:"region","aria-labelledby":j,className:"kubio-control",children:[s&&(0,w.jsxs)(Zu,{className:"component-box-control__header",children:[(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(d.__experimentalText,{id:j,className:"component-box-control__label",children:r})}),l&&(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(Ou,{onClick:()=>{I(!R),!1===R&&E("all",S)},isLinked:R})})]}),R&&(0,w.jsx)(Th,{className:"kubio-border-side-control",value:S,mergedValue:k,side:"all",onChange:E,onReset:T,units:Eh,withColor:a,showIcon:c,defaults:u}),!R&&y.map((e=>(0,w.jsx)(Th,{className:"kubio-border-side-control",value:v().get(o,e),mergedValue:v().get(_,e),side:e,onChange:E,onReset:T,units:Eh,withColor:a,showIcon:c,defaults:u},e)))]})}Oh.__Visualizer=function({children:e,showValues:t=Bu,values:n=Fu,...o}){const r=!e;return(0,w.jsxs)(Mu,{...o,isPositionAbsolute:r,"aria-hidden":"true",children:[(0,w.jsx)(Gu,{showValues:t,values:n}),e]})};const Ph=e=>{const{icon:t,value:n}=e;if(t)try{t.key=t.key||`${n}-icon`,(0,m.isArray)(t.props.children)&&t.props.children.forEach(((e,t)=>e.key=e.key||`${n}-icon-child-${t}`))}catch(e){}return t},Mh=({item:e,onChange:t,value:n,utmSource:o="option"})=>(0,w.jsx)(d.Tooltip,{text:e.label,position:"top center",children:(0,w.jsx)(Ju.ProItem,{tag:d.Button,item:e,className:g()("h-select-with-icon__item",{"h-select-with-icon__item--active":e.value===n,"h-select-with-icon__item--dummy":e.isDummy}),urlArgs:{source:o,content:e.value},icon:Ph(e),onClick:()=>{e.isDummy||e.value===n||t(e.value)}},e.value)},e.value),Ah=e=>{const{label:t="",value:n,options:o=[],onChange:r,utmSource:i}=e;return(0,w.jsxs)(d.BaseControl,{className:"kubio-control",children:[(0,w.jsxs)(d.BaseControl.VisualLabel,{children:[t," "]}),(0,w.jsx)("div",{className:"h-select-with-icon",children:o.map((e=>(0,w.jsx)(Mh,{item:e,value:n,onChange:r,utmSource:i},e.value)))})]})};function Nh(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Lh(e){return Lh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Lh(e)}function zh(e){var t=function(e,t){if("object"!=Lh(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,"string");if("object"!=Lh(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Lh(t)?t:t+""}function Dh(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,zh(o.key),o)}}function Fh(e,t,n){return t&&Dh(e.prototype,t),n&&Dh(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function Bh(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Hh(e,t){if(t&&("object"==Lh(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Bh(e)}function Wh(e){return Wh=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Wh(e)}function Gh(e,t){return Gh=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Gh(e,t)}function Vh(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Gh(e,t)}function Uh(e,t,n){return(t=zh(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function $h(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function Xh(e){this.setState(function(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!=n?n:null}.bind(this))}function Yh(e,t){try{var n=this.props,o=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,o)}finally{this.props=n,this.state=o}}function Kh(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var n=null,o=null,r=null;if("function"==typeof t.componentWillMount?n="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(n="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?o="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(o="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?r="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(r="UNSAFE_componentWillUpdate"),null!==n||null!==o||null!==r){var i=e.displayName||e.name,a="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+i+" uses "+a+" but also contains the following legacy lifecycles:"+(null!==n?"\n "+n:"")+(null!==o?"\n "+o:"")+(null!==r?"\n "+r:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=$h,t.componentWillReceiveProps=Xh),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=Yh;var l=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var o=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;l.call(this,e,t,o)}}return e}function Zh(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=Zh(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}$h.__suppressDeprecationWarning=!0,Xh.__suppressDeprecationWarning=!0,Yh.__suppressDeprecationWarning=!0;const qh=function(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=Zh(e))&&(o&&(o+=" "),o+=t);return o};function Qh(e){var t=e.cellCount,n=e.cellSize,o=e.computeMetadataCallback,r=e.computeMetadataCallbackProps,i=e.nextCellsCount,a=e.nextCellSize,l=e.nextScrollToIndex,s=e.scrollToIndex,c=e.updateScrollOffsetForScrollToIndex;t===i&&("number"!=typeof n&&"number"!=typeof a||n===a)||(o(r),s>=0&&s===l&&c())}function Jh(e,t){if(null==e)return{};var n,o,r=gp(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var ef=function(){function e(t){var n=t.cellCount,o=t.cellSizeGetter,r=t.estimatedCellSize;Nh(this,e),Uh(this,"_cellSizeAndPositionData",{}),Uh(this,"_lastMeasuredIndex",-1),Uh(this,"_lastBatchedIndex",-1),Uh(this,"_cellCount",void 0),Uh(this,"_cellSizeGetter",void 0),Uh(this,"_estimatedCellSize",void 0),this._cellSizeGetter=o,this._cellCount=n,this._estimatedCellSize=r}return Fh(e,[{key:"areOffsetsAdjusted",value:function(){return!1}},{key:"configure",value:function(e){var t=e.cellCount,n=e.estimatedCellSize,o=e.cellSizeGetter;this._cellCount=t,this._estimatedCellSize=n,this._cellSizeGetter=o}},{key:"getCellCount",value:function(){return this._cellCount}},{key:"getEstimatedCellSize",value:function(){return this._estimatedCellSize}},{key:"getLastMeasuredIndex",value:function(){return this._lastMeasuredIndex}},{key:"getOffsetAdjustment",value:function(){return 0}},{key:"getSizeAndPositionOfCell",value:function(e){if(e<0||e>=this._cellCount)throw Error("Requested index ".concat(e," is outside of range 0..").concat(this._cellCount));if(e>this._lastMeasuredIndex)for(var t=this.getSizeAndPositionOfLastMeasuredCell(),n=t.offset+t.size,o=this._lastMeasuredIndex+1;o<=e;o++){var r=this._cellSizeGetter({index:o});if(void 0===r||isNaN(r))throw Error("Invalid size returned for cell ".concat(o," of value ").concat(r));null===r?(this._cellSizeAndPositionData[o]={offset:n,size:0},this._lastBatchedIndex=e):(this._cellSizeAndPositionData[o]={offset:n,size:r},n+=r,this._lastMeasuredIndex=e)}return this._cellSizeAndPositionData[e]}},{key:"getSizeAndPositionOfLastMeasuredCell",value:function(){return this._lastMeasuredIndex>=0?this._cellSizeAndPositionData[this._lastMeasuredIndex]:{offset:0,size:0}}},{key:"getTotalSize",value:function(){var e=this.getSizeAndPositionOfLastMeasuredCell();return e.offset+e.size+(this._cellCount-this._lastMeasuredIndex-1)*this._estimatedCellSize}},{key:"getUpdatedOffsetForIndex",value:function(e){var t=e.align,n=void 0===t?"auto":t,o=e.containerSize,r=e.currentOffset,i=e.targetIndex;if(o<=0)return 0;var a,l=this.getSizeAndPositionOfCell(i),s=l.offset,c=s-o+l.size;switch(n){case"start":a=s;break;case"end":a=c;break;case"center":a=s-(o-l.size)/2;break;default:a=Math.max(c,Math.min(s,r))}var u=this.getTotalSize();return Math.max(0,Math.min(u-o,a))}},{key:"getVisibleCellRange",value:function(e){var t=e.containerSize,n=e.offset;if(0===this.getTotalSize())return{};var o=n+t,r=this._findNearestCell(n),i=this.getSizeAndPositionOfCell(r);n=i.offset+i.size;for(var a=r;n<o&&a<this._cellCount-1;)a++,n+=this.getSizeAndPositionOfCell(a).size;return{start:r,stop:a}}},{key:"resetCell",value:function(e){this._lastMeasuredIndex=Math.min(this._lastMeasuredIndex,e-1)}},{key:"_binarySearch",value:function(e,t,n){for(;t<=e;){var o=t+Math.floor((e-t)/2),r=this.getSizeAndPositionOfCell(o).offset;if(r===n)return o;r<n?t=o+1:r>n&&(e=o-1)}return t>0?t-1:0}},{key:"_exponentialSearch",value:function(e,t){for(var n=1;e<this._cellCount&&this.getSizeAndPositionOfCell(e).offset<t;)e+=n,n*=2;return this._binarySearch(Math.min(e,this._cellCount-1),Math.floor(e/2),t)}},{key:"_findNearestCell",value:function(e){if(isNaN(e))throw Error("Invalid offset ".concat(e," specified"));e=Math.max(0,e);var t=this.getSizeAndPositionOfLastMeasuredCell(),n=Math.max(0,this._lastMeasuredIndex);return t.offset>=e?this._binarySearch(n,0,e):this._exponentialSearch(n,e)}}]),e}(),tf=function(){function e(t){var n=t.maxScrollSize,o=void 0===n?"undefined"!=typeof window&&window.chrome?16777100:15e5:n,r=Jh(t,["maxScrollSize"]);Nh(this,e),Uh(this,"_cellSizeAndPositionManager",void 0),Uh(this,"_maxScrollSize",void 0),this._cellSizeAndPositionManager=new ef(r),this._maxScrollSize=o}return Fh(e,[{key:"areOffsetsAdjusted",value:function(){return this._cellSizeAndPositionManager.getTotalSize()>this._maxScrollSize}},{key:"configure",value:function(e){this._cellSizeAndPositionManager.configure(e)}},{key:"getCellCount",value:function(){return this._cellSizeAndPositionManager.getCellCount()}},{key:"getEstimatedCellSize",value:function(){return this._cellSizeAndPositionManager.getEstimatedCellSize()}},{key:"getLastMeasuredIndex",value:function(){return this._cellSizeAndPositionManager.getLastMeasuredIndex()}},{key:"getOffsetAdjustment",value:function(e){var t=e.containerSize,n=e.offset,o=this._cellSizeAndPositionManager.getTotalSize(),r=this.getTotalSize(),i=this._getOffsetPercentage({containerSize:t,offset:n,totalSize:r});return Math.round(i*(r-o))}},{key:"getSizeAndPositionOfCell",value:function(e){return this._cellSizeAndPositionManager.getSizeAndPositionOfCell(e)}},{key:"getSizeAndPositionOfLastMeasuredCell",value:function(){return this._cellSizeAndPositionManager.getSizeAndPositionOfLastMeasuredCell()}},{key:"getTotalSize",value:function(){return Math.min(this._maxScrollSize,this._cellSizeAndPositionManager.getTotalSize())}},{key:"getUpdatedOffsetForIndex",value:function(e){var t=e.align,n=void 0===t?"auto":t,o=e.containerSize,r=e.currentOffset,i=e.targetIndex;r=this._safeOffsetToOffset({containerSize:o,offset:r});var a=this._cellSizeAndPositionManager.getUpdatedOffsetForIndex({align:n,containerSize:o,currentOffset:r,targetIndex:i});return this._offsetToSafeOffset({containerSize:o,offset:a})}},{key:"getVisibleCellRange",value:function(e){var t=e.containerSize,n=e.offset;return n=this._safeOffsetToOffset({containerSize:t,offset:n}),this._cellSizeAndPositionManager.getVisibleCellRange({containerSize:t,offset:n})}},{key:"resetCell",value:function(e){this._cellSizeAndPositionManager.resetCell(e)}},{key:"_getOffsetPercentage",value:function(e){var t=e.containerSize,n=e.offset,o=e.totalSize;return o<=t?0:n/(o-t)}},{key:"_offsetToSafeOffset",value:function(e){var t=e.containerSize,n=e.offset,o=this._cellSizeAndPositionManager.getTotalSize(),r=this.getTotalSize();if(o===r)return n;var i=this._getOffsetPercentage({containerSize:t,offset:n,totalSize:o});return Math.round(i*(r-t))}},{key:"_safeOffsetToOffset",value:function(e){var t=e.containerSize,n=e.offset,o=this._cellSizeAndPositionManager.getTotalSize(),r=this.getTotalSize();if(o===r)return n;var i=this._getOffsetPercentage({containerSize:t,offset:n,totalSize:r});return Math.round(i*(o-t))}}]),e}();function nf(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t={};return function(n){var o=n.callback,r=n.indices,i=Object.keys(r),a=!e||i.every((function(e){var t=r[e];return Array.isArray(t)?t.length>0:t>=0})),l=i.length!==Object.keys(t).length||i.some((function(e){var n=t[e],o=r[e];return Array.isArray(o)?n.join(",")!==o.join(","):n!==o}));t=r,a&&l&&o(r)}}function of(e){var t=e.cellSize,n=e.cellSizeAndPositionManager,o=e.previousCellsCount,r=e.previousCellSize,i=e.previousScrollToAlignment,a=e.previousScrollToIndex,l=e.previousSize,s=e.scrollOffset,c=e.scrollToAlignment,u=e.scrollToIndex,d=e.size,p=e.sizeJustIncreasedFromZero,h=e.updateScrollIndexCallback,f=n.getCellCount(),g=u>=0&&u<f;g&&(d!==l||p||!r||"number"==typeof t&&t!==r||c!==i||u!==a)?h(u):!g&&f>0&&(d<l||f<o)&&s>n.getTotalSize()-d&&h(f-1)}const rf=!("undefined"==typeof window||!window.document||!window.document.createElement);var af,lf;function sf(e){if((!af&&0!==af||e)&&rf){var t=document.createElement("div");t.style.position="absolute",t.style.top="-9999px",t.style.width="50px",t.style.height="50px",t.style.overflow="scroll",document.body.appendChild(t),af=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return af}var cf,uf,df=(lf="undefined"!=typeof window?window:"undefined"!=typeof self?self:{}).requestAnimationFrame||lf.webkitRequestAnimationFrame||lf.mozRequestAnimationFrame||lf.oRequestAnimationFrame||lf.msRequestAnimationFrame||function(e){return lf.setTimeout(e,1e3/60)},pf=lf.cancelAnimationFrame||lf.webkitCancelAnimationFrame||lf.mozCancelAnimationFrame||lf.oCancelAnimationFrame||lf.msCancelAnimationFrame||function(e){lf.clearTimeout(e)},hf=df,ff=pf,gf=function(e){return ff(e.id)},mf=function(e,t){var n;Promise.resolve().then((function(){n=Date.now()}));var o={id:hf((function r(){Date.now()-n>=t?e.call():o.id=hf(r)}))};return o};function vf(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function bf(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?vf(n,!0).forEach((function(t){Uh(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):vf(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var xf="requested",yf=(uf=cf=function(e){function t(e){var n;Nh(this,t),Uh(Bh(n=Hh(this,Wh(t).call(this,e))),"_onGridRenderedMemoizer",nf()),Uh(Bh(n),"_onScrollMemoizer",nf(!1)),Uh(Bh(n),"_deferredInvalidateColumnIndex",null),Uh(Bh(n),"_deferredInvalidateRowIndex",null),Uh(Bh(n),"_recomputeScrollLeftFlag",!1),Uh(Bh(n),"_recomputeScrollTopFlag",!1),Uh(Bh(n),"_horizontalScrollBarSize",0),Uh(Bh(n),"_verticalScrollBarSize",0),Uh(Bh(n),"_scrollbarPresenceChanged",!1),Uh(Bh(n),"_scrollingContainer",void 0),Uh(Bh(n),"_childrenToDisplay",void 0),Uh(Bh(n),"_columnStartIndex",void 0),Uh(Bh(n),"_columnStopIndex",void 0),Uh(Bh(n),"_rowStartIndex",void 0),Uh(Bh(n),"_rowStopIndex",void 0),Uh(Bh(n),"_renderedColumnStartIndex",0),Uh(Bh(n),"_renderedColumnStopIndex",0),Uh(Bh(n),"_renderedRowStartIndex",0),Uh(Bh(n),"_renderedRowStopIndex",0),Uh(Bh(n),"_initialScrollTop",void 0),Uh(Bh(n),"_initialScrollLeft",void 0),Uh(Bh(n),"_disablePointerEventsTimeoutId",void 0),Uh(Bh(n),"_styleCache",{}),Uh(Bh(n),"_cellCache",{}),Uh(Bh(n),"_debounceScrollEndedCallback",(function(){n._disablePointerEventsTimeoutId=null,n.setState({isScrolling:!1,needToResetStyleCache:!1})})),Uh(Bh(n),"_invokeOnGridRenderedHelper",(function(){var e=n.props.onSectionRendered;n._onGridRenderedMemoizer({callback:e,indices:{columnOverscanStartIndex:n._columnStartIndex,columnOverscanStopIndex:n._columnStopIndex,columnStartIndex:n._renderedColumnStartIndex,columnStopIndex:n._renderedColumnStopIndex,rowOverscanStartIndex:n._rowStartIndex,rowOverscanStopIndex:n._rowStopIndex,rowStartIndex:n._renderedRowStartIndex,rowStopIndex:n._renderedRowStopIndex}})})),Uh(Bh(n),"_setScrollingContainerRef",(function(e){n._scrollingContainer=e})),Uh(Bh(n),"_onScroll",(function(e){e.target===n._scrollingContainer&&n.handleScrollEvent(e.target)}));var o=new tf({cellCount:e.columnCount,cellSizeGetter:function(n){return t._wrapSizeGetter(e.columnWidth)(n)},estimatedCellSize:t._getEstimatedColumnSize(e)}),r=new tf({cellCount:e.rowCount,cellSizeGetter:function(n){return t._wrapSizeGetter(e.rowHeight)(n)},estimatedCellSize:t._getEstimatedRowSize(e)});return n.state={instanceProps:{columnSizeAndPositionManager:o,rowSizeAndPositionManager:r,prevColumnWidth:e.columnWidth,prevRowHeight:e.rowHeight,prevColumnCount:e.columnCount,prevRowCount:e.rowCount,prevIsScrolling:!0===e.isScrolling,prevScrollToColumn:e.scrollToColumn,prevScrollToRow:e.scrollToRow,scrollbarSize:0,scrollbarSizeMeasured:!1},isScrolling:!1,scrollDirectionHorizontal:1,scrollDirectionVertical:1,scrollLeft:0,scrollTop:0,scrollPositionChangeReason:null,needToResetStyleCache:!1},e.scrollToRow>0&&(n._initialScrollTop=n._getCalculatedScrollTop(e,n.state)),e.scrollToColumn>0&&(n._initialScrollLeft=n._getCalculatedScrollLeft(e,n.state)),n}return Vh(t,e),Fh(t,[{key:"getOffsetForCell",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.alignment,n=void 0===t?this.props.scrollToAlignment:t,o=e.columnIndex,r=void 0===o?this.props.scrollToColumn:o,i=e.rowIndex,a=void 0===i?this.props.scrollToRow:i,l=bf({},this.props,{scrollToAlignment:n,scrollToColumn:r,scrollToRow:a});return{scrollLeft:this._getCalculatedScrollLeft(l),scrollTop:this._getCalculatedScrollTop(l)}}},{key:"getTotalRowsHeight",value:function(){return this.state.instanceProps.rowSizeAndPositionManager.getTotalSize()}},{key:"getTotalColumnsWidth",value:function(){return this.state.instanceProps.columnSizeAndPositionManager.getTotalSize()}},{key:"handleScrollEvent",value:function(e){var t=e.scrollLeft,n=void 0===t?0:t,o=e.scrollTop,r=void 0===o?0:o;if(!(r<0)){this._debounceScrollEnded();var i=this.props,a=i.autoHeight,l=i.autoWidth,s=i.height,c=i.width,u=this.state.instanceProps,d=u.scrollbarSize,p=u.rowSizeAndPositionManager.getTotalSize(),h=u.columnSizeAndPositionManager.getTotalSize(),f=Math.min(Math.max(0,h-c+d),n),g=Math.min(Math.max(0,p-s+d),r);if(this.state.scrollLeft!==f||this.state.scrollTop!==g){var m={isScrolling:!0,scrollDirectionHorizontal:f!==this.state.scrollLeft?f>this.state.scrollLeft?1:-1:this.state.scrollDirectionHorizontal,scrollDirectionVertical:g!==this.state.scrollTop?g>this.state.scrollTop?1:-1:this.state.scrollDirectionVertical,scrollPositionChangeReason:"observed"};a||(m.scrollTop=g),l||(m.scrollLeft=f),m.needToResetStyleCache=!1,this.setState(m)}this._invokeOnScrollMemoizer({scrollLeft:f,scrollTop:g,totalColumnsWidth:h,totalRowsHeight:p})}}},{key:"invalidateCellSizeAfterRender",value:function(e){var t=e.columnIndex,n=e.rowIndex;this._deferredInvalidateColumnIndex="number"==typeof this._deferredInvalidateColumnIndex?Math.min(this._deferredInvalidateColumnIndex,t):t,this._deferredInvalidateRowIndex="number"==typeof this._deferredInvalidateRowIndex?Math.min(this._deferredInvalidateRowIndex,n):n}},{key:"measureAllCells",value:function(){var e=this.props,t=e.columnCount,n=e.rowCount,o=this.state.instanceProps;o.columnSizeAndPositionManager.getSizeAndPositionOfCell(t-1),o.rowSizeAndPositionManager.getSizeAndPositionOfCell(n-1)}},{key:"recomputeGridSize",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.columnIndex,n=void 0===t?0:t,o=e.rowIndex,r=void 0===o?0:o,i=this.props,a=i.scrollToColumn,l=i.scrollToRow,s=this.state.instanceProps;s.columnSizeAndPositionManager.resetCell(n),s.rowSizeAndPositionManager.resetCell(r),this._recomputeScrollLeftFlag=a>=0&&(1===this.state.scrollDirectionHorizontal?n<=a:n>=a),this._recomputeScrollTopFlag=l>=0&&(1===this.state.scrollDirectionVertical?r<=l:r>=l),this._styleCache={},this._cellCache={},this.forceUpdate()}},{key:"scrollToCell",value:function(e){var t=e.columnIndex,n=e.rowIndex,o=this.props.columnCount,r=this.props;o>1&&void 0!==t&&this._updateScrollLeftForScrollToColumn(bf({},r,{scrollToColumn:t})),void 0!==n&&this._updateScrollTopForScrollToRow(bf({},r,{scrollToRow:n}))}},{key:"componentDidMount",value:function(){var e=this.props,n=e.getScrollbarSize,o=e.height,r=e.scrollLeft,i=e.scrollToColumn,a=e.scrollTop,l=e.scrollToRow,s=e.width,c=this.state.instanceProps;if(this._initialScrollTop=0,this._initialScrollLeft=0,this._handleInvalidatedGridSize(),c.scrollbarSizeMeasured||this.setState((function(e){var t=bf({},e,{needToResetStyleCache:!1});return t.instanceProps.scrollbarSize=n(),t.instanceProps.scrollbarSizeMeasured=!0,t})),"number"==typeof r&&r>=0||"number"==typeof a&&a>=0){var u=t._getScrollToPositionStateUpdate({prevState:this.state,scrollLeft:r,scrollTop:a});u&&(u.needToResetStyleCache=!1,this.setState(u))}this._scrollingContainer&&(this._scrollingContainer.scrollLeft!==this.state.scrollLeft&&(this._scrollingContainer.scrollLeft=this.state.scrollLeft),this._scrollingContainer.scrollTop!==this.state.scrollTop&&(this._scrollingContainer.scrollTop=this.state.scrollTop));var d=o>0&&s>0;i>=0&&d&&this._updateScrollLeftForScrollToColumn(),l>=0&&d&&this._updateScrollTopForScrollToRow(),this._invokeOnGridRenderedHelper(),this._invokeOnScrollMemoizer({scrollLeft:r||0,scrollTop:a||0,totalColumnsWidth:c.columnSizeAndPositionManager.getTotalSize(),totalRowsHeight:c.rowSizeAndPositionManager.getTotalSize()}),this._maybeCallOnScrollbarPresenceChange()}},{key:"componentDidUpdate",value:function(e,t){var n=this,o=this.props,r=o.autoHeight,i=o.autoWidth,a=o.columnCount,l=o.height,s=o.rowCount,c=o.scrollToAlignment,u=o.scrollToColumn,d=o.scrollToRow,p=o.width,h=this.state,f=h.scrollLeft,g=h.scrollPositionChangeReason,m=h.scrollTop,v=h.instanceProps;this._handleInvalidatedGridSize();var b=a>0&&0===e.columnCount||s>0&&0===e.rowCount;g===xf&&(!i&&f>=0&&(f!==this._scrollingContainer.scrollLeft||b)&&(this._scrollingContainer.scrollLeft=f),!r&&m>=0&&(m!==this._scrollingContainer.scrollTop||b)&&(this._scrollingContainer.scrollTop=m));var x=(0===e.width||0===e.height)&&l>0&&p>0;if(this._recomputeScrollLeftFlag?(this._recomputeScrollLeftFlag=!1,this._updateScrollLeftForScrollToColumn(this.props)):of({cellSizeAndPositionManager:v.columnSizeAndPositionManager,previousCellsCount:e.columnCount,previousCellSize:e.columnWidth,previousScrollToAlignment:e.scrollToAlignment,previousScrollToIndex:e.scrollToColumn,previousSize:e.width,scrollOffset:f,scrollToAlignment:c,scrollToIndex:u,size:p,sizeJustIncreasedFromZero:x,updateScrollIndexCallback:function(){return n._updateScrollLeftForScrollToColumn(n.props)}}),this._recomputeScrollTopFlag?(this._recomputeScrollTopFlag=!1,this._updateScrollTopForScrollToRow(this.props)):of({cellSizeAndPositionManager:v.rowSizeAndPositionManager,previousCellsCount:e.rowCount,previousCellSize:e.rowHeight,previousScrollToAlignment:e.scrollToAlignment,previousScrollToIndex:e.scrollToRow,previousSize:e.height,scrollOffset:m,scrollToAlignment:c,scrollToIndex:d,size:l,sizeJustIncreasedFromZero:x,updateScrollIndexCallback:function(){return n._updateScrollTopForScrollToRow(n.props)}}),this._invokeOnGridRenderedHelper(),f!==t.scrollLeft||m!==t.scrollTop){var y=v.rowSizeAndPositionManager.getTotalSize(),_=v.columnSizeAndPositionManager.getTotalSize();this._invokeOnScrollMemoizer({scrollLeft:f,scrollTop:m,totalColumnsWidth:_,totalRowsHeight:y})}this._maybeCallOnScrollbarPresenceChange()}},{key:"componentWillUnmount",value:function(){this._disablePointerEventsTimeoutId&&gf(this._disablePointerEventsTimeoutId)}},{key:"render",value:function(){var e=this.props,t=e.autoContainerWidth,n=e.autoHeight,o=e.autoWidth,r=e.className,i=e.containerProps,a=e.containerRole,l=e.containerStyle,s=e.height,c=e.id,u=e.noContentRenderer,d=e.role,p=e.style,h=e.tabIndex,f=e.width,g=this.state,m=g.instanceProps,v=g.needToResetStyleCache,b=this._isScrolling(),x={boxSizing:"border-box",direction:"ltr",height:n?"auto":s,position:"relative",width:o?"auto":f,WebkitOverflowScrolling:"touch",willChange:"transform"};v&&(this._styleCache={}),this.state.isScrolling||this._resetStyleCache(),this._calculateChildrenToRender(this.props,this.state);var y=m.columnSizeAndPositionManager.getTotalSize(),_=m.rowSizeAndPositionManager.getTotalSize(),w=_>s?m.scrollbarSize:0,k=y>f?m.scrollbarSize:0;k===this._horizontalScrollBarSize&&w===this._verticalScrollBarSize||(this._horizontalScrollBarSize=k,this._verticalScrollBarSize=w,this._scrollbarPresenceChanged=!0),x.overflowX=y+w<=f?"hidden":"auto",x.overflowY=_+k<=s?"hidden":"auto";var S=this._childrenToDisplay,C=0===S.length&&s>0&&f>0;return j.createElement("div",el({ref:this._setScrollingContainerRef},i,{"aria-label":this.props["aria-label"],"aria-readonly":this.props["aria-readonly"],className:qh("ReactVirtualized__Grid",r),id:c,onScroll:this._onScroll,role:d,style:bf({},x,{},p),tabIndex:h}),S.length>0&&j.createElement("div",{className:"ReactVirtualized__Grid__innerScrollContainer",role:a,style:bf({width:t?"auto":y,height:_,maxWidth:y,maxHeight:_,overflow:"hidden",pointerEvents:b?"none":"",position:"relative"},l)},S),C&&u())}},{key:"_calculateChildrenToRender",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.state,n=e.cellRenderer,o=e.cellRangeRenderer,r=e.columnCount,i=e.deferredMeasurementCache,a=e.height,l=e.overscanColumnCount,s=e.overscanIndicesGetter,c=e.overscanRowCount,u=e.rowCount,d=e.width,p=e.isScrollingOptOut,h=t.scrollDirectionHorizontal,f=t.scrollDirectionVertical,g=t.instanceProps,m=this._initialScrollTop>0?this._initialScrollTop:t.scrollTop,v=this._initialScrollLeft>0?this._initialScrollLeft:t.scrollLeft,b=this._isScrolling(e,t);if(this._childrenToDisplay=[],a>0&&d>0){var x=g.columnSizeAndPositionManager.getVisibleCellRange({containerSize:d,offset:v}),y=g.rowSizeAndPositionManager.getVisibleCellRange({containerSize:a,offset:m}),_=g.columnSizeAndPositionManager.getOffsetAdjustment({containerSize:d,offset:v}),w=g.rowSizeAndPositionManager.getOffsetAdjustment({containerSize:a,offset:m});this._renderedColumnStartIndex=x.start,this._renderedColumnStopIndex=x.stop,this._renderedRowStartIndex=y.start,this._renderedRowStopIndex=y.stop;var k=s({direction:"horizontal",cellCount:r,overscanCellsCount:l,scrollDirection:h,startIndex:"number"==typeof x.start?x.start:0,stopIndex:"number"==typeof x.stop?x.stop:-1}),S=s({direction:"vertical",cellCount:u,overscanCellsCount:c,scrollDirection:f,startIndex:"number"==typeof y.start?y.start:0,stopIndex:"number"==typeof y.stop?y.stop:-1}),C=k.overscanStartIndex,j=k.overscanStopIndex,R=S.overscanStartIndex,I=S.overscanStopIndex;if(i){if(!i.hasFixedHeight())for(var E=R;E<=I;E++)if(!i.has(E,0)){C=0,j=r-1;break}if(!i.hasFixedWidth())for(var T=C;T<=j;T++)if(!i.has(0,T)){R=0,I=u-1;break}}this._childrenToDisplay=o({cellCache:this._cellCache,cellRenderer:n,columnSizeAndPositionManager:g.columnSizeAndPositionManager,columnStartIndex:C,columnStopIndex:j,deferredMeasurementCache:i,horizontalOffsetAdjustment:_,isScrolling:b,isScrollingOptOut:p,parent:this,rowSizeAndPositionManager:g.rowSizeAndPositionManager,rowStartIndex:R,rowStopIndex:I,scrollLeft:v,scrollTop:m,styleCache:this._styleCache,verticalOffsetAdjustment:w,visibleColumnIndices:x,visibleRowIndices:y}),this._columnStartIndex=C,this._columnStopIndex=j,this._rowStartIndex=R,this._rowStopIndex=I}}},{key:"_debounceScrollEnded",value:function(){var e=this.props.scrollingResetTimeInterval;this._disablePointerEventsTimeoutId&&gf(this._disablePointerEventsTimeoutId),this._disablePointerEventsTimeoutId=mf(this._debounceScrollEndedCallback,e)}},{key:"_handleInvalidatedGridSize",value:function(){if("number"==typeof this._deferredInvalidateColumnIndex&&"number"==typeof this._deferredInvalidateRowIndex){var e=this._deferredInvalidateColumnIndex,t=this._deferredInvalidateRowIndex;this._deferredInvalidateColumnIndex=null,this._deferredInvalidateRowIndex=null,this.recomputeGridSize({columnIndex:e,rowIndex:t})}}},{key:"_invokeOnScrollMemoizer",value:function(e){var t=this,n=e.scrollLeft,o=e.scrollTop,r=e.totalColumnsWidth,i=e.totalRowsHeight;this._onScrollMemoizer({callback:function(e){var n=e.scrollLeft,o=e.scrollTop,a=t.props,l=a.height;(0,a.onScroll)({clientHeight:l,clientWidth:a.width,scrollHeight:i,scrollLeft:n,scrollTop:o,scrollWidth:r})},indices:{scrollLeft:n,scrollTop:o}})}},{key:"_isScrolling",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.state;return Object.hasOwnProperty.call(e,"isScrolling")?Boolean(e.isScrolling):Boolean(t.isScrolling)}},{key:"_maybeCallOnScrollbarPresenceChange",value:function(){if(this._scrollbarPresenceChanged){var e=this.props.onScrollbarPresenceChange;this._scrollbarPresenceChanged=!1,e({horizontal:this._horizontalScrollBarSize>0,size:this.state.instanceProps.scrollbarSize,vertical:this._verticalScrollBarSize>0})}}},{key:"scrollToPosition",value:function(e){var n=e.scrollLeft,o=e.scrollTop,r=t._getScrollToPositionStateUpdate({prevState:this.state,scrollLeft:n,scrollTop:o});r&&(r.needToResetStyleCache=!1,this.setState(r))}},{key:"_getCalculatedScrollLeft",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.state;return t._getCalculatedScrollLeft(e,n)}},{key:"_updateScrollLeftForScrollToColumn",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.state,o=t._getScrollLeftForScrollToColumnStateUpdate(e,n);o&&(o.needToResetStyleCache=!1,this.setState(o))}},{key:"_getCalculatedScrollTop",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.state;return t._getCalculatedScrollTop(e,n)}},{key:"_resetStyleCache",value:function(){var e=this._styleCache,t=this._cellCache,n=this.props.isScrollingOptOut;this._cellCache={},this._styleCache={};for(var o=this._rowStartIndex;o<=this._rowStopIndex;o++)for(var r=this._columnStartIndex;r<=this._columnStopIndex;r++){var i="".concat(o,"-").concat(r);this._styleCache[i]=e[i],n&&(this._cellCache[i]=t[i])}}},{key:"_updateScrollTopForScrollToRow",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.state,o=t._getScrollTopForScrollToRowStateUpdate(e,n);o&&(o.needToResetStyleCache=!1,this.setState(o))}}],[{key:"getDerivedStateFromProps",value:function(e,n){var o={};0===e.columnCount&&0!==n.scrollLeft||0===e.rowCount&&0!==n.scrollTop?(o.scrollLeft=0,o.scrollTop=0):(e.scrollLeft!==n.scrollLeft&&e.scrollToColumn<0||e.scrollTop!==n.scrollTop&&e.scrollToRow<0)&&Object.assign(o,t._getScrollToPositionStateUpdate({prevState:n,scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}));var r,i,a=n.instanceProps;return o.needToResetStyleCache=!1,e.columnWidth===a.prevColumnWidth&&e.rowHeight===a.prevRowHeight||(o.needToResetStyleCache=!0),a.columnSizeAndPositionManager.configure({cellCount:e.columnCount,estimatedCellSize:t._getEstimatedColumnSize(e),cellSizeGetter:t._wrapSizeGetter(e.columnWidth)}),a.rowSizeAndPositionManager.configure({cellCount:e.rowCount,estimatedCellSize:t._getEstimatedRowSize(e),cellSizeGetter:t._wrapSizeGetter(e.rowHeight)}),0!==a.prevColumnCount&&0!==a.prevRowCount||(a.prevColumnCount=0,a.prevRowCount=0),e.autoHeight&&!1===e.isScrolling&&!0===a.prevIsScrolling&&Object.assign(o,{isScrolling:!1}),Qh({cellCount:a.prevColumnCount,cellSize:"number"==typeof a.prevColumnWidth?a.prevColumnWidth:null,computeMetadataCallback:function(){return a.columnSizeAndPositionManager.resetCell(0)},computeMetadataCallbackProps:e,nextCellsCount:e.columnCount,nextCellSize:"number"==typeof e.columnWidth?e.columnWidth:null,nextScrollToIndex:e.scrollToColumn,scrollToIndex:a.prevScrollToColumn,updateScrollOffsetForScrollToIndex:function(){r=t._getScrollLeftForScrollToColumnStateUpdate(e,n)}}),Qh({cellCount:a.prevRowCount,cellSize:"number"==typeof a.prevRowHeight?a.prevRowHeight:null,computeMetadataCallback:function(){return a.rowSizeAndPositionManager.resetCell(0)},computeMetadataCallbackProps:e,nextCellsCount:e.rowCount,nextCellSize:"number"==typeof e.rowHeight?e.rowHeight:null,nextScrollToIndex:e.scrollToRow,scrollToIndex:a.prevScrollToRow,updateScrollOffsetForScrollToIndex:function(){i=t._getScrollTopForScrollToRowStateUpdate(e,n)}}),a.prevColumnCount=e.columnCount,a.prevColumnWidth=e.columnWidth,a.prevIsScrolling=!0===e.isScrolling,a.prevRowCount=e.rowCount,a.prevRowHeight=e.rowHeight,a.prevScrollToColumn=e.scrollToColumn,a.prevScrollToRow=e.scrollToRow,a.scrollbarSize=e.getScrollbarSize(),void 0===a.scrollbarSize?(a.scrollbarSizeMeasured=!1,a.scrollbarSize=0):a.scrollbarSizeMeasured=!0,o.instanceProps=a,bf({},o,{},r,{},i)}},{key:"_getEstimatedColumnSize",value:function(e){return"number"==typeof e.columnWidth?e.columnWidth:e.estimatedColumnSize}},{key:"_getEstimatedRowSize",value:function(e){return"number"==typeof e.rowHeight?e.rowHeight:e.estimatedRowSize}},{key:"_getScrollToPositionStateUpdate",value:function(e){var t=e.prevState,n=e.scrollLeft,o=e.scrollTop,r={scrollPositionChangeReason:xf};return"number"==typeof n&&n>=0&&(r.scrollDirectionHorizontal=n>t.scrollLeft?1:-1,r.scrollLeft=n),"number"==typeof o&&o>=0&&(r.scrollDirectionVertical=o>t.scrollTop?1:-1,r.scrollTop=o),"number"==typeof n&&n>=0&&n!==t.scrollLeft||"number"==typeof o&&o>=0&&o!==t.scrollTop?r:{}}},{key:"_wrapSizeGetter",value:function(e){return"function"==typeof e?e:function(){return e}}},{key:"_getCalculatedScrollLeft",value:function(e,t){var n=e.columnCount,o=e.height,r=e.scrollToAlignment,i=e.scrollToColumn,a=e.width,l=t.scrollLeft,s=t.instanceProps;if(n>0){var c=n-1,u=i<0?c:Math.min(c,i),d=s.rowSizeAndPositionManager.getTotalSize(),p=s.scrollbarSizeMeasured&&d>o?s.scrollbarSize:0;return s.columnSizeAndPositionManager.getUpdatedOffsetForIndex({align:r,containerSize:a-p,currentOffset:l,targetIndex:u})}return 0}},{key:"_getScrollLeftForScrollToColumnStateUpdate",value:function(e,n){var o=n.scrollLeft,r=t._getCalculatedScrollLeft(e,n);return"number"==typeof r&&r>=0&&o!==r?t._getScrollToPositionStateUpdate({prevState:n,scrollLeft:r,scrollTop:-1}):{}}},{key:"_getCalculatedScrollTop",value:function(e,t){var n=e.height,o=e.rowCount,r=e.scrollToAlignment,i=e.scrollToRow,a=e.width,l=t.scrollTop,s=t.instanceProps;if(o>0){var c=o-1,u=i<0?c:Math.min(c,i),d=s.columnSizeAndPositionManager.getTotalSize(),p=s.scrollbarSizeMeasured&&d>a?s.scrollbarSize:0;return s.rowSizeAndPositionManager.getUpdatedOffsetForIndex({align:r,containerSize:n-p,currentOffset:l,targetIndex:u})}return 0}},{key:"_getScrollTopForScrollToRowStateUpdate",value:function(e,n){var o=n.scrollTop,r=t._getCalculatedScrollTop(e,n);return"number"==typeof r&&r>=0&&o!==r?t._getScrollToPositionStateUpdate({prevState:n,scrollLeft:-1,scrollTop:r}):{}}}]),t}(j.PureComponent),Uh(cf,"propTypes",null),uf);Uh(yf,"defaultProps",{"aria-label":"grid","aria-readonly":!0,autoContainerWidth:!1,autoHeight:!1,autoWidth:!1,cellRangeRenderer:function(e){for(var t=e.cellCache,n=e.cellRenderer,o=e.columnSizeAndPositionManager,r=e.columnStartIndex,i=e.columnStopIndex,a=e.deferredMeasurementCache,l=e.horizontalOffsetAdjustment,s=e.isScrolling,c=e.isScrollingOptOut,u=e.parent,d=e.rowSizeAndPositionManager,p=e.rowStartIndex,h=e.rowStopIndex,f=e.styleCache,g=e.verticalOffsetAdjustment,m=e.visibleColumnIndices,v=e.visibleRowIndices,b=[],x=o.areOffsetsAdjusted()||d.areOffsetsAdjusted(),y=!s&&!x,_=p;_<=h;_++)for(var w=d.getSizeAndPositionOfCell(_),k=r;k<=i;k++){var S=o.getSizeAndPositionOfCell(k),C=k>=m.start&&k<=m.stop&&_>=v.start&&_<=v.stop,j="".concat(_,"-").concat(k),R=void 0;y&&f[j]?R=f[j]:a&&!a.has(_,k)?R={height:"auto",left:0,position:"absolute",top:0,width:"auto"}:(R={height:w.size,left:S.offset+l,position:"absolute",top:w.offset+g,width:S.size},f[j]=R);var I={columnIndex:k,isScrolling:s,isVisible:C,key:j,parent:u,rowIndex:_,style:R},E=void 0;!c&&!s||l||g?E=n(I):(t[j]||(t[j]=n(I)),E=t[j]),null!=E&&!1!==E&&b.push(E)}return b},containerRole:"rowgroup",containerStyle:{},estimatedColumnSize:100,estimatedRowSize:30,getScrollbarSize:sf,noContentRenderer:function(){return null},onScroll:function(){},onScrollbarPresenceChange:function(){},onSectionRendered:function(){},overscanColumnCount:0,overscanIndicesGetter:function(e){var t=e.cellCount,n=e.overscanCellsCount,o=e.scrollDirection,r=e.startIndex,i=e.stopIndex;return 1===o?{overscanStartIndex:Math.max(0,r),overscanStopIndex:Math.min(t-1,i+n)}:{overscanStartIndex:Math.max(0,r-n),overscanStopIndex:Math.min(t-1,i)}},overscanRowCount:10,role:"grid",scrollingResetTimeInterval:150,scrollToAlignment:"auto",scrollToColumn:-1,scrollToRow:-1,style:{},tabIndex:0,isScrollingOptOut:!1}),Kh(yf);const _f=yf;function wf(e){var t=e.cellCount,n=e.overscanCellsCount,o=e.scrollDirection,r=e.startIndex,i=e.stopIndex;return n=Math.max(1,n),1===o?{overscanStartIndex:Math.max(0,r-1),overscanStopIndex:Math.min(t-1,i+n)}:{overscanStartIndex:Math.max(0,r-n),overscanStopIndex:Math.min(t-1,i+1)}}var kf,Sf;function Cf(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}var jf,Rf,If=(Sf=kf=function(e){function t(){var e,n;Nh(this,t);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return Uh(Bh(n=Hh(this,(e=Wh(t)).call.apply(e,[this].concat(r)))),"state",{scrollToColumn:0,scrollToRow:0,instanceProps:{prevScrollToColumn:0,prevScrollToRow:0}}),Uh(Bh(n),"_columnStartIndex",0),Uh(Bh(n),"_columnStopIndex",0),Uh(Bh(n),"_rowStartIndex",0),Uh(Bh(n),"_rowStopIndex",0),Uh(Bh(n),"_onKeyDown",(function(e){var t=n.props,o=t.columnCount,r=t.disabled,i=t.mode,a=t.rowCount;if(!r){var l=n._getScrollState(),s=l.scrollToColumn,c=l.scrollToRow,u=n._getScrollState(),d=u.scrollToColumn,p=u.scrollToRow;switch(e.key){case"ArrowDown":p="cells"===i?Math.min(p+1,a-1):Math.min(n._rowStopIndex+1,a-1);break;case"ArrowLeft":d="cells"===i?Math.max(d-1,0):Math.max(n._columnStartIndex-1,0);break;case"ArrowRight":d="cells"===i?Math.min(d+1,o-1):Math.min(n._columnStopIndex+1,o-1);break;case"ArrowUp":p="cells"===i?Math.max(p-1,0):Math.max(n._rowStartIndex-1,0)}d===s&&p===c||(e.preventDefault(),n._updateScrollState({scrollToColumn:d,scrollToRow:p}))}})),Uh(Bh(n),"_onSectionRendered",(function(e){var t=e.columnStartIndex,o=e.columnStopIndex,r=e.rowStartIndex,i=e.rowStopIndex;n._columnStartIndex=t,n._columnStopIndex=o,n._rowStartIndex=r,n._rowStopIndex=i})),n}return Vh(t,e),Fh(t,[{key:"setScrollIndexes",value:function(e){var t=e.scrollToColumn,n=e.scrollToRow;this.setState({scrollToRow:n,scrollToColumn:t})}},{key:"render",value:function(){var e=this.props,t=e.className,n=e.children,o=this._getScrollState(),r=o.scrollToColumn,i=o.scrollToRow;return j.createElement("div",{className:t,onKeyDown:this._onKeyDown},n({onSectionRendered:this._onSectionRendered,scrollToColumn:r,scrollToRow:i}))}},{key:"_getScrollState",value:function(){return this.props.isControlled?this.props:this.state}},{key:"_updateScrollState",value:function(e){var t=e.scrollToColumn,n=e.scrollToRow,o=this.props,r=o.isControlled,i=o.onScrollToChange;"function"==typeof i&&i({scrollToColumn:t,scrollToRow:n}),r||this.setState({scrollToColumn:t,scrollToRow:n})}}],[{key:"getDerivedStateFromProps",value:function(e,t){return e.isControlled?{}:e.scrollToColumn!==t.instanceProps.prevScrollToColumn||e.scrollToRow!==t.instanceProps.prevScrollToRow?function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Cf(n,!0).forEach((function(t){Uh(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Cf(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,{scrollToColumn:e.scrollToColumn,scrollToRow:e.scrollToRow,instanceProps:{prevScrollToColumn:e.scrollToColumn,prevScrollToRow:e.scrollToRow}}):{}}}]),t}(j.PureComponent),Uh(kf,"propTypes",null),Sf);function Ef(e,t){var o,r=void 0!==(o=void 0!==t?t:"undefined"!=typeof window?window:"undefined"!=typeof self?self:n.g).document&&o.document.attachEvent;if(!r){var i=function(){var e=o.requestAnimationFrame||o.mozRequestAnimationFrame||o.webkitRequestAnimationFrame||function(e){return o.setTimeout(e,20)};return function(t){return e(t)}}(),a=function(){var e=o.cancelAnimationFrame||o.mozCancelAnimationFrame||o.webkitCancelAnimationFrame||o.clearTimeout;return function(t){return e(t)}}(),l=function(e){var t=e.__resizeTriggers__,n=t.firstElementChild,o=t.lastElementChild,r=n.firstElementChild;o.scrollLeft=o.scrollWidth,o.scrollTop=o.scrollHeight,r.style.width=n.offsetWidth+1+"px",r.style.height=n.offsetHeight+1+"px",n.scrollLeft=n.scrollWidth,n.scrollTop=n.scrollHeight},s=function(e){if(!(e.target.className&&"function"==typeof e.target.className.indexOf&&e.target.className.indexOf("contract-trigger")<0&&e.target.className.indexOf("expand-trigger")<0)){var t=this;l(this),this.__resizeRAF__&&a(this.__resizeRAF__),this.__resizeRAF__=i((function(){(function(e){return e.offsetWidth!=e.__resizeLast__.width||e.offsetHeight!=e.__resizeLast__.height})(t)&&(t.__resizeLast__.width=t.offsetWidth,t.__resizeLast__.height=t.offsetHeight,t.__resizeListeners__.forEach((function(n){n.call(t,e)})))}))}},c=!1,u="",d="animationstart",p="Webkit Moz O ms".split(" "),h="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),f=o.document.createElement("fakeelement");if(void 0!==f.style.animationName&&(c=!0),!1===c)for(var g=0;g<p.length;g++)if(void 0!==f.style[p[g]+"AnimationName"]){u="-"+p[g].toLowerCase()+"-",d=h[g],c=!0;break}var m="resizeanim",v="@"+u+"keyframes "+m+" { from { opacity: 0; } to { opacity: 0; } } ",b=u+"animation: 1ms "+m+"; "}return{addResizeListener:function(t,n){if(r)t.attachEvent("onresize",n);else{if(!t.__resizeTriggers__){var i=t.ownerDocument,a=o.getComputedStyle(t);a&&"static"==a.position&&(t.style.position="relative"),function(t){if(!t.getElementById("detectElementResize")){var n=(v||"")+".resize-triggers { "+(b||"")+'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',o=t.head||t.getElementsByTagName("head")[0],r=t.createElement("style");r.id="detectElementResize",r.type="text/css",null!=e&&r.setAttribute("nonce",e),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(t.createTextNode(n)),o.appendChild(r)}}(i),t.__resizeLast__={},t.__resizeListeners__=[],(t.__resizeTriggers__=i.createElement("div")).className="resize-triggers";var c='<div class="expand-trigger"><div></div></div><div class="contract-trigger"></div>';if(window.trustedTypes){var u=trustedTypes.createPolicy("react-virtualized-auto-sizer",{createHTML:function(){return c}});t.__resizeTriggers__.innerHTML=u.createHTML("")}else t.__resizeTriggers__.innerHTML=c;t.appendChild(t.__resizeTriggers__),l(t),t.addEventListener("scroll",s,!0),d&&(t.__resizeTriggers__.__animationListener__=function(e){e.animationName==m&&l(t)},t.__resizeTriggers__.addEventListener(d,t.__resizeTriggers__.__animationListener__))}t.__resizeListeners__.push(n)}},removeResizeListener:function(e,t){if(r)e.detachEvent("onresize",t);else if(e.__resizeListeners__.splice(e.__resizeListeners__.indexOf(t),1),!e.__resizeListeners__.length){e.removeEventListener("scroll",s,!0),e.__resizeTriggers__.__animationListener__&&(e.__resizeTriggers__.removeEventListener(d,e.__resizeTriggers__.__animationListener__),e.__resizeTriggers__.__animationListener__=null);try{e.__resizeTriggers__=!e.removeChild(e.__resizeTriggers__)}catch(e){}}}}}function Tf(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function Of(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Tf(n,!0).forEach((function(t){Uh(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Tf(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Uh(If,"defaultProps",{disabled:!1,isControlled:!1,mode:"edges",scrollToColumn:0,scrollToRow:0}),Kh(If);var Pf=(Rf=jf=function(e){function t(){var e,n;Nh(this,t);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return Uh(Bh(n=Hh(this,(e=Wh(t)).call.apply(e,[this].concat(r)))),"state",{height:n.props.defaultHeight||0,width:n.props.defaultWidth||0}),Uh(Bh(n),"_parentNode",void 0),Uh(Bh(n),"_autoSizer",void 0),Uh(Bh(n),"_window",void 0),Uh(Bh(n),"_detectElementResize",void 0),Uh(Bh(n),"_onResize",(function(){var e=n.props,t=e.disableHeight,o=e.disableWidth,r=e.onResize;if(n._parentNode){var i=n._parentNode.offsetHeight||0,a=n._parentNode.offsetWidth||0,l=(n._window||window).getComputedStyle(n._parentNode)||{},s=parseInt(l.paddingLeft,10)||0,c=parseInt(l.paddingRight,10)||0,u=parseInt(l.paddingTop,10)||0,d=parseInt(l.paddingBottom,10)||0,p=i-u-d,h=a-s-c;(!t&&n.state.height!==p||!o&&n.state.width!==h)&&(n.setState({height:i-u-d,width:a-s-c}),r({height:i,width:a}))}})),Uh(Bh(n),"_setRef",(function(e){n._autoSizer=e})),n}return Vh(t,e),Fh(t,[{key:"componentDidMount",value:function(){var e=this.props.nonce;this._autoSizer&&this._autoSizer.parentNode&&this._autoSizer.parentNode.ownerDocument&&this._autoSizer.parentNode.ownerDocument.defaultView&&this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement&&(this._parentNode=this._autoSizer.parentNode,this._window=this._autoSizer.parentNode.ownerDocument.defaultView,this._detectElementResize=Ef(e,this._window),this._detectElementResize.addResizeListener(this._parentNode,this._onResize),this._onResize())}},{key:"componentWillUnmount",value:function(){this._detectElementResize&&this._parentNode&&this._detectElementResize.removeResizeListener(this._parentNode,this._onResize)}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.className,o=e.disableHeight,r=e.disableWidth,i=e.style,a=this.state,l=a.height,s=a.width,c={overflow:"visible"},u={};return o||(c.height=0,u.height=l),r||(c.width=0,u.width=s),j.createElement("div",{className:n,ref:this._setRef,style:Of({},c,{},i)},t(u))}}]),t}(j.Component),Uh(jf,"propTypes",null),Rf);Uh(Pf,"defaultProps",{onResize:function(){},disableHeight:!1,disableWidth:!1,style:{}});const Mf=window.ReactDOM;var Af,Nf,Lf=(Nf=Af=function(e){function t(){var e,n;Nh(this,t);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return Uh(Bh(n=Hh(this,(e=Wh(t)).call.apply(e,[this].concat(r)))),"_child",void 0),Uh(Bh(n),"_measure",(function(){var e=n.props,t=e.cache,o=e.columnIndex,r=void 0===o?0:o,i=e.parent,a=e.rowIndex,l=void 0===a?n.props.index||0:a,s=n._getCellMeasurements(),c=s.height,u=s.width;c===t.getHeight(l,r)&&u===t.getWidth(l,r)||(t.set(l,r,u,c),i&&"function"==typeof i.recomputeGridSize&&i.recomputeGridSize({columnIndex:r,rowIndex:l}))})),Uh(Bh(n),"_registerChild",(function(e){!e||e instanceof Element||console.warn("CellMeasurer registerChild expects to be passed Element or null"),n._child=e,e&&n._maybeMeasureCell()})),n}return Vh(t,e),Fh(t,[{key:"componentDidMount",value:function(){this._maybeMeasureCell()}},{key:"componentDidUpdate",value:function(){this._maybeMeasureCell()}},{key:"render",value:function(){var e=this.props.children;return"function"==typeof e?e({measure:this._measure,registerChild:this._registerChild}):e}},{key:"_getCellMeasurements",value:function(){var e=this.props.cache,t=this._child||(0,Mf.findDOMNode)(this);if(t&&t.ownerDocument&&t.ownerDocument.defaultView&&t instanceof t.ownerDocument.defaultView.HTMLElement){var n=t.style.width,o=t.style.height;e.hasFixedWidth()||(t.style.width="auto"),e.hasFixedHeight()||(t.style.height="auto");var r=Math.ceil(t.offsetHeight),i=Math.ceil(t.offsetWidth);return n&&(t.style.width=n),o&&(t.style.height=o),{height:r,width:i}}return{height:0,width:0}}},{key:"_maybeMeasureCell",value:function(){var e=this.props,t=e.cache,n=e.columnIndex,o=void 0===n?0:n,r=e.parent,i=e.rowIndex,a=void 0===i?this.props.index||0:i;if(!t.has(a,o)){var l=this._getCellMeasurements(),s=l.height,c=l.width;t.set(a,o,c,s),r&&"function"==typeof r.invalidateCellSizeAfterRender&&r.invalidateCellSizeAfterRender({columnIndex:o,rowIndex:a})}}}]),t}(j.PureComponent),Uh(Af,"propTypes",null),Nf);function zf(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function Df(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?zf(n,!0).forEach((function(t){Uh(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):zf(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Uh(Lf,"__internalCellMeasurerFlag",!1);var Ff="requested",Bf=function(e){function t(){var e,n;Nh(this,t);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return Uh(Bh(n=Hh(this,(e=Wh(t)).call.apply(e,[this].concat(r)))),"state",{isScrolling:!1,scrollLeft:0,scrollTop:0}),Uh(Bh(n),"_calculateSizeAndPositionDataOnNextUpdate",!1),Uh(Bh(n),"_onSectionRenderedMemoizer",nf()),Uh(Bh(n),"_onScrollMemoizer",nf(!1)),Uh(Bh(n),"_invokeOnSectionRenderedHelper",(function(){var e=n.props,t=e.cellLayoutManager,o=e.onSectionRendered;n._onSectionRenderedMemoizer({callback:o,indices:{indices:t.getLastRenderedIndices()}})})),Uh(Bh(n),"_setScrollingContainerRef",(function(e){n._scrollingContainer=e})),Uh(Bh(n),"_updateScrollPositionForScrollToCell",(function(){var e=n.props,t=e.cellLayoutManager,o=e.height,r=e.scrollToAlignment,i=e.scrollToCell,a=e.width,l=n.state,s=l.scrollLeft,c=l.scrollTop;if(i>=0){var u=t.getScrollPositionForCell({align:r,cellIndex:i,height:o,scrollLeft:s,scrollTop:c,width:a});u.scrollLeft===s&&u.scrollTop===c||n._setScrollPosition(u)}})),Uh(Bh(n),"_onScroll",(function(e){if(e.target===n._scrollingContainer){n._enablePointerEventsAfterDelay();var t=n.props,o=t.cellLayoutManager,r=t.height,i=t.isScrollingChange,a=t.width,l=n._scrollbarSize,s=o.getTotalSize(),c=s.height,u=s.width,d=Math.max(0,Math.min(u-a+l,e.target.scrollLeft)),p=Math.max(0,Math.min(c-r+l,e.target.scrollTop));if(n.state.scrollLeft!==d||n.state.scrollTop!==p){var h=e.cancelable?"observed":Ff;n.state.isScrolling||i(!0),n.setState({isScrolling:!0,scrollLeft:d,scrollPositionChangeReason:h,scrollTop:p})}n._invokeOnScrollMemoizer({scrollLeft:d,scrollTop:p,totalWidth:u,totalHeight:c})}})),n._scrollbarSize=sf(),void 0===n._scrollbarSize?(n._scrollbarSizeMeasured=!1,n._scrollbarSize=0):n._scrollbarSizeMeasured=!0,n}return Vh(t,e),Fh(t,[{key:"recomputeCellSizesAndPositions",value:function(){this._calculateSizeAndPositionDataOnNextUpdate=!0,this.forceUpdate()}},{key:"componentDidMount",value:function(){var e=this.props,t=e.cellLayoutManager,n=e.scrollLeft,o=e.scrollToCell,r=e.scrollTop;this._scrollbarSizeMeasured||(this._scrollbarSize=sf(),this._scrollbarSizeMeasured=!0,this.setState({})),o>=0?this._updateScrollPositionForScrollToCell():(n>=0||r>=0)&&this._setScrollPosition({scrollLeft:n,scrollTop:r}),this._invokeOnSectionRenderedHelper();var i=t.getTotalSize(),a=i.height,l=i.width;this._invokeOnScrollMemoizer({scrollLeft:n||0,scrollTop:r||0,totalHeight:a,totalWidth:l})}},{key:"componentDidUpdate",value:function(e,t){var n=this.props,o=n.height,r=n.scrollToAlignment,i=n.scrollToCell,a=n.width,l=this.state,s=l.scrollLeft,c=l.scrollPositionChangeReason,u=l.scrollTop;c===Ff&&(s>=0&&s!==t.scrollLeft&&s!==this._scrollingContainer.scrollLeft&&(this._scrollingContainer.scrollLeft=s),u>=0&&u!==t.scrollTop&&u!==this._scrollingContainer.scrollTop&&(this._scrollingContainer.scrollTop=u)),o===e.height&&r===e.scrollToAlignment&&i===e.scrollToCell&&a===e.width||this._updateScrollPositionForScrollToCell(),this._invokeOnSectionRenderedHelper()}},{key:"componentWillUnmount",value:function(){this._disablePointerEventsTimeoutId&&clearTimeout(this._disablePointerEventsTimeoutId)}},{key:"render",value:function(){var e=this.props,t=e.autoHeight,n=e.cellCount,o=e.cellLayoutManager,r=e.className,i=e.height,a=e.horizontalOverscanSize,l=e.id,s=e.noContentRenderer,c=e.style,u=e.verticalOverscanSize,d=e.width,p=this.state,h=p.isScrolling,f=p.scrollLeft,g=p.scrollTop;(this._lastRenderedCellCount!==n||this._lastRenderedCellLayoutManager!==o||this._calculateSizeAndPositionDataOnNextUpdate)&&(this._lastRenderedCellCount=n,this._lastRenderedCellLayoutManager=o,this._calculateSizeAndPositionDataOnNextUpdate=!1,o.calculateSizeAndPositionData());var m=o.getTotalSize(),v=m.height,b=m.width,x=Math.max(0,f-a),y=Math.max(0,g-u),_=Math.min(b,f+d+a),w=Math.min(v,g+i+u),k=i>0&&d>0?o.cellRenderers({height:w-y,isScrolling:h,width:_-x,x,y}):[],S={boxSizing:"border-box",direction:"ltr",height:t?"auto":i,position:"relative",WebkitOverflowScrolling:"touch",width:d,willChange:"transform"},C=v>i?this._scrollbarSize:0,R=b>d?this._scrollbarSize:0;return S.overflowX=b+C<=d?"hidden":"auto",S.overflowY=v+R<=i?"hidden":"auto",j.createElement("div",{ref:this._setScrollingContainerRef,"aria-label":this.props["aria-label"],className:qh("ReactVirtualized__Collection",r),id:l,onScroll:this._onScroll,role:"grid",style:Df({},S,{},c),tabIndex:0},n>0&&j.createElement("div",{className:"ReactVirtualized__Collection__innerScrollContainer",style:{height:v,maxHeight:v,maxWidth:b,overflow:"hidden",pointerEvents:h?"none":"",width:b}},k),0===n&&s())}},{key:"_enablePointerEventsAfterDelay",value:function(){var e=this;this._disablePointerEventsTimeoutId&&clearTimeout(this._disablePointerEventsTimeoutId),this._disablePointerEventsTimeoutId=setTimeout((function(){(0,e.props.isScrollingChange)(!1),e._disablePointerEventsTimeoutId=null,e.setState({isScrolling:!1})}),150)}},{key:"_invokeOnScrollMemoizer",value:function(e){var t=this,n=e.scrollLeft,o=e.scrollTop,r=e.totalHeight,i=e.totalWidth;this._onScrollMemoizer({callback:function(e){var n=e.scrollLeft,o=e.scrollTop,a=t.props,l=a.height;(0,a.onScroll)({clientHeight:l,clientWidth:a.width,scrollHeight:r,scrollLeft:n,scrollTop:o,scrollWidth:i})},indices:{scrollLeft:n,scrollTop:o}})}},{key:"_setScrollPosition",value:function(e){var t=e.scrollLeft,n=e.scrollTop,o={scrollPositionChangeReason:Ff};t>=0&&(o.scrollLeft=t),n>=0&&(o.scrollTop=n),(t>=0&&t!==this.state.scrollLeft||n>=0&&n!==this.state.scrollTop)&&this.setState(o)}}],[{key:"getDerivedStateFromProps",value:function(e,t){return 0!==e.cellCount||0===t.scrollLeft&&0===t.scrollTop?e.scrollLeft!==t.scrollLeft||e.scrollTop!==t.scrollTop?{scrollLeft:null!=e.scrollLeft?e.scrollLeft:t.scrollLeft,scrollTop:null!=e.scrollTop?e.scrollTop:t.scrollTop,scrollPositionChangeReason:Ff}:null:{scrollLeft:0,scrollTop:0,scrollPositionChangeReason:Ff}}}]),t}(j.PureComponent);Uh(Bf,"defaultProps",{"aria-label":"grid",horizontalOverscanSize:0,noContentRenderer:function(){return null},onScroll:function(){return null},onSectionRendered:function(){return null},scrollToAlignment:"auto",scrollToCell:-1,style:{},verticalOverscanSize:0}),Bf.propTypes={},Kh(Bf);const Hf=Bf;var Wf=function(){function e(t){var n=t.height,o=t.width,r=t.x,i=t.y;Nh(this,e),this.height=n,this.width=o,this.x=r,this.y=i,this._indexMap={},this._indices=[]}return Fh(e,[{key:"addCellIndex",value:function(e){var t=e.index;this._indexMap[t]||(this._indexMap[t]=!0,this._indices.push(t))}},{key:"getCellIndices",value:function(){return this._indices}},{key:"toString",value:function(){return"".concat(this.x,",").concat(this.y," ").concat(this.width,"x").concat(this.height)}}]),e}(),Gf=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;Nh(this,e),this._sectionSize=t,this._cellMetadata=[],this._sections={}}return Fh(e,[{key:"getCellIndices",value:function(e){var t=e.height,n=e.width,o=e.x,r=e.y,i={};return this.getSections({height:t,width:n,x:o,y:r}).forEach((function(e){return e.getCellIndices().forEach((function(e){i[e]=e}))})),Object.keys(i).map((function(e){return i[e]}))}},{key:"getCellMetadata",value:function(e){var t=e.index;return this._cellMetadata[t]}},{key:"getSections",value:function(e){for(var t=e.height,n=e.width,o=e.x,r=e.y,i=Math.floor(o/this._sectionSize),a=Math.floor((o+n-1)/this._sectionSize),l=Math.floor(r/this._sectionSize),s=Math.floor((r+t-1)/this._sectionSize),c=[],u=i;u<=a;u++)for(var d=l;d<=s;d++){var p="".concat(u,".").concat(d);this._sections[p]||(this._sections[p]=new Wf({height:this._sectionSize,width:this._sectionSize,x:u*this._sectionSize,y:d*this._sectionSize})),c.push(this._sections[p])}return c}},{key:"getTotalSectionCount",value:function(){return Object.keys(this._sections).length}},{key:"toString",value:function(){var e=this;return Object.keys(this._sections).map((function(t){return e._sections[t].toString()}))}},{key:"registerCell",value:function(e){var t=e.cellMetadatum,n=e.index;this._cellMetadata[n]=t,this.getSections(t).forEach((function(e){return e.addCellIndex({index:n})}))}}]),e}();function Vf(e){var t=e.align,n=void 0===t?"auto":t,o=e.cellOffset,r=e.cellSize,i=e.containerSize,a=e.currentOffset,l=o,s=l-i+r;switch(n){case"start":return l;case"end":return s;case"center":return l-(i-r)/2;default:return Math.max(s,Math.min(l,a))}}var Uf=function(e){function t(e,n){var o;return Nh(this,t),(o=Hh(this,Wh(t).call(this,e,n)))._cellMetadata=[],o._lastRenderedCellIndices=[],o._cellCache=[],o._isScrollingChange=o._isScrollingChange.bind(Bh(o)),o._setCollectionViewRef=o._setCollectionViewRef.bind(Bh(o)),o}return Vh(t,e),Fh(t,[{key:"forceUpdate",value:function(){void 0!==this._collectionView&&this._collectionView.forceUpdate()}},{key:"recomputeCellSizesAndPositions",value:function(){this._cellCache=[],this._collectionView.recomputeCellSizesAndPositions()}},{key:"render",value:function(){var e=el({},this.props);return j.createElement(Hf,el({cellLayoutManager:this,isScrollingChange:this._isScrollingChange,ref:this._setCollectionViewRef},e))}},{key:"calculateSizeAndPositionData",value:function(){var e=this.props,t=function(e){for(var t=e.cellCount,n=e.cellSizeAndPositionGetter,o=[],r=new Gf(e.sectionSize),i=0,a=0,l=0;l<t;l++){var s=n({index:l});if(null==s.height||isNaN(s.height)||null==s.width||isNaN(s.width)||null==s.x||isNaN(s.x)||null==s.y||isNaN(s.y))throw Error("Invalid metadata returned for cell ".concat(l,":\n x:").concat(s.x,", y:").concat(s.y,", width:").concat(s.width,", height:").concat(s.height));i=Math.max(i,s.y+s.height),a=Math.max(a,s.x+s.width),o[l]=s,r.registerCell({cellMetadatum:s,index:l})}return{cellMetadata:o,height:i,sectionManager:r,width:a}}({cellCount:e.cellCount,cellSizeAndPositionGetter:e.cellSizeAndPositionGetter,sectionSize:e.sectionSize});this._cellMetadata=t.cellMetadata,this._sectionManager=t.sectionManager,this._height=t.height,this._width=t.width}},{key:"getLastRenderedIndices",value:function(){return this._lastRenderedCellIndices}},{key:"getScrollPositionForCell",value:function(e){var t=e.align,n=e.cellIndex,o=e.height,r=e.scrollLeft,i=e.scrollTop,a=e.width,l=this.props.cellCount;if(n>=0&&n<l){var s=this._cellMetadata[n];r=Vf({align:t,cellOffset:s.x,cellSize:s.width,containerSize:a,currentOffset:r,targetIndex:n}),i=Vf({align:t,cellOffset:s.y,cellSize:s.height,containerSize:o,currentOffset:i,targetIndex:n})}return{scrollLeft:r,scrollTop:i}}},{key:"getTotalSize",value:function(){return{height:this._height,width:this._width}}},{key:"cellRenderers",value:function(e){var t=this,n=e.height,o=e.isScrolling,r=e.width,i=e.x,a=e.y,l=this.props,s=l.cellGroupRenderer,c=l.cellRenderer;return this._lastRenderedCellIndices=this._sectionManager.getCellIndices({height:n,width:r,x:i,y:a}),s({cellCache:this._cellCache,cellRenderer:c,cellSizeAndPositionGetter:function(e){var n=e.index;return t._sectionManager.getCellMetadata({index:n})},indices:this._lastRenderedCellIndices,isScrolling:o})}},{key:"_isScrollingChange",value:function(e){e||(this._cellCache=[])}},{key:"_setCollectionViewRef",value:function(e){this._collectionView=e}}]),t}(j.PureComponent);function $f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=Array(t);n<t;n++)o[n]=e[n];return o}function Xf(e,t){if(e){if("string"==typeof e)return $f(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$f(e,t):void 0}}function Yf(e){return function(e){if(Array.isArray(e))return $f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Xf(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Uh(Uf,"defaultProps",{"aria-label":"grid",cellGroupRenderer:function(e){var t=e.cellCache,n=e.cellRenderer,o=e.cellSizeAndPositionGetter,r=e.indices,i=e.isScrolling;return r.map((function(e){var r=o({index:e}),a={index:e,isScrolling:i,key:e,style:{height:r.height,left:r.x,position:"absolute",top:r.y,width:r.width}};return i?(e in t||(t[e]=n(a)),t[e]):n(a)})).filter((function(e){return!!e}))}}),Uf.propTypes={},(function(e){function t(e,n){var o;return Nh(this,t),(o=Hh(this,Wh(t).call(this,e,n)))._registerChild=o._registerChild.bind(Bh(o)),o}return Vh(t,e),Fh(t,[{key:"componentDidUpdate",value:function(e){var t=this.props,n=t.columnMaxWidth,o=t.columnMinWidth,r=t.columnCount,i=t.width;n===e.columnMaxWidth&&o===e.columnMinWidth&&r===e.columnCount&&i===e.width||this._registeredChild&&this._registeredChild.recomputeGridSize()}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.columnMaxWidth,o=e.columnMinWidth,r=e.columnCount,i=e.width,a=o||1,l=n?Math.min(n,i):i,s=i/r;return s=Math.max(a,s),s=Math.min(l,s),s=Math.floor(s),t({adjustedWidth:Math.min(i,s*r),columnWidth:s,getColumnWidth:function(){return s},registerChild:this._registerChild})}},{key:"_registerChild",value:function(e){if(e&&"function"!=typeof e.recomputeGridSize)throw Error("Unexpected child type registered; only Grid/MultiGrid children are supported.");this._registeredChild=e,this._registeredChild&&this._registeredChild.recomputeGridSize()}}]),t}(j.PureComponent)).propTypes={};var Kf=function(e){function t(e,n){var o;return Nh(this,t),(o=Hh(this,Wh(t).call(this,e,n)))._loadMoreRowsMemoizer=nf(),o._onRowsRendered=o._onRowsRendered.bind(Bh(o)),o._registerChild=o._registerChild.bind(Bh(o)),o}return Vh(t,e),Fh(t,[{key:"resetLoadMoreRowsCache",value:function(e){this._loadMoreRowsMemoizer=nf(),e&&this._doStuff(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"render",value:function(){return(0,this.props.children)({onRowsRendered:this._onRowsRendered,registerChild:this._registerChild})}},{key:"_loadUnloadedRanges",value:function(e){var t=this,n=this.props.loadMoreRows;e.forEach((function(e){var o=n(e);o&&o.then((function(){var n;(n={lastRenderedStartIndex:t._lastRenderedStartIndex,lastRenderedStopIndex:t._lastRenderedStopIndex,startIndex:e.startIndex,stopIndex:e.stopIndex}).startIndex>n.lastRenderedStopIndex||n.stopIndex<n.lastRenderedStartIndex||t._registeredChild&&function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n="function"==typeof e.recomputeGridSize?e.recomputeGridSize:e.recomputeRowHeights;n?n.call(e,t):e.forceUpdate()}(t._registeredChild,t._lastRenderedStartIndex)}))}))}},{key:"_onRowsRendered",value:function(e){var t=e.startIndex,n=e.stopIndex;this._lastRenderedStartIndex=t,this._lastRenderedStopIndex=n,this._doStuff(t,n)}},{key:"_doStuff",value:function(e,t){var n,o=this,r=this.props,i=r.isRowLoaded,a=r.minimumBatchSize,l=r.rowCount,s=r.threshold,c=function(e){for(var t=e.isRowLoaded,n=e.minimumBatchSize,o=e.rowCount,r=e.stopIndex,i=[],a=null,l=null,s=e.startIndex;s<=r;s++)t({index:s})?null!==l&&(i.push({startIndex:a,stopIndex:l}),a=l=null):(l=s,null===a&&(a=s));if(null!==l){for(var c=Math.min(Math.max(l,a+n-1),o-1),u=l+1;u<=c&&!t({index:u});u++)l=u;i.push({startIndex:a,stopIndex:l})}if(i.length)for(var d=i[0];d.stopIndex-d.startIndex+1<n&&d.startIndex>0;){var p=d.startIndex-1;if(t({index:p}))break;d.startIndex=p}return i}({isRowLoaded:i,minimumBatchSize:a,rowCount:l,startIndex:Math.max(0,e-s),stopIndex:Math.min(l-1,t+s)}),u=(n=[]).concat.apply(n,Yf(c.map((function(e){return[e.startIndex,e.stopIndex]}))));this._loadMoreRowsMemoizer({callback:function(){o._loadUnloadedRanges(c)},indices:{squashedUnloadedRanges:u}})}},{key:"_registerChild",value:function(e){this._registeredChild=e}}]),t}(j.PureComponent);Uh(Kf,"defaultProps",{minimumBatchSize:10,rowCount:0,threshold:15}),Kf.propTypes={};var Zf,qf,Qf=(qf=Zf=function(e){function t(){var e,n;Nh(this,t);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return Uh(Bh(n=Hh(this,(e=Wh(t)).call.apply(e,[this].concat(r)))),"Grid",void 0),Uh(Bh(n),"_cellRenderer",(function(e){var t=e.parent,o=e.rowIndex,r=e.style,i=e.isScrolling,a=e.isVisible,l=e.key,s=n.props.rowRenderer,c=Object.getOwnPropertyDescriptor(r,"width");return c&&c.writable&&(r.width="100%"),s({index:o,style:r,isScrolling:i,isVisible:a,key:l,parent:t})})),Uh(Bh(n),"_setRef",(function(e){n.Grid=e})),Uh(Bh(n),"_onScroll",(function(e){var t=e.clientHeight,o=e.scrollHeight,r=e.scrollTop;(0,n.props.onScroll)({clientHeight:t,scrollHeight:o,scrollTop:r})})),Uh(Bh(n),"_onSectionRendered",(function(e){var t=e.rowOverscanStartIndex,o=e.rowOverscanStopIndex,r=e.rowStartIndex,i=e.rowStopIndex;(0,n.props.onRowsRendered)({overscanStartIndex:t,overscanStopIndex:o,startIndex:r,stopIndex:i})})),n}return Vh(t,e),Fh(t,[{key:"forceUpdateGrid",value:function(){this.Grid&&this.Grid.forceUpdate()}},{key:"getOffsetForRow",value:function(e){var t=e.alignment,n=e.index;return this.Grid?this.Grid.getOffsetForCell({alignment:t,rowIndex:n,columnIndex:0}).scrollTop:0}},{key:"invalidateCellSizeAfterRender",value:function(e){var t=e.columnIndex,n=e.rowIndex;this.Grid&&this.Grid.invalidateCellSizeAfterRender({rowIndex:n,columnIndex:t})}},{key:"measureAllRows",value:function(){this.Grid&&this.Grid.measureAllCells()}},{key:"recomputeGridSize",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.columnIndex,n=void 0===t?0:t,o=e.rowIndex,r=void 0===o?0:o;this.Grid&&this.Grid.recomputeGridSize({rowIndex:r,columnIndex:n})}},{key:"recomputeRowHeights",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.Grid&&this.Grid.recomputeGridSize({rowIndex:e,columnIndex:0})}},{key:"scrollToPosition",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.Grid&&this.Grid.scrollToPosition({scrollTop:e})}},{key:"scrollToRow",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.Grid&&this.Grid.scrollToCell({columnIndex:0,rowIndex:e})}},{key:"render",value:function(){var e=this.props,t=e.className,n=e.noRowsRenderer,o=e.scrollToIndex,r=e.width,i=qh("ReactVirtualized__List",t);return j.createElement(_f,el({},this.props,{autoContainerWidth:!0,cellRenderer:this._cellRenderer,className:i,columnWidth:r,columnCount:1,noContentRenderer:n,onScroll:this._onScroll,onSectionRendered:this._onSectionRendered,ref:this._setRef,scrollToRow:o}))}}]),t}(j.PureComponent),Uh(Zf,"propTypes",null),qf);function Jf(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i,a,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw r}}return l}}(e,t)||Xf(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Uh(Qf,"defaultProps",{autoHeight:!1,estimatedRowSize:30,onScroll:function(){},noRowsRenderer:function(){return null},onRowsRendered:function(){},overscanIndicesGetter:wf,overscanRowCount:10,scrollToAlignment:"auto",scrollToIndex:-1,style:{}});const eg=function(e,t,n,o,r){return"function"==typeof n?function(e,t,n,o,r){for(var i=n+1;t<=n;){var a=t+n>>>1;r(e[a],o)>=0?(i=a,n=a-1):t=a+1}return i}(e,void 0===o?0:0|o,void 0===r?e.length-1:0|r,t,n):function(e,t,n,o){for(var r=n+1;t<=n;){var i=t+n>>>1;e[i]>=o?(r=i,n=i-1):t=i+1}return r}(e,void 0===n?0:0|n,void 0===o?e.length-1:0|o,t)};function tg(e,t,n,o,r){this.mid=e,this.left=t,this.right=n,this.leftPoints=o,this.rightPoints=r,this.count=(t?t.count:0)+(n?n.count:0)+o.length}var ng=tg.prototype;function og(e,t){e.mid=t.mid,e.left=t.left,e.right=t.right,e.leftPoints=t.leftPoints,e.rightPoints=t.rightPoints,e.count=t.count}function rg(e,t){var n=hg(t);e.mid=n.mid,e.left=n.left,e.right=n.right,e.leftPoints=n.leftPoints,e.rightPoints=n.rightPoints,e.count=n.count}function ig(e,t){var n=e.intervals([]);n.push(t),rg(e,n)}function ag(e,t){var n=e.intervals([]),o=n.indexOf(t);return o<0?0:(n.splice(o,1),rg(e,n),1)}function lg(e,t,n){for(var o=0;o<e.length&&e[o][0]<=t;++o){var r=n(e[o]);if(r)return r}}function sg(e,t,n){for(var o=e.length-1;o>=0&&e[o][1]>=t;--o){var r=n(e[o]);if(r)return r}}function cg(e,t){for(var n=0;n<e.length;++n){var o=t(e[n]);if(o)return o}}function ug(e,t){return e-t}function dg(e,t){return e[0]-t[0]||e[1]-t[1]}function pg(e,t){return e[1]-t[1]||e[0]-t[0]}function hg(e){if(0===e.length)return null;for(var t=[],n=0;n<e.length;++n)t.push(e[n][0],e[n][1]);t.sort(ug);var o=t[t.length>>1],r=[],i=[],a=[];for(n=0;n<e.length;++n){var l=e[n];l[1]<o?r.push(l):o<l[0]?i.push(l):a.push(l)}var s=a,c=a.slice();return s.sort(dg),c.sort(pg),new tg(o,hg(r),hg(i),s,c)}function fg(e){this.root=e}ng.intervals=function(e){return e.push.apply(e,this.leftPoints),this.left&&this.left.intervals(e),this.right&&this.right.intervals(e),e},ng.insert=function(e){var t=this.count-this.leftPoints.length;if(this.count+=1,e[1]<this.mid)this.left?4*(this.left.count+1)>3*(t+1)?ig(this,e):this.left.insert(e):this.left=hg([e]);else if(e[0]>this.mid)this.right?4*(this.right.count+1)>3*(t+1)?ig(this,e):this.right.insert(e):this.right=hg([e]);else{var n=eg(this.leftPoints,e,dg),o=eg(this.rightPoints,e,pg);this.leftPoints.splice(n,0,e),this.rightPoints.splice(o,0,e)}},ng.remove=function(e){var t=this.count-this.leftPoints;if(e[1]<this.mid)return this.left?4*(this.right?this.right.count:0)>3*(t-1)?ag(this,e):2===(i=this.left.remove(e))?(this.left=null,this.count-=1,1):(1===i&&(this.count-=1),i):0;if(e[0]>this.mid)return this.right?4*(this.left?this.left.count:0)>3*(t-1)?ag(this,e):2===(i=this.right.remove(e))?(this.right=null,this.count-=1,1):(1===i&&(this.count-=1),i):0;if(1===this.count)return this.leftPoints[0]===e?2:0;if(1===this.leftPoints.length&&this.leftPoints[0]===e){if(this.left&&this.right){for(var n=this,o=this.left;o.right;)n=o,o=o.right;if(n===this)o.right=this.right;else{var r=this.left,i=this.right;n.count-=o.count,n.right=o.left,o.left=r,o.right=i}og(this,o),this.count=(this.left?this.left.count:0)+(this.right?this.right.count:0)+this.leftPoints.length}else this.left?og(this,this.left):og(this,this.right);return 1}for(r=eg(this.leftPoints,e,dg);r<this.leftPoints.length&&this.leftPoints[r][0]===e[0];++r)if(this.leftPoints[r]===e)for(this.count-=1,this.leftPoints.splice(r,1),i=eg(this.rightPoints,e,pg);i<this.rightPoints.length&&this.rightPoints[i][1]===e[1];++i)if(this.rightPoints[i]===e)return this.rightPoints.splice(i,1),1;return 0},ng.queryPoint=function(e,t){return e<this.mid?this.left&&(n=this.left.queryPoint(e,t))?n:lg(this.leftPoints,e,t):e>this.mid?this.right&&(n=this.right.queryPoint(e,t))?n:sg(this.rightPoints,e,t):cg(this.leftPoints,t);var n},ng.queryInterval=function(e,t,n){var o;return e<this.mid&&this.left&&(o=this.left.queryInterval(e,t,n))||t>this.mid&&this.right&&(o=this.right.queryInterval(e,t,n))?o:t<this.mid?lg(this.leftPoints,t,n):e>this.mid?sg(this.rightPoints,e,n):cg(this.leftPoints,n)};var gg=fg.prototype;gg.insert=function(e){this.root?this.root.insert(e):this.root=new tg(e[0],null,null,[e],[e])},gg.remove=function(e){if(this.root){var t=this.root.remove(e);return 2===t&&(this.root=null),0!==t}return!1},gg.queryPoint=function(e,t){if(this.root)return this.root.queryPoint(e,t)},gg.queryInterval=function(e,t,n){if(e<=t&&this.root)return this.root.queryInterval(e,t,n)},Object.defineProperty(gg,"count",{get:function(){return this.root?this.root.count:0}}),Object.defineProperty(gg,"intervals",{get:function(){return this.root?this.root.intervals([]):[]}});var mg,vg,bg=function(){function e(){Nh(this,e),Uh(this,"_columnSizeMap",{}),Uh(this,"_intervalTree",new fg(null)),Uh(this,"_leftMap",{})}return Fh(e,[{key:"estimateTotalHeight",value:function(e,t,n){var o=e-this.count;return this.tallestColumnSize+Math.ceil(o/t)*n}},{key:"range",value:function(e,t,n){var o=this;this._intervalTree.queryInterval(e,e+t,(function(e){var t=Jf(e,3),r=t[0],i=(t[1],t[2]);return n(i,o._leftMap[i],r)}))}},{key:"setPosition",value:function(e,t,n,o){this._intervalTree.insert([n,n+o,e]),this._leftMap[e]=t;var r=this._columnSizeMap,i=r[t];r[t]=void 0===i?n+o:Math.max(i,n+o)}},{key:"count",get:function(){return this._intervalTree.count}},{key:"shortestColumnSize",get:function(){var e=this._columnSizeMap,t=0;for(var n in e){var o=e[n];t=0===t?o:Math.min(t,o)}return t}},{key:"tallestColumnSize",get:function(){var e=this._columnSizeMap,t=0;for(var n in e){var o=e[n];t=Math.max(t,o)}return t}}]),e}();function xg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function yg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?xg(n,!0).forEach((function(t){Uh(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):xg(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var _g=(vg=mg=function(e){function t(){var e,n;Nh(this,t);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return Uh(Bh(n=Hh(this,(e=Wh(t)).call.apply(e,[this].concat(r)))),"state",{isScrolling:!1,scrollTop:0}),Uh(Bh(n),"_debounceResetIsScrollingId",void 0),Uh(Bh(n),"_invalidateOnUpdateStartIndex",null),Uh(Bh(n),"_invalidateOnUpdateStopIndex",null),Uh(Bh(n),"_positionCache",new bg),Uh(Bh(n),"_startIndex",null),Uh(Bh(n),"_startIndexMemoized",null),Uh(Bh(n),"_stopIndex",null),Uh(Bh(n),"_stopIndexMemoized",null),Uh(Bh(n),"_debounceResetIsScrollingCallback",(function(){n.setState({isScrolling:!1})})),Uh(Bh(n),"_setScrollingContainerRef",(function(e){n._scrollingContainer=e})),Uh(Bh(n),"_onScroll",(function(e){var t=n.props.height,o=e.currentTarget.scrollTop,r=Math.min(Math.max(0,n._getEstimatedTotalHeight()-t),o);o===r&&(n._debounceResetIsScrolling(),n.state.scrollTop!==r&&n.setState({isScrolling:!0,scrollTop:r}))})),n}return Vh(t,e),Fh(t,[{key:"clearCellPositions",value:function(){this._positionCache=new bg,this.forceUpdate()}},{key:"invalidateCellSizeAfterRender",value:function(e){var t=e.rowIndex;null===this._invalidateOnUpdateStartIndex?(this._invalidateOnUpdateStartIndex=t,this._invalidateOnUpdateStopIndex=t):(this._invalidateOnUpdateStartIndex=Math.min(this._invalidateOnUpdateStartIndex,t),this._invalidateOnUpdateStopIndex=Math.max(this._invalidateOnUpdateStopIndex,t))}},{key:"recomputeCellPositions",value:function(){var e=this._positionCache.count-1;this._positionCache=new bg,this._populatePositionCache(0,e),this.forceUpdate()}},{key:"componentDidMount",value:function(){this._checkInvalidateOnUpdate(),this._invokeOnScrollCallback(),this._invokeOnCellsRenderedCallback()}},{key:"componentDidUpdate",value:function(e,t){this._checkInvalidateOnUpdate(),this._invokeOnScrollCallback(),this._invokeOnCellsRenderedCallback(),this.props.scrollTop!==e.scrollTop&&this._debounceResetIsScrolling()}},{key:"componentWillUnmount",value:function(){this._debounceResetIsScrollingId&&gf(this._debounceResetIsScrollingId)}},{key:"render",value:function(){var e,t=this,n=this.props,o=n.autoHeight,r=n.cellCount,i=n.cellMeasurerCache,a=n.cellRenderer,l=n.className,s=n.height,c=n.id,u=n.keyMapper,d=n.overscanByPixels,p=n.role,h=n.style,f=n.tabIndex,g=n.width,m=n.rowDirection,v=this.state,b=v.isScrolling,x=v.scrollTop,y=[],_=this._getEstimatedTotalHeight(),w=this._positionCache.shortestColumnSize,k=this._positionCache.count,S=0;if(this._positionCache.range(Math.max(0,x-d),s+2*d,(function(n,o,r){var l;void 0===e?(S=n,e=n):(S=Math.min(S,n),e=Math.max(e,n)),y.push(a({index:n,isScrolling:b,key:u(n),parent:t,style:(l={height:i.getHeight(n)},Uh(l,"ltr"===m?"left":"right",o),Uh(l,"position","absolute"),Uh(l,"top",r),Uh(l,"width",i.getWidth(n)),l)}))})),w<x+s+d&&k<r)for(var C=Math.min(r-k,Math.ceil((x+s+d-w)/i.defaultHeight*g/i.defaultWidth)),R=k;R<k+C;R++)e=R,y.push(a({index:R,isScrolling:b,key:u(R),parent:this,style:{width:i.getWidth(R)}}));return this._startIndex=S,this._stopIndex=e,j.createElement("div",{ref:this._setScrollingContainerRef,"aria-label":this.props["aria-label"],className:qh("ReactVirtualized__Masonry",l),id:c,onScroll:this._onScroll,role:p,style:yg({boxSizing:"border-box",direction:"ltr",height:o?"auto":s,overflowX:"hidden",overflowY:_<s?"hidden":"auto",position:"relative",width:g,WebkitOverflowScrolling:"touch",willChange:"transform"},h),tabIndex:f},j.createElement("div",{className:"ReactVirtualized__Masonry__innerScrollContainer",style:{width:"100%",height:_,maxWidth:"100%",maxHeight:_,overflow:"hidden",pointerEvents:b?"none":"",position:"relative"}},y))}},{key:"_checkInvalidateOnUpdate",value:function(){if("number"==typeof this._invalidateOnUpdateStartIndex){var e=this._invalidateOnUpdateStartIndex,t=this._invalidateOnUpdateStopIndex;this._invalidateOnUpdateStartIndex=null,this._invalidateOnUpdateStopIndex=null,this._populatePositionCache(e,t),this.forceUpdate()}}},{key:"_debounceResetIsScrolling",value:function(){var e=this.props.scrollingResetTimeInterval;this._debounceResetIsScrollingId&&gf(this._debounceResetIsScrollingId),this._debounceResetIsScrollingId=mf(this._debounceResetIsScrollingCallback,e)}},{key:"_getEstimatedTotalHeight",value:function(){var e=this.props,t=e.cellCount,n=e.cellMeasurerCache,o=e.width,r=Math.max(1,Math.floor(o/n.defaultWidth));return this._positionCache.estimateTotalHeight(t,r,n.defaultHeight)}},{key:"_invokeOnScrollCallback",value:function(){var e=this.props,t=e.height,n=e.onScroll,o=this.state.scrollTop;this._onScrollMemoized!==o&&(n({clientHeight:t,scrollHeight:this._getEstimatedTotalHeight(),scrollTop:o}),this._onScrollMemoized=o)}},{key:"_invokeOnCellsRenderedCallback",value:function(){this._startIndexMemoized===this._startIndex&&this._stopIndexMemoized===this._stopIndex||((0,this.props.onCellsRendered)({startIndex:this._startIndex,stopIndex:this._stopIndex}),this._startIndexMemoized=this._startIndex,this._stopIndexMemoized=this._stopIndex)}},{key:"_populatePositionCache",value:function(e,t){for(var n=this.props,o=n.cellMeasurerCache,r=n.cellPositioner,i=e;i<=t;i++){var a=r(i),l=a.left,s=a.top;this._positionCache.setPosition(i,l,s,o.getHeight(i))}}}],[{key:"getDerivedStateFromProps",value:function(e,t){return void 0!==e.scrollTop&&t.scrollTop!==e.scrollTop?{isScrolling:!0,scrollTop:e.scrollTop}:null}}]),t}(j.PureComponent),Uh(mg,"propTypes",null),vg);function wg(){}Uh(_g,"defaultProps",{autoHeight:!1,keyMapper:function(e){return e},onCellsRendered:wg,onScroll:wg,overscanByPixels:20,role:"grid",scrollingResetTimeInterval:150,style:{},tabIndex:0,rowDirection:"ltr"}),Kh(_g);var kg=function(){function e(){var t=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Nh(this,e),Uh(this,"_cellMeasurerCache",void 0),Uh(this,"_columnIndexOffset",void 0),Uh(this,"_rowIndexOffset",void 0),Uh(this,"columnWidth",(function(e){var n=e.index;t._cellMeasurerCache.columnWidth({index:n+t._columnIndexOffset})})),Uh(this,"rowHeight",(function(e){var n=e.index;t._cellMeasurerCache.rowHeight({index:n+t._rowIndexOffset})}));var o=n.cellMeasurerCache,r=n.columnIndexOffset,i=void 0===r?0:r,a=n.rowIndexOffset,l=void 0===a?0:a;this._cellMeasurerCache=o,this._columnIndexOffset=i,this._rowIndexOffset=l}return Fh(e,[{key:"clear",value:function(e,t){this._cellMeasurerCache.clear(e+this._rowIndexOffset,t+this._columnIndexOffset)}},{key:"clearAll",value:function(){this._cellMeasurerCache.clearAll()}},{key:"hasFixedHeight",value:function(){return this._cellMeasurerCache.hasFixedHeight()}},{key:"hasFixedWidth",value:function(){return this._cellMeasurerCache.hasFixedWidth()}},{key:"getHeight",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return this._cellMeasurerCache.getHeight(e+this._rowIndexOffset,t+this._columnIndexOffset)}},{key:"getWidth",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return this._cellMeasurerCache.getWidth(e+this._rowIndexOffset,t+this._columnIndexOffset)}},{key:"has",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return this._cellMeasurerCache.has(e+this._rowIndexOffset,t+this._columnIndexOffset)}},{key:"set",value:function(e,t,n,o){this._cellMeasurerCache.set(e+this._rowIndexOffset,t+this._columnIndexOffset,n,o)}},{key:"defaultHeight",get:function(){return this._cellMeasurerCache.defaultHeight}},{key:"defaultWidth",get:function(){return this._cellMeasurerCache.defaultWidth}}]),e}();function Sg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function Cg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Sg(n,!0).forEach((function(t){Uh(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Sg(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var jg=function(e){function t(e,n){var o;Nh(this,t),Uh(Bh(o=Hh(this,Wh(t).call(this,e,n))),"state",{scrollLeft:0,scrollTop:0,scrollbarSize:0,showHorizontalScrollbar:!1,showVerticalScrollbar:!1}),Uh(Bh(o),"_deferredInvalidateColumnIndex",null),Uh(Bh(o),"_deferredInvalidateRowIndex",null),Uh(Bh(o),"_bottomLeftGridRef",(function(e){o._bottomLeftGrid=e})),Uh(Bh(o),"_bottomRightGridRef",(function(e){o._bottomRightGrid=e})),Uh(Bh(o),"_cellRendererBottomLeftGrid",(function(e){var t=e.rowIndex,n=Jh(e,["rowIndex"]),r=o.props,i=r.cellRenderer,a=r.fixedRowCount;return t===r.rowCount-a?j.createElement("div",{key:n.key,style:Cg({},n.style,{height:20})}):i(Cg({},n,{parent:Bh(o),rowIndex:t+a}))})),Uh(Bh(o),"_cellRendererBottomRightGrid",(function(e){var t=e.columnIndex,n=e.rowIndex,r=Jh(e,["columnIndex","rowIndex"]),i=o.props,a=i.cellRenderer,l=i.fixedColumnCount,s=i.fixedRowCount;return a(Cg({},r,{columnIndex:t+l,parent:Bh(o),rowIndex:n+s}))})),Uh(Bh(o),"_cellRendererTopRightGrid",(function(e){var t=e.columnIndex,n=Jh(e,["columnIndex"]),r=o.props,i=r.cellRenderer,a=r.columnCount,l=r.fixedColumnCount;return t===a-l?j.createElement("div",{key:n.key,style:Cg({},n.style,{width:20})}):i(Cg({},n,{columnIndex:t+l,parent:Bh(o)}))})),Uh(Bh(o),"_columnWidthRightGrid",(function(e){var t=e.index,n=o.props,r=n.columnCount,i=n.fixedColumnCount,a=n.columnWidth,l=o.state,s=l.scrollbarSize;return l.showHorizontalScrollbar&&t===r-i?s:"function"==typeof a?a({index:t+i}):a})),Uh(Bh(o),"_onScroll",(function(e){var t=e.scrollLeft,n=e.scrollTop;o.setState({scrollLeft:t,scrollTop:n});var r=o.props.onScroll;r&&r(e)})),Uh(Bh(o),"_onScrollbarPresenceChange",(function(e){var t=e.horizontal,n=e.size,r=e.vertical,i=o.state,a=i.showHorizontalScrollbar,l=i.showVerticalScrollbar;if(t!==a||r!==l){o.setState({scrollbarSize:n,showHorizontalScrollbar:t,showVerticalScrollbar:r});var s=o.props.onScrollbarPresenceChange;"function"==typeof s&&s({horizontal:t,size:n,vertical:r})}})),Uh(Bh(o),"_onScrollLeft",(function(e){var t=e.scrollLeft;o._onScroll({scrollLeft:t,scrollTop:o.state.scrollTop})})),Uh(Bh(o),"_onScrollTop",(function(e){var t=e.scrollTop;o._onScroll({scrollTop:t,scrollLeft:o.state.scrollLeft})})),Uh(Bh(o),"_rowHeightBottomGrid",(function(e){var t=e.index,n=o.props,r=n.fixedRowCount,i=n.rowCount,a=n.rowHeight,l=o.state,s=l.scrollbarSize;return l.showVerticalScrollbar&&t===i-r?s:"function"==typeof a?a({index:t+r}):a})),Uh(Bh(o),"_topLeftGridRef",(function(e){o._topLeftGrid=e})),Uh(Bh(o),"_topRightGridRef",(function(e){o._topRightGrid=e}));var r=e.deferredMeasurementCache,i=e.fixedColumnCount,a=e.fixedRowCount;return o._maybeCalculateCachedStyles(!0),r&&(o._deferredMeasurementCacheBottomLeftGrid=a>0?new kg({cellMeasurerCache:r,columnIndexOffset:0,rowIndexOffset:a}):r,o._deferredMeasurementCacheBottomRightGrid=i>0||a>0?new kg({cellMeasurerCache:r,columnIndexOffset:i,rowIndexOffset:a}):r,o._deferredMeasurementCacheTopRightGrid=i>0?new kg({cellMeasurerCache:r,columnIndexOffset:i,rowIndexOffset:0}):r),o}return Vh(t,e),Fh(t,[{key:"forceUpdateGrids",value:function(){this._bottomLeftGrid&&this._bottomLeftGrid.forceUpdate(),this._bottomRightGrid&&this._bottomRightGrid.forceUpdate(),this._topLeftGrid&&this._topLeftGrid.forceUpdate(),this._topRightGrid&&this._topRightGrid.forceUpdate()}},{key:"invalidateCellSizeAfterRender",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.columnIndex,n=void 0===t?0:t,o=e.rowIndex,r=void 0===o?0:o;this._deferredInvalidateColumnIndex="number"==typeof this._deferredInvalidateColumnIndex?Math.min(this._deferredInvalidateColumnIndex,n):n,this._deferredInvalidateRowIndex="number"==typeof this._deferredInvalidateRowIndex?Math.min(this._deferredInvalidateRowIndex,r):r}},{key:"measureAllCells",value:function(){this._bottomLeftGrid&&this._bottomLeftGrid.measureAllCells(),this._bottomRightGrid&&this._bottomRightGrid.measureAllCells(),this._topLeftGrid&&this._topLeftGrid.measureAllCells(),this._topRightGrid&&this._topRightGrid.measureAllCells()}},{key:"recomputeGridSize",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.columnIndex,n=void 0===t?0:t,o=e.rowIndex,r=void 0===o?0:o,i=this.props,a=i.fixedColumnCount,l=i.fixedRowCount,s=Math.max(0,n-a),c=Math.max(0,r-l);this._bottomLeftGrid&&this._bottomLeftGrid.recomputeGridSize({columnIndex:n,rowIndex:c}),this._bottomRightGrid&&this._bottomRightGrid.recomputeGridSize({columnIndex:s,rowIndex:c}),this._topLeftGrid&&this._topLeftGrid.recomputeGridSize({columnIndex:n,rowIndex:r}),this._topRightGrid&&this._topRightGrid.recomputeGridSize({columnIndex:s,rowIndex:r}),this._leftGridWidth=null,this._topGridHeight=null,this._maybeCalculateCachedStyles(!0)}},{key:"componentDidMount",value:function(){var e=this.props,t=e.scrollLeft,n=e.scrollTop;if(t>0||n>0){var o={};t>0&&(o.scrollLeft=t),n>0&&(o.scrollTop=n),this.setState(o)}this._handleInvalidatedGridSize()}},{key:"componentDidUpdate",value:function(){this._handleInvalidatedGridSize()}},{key:"render",value:function(){var e=this.props,t=e.onScroll,n=e.onSectionRendered,o=(e.onScrollbarPresenceChange,e.scrollLeft,e.scrollToColumn),r=(e.scrollTop,e.scrollToRow),i=Jh(e,["onScroll","onSectionRendered","onScrollbarPresenceChange","scrollLeft","scrollToColumn","scrollTop","scrollToRow"]);if(this._prepareForRender(),0===this.props.width||0===this.props.height)return null;var a=this.state,l=a.scrollLeft,s=a.scrollTop;return j.createElement("div",{style:this._containerOuterStyle},j.createElement("div",{style:this._containerTopStyle},this._renderTopLeftGrid(i),this._renderTopRightGrid(Cg({},i,{onScroll:t,scrollLeft:l}))),j.createElement("div",{style:this._containerBottomStyle},this._renderBottomLeftGrid(Cg({},i,{onScroll:t,scrollTop:s})),this._renderBottomRightGrid(Cg({},i,{onScroll:t,onSectionRendered:n,scrollLeft:l,scrollToColumn:o,scrollToRow:r,scrollTop:s}))))}},{key:"_getBottomGridHeight",value:function(e){return e.height-this._getTopGridHeight(e)}},{key:"_getLeftGridWidth",value:function(e){var t=e.fixedColumnCount,n=e.columnWidth;if(null==this._leftGridWidth)if("function"==typeof n){for(var o=0,r=0;r<t;r++)o+=n({index:r});this._leftGridWidth=o}else this._leftGridWidth=n*t;return this._leftGridWidth}},{key:"_getRightGridWidth",value:function(e){return e.width-this._getLeftGridWidth(e)}},{key:"_getTopGridHeight",value:function(e){var t=e.fixedRowCount,n=e.rowHeight;if(null==this._topGridHeight)if("function"==typeof n){for(var o=0,r=0;r<t;r++)o+=n({index:r});this._topGridHeight=o}else this._topGridHeight=n*t;return this._topGridHeight}},{key:"_handleInvalidatedGridSize",value:function(){if("number"==typeof this._deferredInvalidateColumnIndex){var e=this._deferredInvalidateColumnIndex,t=this._deferredInvalidateRowIndex;this._deferredInvalidateColumnIndex=null,this._deferredInvalidateRowIndex=null,this.recomputeGridSize({columnIndex:e,rowIndex:t}),this.forceUpdate()}}},{key:"_maybeCalculateCachedStyles",value:function(e){var t=this.props,n=t.columnWidth,o=t.enableFixedColumnScroll,r=t.enableFixedRowScroll,i=t.height,a=t.fixedColumnCount,l=t.fixedRowCount,s=t.rowHeight,c=t.style,u=t.styleBottomLeftGrid,d=t.styleBottomRightGrid,p=t.styleTopLeftGrid,h=t.styleTopRightGrid,f=t.width,g=e||i!==this._lastRenderedHeight||f!==this._lastRenderedWidth,m=e||n!==this._lastRenderedColumnWidth||a!==this._lastRenderedFixedColumnCount,v=e||l!==this._lastRenderedFixedRowCount||s!==this._lastRenderedRowHeight;(e||g||c!==this._lastRenderedStyle)&&(this._containerOuterStyle=Cg({height:i,overflow:"visible",width:f},c)),(e||g||v)&&(this._containerTopStyle={height:this._getTopGridHeight(this.props),position:"relative",width:f},this._containerBottomStyle={height:i-this._getTopGridHeight(this.props),overflow:"visible",position:"relative",width:f}),(e||u!==this._lastRenderedStyleBottomLeftGrid)&&(this._bottomLeftGridStyle=Cg({left:0,overflowX:"hidden",overflowY:o?"auto":"hidden",position:"absolute"},u)),(e||m||d!==this._lastRenderedStyleBottomRightGrid)&&(this._bottomRightGridStyle=Cg({left:this._getLeftGridWidth(this.props),position:"absolute"},d)),(e||p!==this._lastRenderedStyleTopLeftGrid)&&(this._topLeftGridStyle=Cg({left:0,overflowX:"hidden",overflowY:"hidden",position:"absolute",top:0},p)),(e||m||h!==this._lastRenderedStyleTopRightGrid)&&(this._topRightGridStyle=Cg({left:this._getLeftGridWidth(this.props),overflowX:r?"auto":"hidden",overflowY:"hidden",position:"absolute",top:0},h)),this._lastRenderedColumnWidth=n,this._lastRenderedFixedColumnCount=a,this._lastRenderedFixedRowCount=l,this._lastRenderedHeight=i,this._lastRenderedRowHeight=s,this._lastRenderedStyle=c,this._lastRenderedStyleBottomLeftGrid=u,this._lastRenderedStyleBottomRightGrid=d,this._lastRenderedStyleTopLeftGrid=p,this._lastRenderedStyleTopRightGrid=h,this._lastRenderedWidth=f}},{key:"_prepareForRender",value:function(){this._lastRenderedColumnWidth===this.props.columnWidth&&this._lastRenderedFixedColumnCount===this.props.fixedColumnCount||(this._leftGridWidth=null),this._lastRenderedFixedRowCount===this.props.fixedRowCount&&this._lastRenderedRowHeight===this.props.rowHeight||(this._topGridHeight=null),this._maybeCalculateCachedStyles(),this._lastRenderedColumnWidth=this.props.columnWidth,this._lastRenderedFixedColumnCount=this.props.fixedColumnCount,this._lastRenderedFixedRowCount=this.props.fixedRowCount,this._lastRenderedRowHeight=this.props.rowHeight}},{key:"_renderBottomLeftGrid",value:function(e){var t=e.enableFixedColumnScroll,n=e.fixedColumnCount,o=e.fixedRowCount,r=e.rowCount,i=e.hideBottomLeftGridScrollbar,a=this.state.showVerticalScrollbar;if(!n)return null;var l=a?1:0,s=this._getBottomGridHeight(e),c=this._getLeftGridWidth(e),u=this.state.showVerticalScrollbar?this.state.scrollbarSize:0,d=i?c+u:c,p=j.createElement(_f,el({},e,{cellRenderer:this._cellRendererBottomLeftGrid,className:this.props.classNameBottomLeftGrid,columnCount:n,deferredMeasurementCache:this._deferredMeasurementCacheBottomLeftGrid,height:s,onScroll:t?this._onScrollTop:void 0,ref:this._bottomLeftGridRef,rowCount:Math.max(0,r-o)+l,rowHeight:this._rowHeightBottomGrid,style:this._bottomLeftGridStyle,tabIndex:null,width:d}));return i?j.createElement("div",{className:"BottomLeftGrid_ScrollWrapper",style:Cg({},this._bottomLeftGridStyle,{height:s,width:c,overflowY:"hidden"})},p):p}},{key:"_renderBottomRightGrid",value:function(e){var t=e.columnCount,n=e.fixedColumnCount,o=e.fixedRowCount,r=e.rowCount,i=e.scrollToColumn,a=e.scrollToRow;return j.createElement(_f,el({},e,{cellRenderer:this._cellRendererBottomRightGrid,className:this.props.classNameBottomRightGrid,columnCount:Math.max(0,t-n),columnWidth:this._columnWidthRightGrid,deferredMeasurementCache:this._deferredMeasurementCacheBottomRightGrid,height:this._getBottomGridHeight(e),onScroll:this._onScroll,onScrollbarPresenceChange:this._onScrollbarPresenceChange,ref:this._bottomRightGridRef,rowCount:Math.max(0,r-o),rowHeight:this._rowHeightBottomGrid,scrollToColumn:i-n,scrollToRow:a-o,style:this._bottomRightGridStyle,width:this._getRightGridWidth(e)}))}},{key:"_renderTopLeftGrid",value:function(e){var t=e.fixedColumnCount,n=e.fixedRowCount;return t&&n?j.createElement(_f,el({},e,{className:this.props.classNameTopLeftGrid,columnCount:t,height:this._getTopGridHeight(e),ref:this._topLeftGridRef,rowCount:n,style:this._topLeftGridStyle,tabIndex:null,width:this._getLeftGridWidth(e)})):null}},{key:"_renderTopRightGrid",value:function(e){var t=e.columnCount,n=e.enableFixedRowScroll,o=e.fixedColumnCount,r=e.fixedRowCount,i=e.scrollLeft,a=e.hideTopRightGridScrollbar,l=this.state,s=l.showHorizontalScrollbar,c=l.scrollbarSize;if(!r)return null;var u=s?1:0,d=this._getTopGridHeight(e),p=this._getRightGridWidth(e),h=s?c:0,f=d,g=this._topRightGridStyle;a&&(f=d+h,g=Cg({},this._topRightGridStyle,{left:0}));var m=j.createElement(_f,el({},e,{cellRenderer:this._cellRendererTopRightGrid,className:this.props.classNameTopRightGrid,columnCount:Math.max(0,t-o)+u,columnWidth:this._columnWidthRightGrid,deferredMeasurementCache:this._deferredMeasurementCacheTopRightGrid,height:f,onScroll:n?this._onScrollLeft:void 0,ref:this._topRightGridRef,rowCount:r,scrollLeft:i,style:g,tabIndex:null,width:p}));return a?j.createElement("div",{className:"TopRightGrid_ScrollWrapper",style:Cg({},this._topRightGridStyle,{height:d,width:p,overflowX:"hidden"})},m):m}}],[{key:"getDerivedStateFromProps",value:function(e,t){return e.scrollLeft!==t.scrollLeft||e.scrollTop!==t.scrollTop?{scrollLeft:null!=e.scrollLeft&&e.scrollLeft>=0?e.scrollLeft:t.scrollLeft,scrollTop:null!=e.scrollTop&&e.scrollTop>=0?e.scrollTop:t.scrollTop}:null}}]),t}(j.PureComponent);Uh(jg,"defaultProps",{classNameBottomLeftGrid:"",classNameBottomRightGrid:"",classNameTopLeftGrid:"",classNameTopRightGrid:"",enableFixedColumnScroll:!1,enableFixedRowScroll:!1,fixedColumnCount:0,fixedRowCount:0,scrollToColumn:-1,scrollToRow:-1,style:{},styleBottomLeftGrid:{},styleBottomRightGrid:{},styleTopLeftGrid:{},styleTopRightGrid:{},hideTopRightGridScrollbar:!1,hideBottomLeftGridScrollbar:!1}),jg.propTypes={},Kh(jg);var Rg=function(e){function t(e,n){var o;return Nh(this,t),(o=Hh(this,Wh(t).call(this,e,n))).state={clientHeight:0,clientWidth:0,scrollHeight:0,scrollLeft:0,scrollTop:0,scrollWidth:0},o._onScroll=o._onScroll.bind(Bh(o)),o}return Vh(t,e),Fh(t,[{key:"render",value:function(){var e=this.props.children,t=this.state,n=t.clientHeight,o=t.clientWidth,r=t.scrollHeight,i=t.scrollLeft,a=t.scrollTop,l=t.scrollWidth;return e({clientHeight:n,clientWidth:o,onScroll:this._onScroll,scrollHeight:r,scrollLeft:i,scrollTop:a,scrollWidth:l})}},{key:"_onScroll",value:function(e){var t=e.clientHeight,n=e.clientWidth,o=e.scrollHeight,r=e.scrollLeft,i=e.scrollTop,a=e.scrollWidth;this.setState({clientHeight:t,clientWidth:n,scrollHeight:o,scrollLeft:r,scrollTop:i,scrollWidth:a})}}]),t}(j.PureComponent);function Ig(e){var t=e.className,n=e.columns,o=e.style;return j.createElement("div",{className:t,role:"row",style:o},n)}Rg.propTypes={},Ig.propTypes=null;const Eg={ASC:"ASC",DESC:"DESC"};function Tg(e){var t=e.sortDirection,n=qh("ReactVirtualized__Table__sortableHeaderIcon",{"ReactVirtualized__Table__sortableHeaderIcon--ASC":t===Eg.ASC,"ReactVirtualized__Table__sortableHeaderIcon--DESC":t===Eg.DESC});return j.createElement("svg",{className:n,width:18,height:18,viewBox:"0 0 24 24"},t===Eg.ASC?j.createElement("path",{d:"M7 14l5-5 5 5z"}):j.createElement("path",{d:"M7 10l5 5 5-5z"}),j.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}function Og(e){var t=e.dataKey,n=e.label,o=e.sortBy,r=e.sortDirection,i=o===t,a=[j.createElement("span",{className:"ReactVirtualized__Table__headerTruncatedText",key:"label",title:"string"==typeof n?n:null},n)];return i&&a.push(j.createElement(Tg,{key:"SortIndicator",sortDirection:r})),a}function Pg(e){var t=e.className,n=e.columns,o=e.index,r=e.key,i=e.onRowClick,a=e.onRowDoubleClick,l=e.onRowMouseOut,s=e.onRowMouseOver,c=e.onRowRightClick,u=e.rowData,d=e.style,p={"aria-rowindex":o+1};return(i||a||l||s||c)&&(p["aria-label"]="row",p.tabIndex=0,i&&(p.onClick=function(e){return i({event:e,index:o,rowData:u})}),a&&(p.onDoubleClick=function(e){return a({event:e,index:o,rowData:u})}),l&&(p.onMouseOut=function(e){return l({event:e,index:o,rowData:u})}),s&&(p.onMouseOver=function(e){return s({event:e,index:o,rowData:u})}),c&&(p.onContextMenu=function(e){return c({event:e,index:o,rowData:u})})),j.createElement("div",el({},p,{className:t,key:r,role:"row",style:d}),n)}Tg.propTypes={},Og.propTypes=null,Pg.propTypes=null;var Mg=function(e){function t(){return Nh(this,t),Hh(this,Wh(t).apply(this,arguments))}return Vh(t,e),t}(j.Component);function Ag(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function Ng(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ag(n,!0).forEach((function(t){Uh(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ag(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Uh(Mg,"defaultProps",{cellDataGetter:function(e){var t=e.dataKey,n=e.rowData;return"function"==typeof n.get?n.get(t):n[t]},cellRenderer:function(e){var t=e.cellData;return null==t?"":String(t)},defaultSortDirection:Eg.ASC,flexGrow:0,flexShrink:1,headerRenderer:Og,style:{}}),Mg.propTypes={};var Lg=function(e){function t(e){var n;return Nh(this,t),(n=Hh(this,Wh(t).call(this,e))).state={scrollbarWidth:0},n._createColumn=n._createColumn.bind(Bh(n)),n._createRow=n._createRow.bind(Bh(n)),n._onScroll=n._onScroll.bind(Bh(n)),n._onSectionRendered=n._onSectionRendered.bind(Bh(n)),n._setRef=n._setRef.bind(Bh(n)),n}return Vh(t,e),Fh(t,[{key:"forceUpdateGrid",value:function(){this.Grid&&this.Grid.forceUpdate()}},{key:"getOffsetForRow",value:function(e){var t=e.alignment,n=e.index;return this.Grid?this.Grid.getOffsetForCell({alignment:t,rowIndex:n}).scrollTop:0}},{key:"invalidateCellSizeAfterRender",value:function(e){var t=e.columnIndex,n=e.rowIndex;this.Grid&&this.Grid.invalidateCellSizeAfterRender({rowIndex:n,columnIndex:t})}},{key:"measureAllRows",value:function(){this.Grid&&this.Grid.measureAllCells()}},{key:"recomputeGridSize",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.columnIndex,n=void 0===t?0:t,o=e.rowIndex,r=void 0===o?0:o;this.Grid&&this.Grid.recomputeGridSize({rowIndex:r,columnIndex:n})}},{key:"recomputeRowHeights",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.Grid&&this.Grid.recomputeGridSize({rowIndex:e})}},{key:"scrollToPosition",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.Grid&&this.Grid.scrollToPosition({scrollTop:e})}},{key:"scrollToRow",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.Grid&&this.Grid.scrollToCell({columnIndex:0,rowIndex:e})}},{key:"getScrollbarWidth",value:function(){if(this.Grid){var e=(0,Mf.findDOMNode)(this.Grid),t=e.clientWidth||0;return(e.offsetWidth||0)-t}return 0}},{key:"componentDidMount",value:function(){this._setScrollbarWidth()}},{key:"componentDidUpdate",value:function(){this._setScrollbarWidth()}},{key:"render",value:function(){var e=this,t=this.props,n=t.children,o=t.className,r=t.disableHeader,i=t.gridClassName,a=t.gridStyle,l=t.headerHeight,s=t.headerRowRenderer,c=t.height,u=t.id,d=t.noRowsRenderer,p=t.rowClassName,h=t.rowStyle,f=t.scrollToIndex,g=t.style,m=t.width,v=this.state.scrollbarWidth,b=r?c:c-l,x="function"==typeof p?p({index:-1}):p,y="function"==typeof h?h({index:-1}):h;return this._cachedColumnStyles=[],j.Children.toArray(n).forEach((function(t,n){var o=e._getFlexStyleForColumn(t,t.props.style);e._cachedColumnStyles[n]=Ng({overflow:"hidden"},o)})),j.createElement("div",{"aria-label":this.props["aria-label"],"aria-labelledby":this.props["aria-labelledby"],"aria-colcount":j.Children.toArray(n).length,"aria-rowcount":this.props.rowCount,className:qh("ReactVirtualized__Table",o),id:u,role:"grid",style:g},!r&&s({className:qh("ReactVirtualized__Table__headerRow",x),columns:this._getHeaderColumns(),style:Ng({height:l,overflow:"hidden",paddingRight:v,width:m},y)}),j.createElement(_f,el({},this.props,{"aria-readonly":null,autoContainerWidth:!0,className:qh("ReactVirtualized__Table__Grid",i),cellRenderer:this._createRow,columnWidth:m,columnCount:1,height:b,id:void 0,noContentRenderer:d,onScroll:this._onScroll,onSectionRendered:this._onSectionRendered,ref:this._setRef,role:"rowgroup",scrollbarWidth:v,scrollToRow:f,style:Ng({},a,{overflowX:"hidden"})})))}},{key:"_createColumn",value:function(e){var t=e.column,n=e.columnIndex,o=e.isScrolling,r=e.parent,i=e.rowData,a=e.rowIndex,l=this.props.onColumnClick,s=t.props,c=s.cellDataGetter,u=s.cellRenderer,d=s.className,p=s.columnData,h=s.dataKey,f=s.id,g=u({cellData:c({columnData:p,dataKey:h,rowData:i}),columnData:p,columnIndex:n,dataKey:h,isScrolling:o,parent:r,rowData:i,rowIndex:a}),m=this._cachedColumnStyles[n],v="string"==typeof g?g:null;return j.createElement("div",{"aria-colindex":n+1,"aria-describedby":f,className:qh("ReactVirtualized__Table__rowColumn",d),key:"Row"+a+"-Col"+n,onClick:function(e){l&&l({columnData:p,dataKey:h,event:e})},role:"gridcell",style:m,title:v},g)}},{key:"_createHeader",value:function(e){var t,n,o,r,i,a=e.column,l=e.index,s=this.props,c=s.headerClassName,u=s.headerStyle,d=s.onHeaderClick,p=s.sort,h=s.sortBy,f=s.sortDirection,g=a.props,m=g.columnData,v=g.dataKey,b=g.defaultSortDirection,x=g.disableSort,y=g.headerRenderer,_=g.id,w=g.label,k=!x&&p,S=qh("ReactVirtualized__Table__headerColumn",c,a.props.headerClassName,{ReactVirtualized__Table__sortableHeaderColumn:k}),C=this._getFlexStyleForColumn(a,Ng({},u,{},a.props.headerStyle)),R=y({columnData:m,dataKey:v,disableSort:x,label:w,sortBy:h,sortDirection:f});if(k||d){var I=h!==v?b:f===Eg.DESC?Eg.ASC:Eg.DESC,E=function(e){k&&p({defaultSortDirection:b,event:e,sortBy:v,sortDirection:I}),d&&d({columnData:m,dataKey:v,event:e})};i=a.props["aria-label"]||w||v,r="none",o=0,t=E,n=function(e){"Enter"!==e.key&&" "!==e.key||E(e)}}return h===v&&(r=f===Eg.ASC?"ascending":"descending"),j.createElement("div",{"aria-label":i,"aria-sort":r,className:S,id:_,key:"Header-Col"+l,onClick:t,onKeyDown:n,role:"columnheader",style:C,tabIndex:o},R)}},{key:"_createRow",value:function(e){var t=this,n=e.rowIndex,o=e.isScrolling,r=e.key,i=e.parent,a=e.style,l=this.props,s=l.children,c=l.onRowClick,u=l.onRowDoubleClick,d=l.onRowRightClick,p=l.onRowMouseOver,h=l.onRowMouseOut,f=l.rowClassName,g=l.rowGetter,m=l.rowRenderer,v=l.rowStyle,b=this.state.scrollbarWidth,x="function"==typeof f?f({index:n}):f,y="function"==typeof v?v({index:n}):v,_=g({index:n}),w=j.Children.toArray(s).map((function(e,r){return t._createColumn({column:e,columnIndex:r,isScrolling:o,parent:i,rowData:_,rowIndex:n,scrollbarWidth:b})})),k=qh("ReactVirtualized__Table__row",x),S=Ng({},a,{height:this._getRowHeight(n),overflow:"hidden",paddingRight:b},y);return m({className:k,columns:w,index:n,isScrolling:o,key:r,onRowClick:c,onRowDoubleClick:u,onRowRightClick:d,onRowMouseOver:p,onRowMouseOut:h,rowData:_,style:S})}},{key:"_getFlexStyleForColumn",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n="".concat(e.props.flexGrow," ").concat(e.props.flexShrink," ").concat(e.props.width,"px"),o=Ng({},t,{flex:n,msFlex:n,WebkitFlex:n});return e.props.maxWidth&&(o.maxWidth=e.props.maxWidth),e.props.minWidth&&(o.minWidth=e.props.minWidth),o}},{key:"_getHeaderColumns",value:function(){var e=this,t=this.props,n=t.children;return(t.disableHeader?[]:j.Children.toArray(n)).map((function(t,n){return e._createHeader({column:t,index:n})}))}},{key:"_getRowHeight",value:function(e){var t=this.props.rowHeight;return"function"==typeof t?t({index:e}):t}},{key:"_onScroll",value:function(e){var t=e.clientHeight,n=e.scrollHeight,o=e.scrollTop;(0,this.props.onScroll)({clientHeight:t,scrollHeight:n,scrollTop:o})}},{key:"_onSectionRendered",value:function(e){var t=e.rowOverscanStartIndex,n=e.rowOverscanStopIndex,o=e.rowStartIndex,r=e.rowStopIndex;(0,this.props.onRowsRendered)({overscanStartIndex:t,overscanStopIndex:n,startIndex:o,stopIndex:r})}},{key:"_setRef",value:function(e){this.Grid=e}},{key:"_setScrollbarWidth",value:function(){var e=this.getScrollbarWidth();this.setState({scrollbarWidth:e})}}]),t}(j.PureComponent);Uh(Lg,"defaultProps",{disableHeader:!1,estimatedRowSize:30,headerHeight:0,headerStyle:{},noRowsRenderer:function(){return null},onRowsRendered:function(){return null},onScroll:function(){return null},overscanIndicesGetter:wf,overscanRowCount:10,rowRenderer:Pg,headerRowRenderer:Ig,rowStyle:{},scrollToAlignment:"auto",scrollToIndex:-1,style:{}}),Lg.propTypes={};var zg=[],Dg=null,Fg=null;function Bg(){Fg&&(Fg=null,document.body&&null!=Dg&&(document.body.style.pointerEvents=Dg),Dg=null)}function Hg(){Bg(),zg.forEach((function(e){return e.__resetIsScrolling()}))}function Wg(e){e.currentTarget===window&&null==Dg&&document.body&&(Dg=document.body.style.pointerEvents,document.body.style.pointerEvents="none"),function(){Fg&&gf(Fg);var e=0;zg.forEach((function(t){e=Math.max(e,t.props.scrollingResetTimeInterval)})),Fg=mf(Hg,e)}(),zg.forEach((function(t){t.props.scrollElement===e.currentTarget&&t.__handleWindowScrollEvent()}))}function Gg(e,t){zg.some((function(e){return e.props.scrollElement===t}))||t.addEventListener("scroll",Wg),zg.push(e)}function Vg(e,t){(zg=zg.filter((function(t){return t!==e}))).length||(t.removeEventListener("scroll",Wg),Fg&&(gf(Fg),Bg()))}var Ug,$g,Xg=function(e){return e===window},Yg=function(e){return e.getBoundingClientRect()};function Kg(e,t){if(e){if(Xg(e)){var n=window,o=n.innerHeight,r=n.innerWidth;return{height:"number"==typeof o?o:0,width:"number"==typeof r?r:0}}return Yg(e)}return{height:t.serverHeight,width:t.serverWidth}}function Zg(e){return Xg(e)&&document.documentElement?{top:"scrollY"in window?window.scrollY:document.documentElement.scrollTop,left:"scrollX"in window?window.scrollX:document.documentElement.scrollLeft}:{top:e.scrollTop,left:e.scrollLeft}}function qg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}var Qg=function(){return"undefined"!=typeof window?window:void 0},Jg=($g=Ug=function(e){function t(){var e,n;Nh(this,t);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return Uh(Bh(n=Hh(this,(e=Wh(t)).call.apply(e,[this].concat(r)))),"_window",Qg()),Uh(Bh(n),"_isMounted",!1),Uh(Bh(n),"_positionFromTop",0),Uh(Bh(n),"_positionFromLeft",0),Uh(Bh(n),"_detectElementResize",void 0),Uh(Bh(n),"_child",void 0),Uh(Bh(n),"state",function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?qg(n,!0).forEach((function(t){Uh(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):qg(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},Kg(n.props.scrollElement,n.props),{isScrolling:!1,scrollLeft:0,scrollTop:0})),Uh(Bh(n),"_registerChild",(function(e){!e||e instanceof Element||console.warn("WindowScroller registerChild expects to be passed Element or null"),n._child=e,n.updatePosition()})),Uh(Bh(n),"_onChildScroll",(function(e){var t=e.scrollTop;if(n.state.scrollTop!==t){var o=n.props.scrollElement;o&&("function"==typeof o.scrollTo?o.scrollTo(0,t+n._positionFromTop):o.scrollTop=t+n._positionFromTop)}})),Uh(Bh(n),"_registerResizeListener",(function(e){e===window?window.addEventListener("resize",n._onResize,!1):n._detectElementResize.addResizeListener(e,n._onResize)})),Uh(Bh(n),"_unregisterResizeListener",(function(e){e===window?window.removeEventListener("resize",n._onResize,!1):e&&n._detectElementResize.removeResizeListener(e,n._onResize)})),Uh(Bh(n),"_onResize",(function(){n.updatePosition()})),Uh(Bh(n),"__handleWindowScrollEvent",(function(){if(n._isMounted){var e=n.props.onScroll,t=n.props.scrollElement;if(t){var o=Zg(t),r=Math.max(0,o.left-n._positionFromLeft),i=Math.max(0,o.top-n._positionFromTop);n.setState({isScrolling:!0,scrollLeft:r,scrollTop:i}),e({scrollLeft:r,scrollTop:i})}}})),Uh(Bh(n),"__resetIsScrolling",(function(){n.setState({isScrolling:!1})})),n}return Vh(t,e),Fh(t,[{key:"updatePosition",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props.scrollElement,t=this.props.onResize,n=this.state,o=n.height,r=n.width,i=this._child||Mf.findDOMNode(this);if(i instanceof Element&&e){var a=function(e,t){if(Xg(t)&&document.documentElement){var n=document.documentElement,o=Yg(e),r=Yg(n);return{top:o.top-r.top,left:o.left-r.left}}var i=Zg(t),a=Yg(e),l=Yg(t);return{top:a.top+i.top-l.top,left:a.left+i.left-l.left}}(i,e);this._positionFromTop=a.top,this._positionFromLeft=a.left}var l=Kg(e,this.props);o===l.height&&r===l.width||(this.setState({height:l.height,width:l.width}),t({height:l.height,width:l.width}))}},{key:"componentDidMount",value:function(){var e=this.props.scrollElement;this._detectElementResize=Ef(),this.updatePosition(e),e&&(Gg(this,e),this._registerResizeListener(e)),this._isMounted=!0}},{key:"componentDidUpdate",value:function(e,t){var n=this.props.scrollElement,o=e.scrollElement;o!==n&&null!=o&&null!=n&&(this.updatePosition(n),Vg(this,o),Gg(this,n),this._unregisterResizeListener(o),this._registerResizeListener(n))}},{key:"componentWillUnmount",value:function(){var e=this.props.scrollElement;e&&(Vg(this,e),this._unregisterResizeListener(e)),this._isMounted=!1}},{key:"render",value:function(){var e=this.props.children,t=this.state,n=t.isScrolling,o=t.scrollTop,r=t.scrollLeft,i=t.height,a=t.width;return e({onChildScroll:this._onChildScroll,registerChild:this._registerChild,height:i,isScrolling:n,scrollLeft:r,scrollTop:o,width:a})}}]),t}(j.PureComponent),Uh(Ug,"propTypes",null),$g);function em(e){return Array.isArray?Array.isArray(e):"[object Array]"===am(e)}Uh(Jg,"defaultProps",{onResize:function(){},onScroll:function(){},scrollingResetTimeInterval:150,scrollElement:Qg(),serverHeight:0,serverWidth:0});function tm(e){return"string"==typeof e}function nm(e){return"number"==typeof e}function om(e){return"object"==typeof e}function rm(e){return null!=e}function im(e){return!e.trim().length}function am(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":Object.prototype.toString.call(e)}const lm=e=>`Missing ${e} property in key`,sm=e=>`Property 'weight' in key '${e}' must be a positive integer`,cm=Object.prototype.hasOwnProperty;class um{constructor(e){this._keys=[],this._keyMap={};let t=0;e.forEach((e=>{let n=dm(e);t+=n.weight,this._keys.push(n),this._keyMap[n.id]=n,t+=n.weight})),this._keys.forEach((e=>{e.weight/=t}))}get(e){return this._keyMap[e]}keys(){return this._keys}toJSON(){return JSON.stringify(this._keys)}}function dm(e){let t=null,n=null,o=null,r=1,i=null;if(tm(e)||em(e))o=e,t=pm(e),n=hm(e);else{if(!cm.call(e,"name"))throw new Error(lm("name"));const a=e.name;if(o=a,cm.call(e,"weight")&&(r=e.weight,r<=0))throw new Error(sm(a));t=pm(a),n=hm(a),i=e.getFn}return{path:t,id:n,weight:r,src:o,getFn:i}}function pm(e){return em(e)?e:e.split(".")}function hm(e){return em(e)?e.join("."):e}var fm={isCaseSensitive:!1,includeScore:!1,keys:[],shouldSort:!0,sortFn:(e,t)=>e.score===t.score?e.idx<t.idx?-1:1:e.score<t.score?-1:1,includeMatches:!1,findAllMatches:!1,minMatchCharLength:1,location:0,threshold:.6,distance:100,...{useExtendedSearch:!1,getFn:function(e,t){let n=[],o=!1;const r=(e,t,i)=>{if(rm(e))if(t[i]){const a=e[t[i]];if(!rm(a))return;if(i===t.length-1&&(tm(a)||nm(a)||function(e){return!0===e||!1===e||function(e){return om(e)&&null!==e}(e)&&"[object Boolean]"==am(e)}(a)))n.push(function(e){return null==e?"":function(e){if("string"==typeof e)return e;let t=e+"";return"0"==t&&1/e==-1/0?"-0":t}(e)}(a));else if(em(a)){o=!0;for(let e=0,n=a.length;e<n;e+=1)r(a[e],t,i+1)}else t.length&&r(a,t,i+1)}else n.push(e)};return r(e,tm(t)?t.split("."):t,0),o?n:n[0]},ignoreLocation:!1,ignoreFieldNorm:!1,fieldNormWeight:1}};const gm=/[^ ]+/g;class mm{constructor({getFn:e=fm.getFn,fieldNormWeight:t=fm.fieldNormWeight}={}){this.norm=function(e=1,t=3){const n=new Map,o=Math.pow(10,t);return{get(t){const r=t.match(gm).length;if(n.has(r))return n.get(r);const i=1/Math.pow(r,.5*e),a=parseFloat(Math.round(i*o)/o);return n.set(r,a),a},clear(){n.clear()}}}(t,3),this.getFn=e,this.isCreated=!1,this.setIndexRecords()}setSources(e=[]){this.docs=e}setIndexRecords(e=[]){this.records=e}setKeys(e=[]){this.keys=e,this._keysMap={},e.forEach(((e,t)=>{this._keysMap[e.id]=t}))}create(){!this.isCreated&&this.docs.length&&(this.isCreated=!0,tm(this.docs[0])?this.docs.forEach(((e,t)=>{this._addString(e,t)})):this.docs.forEach(((e,t)=>{this._addObject(e,t)})),this.norm.clear())}add(e){const t=this.size();tm(e)?this._addString(e,t):this._addObject(e,t)}removeAt(e){this.records.splice(e,1);for(let t=e,n=this.size();t<n;t+=1)this.records[t].i-=1}getValueForItemAtKeyId(e,t){return e[this._keysMap[t]]}size(){return this.records.length}_addString(e,t){if(!rm(e)||im(e))return;let n={v:e,i:t,n:this.norm.get(e)};this.records.push(n)}_addObject(e,t){let n={i:t,$:{}};this.keys.forEach(((t,o)=>{let r=t.getFn?t.getFn(e):this.getFn(e,t.path);if(rm(r))if(em(r)){let e=[];const t=[{nestedArrIndex:-1,value:r}];for(;t.length;){const{nestedArrIndex:n,value:o}=t.pop();if(rm(o))if(tm(o)&&!im(o)){let t={v:o,i:n,n:this.norm.get(o)};e.push(t)}else em(o)&&o.forEach(((e,n)=>{t.push({nestedArrIndex:n,value:e})}))}n.$[o]=e}else if(tm(r)&&!im(r)){let e={v:r,n:this.norm.get(r)};n.$[o]=e}})),this.records.push(n)}toJSON(){return{keys:this.keys,records:this.records}}}function vm(e,t,{getFn:n=fm.getFn,fieldNormWeight:o=fm.fieldNormWeight}={}){const r=new mm({getFn:n,fieldNormWeight:o});return r.setKeys(e.map(dm)),r.setSources(t),r.create(),r}function bm(e,{errors:t=0,currentLocation:n=0,expectedLocation:o=0,distance:r=fm.distance,ignoreLocation:i=fm.ignoreLocation}={}){const a=t/e.length;if(i)return a;const l=Math.abs(o-n);return r?a+l/r:l?1:a}const xm=32;function ym(e){let t={};for(let n=0,o=e.length;n<o;n+=1){const r=e.charAt(n);t[r]=(t[r]||0)|1<<o-n-1}return t}class _m{constructor(e,{location:t=fm.location,threshold:n=fm.threshold,distance:o=fm.distance,includeMatches:r=fm.includeMatches,findAllMatches:i=fm.findAllMatches,minMatchCharLength:a=fm.minMatchCharLength,isCaseSensitive:l=fm.isCaseSensitive,ignoreLocation:s=fm.ignoreLocation}={}){if(this.options={location:t,threshold:n,distance:o,includeMatches:r,findAllMatches:i,minMatchCharLength:a,isCaseSensitive:l,ignoreLocation:s},this.pattern=l?e:e.toLowerCase(),this.chunks=[],!this.pattern.length)return;const c=(e,t)=>{this.chunks.push({pattern:e,alphabet:ym(e),startIndex:t})},u=this.pattern.length;if(u>xm){let e=0;const t=u%xm,n=u-t;for(;e<n;)c(this.pattern.substr(e,xm),e),e+=xm;if(t){const e=u-xm;c(this.pattern.substr(e),e)}}else c(this.pattern,0)}searchIn(e){const{isCaseSensitive:t,includeMatches:n}=this.options;if(t||(e=e.toLowerCase()),this.pattern===e){let t={isMatch:!0,score:0};return n&&(t.indices=[[0,e.length-1]]),t}const{location:o,distance:r,threshold:i,findAllMatches:a,minMatchCharLength:l,ignoreLocation:s}=this.options;let c=[],u=0,d=!1;this.chunks.forEach((({pattern:t,alphabet:p,startIndex:h})=>{const{isMatch:f,score:g,indices:m}=function(e,t,n,{location:o=fm.location,distance:r=fm.distance,threshold:i=fm.threshold,findAllMatches:a=fm.findAllMatches,minMatchCharLength:l=fm.minMatchCharLength,includeMatches:s=fm.includeMatches,ignoreLocation:c=fm.ignoreLocation}={}){if(t.length>xm)throw new Error("Pattern length exceeds max of 32.");const u=t.length,d=e.length,p=Math.max(0,Math.min(o,d));let h=i,f=p;const g=l>1||s,m=g?Array(d):[];let v;for(;(v=e.indexOf(t,f))>-1;){let e=bm(t,{currentLocation:v,expectedLocation:p,distance:r,ignoreLocation:c});if(h=Math.min(e,h),f=v+u,g){let e=0;for(;e<u;)m[v+e]=1,e+=1}}f=-1;let b=[],x=1,y=u+d;const _=1<<u-1;for(let o=0;o<u;o+=1){let i=0,l=y;for(;i<l;)bm(t,{errors:o,currentLocation:p+l,expectedLocation:p,distance:r,ignoreLocation:c})<=h?i=l:y=l,l=Math.floor((y-i)/2+i);y=l;let s=Math.max(1,p-l+1),v=a?d:Math.min(p+l,d)+u,w=Array(v+2);w[v+1]=(1<<o)-1;for(let i=v;i>=s;i-=1){let a=i-1,l=n[e.charAt(a)];if(g&&(m[a]=+!!l),w[i]=(w[i+1]<<1|1)&l,o&&(w[i]|=(b[i+1]|b[i])<<1|1|b[i+1]),w[i]&_&&(x=bm(t,{errors:o,currentLocation:a,expectedLocation:p,distance:r,ignoreLocation:c}),x<=h)){if(h=x,f=a,f<=p)break;s=Math.max(1,2*p-f)}}if(bm(t,{errors:o+1,currentLocation:p,expectedLocation:p,distance:r,ignoreLocation:c})>h)break;b=w}const w={isMatch:f>=0,score:Math.max(.001,x)};if(g){const e=function(e=[],t=fm.minMatchCharLength){let n=[],o=-1,r=-1,i=0;for(let a=e.length;i<a;i+=1){let a=e[i];a&&-1===o?o=i:a||-1===o||(r=i-1,r-o+1>=t&&n.push([o,r]),o=-1)}return e[i-1]&&i-o>=t&&n.push([o,i-1]),n}(m,l);e.length?s&&(w.indices=e):w.isMatch=!1}return w}(e,t,p,{location:o+h,distance:r,threshold:i,findAllMatches:a,minMatchCharLength:l,includeMatches:n,ignoreLocation:s});f&&(d=!0),u+=g,f&&m&&(c=[...c,...m])}));let p={isMatch:d,score:d?u/this.chunks.length:1};return d&&n&&(p.indices=c),p}}class wm{constructor(e){this.pattern=e}static isMultiMatch(e){return km(e,this.multiRegex)}static isSingleMatch(e){return km(e,this.singleRegex)}search(){}}function km(e,t){const n=e.match(t);return n?n[1]:null}class Sm extends wm{constructor(e,{location:t=fm.location,threshold:n=fm.threshold,distance:o=fm.distance,includeMatches:r=fm.includeMatches,findAllMatches:i=fm.findAllMatches,minMatchCharLength:a=fm.minMatchCharLength,isCaseSensitive:l=fm.isCaseSensitive,ignoreLocation:s=fm.ignoreLocation}={}){super(e),this._bitapSearch=new _m(e,{location:t,threshold:n,distance:o,includeMatches:r,findAllMatches:i,minMatchCharLength:a,isCaseSensitive:l,ignoreLocation:s})}static get type(){return"fuzzy"}static get multiRegex(){return/^"(.*)"$/}static get singleRegex(){return/^(.*)$/}search(e){return this._bitapSearch.searchIn(e)}}class Cm extends wm{constructor(e){super(e)}static get type(){return"include"}static get multiRegex(){return/^'"(.*)"$/}static get singleRegex(){return/^'(.*)$/}search(e){let t,n=0;const o=[],r=this.pattern.length;for(;(t=e.indexOf(this.pattern,n))>-1;)n=t+r,o.push([t,n-1]);const i=!!o.length;return{isMatch:i,score:i?0:1,indices:o}}}const jm=[class extends wm{constructor(e){super(e)}static get type(){return"exact"}static get multiRegex(){return/^="(.*)"$/}static get singleRegex(){return/^=(.*)$/}search(e){const t=e===this.pattern;return{isMatch:t,score:t?0:1,indices:[0,this.pattern.length-1]}}},Cm,class extends wm{constructor(e){super(e)}static get type(){return"prefix-exact"}static get multiRegex(){return/^\^"(.*)"$/}static get singleRegex(){return/^\^(.*)$/}search(e){const t=e.startsWith(this.pattern);return{isMatch:t,score:t?0:1,indices:[0,this.pattern.length-1]}}},class extends wm{constructor(e){super(e)}static get type(){return"inverse-prefix-exact"}static get multiRegex(){return/^!\^"(.*)"$/}static get singleRegex(){return/^!\^(.*)$/}search(e){const t=!e.startsWith(this.pattern);return{isMatch:t,score:t?0:1,indices:[0,e.length-1]}}},class extends wm{constructor(e){super(e)}static get type(){return"inverse-suffix-exact"}static get multiRegex(){return/^!"(.*)"\$$/}static get singleRegex(){return/^!(.*)\$$/}search(e){const t=!e.endsWith(this.pattern);return{isMatch:t,score:t?0:1,indices:[0,e.length-1]}}},class extends wm{constructor(e){super(e)}static get type(){return"suffix-exact"}static get multiRegex(){return/^"(.*)"\$$/}static get singleRegex(){return/^(.*)\$$/}search(e){const t=e.endsWith(this.pattern);return{isMatch:t,score:t?0:1,indices:[e.length-this.pattern.length,e.length-1]}}},class extends wm{constructor(e){super(e)}static get type(){return"inverse-exact"}static get multiRegex(){return/^!"(.*)"$/}static get singleRegex(){return/^!(.*)$/}search(e){const t=-1===e.indexOf(this.pattern);return{isMatch:t,score:t?0:1,indices:[0,e.length-1]}}},Sm],Rm=jm.length,Im=/ +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/,Em=new Set([Sm.type,Cm.type]);const Tm=[];function Om(e,t){for(let n=0,o=Tm.length;n<o;n+=1){let o=Tm[n];if(o.condition(e,t))return new o(e,t)}return new _m(e,t)}const Pm="$and",Mm="$path",Am=e=>!(!e[Pm]&&!e.$or),Nm=e=>({[Pm]:Object.keys(e).map((t=>({[t]:e[t]})))});function Lm(e,t,{auto:n=!0}={}){const o=e=>{let r=Object.keys(e);const i=(e=>!!e[Mm])(e);if(!i&&r.length>1&&!Am(e))return o(Nm(e));if((e=>!em(e)&&om(e)&&!Am(e))(e)){const o=i?e[Mm]:r[0],a=i?e.$val:e[o];if(!tm(a))throw new Error((e=>`Invalid value for key ${e}`)(o));const l={keyId:hm(o),pattern:a};return n&&(l.searcher=Om(a,t)),l}let a={children:[],operator:r[0]};return r.forEach((t=>{const n=e[t];em(n)&&n.forEach((e=>{a.children.push(o(e))}))})),a};return Am(e)||(e=Nm(e)),o(e)}function zm(e,t){const n=e.matches;t.matches=[],rm(n)&&n.forEach((e=>{if(!rm(e.indices)||!e.indices.length)return;const{indices:n,value:o}=e;let r={indices:n,value:o};e.key&&(r.key=e.key.src),e.idx>-1&&(r.refIndex=e.idx),t.matches.push(r)}))}function Dm(e,t){t.score=e.score}class Fm{constructor(e,t={},n){this.options={...fm,...t},this.options.useExtendedSearch,this._keyStore=new um(this.options.keys),this.setCollection(e,n)}setCollection(e,t){if(this._docs=e,t&&!(t instanceof mm))throw new Error("Incorrect 'index' type");this._myIndex=t||vm(this.options.keys,this._docs,{getFn:this.options.getFn,fieldNormWeight:this.options.fieldNormWeight})}add(e){rm(e)&&(this._docs.push(e),this._myIndex.add(e))}remove(e=(()=>!1)){const t=[];for(let n=0,o=this._docs.length;n<o;n+=1){const r=this._docs[n];e(r,n)&&(this.removeAt(n),n-=1,o-=1,t.push(r))}return t}removeAt(e){this._docs.splice(e,1),this._myIndex.removeAt(e)}getIndex(){return this._myIndex}search(e,{limit:t=-1}={}){const{includeMatches:n,includeScore:o,shouldSort:r,sortFn:i,ignoreFieldNorm:a}=this.options;let l=tm(e)?tm(this._docs[0])?this._searchStringList(e):this._searchObjectList(e):this._searchLogical(e);return function(e,{ignoreFieldNorm:t=fm.ignoreFieldNorm}){e.forEach((e=>{let n=1;e.matches.forEach((({key:e,norm:o,score:r})=>{const i=e?e.weight:null;n*=Math.pow(0===r&&i?Number.EPSILON:r,(i||1)*(t?1:o))})),e.score=n}))}(l,{ignoreFieldNorm:a}),r&&l.sort(i),nm(t)&&t>-1&&(l=l.slice(0,t)),function(e,t,{includeMatches:n=fm.includeMatches,includeScore:o=fm.includeScore}={}){const r=[];return n&&r.push(zm),o&&r.push(Dm),e.map((e=>{const{idx:n}=e,o={item:t[n],refIndex:n};return r.length&&r.forEach((t=>{t(e,o)})),o}))}(l,this._docs,{includeMatches:n,includeScore:o})}_searchStringList(e){const t=Om(e,this.options),{records:n}=this._myIndex,o=[];return n.forEach((({v:e,i:n,n:r})=>{if(!rm(e))return;const{isMatch:i,score:a,indices:l}=t.searchIn(e);i&&o.push({item:e,idx:n,matches:[{score:a,value:e,norm:r,indices:l}]})})),o}_searchLogical(e){const t=Lm(e,this.options),n=(e,t,o)=>{if(!e.children){const{keyId:n,searcher:r}=e,i=this._findMatches({key:this._keyStore.get(n),value:this._myIndex.getValueForItemAtKeyId(t,n),searcher:r});return i&&i.length?[{idx:o,item:t,matches:i}]:[]}const r=[];for(let i=0,a=e.children.length;i<a;i+=1){const a=e.children[i],l=n(a,t,o);if(l.length)r.push(...l);else if(e.operator===Pm)return[]}return r},o=this._myIndex.records,r={},i=[];return o.forEach((({$:e,i:o})=>{if(rm(e)){let a=n(t,e,o);a.length&&(r[o]||(r[o]={idx:o,item:e,matches:[]},i.push(r[o])),a.forEach((({matches:e})=>{r[o].matches.push(...e)})))}})),i}_searchObjectList(e){const t=Om(e,this.options),{keys:n,records:o}=this._myIndex,r=[];return o.forEach((({$:e,i:o})=>{if(!rm(e))return;let i=[];n.forEach(((n,o)=>{i.push(...this._findMatches({key:n,value:e[o],searcher:t}))})),i.length&&r.push({idx:o,item:e,matches:i})})),r}_findMatches({key:e,value:t,searcher:n}){if(!rm(t))return[];let o=[];if(em(t))t.forEach((({v:t,i:r,n:i})=>{if(!rm(t))return;const{isMatch:a,score:l,indices:s}=n.searchIn(t);a&&o.push({score:l,key:e,value:t,idx:r,norm:i,indices:s})}));else{const{v:r,n:i}=t,{isMatch:a,score:l,indices:s}=n.searchIn(r);a&&o.push({score:l,key:e,value:r,norm:i,indices:s})}return o}}Fm.version="6.6.2",Fm.createIndex=vm,Fm.parseIndex=function(e,{getFn:t=fm.getFn,fieldNormWeight:n=fm.fieldNormWeight}={}){const{keys:o,records:r}=e,i=new mm({getFn:t,fieldNormWeight:n});return i.setKeys(o),i.setIndexRecords(r),i},Fm.config=fm,Fm.parseQuery=Lm,function(...e){Tm.push(...e)}(class{constructor(e,{isCaseSensitive:t=fm.isCaseSensitive,includeMatches:n=fm.includeMatches,minMatchCharLength:o=fm.minMatchCharLength,ignoreLocation:r=fm.ignoreLocation,findAllMatches:i=fm.findAllMatches,location:a=fm.location,threshold:l=fm.threshold,distance:s=fm.distance}={}){this.query=null,this.options={isCaseSensitive:t,includeMatches:n,minMatchCharLength:o,findAllMatches:i,ignoreLocation:r,location:a,threshold:l,distance:s},this.pattern=t?e:e.toLowerCase(),this.query=function(e,t={}){return e.split("|").map((e=>{let n=e.trim().split(Im).filter((e=>e&&!!e.trim())),o=[];for(let e=0,r=n.length;e<r;e+=1){const r=n[e];let i=!1,a=-1;for(;!i&&++a<Rm;){const e=jm[a];let n=e.isMultiMatch(r);n&&(o.push(new e(n,t)),i=!0)}if(!i)for(a=-1;++a<Rm;){const e=jm[a];let n=e.isSingleMatch(r);if(n){o.push(new e(n,t));break}}}return o}))}(this.pattern,this.options)}static condition(e,t){return t.useExtendedSearch}searchIn(e){const t=this.query;if(!t)return{isMatch:!1,score:1};const{includeMatches:n,isCaseSensitive:o}=this.options;e=o?e:e.toLowerCase();let r=0,i=[],a=0;for(let o=0,l=t.length;o<l;o+=1){const l=t[o];i.length=0,r=0;for(let t=0,o=l.length;t<o;t+=1){const o=l[t],{isMatch:s,indices:c,score:u}=o.search(e);if(!s){a=0,r=0,i.length=0;break}if(r+=1,a+=u,n){const e=o.constructor.type;Em.has(e)?i=[...i,...c]:i.push(c)}}if(r){let e={isMatch:!0,score:a/r};return n&&(e.indices=i),e}}return{isMatch:!1,score:1}}});const Bm=(e,t)=>t?new Fm(e,{threshold:.5,location:0,distance:1,keys:["family"]}).search(t).map((e=>e.item)):e,Hm=({item:e,style:t,isSelected:n,onClick:o,pastSeparator:r=!1,isVisible:i=!1})=>{const a=!!e.separator,l=(0,p.useRef)(),s=(0,p.useCallback)((()=>{var e;null!==(e=l.current)&&void 0!==e&&e.rel&&(l.current.rel="stylesheet")}),[]);if(a)return t={...t,height:20,top:t.top-5},(0,w.jsx)("div",{style:t,children:(0,w.jsx)(S,{className:"kubio-font-list-category-separator",fit:!0})});r&&(t={...t,top:t.top-15});const c=[n?"selected-font":"","kubio-font-list-preview-item"].join(" "),u={fontFamily:[e.family,"sans-serif"].join(",")};return(0,w.jsxs)("div",{tabIndex:0,role:"button",style:t,className:c,onClick:()=>o(e),children:[i&&(0,w.jsx)("link",{href:`https://fonts.googleapis.com/css?family=${e.family}&display=swap`,rel:"preload",as:"style",ref:l,onLoad:s}),(0,w.jsx)("span",{style:u,children:(0,b.ucwords)(e.family.replace(/-/gi," "))})]})},Wm=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"})}),Gm=({value:e,onChange:t})=>(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(d.TextControl,{placeholder:(0,h.__)("Search font family","kubio"),value:e,onChange:t,autoComplete:"off"}),(0,w.jsx)("span",{className:"search-icon",children:Wm})]}),Vm=({value:e,onChange:t,displayFonts:n=10,fontItemHeight:o=30})=>{const[r,i]=(0,p.useState)(""),{getTypeKitUsedFonts:a,getAvailableGoogleFonts:l}=(0,c.useGlobalDataFonts)(),s=a(),{getGoogleFonts:u,addGoogleFont:h}=(0,c.useGlobalDataFonts)(),f=u(),g=(0,p.useMemo)((()=>{const e=f.map((e=>e.family));return l().filter((t=>-1===e.indexOf(t.family)))}),[f]),m=(0,p.useMemo)((()=>Bm(f,r)),[r,f]),v=(0,p.useMemo)((()=>Bm(g,r)),[r,g]),x=(0,p.useMemo)((()=>Bm(s,r))),y=(0,p.useMemo)((()=>[].concat(m,m.length?[{separator:!0}]:[],x,x.length?[{separator:!0}]:[],v)),[m,v]),_=({family:e,variants:n,fontType:o})=>{(0,b.loadGoogleFonts)([{family:e,variants:n}]),"google"===o&&h({family:e,variants:n}),t(e)},k=(0,p.useRef)(!1);return(0,w.jsxs)(d.BaseControl,{children:[(0,w.jsx)(Gm,{value:r,onChange:i}),(0,w.jsx)(Qf,{width:250,rowHeight:o,rowCount:y.length,rowRenderer:t=>{0===t.index&&(k.current=!1);const n=y[t.index],o=n.family===e;return n.separator&&!k.current&&(k.current=!0),(0,w.jsx)(Hm,{item:n,style:t.style,isSelected:o,onClick:_,pastSeparator:k.current,isVisible:t.isVisible},t.index)},height:n*o})]})},Um=window.wp.data,$m=({value:e,onChange:t,onReset:n,placeholder:o=(0,h.__)("Select…","kubio"),allowReset:r=!1})=>{const{openSidebar:i}=(0,Um.useDispatch)(s.STORE_KEY)||{};let a;const l=!e;return a=l?o:(0,b.ucwords)((e||"").replace(/-/gi," ")),(0,w.jsx)("div",{className:"",children:(0,w.jsxs)("div",{className:g()("kubio-font-picker-container","kubio-control"),children:[(0,w.jsx)("div",{className:"position-relative kubio-font-picker-dropdown-container",children:(0,w.jsx)(d.Dropdown,{contentClassName:"kubio-fontpicker-content",renderToggle:({isOpen:e,onToggle:t})=>(0,w.jsx)("div",{className:"kubio-fonts-dropdown",children:(0,w.jsxs)(d.Button,{className:g()("kubio-font-picker-button",{"kubio-font-picker-button--placeholder":l}),isSecondary:!0,onClick:t,"aria-expanded":e,children:[(0,w.jsx)("div",{className:"float-left",children:a}),(0,w.jsx)("div",{className:"float-right",children:(0,w.jsx)(Qs,{icon:fp,className:"h-select-control__button-icon"})})]})}),renderContent:({onClose:n})=>(0,w.jsxs)("div",{className:"fonts-list",children:[(0,w.jsx)(Vm,{onChange:e=>{return o=n,t(e),void o();var o},value:e}),i&&(0,w.jsx)("div",{className:"kubio-font-footer",children:(0,w.jsx)(d.Button,{onClick:()=>i("document/general-settings/typography"),children:(0,h.__)("Manage font providers","kubio")})})]})})}),r&&(0,w.jsx)(d.Button,{isSmall:!0,icon:u.ResetIcon,label:(0,h.__)("Reset","kubio"),className:"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon",onClick:n})]})})};var Xm=n(9948);const Ym=23,Km=18,Zm=5,qm=0,Qm=10,Jm=Qm,ev=5,tv="linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%)",nv={className:"components-custom-gradient-picker__color-picker-popover kubio-popup",position:"top center"},ov={type:"angular",value:90};function rv({type:e,value:t}){return"literal"===e?t:"hex"===e?`#${t}`:`${e}(${t.join(",")})`}function iv({type:e,value:t}){return`${t}${e}`}function av({type:e,value:t,length:n}){return`${rv({type:e,value:t})} ${iv(n)}`}function lv({type:e,orientation:t,colorStops:n}){const o=function(e){if(e&&"angular"===e.type)return`${e.value}deg`}(t),r=n.sort(((e,t)=>(0,m.get)(e,["length","value"],0)-(0,m.get)(t,["length","value"],0))).map(av);return`${e}(${(0,m.compact)([o,...r]).join(",")})`}function sv({r:e,g:t,b:n,a:o}){return 1===o?{type:"rgb",value:[e,t,n]}:{type:"rgba",value:[e,t,n,o]}}function cv(e,t,n){return{...e,colorStops:e.colorStops.map(((e,o)=>o!==t?e:{...e,length:{...e.length,value:n}}))}}function uv(e,t,n){const o=parseInt(e.colorStops[n].length.value),r=Math.min(o,t),i=Math.max(o,t);return(0,m.some)(e.colorStops,(({length:e},o)=>{const a=parseInt(e.value);return o!==n&&(Math.abs(a-t)<qm||r<a&&a<i)}))}function dv(e,t,n){const o=e.colorStops[t].length.value,r=Math.max(0,Math.min(100,parseInt(o)+n));return uv(e,r,t)?e:cv(e,t,r)}function pv(e,t,n){return{...e,colorStops:e.colorStops.map(((e,o)=>o!==t?e:{...e,...sv(n)}))}}function hv(e,t){return{...e,colorStops:e.colorStops.filter(((e,n)=>n!==t))}}function fv(e,t,n){if(!t)return;const{x:o,width:r}=t.getBoundingClientRect(),i=e-o-Zm-n/2,a=r-Zm-Ym;return Math.round(Math.min(Math.max(100*i/a,0),100))}function gv(e){return e?(0,m.map)(e.colorStops,(e=>e&&e.length&&"%"===e.length.type?{color:rv(e),position:iv(e.length),positionValue:parseInt(e.length.value)}:null)):[]}function mv(e){return lv({type:"linear-gradient",orientation:ov,colorStops:e.colorStops})}(0,h.__)("Linear","kubio"),(0,h.__)("Radial","kubio");const vv={top:0,"top right":45,"right top":45,right:90,"right bottom":135,"bottom right":135,bottom:180,"bottom left":225,"left bottom":225,left:270,"top left":315,"left top":315},bv=()=>{const{parseVariableColor:e,computedColorToVariable:t}=(0,c.useGlobalDataColors)(),n=t=>{const n=e(t);return Xm.parse(n||tv)[0]},o=e=>{const o=(0,m.isString)(e)?n(e):e;return o.colorStops.forEach((e=>{if((0,m.isArray)(e.value)){const[n,o,r,i]=e.value,a=[n,o,r,i||1].join(",");e.type="literal",e.value=t(`rgba( ${a} )`)}else{const n="hex"===e.type?"#"+e.value.replace("#",""):e.value;e.type="literal",e.value=t(n)}})),lv(o)};return{parseVariableColor:e,parseGradient:n,getGradientParsed:e=>{let t,o,r=!!e;try{t=n(e||tv),o=e||tv}catch(i){r=!1,t=n(e||tv),o=tv}return t.orientation&&"directional"===t.orientation.type&&(t.orientation.type="angular",t.orientation.value=vv[t.orientation.value].toString()),{hasGradient:r,gradientAST:t,gradientValue:o}},transformGradientColorsToVariables:o,serializeGradient:o,isSameGradient:(e,t)=>{const o=n(t),r=n(e);if(!o.colorStops||!r.colorStops||o.colorStops.length!==r.colorStops.length)return!1;let i=!1;return o.colorStops.forEach(((e,t)=>{if("hex"===e.type&&"hex"!==r.colorStops[t].type){const n=Sn("#"+e.value);n._r===parseInt(r.colorStops[t].value[0])&&n._g===parseInt(r.colorStops[t].value[1])&&n._b===parseInt(r.colorStops[t].value[2])&&(i=!0)}else e.value===r.colorStops[t].value&&(i=!0)})),i}}},xv={night_fade:"linear-gradient(120deg, #a18cd1 0%, #fbc2eb 100%)",juicy_peach:"linear-gradient(120deg, #ffecd2 0%, #fcb69f 100%)",mean_fruit:"linear-gradient(120deg, #fccb90 0%, #d57eeb 100%)",sunny_morning:"linear-gradient(120deg, #f6d365 0%, #fda085 100%)",rainy_ashville:"linear-gradient(0deg, #fbc2eb 0%, #a6c1ee 100%)",winter_neva:"linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%)",dusty_grass:"linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%)",tempting_azure:"linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%)",heavy_rain:"linear-gradient(0deg, #cfd9df 0%, #e2ebf0 100%)",amy_crisp:"linear-gradient(120deg, #a6c0fe 0%, #f68084 100%)",deep_blue:"linear-gradient(90deg, #6a11cb 0%, #2575fc 100%)",cloudy_knoxville:"linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%)",malibu_beach:"linear-gradient(90deg, #4facfe 0%, #00f2fe 100%)",true_sunset:"linear-gradient(90deg, #fa709a 0%, #fee140 100%)",morpheus_den:"linear-gradient(0deg, #30cfd0 0%, #330867 100%)",rare_wind:"linear-gradient(0deg, #a8edea 0%, #fed6e3 100%)",near_moon:"linear-gradient(0deg, #5ee7df 0%, #b490ca 100%)",wild_apple:"linear-gradient(0deg, #d299c2 0%, #fef9d7 100%)",saint_petersburg:"linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)",everlasting_sky:"linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%)",happy_fisher:"linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%)",blessing:"linear-gradient(0deg, #fddb92 0%, #d1fdff 100%)",sharpeye_eagle:"linear-gradient(0deg, #9890e3 0%, #b1f4cf 100%)",ladoga_bottom:"linear-gradient(0deg, #ebc0fd 0%, #d9ded8 100%)",lemon_gate:"linear-gradient(0deg, #96fbc4 0%, #f9f586 100%)",itmeo_branding:"linear-gradient(180deg, #2af598 0%, #009efd 100%)",zeus_miracle:"linear-gradient(0deg, #cd9cf2 0%, #f6f3ff 100%)",happy_acid:"linear-gradient(0deg, #37ecba 0%, #72afd3 100%)",awesome_pine:"linear-gradient(0deg, #ebbba7 0%, #cfc7f8 100%)",new_york:"linear-gradient(0deg, #fff1eb 0%, #ace0f9 100%)",mixed_hopes:"linear-gradient(0deg, #c471f5 0%, #fa71cd 100%)",fly_high:"linear-gradient(0deg, #48c6ef 0%, #6f86d6 100%)",fresh_milk:"linear-gradient(0deg, #feada6 0%, #f5efef 100%)",snow_again:"linear-gradient(0deg, #e6e9f0 0%, #eef1f5 100%)",february_ink:"linear-gradient(0deg, #accbee 0%, #e7f0fd 100%)",kind_steel:"linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%)",soft_grass:"linear-gradient(0deg, #c1dfc4 0%, #deecdd 100%)",grown_early:"linear-gradient(0deg, #0ba360 0%, #3cba92 100%)",sharp_blues:"linear-gradient(0deg, #00c6fb 0%, #005bea 100%)",shady_water:"linear-gradient(90deg, #74ebd5 0%, #9face6 100%)",dirty_beauty:"linear-gradient(0deg, #6a85b6 0%, #bac8e0 100%)",great_whale:"linear-gradient(0deg, #a3bded 0%, #6991c7 100%)",teen_notebook:"linear-gradient(0deg, #9795f0 0%, #fbc8d4 100%)",new_life:"linear-gradient(90deg, #43e97b 0%, #38f9d7 100%)",ripe_malinka:"linear-gradient(120deg, #f093fb 0%, #f5576c 100%)",night_party:"linear-gradient(0deg, #0250c5 0%, #d43f8d 100%)",sky_glider:"linear-gradient(0deg, #88d3ce 0%, #6e45e2 100%)",heaven_peach:"linear-gradient(0deg, #d9afd9 0%, #97d9e1 100%)",purple_division:"linear-gradient(0deg, #7028e4 0%, #e5b2ca 100%)",aqua_splash:"linear-gradient(15deg, #13547a 0%, #80d0c7 100%)",love_kiss:"linear-gradient(0deg, #ff0844 0%, #ffb199 100%)",clean_mirror:"linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%)",premium_dark:"linear-gradient(90deg, #434343 0%, black 100%)",cochiti_lake:"linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%)",summer_games:"linear-gradient(90deg, #92fe9d 0%, #00c9ff 100%)",passionate_bed:"linear-gradient(90deg, #ff758c 0%, #ff7eb3 100%)",mountain_rock:"linear-gradient(90deg, #868f96 0%, #596164 100%)",desert_hump:"linear-gradient(0deg, #c79081 0%, #dfa579 100%)",jungle_day:"linear-gradient(45deg, #8baaaa 0%, #ae8b9c 100%)",phoenix_start:"linear-gradient(90deg, #f83600 0%, #f9d423 100%)",october_silence:"linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%)",faraway_river:"linear-gradient(-20deg, #6e45e2 0%, #88d3ce 100%)",alchemist_lab:"linear-gradient(-20deg, #d558c8 0%, #24d292 100%)",over_sun:"linear-gradient(60deg, #abecd6 0%, #fbed96 100%)",mars_party:"linear-gradient(0deg, #5f72bd 0%, #9b23ea 100%)",eternal_constance:"linear-gradient(0deg, #09203f 0%, #537895 100%)",smiling_rain:"linear-gradient(-20deg, #dcb0ed 0%, #99c99c 100%)",big_mango:"linear-gradient(0deg, #c71d6f 0%, #d09693 100%)",healthy_water:"linear-gradient(60deg, #96deda 0%, #50c9c3 100%)",amour_amour:"linear-gradient(0deg, #f77062 0%, #fe5196 100%)",strong_stick:"linear-gradient(90deg, #a8caba 0%, #5d4157 100%)",vicious_stance:"linear-gradient(60deg, #29323c 0%, #485563 100%)",palo_alto:"linear-gradient(-60deg, #16a085 0%, #f4d03f 100%)",happy_memories:"linear-gradient(-60deg, #ff5858 0%, #f09819 100%)",midnight_bloom:"linear-gradient(-20deg, #2b5876 0%, #4e4376 100%)",crystalline:"linear-gradient(-20deg, #00cdac 0%, #8ddad5 100%)",party_bliss:"linear-gradient(0deg, #4481eb 0%, #04befe 100%)",le_cocktail:"linear-gradient(45deg, #874da2 0%, #c43a30 100%)",river_city:"linear-gradient(0deg, #4481eb 0%, #04befe 100%)",frozen_berry:"linear-gradient(0deg, #e8198b 0%, #c7eafd 100%)",child_care:"linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%)",flying_lemon:"linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%)",hidden_jaguar:"linear-gradient(0deg, #0fd850 0%, #f9f047 100%)",nega:"linear-gradient(45deg, #ee9ca7 0%, #ffdde1 100%)",seashore:"linear-gradient(0deg, #209cff 0%, #68e0cf 100%)",cheerful_caramel:"linear-gradient(0deg, #e6b980 0%, #eacda3 100%)",young_grass:"linear-gradient(0deg, #9be15d 0%, #00e3ae 100%)",colorful_peach:"linear-gradient(90deg, #ed6ea0 0%, #ec8c69 100%)",gentle_care:"linear-gradient(90deg, #ffc3a0 0%, #ffafbd 100%)",plum_bath:"linear-gradient(0deg, #cc208e 0%, #6713d2 100%)",happy_unicorn:"linear-gradient(0deg, #b3ffab 0%, #12fff7 100%)",solid_stone:"linear-gradient(90deg, #243949 0%, #517fa4 100%)",orange_juice:"linear-gradient(-20deg, #fc6076 0%, #ff9a44 100%)",glass_water:"linear-gradient(0deg, #dfe9f3 0%, white 100%)",north_miracle:"linear-gradient(90deg, #00dbde 0%, #fc00ff 100%)",fruit_blend:"linear-gradient(90deg, #f9d423 0%, #ff4e50 100%)",millennium_pine:"linear-gradient(0deg, #50cc7f 0%, #f5d100 100%)",high_flight:"linear-gradient(90deg, #0acffe 0%, #495aff 100%)",mole_hall:"linear-gradient(-20deg, #616161 0%, #9bc5c3 100%)",forest_inei:"linear-gradient(0deg, #df89b5 0%, #bfd9fe 100%)",royal_garden:"linear-gradient(90deg, #ed6ea0 0%, #ec8c69 100%)",rich_metal:"linear-gradient(90deg, #d7d2cc 0%, #304352 100%)",juicy_cake:"linear-gradient(0deg, #e14fad 0%, #f9d423 100%)",smart_indigo:"linear-gradient(0deg, #b224ef 0%, #7579ff 100%)",norse_beauty:"linear-gradient(90deg, #ec77ab 0%, #7873f5 100%)",aqua_guidance:"linear-gradient(0deg, #007adf 0%, #00ecbc 100%)",sun_veggie:"linear-gradient(-225deg, #20E2D7 0%, #F9FEA5 100%)",witch_dance:"linear-gradient(-225deg, #A8BFFF 0%, #884D80 100%)",soft_lipstick:"linear-gradient(-225deg, #B6CEE8 0%, #F578DC 100%)",salt_mountain:"linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%)",perfect_white:"linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%)",fresh_oasis:"linear-gradient(-225deg, #7DE2FC 0%, #B9B6E5 100%)",strict_november:"linear-gradient(-225deg, #CBBACC 0%, #2580B3 100%)",morning_salad:"linear-gradient(-225deg, #B7F8DB 0%, #50A7C2 100%)"},yv=Ts(d.Flex,{target:"e4g4l4e3"})({name:"1ww443i",styles:"max-width:200px"}),_v=Ts("div",{target:"e4g4l4e2"})("border-radius:50%;border:1px solid #1e1e1e;box-sizing:border-box;cursor:grab;height:",30,"px;overflow:hidden;width:",30,"px;"),wv=Ts("div",{target:"e4g4l4e1"})({name:"1bhd2sw",styles:"box-sizing:border-box;position:relative;width:100%;height:100%"}),kv=Ts("div",{target:"e4g4l4e0"})("background:#1e1e1e;border-radius:50%;border:3px solid ",nu("ui.border"),";bottom:0;box-sizing:border-box;display:block;height:1px;left:0;margin:auto;position:absolute;right:0;top:-",15,"px;width:1px;"),Sv=function({value:e,onChange:t,...n}){const o=(0,p.useRef)(),r=(0,p.useRef)(),i=(0,p.useRef)(),a=e=>{const{x:n,y:o}=r.current;e.preventDefault(),t(function(e,t,n,o){const r=o-t,i=n-e,a=Math.atan2(r,i),l=Math.round(a*(180/Math.PI))+90;return l<0?360+l:l}(n,o,e.clientX,e.clientY))},{startDrag:l,isDragging:s}=(0,x.__experimentalUseDragging)({onDragStart:e=>{(()=>{const e=o.current.getBoundingClientRect();r.current={x:e.x+e.width/2,y:e.y+e.height/2}})(),a(e)},onDragMove:a,onDragEnd:a});return(0,p.useEffect)((()=>{s?(void 0===i.current&&(i.current=document.body.style.cursor),document.body.style.cursor="grabbing"):(document.body.style.cursor=i.current||null,i.current=void 0)}),[s]),(0,w.jsx)(_v,{ref:o,onMouseDown:l,className:"components-angle-picker-control__angle-circle",style:s?{cursor:"grabbing"}:void 0,...n,children:(0,w.jsx)(wv,{style:e?{transform:`rotate(${e}deg)`}:void 0,className:"components-angle-picker-control__angle-circle-indicator-wrapper",onMouseDown:()=>{document.activeElement.blur()},children:(0,w.jsx)(kv,{className:"components-angle-picker-control__angle-circle-indicator"})})})};function Cv({className:e,hideLabelFromVision:t,id:n,label:o=(0,h.__)("Angle","kubio"),onChange:r,value:i,...a}){const l=(0,x.useInstanceId)(Cv,"components-angle-picker-control__input"),s=n||l,c=g()("components-angle-picker-control",e);return(0,w.jsx)(d.BaseControl,{className:c,hideLabelFromVision:t,id:s,label:o,...a,children:(0,w.jsxs)(yv,{children:[(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)("span",{style:{whiteSpace:"nowrap"},children:(0,h.__)("Angle","kubio")})}),(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(Sv,{"aria-hidden":"true",value:i,onChange:r})}),(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)(d.__experimentalNumberControl,{className:"components-angle-picker-control__input-field",id:s,max:360,min:0,onChange:e=>{const t=""!==e?parseInt(e,10):0;r(t)},step:"1",value:i})})]})})}const jv=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"})});function Rv({actions:e,className:t,options:n,children:o}){return(0,w.jsxs)("div",{className:g()("components-circular-option-picker",t),children:[(0,w.jsx)("div",{className:"components-circular-option-picker__swatches",children:n}),o,e&&(0,w.jsx)("div",{className:"components-circular-option-picker__custom-clear-wrapper",children:e})]})}Rv.Option=(0,p.forwardRef)((function({className:e,isSelected:t,selectedIconProps:n,tooltipText:o,...r},i){const a=(0,w.jsx)(d.Button,{ref:i,isPressed:t,className:g()(e,"components-circular-option-picker__option"),...r});return(0,w.jsxs)("div",{className:"components-circular-option-picker__option-wrapper",children:[o?(0,w.jsx)(d.Tooltip,{text:o,children:a}):a,t&&(0,w.jsx)(Qs,{icon:jv,...n||{}})]})})),Rv.ButtonAction=function({className:e,children:t,...n}){return(0,w.jsx)(d.Button,{className:g()("components-circular-option-picker__clear",e),isSmall:!0,isSecondary:!0,...n,children:t})},Rv.DropdownLinkAction=function({buttonProps:e,className:t,dropdownProps:n,linkText:o}){return(0,w.jsx)(d.Dropdown,{className:g()("components-circular-option-picker__dropdown-link-action",t),renderToggle:({isOpen:t,onToggle:n})=>(0,w.jsx)(d.Button,{"aria-expanded":t,"aria-haspopup":"true",onClick:n,isLink:!0,...e,children:o}),...n})};const Iv=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z"})}),Ev=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M12 5.5A2.25 2.25 0 0 0 9.878 7h4.244A2.251 2.251 0 0 0 12 5.5ZM12 4a3.751 3.751 0 0 0-3.675 3H5v1.5h1.27l.818 8.997a2.75 2.75 0 0 0 2.739 2.501h4.347a2.75 2.75 0 0 0 2.738-2.5L17.73 8.5H19V7h-3.325A3.751 3.751 0 0 0 12 4Zm4.224 4.5H7.776l.806 8.861a1.25 1.25 0 0 0 1.245 1.137h4.347a1.25 1.25 0 0 0 1.245-1.137l.805-8.861Z"})});class Tv extends p.Component{constructor(){super(...arguments),this.increase=this.increase.bind(this),this.decrease=this.decrease.bind(this),this.shortcuts={right:this.increase,left:this.decrease}}increase(e){e.stopPropagation();const{gradientIndex:t,onChange:n,gradientAST:o}=this.props;n(function(e,t){return dv(e,t,Jm)}(o,t))}decrease(e){e.stopPropagation();const{gradientIndex:t,onChange:n,gradientAST:o}=this.props;n(function(e,t){return dv(e,t,-Jm)}(o,t))}render(){const{children:e}=this.props;return(0,w.jsx)(d.KeyboardShortcuts,{shortcuts:this.shortcuts,children:e})}}const Ov=(0,p.forwardRef)((function({isOpen:e,position:t,color:n,onChange:o,gradientIndex:r,gradientAST:i,...a},l){const s=`components-custom-gradient-picker__control-point-button-description-${(0,x.useInstanceId)(Ov)}`;return(0,w.jsxs)(Tv,{onChange:o,gradientIndex:r,gradientAST:i,children:[(0,w.jsx)(d.Tooltip,{text:t,children:(0,w.jsx)(d.Button,{ref:l,"aria-label":(0,h.sprintf)(// translators: %1$s: gradient position e.g: 70%, %2$s: gradient color code e.g: rgb(52,121,151).
// translators: %1$s: gradient position e.g: 70%, %2$s: gradient color code e.g: rgb(52,121,151).
(0,h.__)("Gradient control point at position %1$s with color code %2$s.","kubio"),t,n),"aria-describedby":s,"aria-haspopup":"true","aria-expanded":e,className:g()("components-custom-gradient-picker__control-point-button",{"is-active":e}),style:{left:t},...a})}),(0,w.jsx)(d.VisuallyHidden,{id:s,children:(0,h.__)("Use your left or right arrow keys or drag and drop with the mouse to change the gradient position. Press the button to change the color or remove the control point.","kubio")})]})}));function Pv({gradientPickerDomRef:e,ignoreMarkerPosition:t,markerPoints:n,onChange:o,gradientAST:r,onStartControlPointChange:i,onStopControlPointChange:a,alpha:l=!0}){const s=(0,p.useRef)(),c=(0,p.useRef)(),u=(0,p.useRef)(),h=(0,p.useRef)([]),f=(0,y.useDeepCallback)((t=>{const n=fv(t.clientX,e.current,Km),{gradientAST:r,position:i,significantMoveHappened:a}=s.current;if(!a){const e=r.colorStops[i].length.value;Math.abs(e-n)>=ev&&(s.current.significantMoveHappened=!0)}uv(r,n,i)||o(cv(r,i,n))}),[s.current,o]),g=(0,y.useDeepCallback)((()=>{window&&window.removeEventListener&&s.current&&s.current.listenersActivated&&(jQuery(window).off("mousemove.controlPoint"),jQuery(window).off("mouseup.controlPoint"),a(),s.current.listenersActivated=!1)}),[f,s.current,a]);(0,p.useEffect)((()=>()=>{g()}),[]);const m=(0,p.useCallback)((()=>{const e=v().get(u,["current","onClose"],v().noop);a(),e()}),[null==u?void 0:u.current,a]);(0,b.useOnClickOutside)(c,m);const x=()=>{a()},_=({isOpen:e,onToggle:t})=>{s.current&&s.current.significantMoveHappened||(e?a():i(),e&&t())};return n.map(((a,p)=>{const m=v().get(h.current,[p],e.current),b={...nv,anchorRef:m,shift:!0};return a&&t!==a.positionValue&&(0,w.jsx)(d.Dropdown,{onClose:x,renderToggle:({isOpen:e,onToggle:t})=>(0,w.jsx)(Ov,{ref:e=>v().set(h.current,[p],e),onClick:()=>{_({isOpen:e,onToggle:t}),e&&t()},onDoubleClick:()=>{_({isOpen:e,onToggle:t}),t()},onMouseDown:()=>{(e=>{window&&window.addEventListener&&(s.current={gradientAST:r,position:e,significantMoveHappened:!1,listenersActivated:!0},i(),jQuery(window).on("mousemove.controlPoint",f),jQuery(window).on("mouseup.controlPoint",g))})(p)},isOpen:e,position:a.position,color:a.color,onChange:o,gradientAST:r,gradientIndex:p},p),renderContent:({onClose:e,isOpen:t,...i})=>(u.current={onClose:e,isOpen:t},(0,w.jsx)(w.Fragment,{children:(0,w.jsx)($s,{ref:c,returnRawValue:!0,value:a.color,onChange:e=>{const t=Sn(e).toRgb();o(pv(r,p,t))},hasButton:n.length>2,buttonIcon:Ev,onButtonClick:()=>{o(hv(r,p)),e()},alpha:l})})),popoverProps:b},p)}))}function Mv({onChange:e,gradientAST:t,onOpenInserter:n,onCloseInserter:o,insertPosition:r,alpha:i=!0}){const[a,l]=(0,p.useState)(!1),s=(0,p.useMemo)((()=>({...nv,shift:!0})),[]);return(0,w.jsx)(d.Dropdown,{className:"components-custom-gradient-picker__inserter",popoverProps:s,onClose:()=>{o()},renderToggle:({isOpen:e,onToggle:t})=>(0,w.jsx)(d.Button,{"aria-expanded":e,"aria-haspopup":"true",onClick:()=>{e?o():(l(!1),n()),t()},className:"components-custom-gradient-picker__insert-point",icon:Iv,style:{left:null!==r?`${r}%`:void 0}}),renderContent:()=>(0,w.jsx)($s,{returnRawValue:!0,alpha:i,onChange:n=>{let o;const i=Sn(n).toRgb();a?o=function(e,t,n){return pv(e,(0,m.findIndex)(e.colorStops,(e=>e&&e.length&&"%"===e.length.type&&e.length.value===t.toString())),n)}(t,r,i):(o=function(e,t,n){const o=sv(n);return o.length={type:"%",value:t},{...e,colorStops:[...e.colorStops,o]}}(t,r,i),l(!0)),e(o)},hasButton:t.colorStops.length>2,buttonIcon:Ev,onButtonClick:()=>{if(a){const n=(0,m.findIndex)(t.colorStops,(e=>e&&e.length&&"%"===e.length.type&&e.length.value===r.toString()));e(hv(t,n))}o()}})})}function Av(e,t){switch(t.type){case"MOVE_INSERTER":if("IDLE"===e.id||"MOVING_INSERTER"===e.id)return{id:"MOVING_INSERTER",insertPosition:t.insertPosition};break;case"STOP_INSERTER_MOVE":if("MOVING_INSERTER"===e.id)return{id:"IDLE"};break;case"OPEN_INSERTER":if("MOVING_INSERTER"===e.id)return{id:"INSERTING_CONTROL_POINT",insertPosition:e.insertPosition};break;case"CLOSE_INSERTER":if("INSERTING_CONTROL_POINT"===e.id)return{id:"IDLE"};break;case"START_CONTROL_CHANGE":if("IDLE"===e.id)return{id:"MOVING_CONTROL_POINT"};break;case"STOP_CONTROL_CHANGE":if("MOVING_CONTROL_POINT"===e.id)return{id:"IDLE"}}return e}const Nv={id:"IDLE"};function Lv({value:e,onChange:t,alpha:n=!0}){const{getGradientParsed:o}=bv(),{gradientAST:r,gradientValue:i,hasGradient:a}=o(e),l=e=>{t(lv(e))},s=(0,p.useRef)(),c=gv(r),[u,d]=(0,p.useReducer)(Av,Nv),h=e=>{const t=fv(e.clientX,s.current,Ym);(0,m.some)(c,(({positionValue:e})=>Math.abs(t-e)<Qm))?"MOVING_INSERTER"===u.id&&d({type:"STOP_INSERTER_MOVE"}):d({type:"MOVE_INSERTER",insertPosition:t})},f="MOVING_INSERTER"===u.id,v="INSERTING_CONTROL_POINT"===u.id;return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)("div",{ref:s,className:g()("components-custom-gradient-picker__gradient-bar",{"has-gradient":a}),onMouseEnter:h,onMouseMove:h,style:{background:"radial-gradient"===r.type?mv(r):i},onMouseLeave:()=>{d({type:"STOP_INSERTER_MOVE"})},children:(0,w.jsxs)("div",{className:"components-custom-gradient-picker__markers-container",children:[(f||v)&&(0,w.jsx)(Mv,{insertPosition:u.insertPosition,onChange:l,gradientAST:r,onOpenInserter:()=>{d({type:"OPEN_INSERTER"})},onCloseInserter:()=>{d({type:"CLOSE_INSERTER"})},alpha:n}),(0,w.jsx)(Pv,{gradientPickerDomRef:s,ignoreMarkerPosition:v?u.insertPosition:void 0,markerPoints:c,onChange:l,gradientAST:r,onStartControlPointChange:()=>{d({type:"START_CONTROL_CHANGE"})},onStopControlPointChange:()=>{d({type:"STOP_CONTROL_CHANGE"})},alpha:n})]})})})}const zv=Ts(d.FlexBlock,{target:"efz6x431"})({name:"aco78w",styles:"flex-grow:4"}),Dv=Ts(d.FlexBlock,{target:"efz6x430"})({name:"1gvx10y",styles:"flex-grow:5"}),Fv=e=>!e&&0!==e&&"0"!==e,Bv=e=>{let{onChange:t,onReset:n,value:o,label:r,allowReset:i=!0,capMin:a=!0,capMax:l=!1,withInputField:c=!0,resetValue:f=s.UNSET_VALUE,min:v=0,max:x=100,step:_=1,decimals:k=2,defaultSliderValue:S,...C}=e;const[j,R]=(0,p.useState)(o);(0,p.useEffect)((()=>{parseFloat(j)!==parseFloat(o)&&R(parseFloat(o))}),[o]);const I=a?v:Number.MIN_SAFE_INTEGER,E=l?x:Number.MAX_SAFE_INTEGER;n=n||(()=>{O(S)});const T=(0,p.useRef)();T.current=t;const O=(0,p.useCallback)((e=>{(0,m.isNaN)(e)||""===e||(e=(0,b.toFixedDecimals)(e,k)),R(e),T.current(e)}),[]),P=(0,y.useDebounce)((0,p.useCallback)((e=>{(e||0===e||"0"===e)&&(e=(0,b.toFixedDecimals)(e,k)),e<I&&(e=I),e>E&&(e=E),T.current(e)}),[I,E]),300);S=Fv(S)?v:S;let M=Fv(j)?S:j;const A=(0,m.isNaN)(Number(j))||""===j?"":Number(j);return M=(0,m.isNaN)(Number(M))||""===j?"":Number(M),(0,w.jsxs)(d.BaseControl,{className:g()("kubio-range-with-unit","kubio-control"),children:[(null==r?void 0:r.length)&&(0,w.jsx)(d.BaseControl.VisualLabel,{children:r}),(0,w.jsxs)(d.Flex,{className:"kubio-range-with-unit-flex-container",children:[(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)(d.RangeControl,{className:"kubio-range-with-unit-range-control",...C,min:v,max:x,step:_,value:parseFloat((0,m.clamp)(M,v,x)),onChange:O,withInputField:!1,decimals:k})}),c&&(0,w.jsx)(d.FlexItem,{align:"center",children:(0,w.jsx)(Bs,{className:"components-range-control__number",inputMode:"decimal",min:I,max:E,step:_,...C,onChange:P,value:A})}),i&&(0,w.jsx)(d.FlexItem,{align:"center",style:{display:"flex"},children:(0,w.jsx)(d.Button,{isSmall:!0,icon:u.ResetIcon,label:(0,h.__)("Reset","kubio"),className:"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon kubio-border-control-button",onClick:()=>{f!==s.UNSET_VALUE?O(f):n()}})})]})]})},Hv={min:0,max:1,step:.1,capMax:!0},Wv=({gradientAST:e,onChange:t,resetValue:n=.7})=>{const o=gv(e),r=(0,y.useDeepMemo)((()=>o.map((e=>({...e,opacity:Sn(e.color).getAlpha()})))),[o]),[i,a]=(0,p.useState)(r),[l,s]=(0,p.useState)(Gv(i)),c=(0,y.useDeepMemo)((()=>r),[r]);(0,p.useEffect)((()=>{if(!Ws()(r,i)){a(r);const e=Gv(r);Ws()(l,e)||s(e)}}),[c]);const u=(0,y.useDeepCallback)((e=>{const t=v().cloneDeep(i);t.forEach((t=>{t.opacity=e})),m(t)}),[t,i,e]),d=(0,y.useDebounce)(u,250),f=(0,y.useDeepCallback)(((e,t)=>{const n=v().cloneDeep(i);v().set(n,[e,"opacity"],t),m(n)}),[t,i,e]),g=(0,y.useDebounce)(f,250);function m(n){const o={...e,colorStops:n.map(((t,n)=>{const o=v().get(e,["colorStops",n]);let r=null==t?void 0:t.opacity;r||(r=1);const i=Sn(t.color);return{...o,value:[i._r,i._g,i._b,r],type:"rgba"}}))},r=lv(o);!function(e){const t=Gv(e);a(e),t!==l&&s(t)}(n),t(r)}const b=v().get(i,[0,"opacity"],1);return(0,w.jsxs)("div",{className:"components-custom-gradient-picker__external-opacity-container",children:[l&&(0,w.jsx)(Bv,{label:(0,h.__)("Opacity","kubio"),value:b,...Hv,onChange:d,onReset:()=>{d(n)}}),!l&&i.map(((e,t)=>(0,w.jsx)(Bv,{label:(0,h.__)("Opacity for point "+(t+1),"kubio"),value:null==e?void 0:e.opacity,...Hv,onChange:e=>{g(t,e)},onReset:()=>{g(t,n)}})))]})};function Gv(e){const t=v().get(e,[0,"opacity"]);return e.every((e=>(null==e?void 0:e.opacity)===t))}const Vv=({gradientAST:e,hasGradient:t,onChange:n})=>{const o=(0,m.get)(e,["orientation","value"],180);return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(Cv,{className:"kubio-custom-angle-picker-container",hideLabelFromVision:!0,onChange:t=>{n(lv({...e,orientation:{type:"angular",value:t}}))},value:t?o:""})})},Uv=({gradientAST:e,onChange:t})=>{const{type:n}=e,o=[{key:"linear-gradient",label:(0,h.__)("Linear gradient","kubio"),gradient:"linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(122,116,116,1) 100%)"},{key:"radial-gradient",label:(0,h.__)("Radial gradient","kubio"),gradient:"radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(122,116,116,1) 100%)"}],r=(0,p.useMemo)((()=>(0,m.map)(o,(({key:o,gradient:r,label:i})=>{let a="";return n===o&&(a="gradient-type-active"),(0,w.jsx)(Rv.Option,{className:a,value:r,tooltipText:i||// translators: %s: gradient code e.g: "linear-gradient(90deg, rgba(98,16,153,1) 0%, rgba(172,110,22,1) 100%);".
// translators: %s: gradient code e.g: "linear-gradient(90deg, rgba(98,16,153,1) 0%, rgba(172,110,22,1) 100%);".
(0,h.sprintf)((0,h.__)("Gradient code: %s","kubio"),r),style:{color:"rgba( 0,0,0,0 )",background:r},onClick:"linear-gradient"===o?()=>{t(lv({...e,...e.orientation?{}:{orientation:ov},type:"linear-gradient"}))}:()=>{t(lv({...(0,m.omit)(e,["orientation"]),type:"radial-gradient"}))},"aria-label":i?// translators: %s: The name of the gradient e.g: "Angular red to blue".
// translators: %s: The name of the gradient e.g: "Angular red to blue".
(0,h.sprintf)((0,h.__)("Gradient: %s","kubio"),i):(0,h.sprintf)(// translators: %s: gradient code e.g: "linear-gradient(90deg, rgba(98,16,153,1) 0%, rgba(172,110,22,1) 100%);".
// translators: %s: gradient code e.g: "linear-gradient(90deg, rgba(98,16,153,1) 0%, rgba(172,110,22,1) 100%);".
(0,h.__)("Gradient code: %s","kubio"),r)},o)}))),[o]);return(0,w.jsx)(w.Fragment,{children:(0,w.jsxs)("div",{className:"kubio-custom-gradient-type-container",children:[(0,w.jsx)("div",{className:"kubio-custom-gradient-text",children:(0,h.__)("Type","kubio")}),(0,w.jsx)(Rv,{options:r})]})})};function $v({value:e,onChange:t,alpha:n=!0,showExternalOpacityControl:o=!1}){const{getGradientParsed:r}=bv(),{gradientAST:i,hasGradient:a}=r(e),{type:l}=i,s=e=>{t(e)};return(0,w.jsxs)("div",{className:g()("components-custom-gradient-picker","kubio-control"),children:[(0,w.jsx)(Lv,{value:e,onChange:s,alpha:n}),(0,w.jsxs)(d.Flex,{gap:0,className:"components-custom-gradient-picker__ui-line",children:[(0,w.jsx)(zv,{children:(0,w.jsx)(Uv,{gradientAST:i,hasGradient:a,onChange:s})}),(0,w.jsx)(Dv,{children:"linear-gradient"===l&&(0,w.jsx)(Vv,{gradientAST:i,hasGradient:a,onChange:s})})]}),o&&(0,w.jsx)(Wv,{gradientAST:i,onChange:s})]})}const Xv=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"M11 13h2v-2h-2v2zm-6 0h2v-2H5v2zm12-2v2h2v-2h-2z"})}),Yv=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"})}),Kv=Object.keys(xv).map(((e,t)=>{const n={key:e,label:(0,b.ucwords)(e.replace(/\_/gi," ")),gradient:xv[e]};return t>5&&(0,Ju.addProTagToItem)(n),n})),Zv=({value:e,onChange:t,presetsNumber:n=6,withPreviewer:o=!0})=>{const[r,i]=(0,p.useState)(""),a=(0,p.useRef)(),l=(e=>e?new Fm(Kv,{threshold:.2,location:0,ignoreLocation:!0,distance:20,keys:["label"]}).search(e).map((e=>e.item)):Kv)(r),s=(0,m.chunk)(l,4),c=(0,p.useRef)(),u=(0,p.useRef)(),{isSameGradient:f}=bv(),v=(0,p.useRef)(),b=(0,p.useRef)(),y=(0,x.useInstanceId)(Qv),_=(0,p.useCallback)((e=>{var n;null==b||null===(n=b.current)||void 0===n||n.close(),t(e)}),[t,b.current]),C=Kv.slice(0,n),j=(0,p.useMemo)((()=>(0,m.map)(C,(({key:t,gradient:n,label:o})=>(0,w.jsx)(Rv.Option,{value:n,isSelected:f(e,n),tooltipText:o||// translators: %s: gradient code e.g: "linear-gradient(90deg, rgba(98,16,153,1) 0%, rgba(172,110,22,1) 100%);".
// translators: %s: gradient code e.g: "linear-gradient(90deg, rgba(98,16,153,1) 0%, rgba(172,110,22,1) 100%);".
(0,h.sprintf)((0,h.__)("Gradient code: %s","kubio"),n),style:{color:"rgba( 0,0,0,0 )",background:n},onClick:()=>_(n),"aria-label":o?// translators: %s: The name of the gradient e.g: "Angular red to blue".
// translators: %s: The name of the gradient e.g: "Angular red to blue".
(0,h.sprintf)((0,h.__)("Gradient: %s","kubio"),o):(0,h.sprintf)(// translators: %s: gradient code e.g: "linear-gradient(90deg, rgba(98,16,153,1) 0%, rgba(172,110,22,1) 100%);".
// translators: %s: gradient code e.g: "linear-gradient(90deg, rgba(98,16,153,1) 0%, rgba(172,110,22,1) 100%);".
(0,h.__)("Gradient code: %s","kubio"),n)},t)))),[l,e,_]);let R={};return o||(R={padding:0,border:0}),(0,w.jsxs)(d.BaseControl,{children:[(0,w.jsxs)("div",{ref:u,className:"kubio-gradient-select-container",children:[(0,w.jsx)(Rv,{options:j}),(0,w.jsx)(Rv.Option,{ref:a,className:"kubio-more-gradients-circle",value:e,tooltipText:(0,h.__)("See more gradient presets","kubio"),style:{color:"white",border:"1px solid black"},"aria-label":(0,h.__)("See more gradient presets","kubio"),children:(0,w.jsx)(Qs,{icon:Xv,fill:"#1e1e1e"})},"more-gradients")]}),(0,w.jsx)(S,{}),(0,w.jsx)(d.BaseControl,{label:(0,h.__)("Custom gradient","kubio"),children:(0,w.jsxs)("div",{className:"kubio-gradient-picker-container",role:"button",tabIndex:"0",ref:c,style:R,children:[(0,w.jsx)("div",{className:"kubio-gradient-picker-preview",style:{backgroundImage:e}}),(0,w.jsx)("div",{className:"kubio-gradient-popover-ref",children:(0,w.jsxs)(k,{position:"middle left",ref:b,className:"kubio-gradient-popover",buttonRef:a,anchorRef:u,children:[(0,w.jsxs)("div",{className:"kubio-gradient-popover__input-wrapper",children:[(0,w.jsx)("input",{ref:v,id:`block-editor-kubio-inserter__search-${y}`,className:"block-editor-kubio-inserter__search-input kubio-gradient-search-input",autoFocus:!0,placeholder:(0,h.__)("Search gradient","kubio"),onChange:e=>i(e.target.value),autoComplete:"off",value:r||""}),(0,w.jsxs)("div",{className:"block-editor-kubio-inserter__search-icon",children:[!!r&&(0,w.jsx)(d.Button,{className:"kubio-gradient-reset-button",size:20,icon:Yv,label:(0,h.__)("Reset search","kubio"),onClick:()=>{i(""),v.current.focus()}}),!r&&(0,w.jsx)(Qs,{size:20,icon:Wm})]})]}),(0,w.jsx)(_f,{rowCount:s.length,columnCount:4,columnWidth:134,width:536,rowHeight:116,height:402,cellRenderer:({columnIndex:e,key:t,rowIndex:n,style:o})=>{const r=s[n][e];return r?(0,w.jsx)("div",{className:g()("kubio-gradient-popover__gradient-wrapper","kubio-control"),style:o,children:(0,w.jsxs)(Ju.ProItem,{item:r,tag:"div",className:"kubio-gradient-data-container",onClick:()=>_(r.gradient),role:"button",tabIndex:0,urlArgs:{source:"gradient",content:t},children:[(0,w.jsx)("div",{className:"kubio-gradient-popover__gradient",style:{backgroundImage:r.gradient}}),(0,w.jsx)("div",{className:"kubio-gradient-popover__label",children:r.label})]})},t):(0,w.jsx)(p.Fragment,{})},scrollLeft:30})]})})]})})]})},qv=(e,t,n)=>{const o=n(e);return o.colorStops.forEach((e=>{if((0,m.isArray)(e.value))e.type="rgba",e.value[3]=t;else{const n=Sn(e.value);e.type="rgba",e.value=[n._r,n._g,n._b,t]}})),(0,b.serializeGradient)(o)},Qv=({value:e,onChange:t,label:n=(0,h.__)("Gradient","kubio"),forceAlpha:o=!1,presetsNumber:r=6,withPreviewer:i=!0,forceAlphaForPreset:a=!1,showExternalOpacityControl:l=!1})=>{const[s,c]=(0,p.useState)(e),{parseVariableColor:u,parseGradient:f,transformGradientColorsToVariables:m}=bv();(0,p.useEffect)((()=>{const t=u(e);t!==s&&c(t)}),[e]);const v=e=>{!1!==o&&(e=qv(e,o,f)),c(e),e=m(e),t(e)};(0,p.useEffect)((()=>{if(!1!==o&&s){const e=qv(s,o,f);c(e)}}),[o]);const b=g()("kubio-gradient-picker-wrapper","kubio-control",{"kubio-is-kubio-editor":window.isKubioBlockEditor,"kubio-is-default-editor":!window.isKubioBlockEditor});return(0,w.jsxs)("div",{className:b,children:[(0,w.jsx)(d.BaseControl,{className:"kubio-gradient-picker__label",children:n}),(0,w.jsx)(Zv,{value:s,onChange:e=>{!1!==a&&(e=qv(e,a,f)),v(e)},presetsNumber:r,withPreviewer:i}),(0,w.jsx)("div",{className:"kubio-gradient-custom-picker",children:(0,w.jsx)($v,{value:s,onChange:v,alpha:!0,showExternalOpacityControl:l})})]})},Jv=Qv,eb=({name:e,className:t,htmlTag:n="span",...o}={})=>{const r=(0,p.useMemo)((()=>{let t=e||"font-awesome/star";return t=t.trim().replace(/\s/g,"-"),{__html:v().get(s.svgIcons,t)}}),[e]);return(0,w.jsx)(n,{...o,className:`${t} h-svg-icon`,dangerouslySetInnerHTML:r})},tb=window.kubio.coreHooks,nb=(0,p.forwardRef)((function({popoverContent:e,previewContent:t,label:n,popoverPosition:o=null},r){const{uiVersion:i}=(0,tb.useUIVersion)();let a=o;null===o&&(a=2===i?"bottom right":"bottom left");const[l,s]=(0,p.useState)(!1),c=(0,p.useRef)(),u=(0,p.useRef)(),h=(0,p.useRef)();(0,p.useImperativeHandle)(r,(()=>({close:()=>{var e;null==h||null===(e=h.current)||void 0===e||e.close()}})));const f=e=>{var t;e.stopPropagation(),null==h||null===(t=h.current)||void 0===t||t.toggle(!l)};return(0,w.jsx)(w.Fragment,{children:(0,w.jsxs)("div",{className:"kubio-preview-box-control__container",children:[(0,w.jsx)(d.Button,{ref:c,icon:Xv,className:g()(["kubio-preview-box-control__button"],{opened:l})}),(0,w.jsx)(k,{ref:h,className:"kubio-preview-box-control__popover",position:a,buttonRef:c,anchorRef:c,onOpen:()=>s(!0),onClose:()=>s(!1),children:e}),(0,w.jsxs)("div",{ref:u,className:"kubio-preview-box-control__content",onMouseDown:f,tabIndex:0,onKeyUp:f,role:"button",children:[t,n&&(0,w.jsx)("div",{className:"kubio-preview-box-control__label",children:n})]})]})})})),ob=({value:e,onChange:t})=>{const n=(0,h.__)("Filter by name…","kubio"),o="kubio-icon-search",r=(0,p.useRef)();return(0,w.jsxs)("div",{className:g()("block-editor-inserter__search"),children:[(0,w.jsx)(d.VisuallyHidden,{as:"label",htmlFor:`block-editor-inserter__search-${o}`,children:n}),(0,w.jsx)("input",{ref:r,className:"block-editor-kubio-inserter__search-input",id:`block-editor-inserter__search-${o}`,type:"text",placeholder:n,autoFocus:!0,onChange:e=>t(e.target.value),autoComplete:"off",value:e||""}),(0,w.jsxs)("div",{className:"block-editor-inserter__search-icon",children:[!!e&&(0,w.jsx)(d.Button,{icon:Yv,label:(0,h.__)("Reset search","kubio"),onClick:()=>{t(""),r.current.focus()}}),!e&&(0,w.jsx)(Qs,{icon:Wm})]})]})},rb=e=>{const{value:t="",onChange:n,list:o}=e,[r,i]=(0,p.useState)("all"),[{list:a,packs:l},s]=(0,p.useState)({list:[],packs:[]}),[c,u]=(0,p.useState)(""),[f,b]=(0,p.useState)(0),[x,y]=(0,p.useState)(!1);let _=(0,p.useMemo)((()=>{return[{value:"all",label:(0,h.__)("All","kubio")}].concat((e=o,(0,m.uniq)(Object.keys(e).map((e=>e.replace(/(.*)\/(.*)/,"$1"))))).map((e=>{return{value:e,label:(t=e,t.split("-").map(m.upperFirst).join(" "))};var t})).filter((({value:e})=>!c||-1!==l.indexOf(e))));var e}),[l,a]);const k=()=>{const[e,t]=function(e,t="all",n=""){let o={},r={},i=[];const a=[],l=Object.keys(e).map((t=>({name:t,iconName:(0,m.last)(t.split("/")),icon:e[t]})));n?(o={},n=n.split(" ").filter((e=>""!==e)).join("-"),i=l.filter((({iconName:e})=>-1!==e.indexOf(n.toLowerCase())))):i=l,i.forEach((({name:e,icon:t})=>{const n=e.split("/")[0];o={...o,[n]:[...o[n]||[],{name:e,value:t,isIcon:!0}]}}));const s=Object.keys(o);if(r="all"!==t?{[t]:o[t]}:o,n){const e=[].concat(...Object.values(r));for(let t=0,n=e.length;t<n;t+=8){const n=e.slice(t,t+8);a.push(n)}}else{let e=0;for(const[t,n]of Object.entries(r))if(void 0!==n){0!==e&&a.push({name:t,isPackHead:!0});for(let e=0,t=n.length;e<t;e+=8){const t=n.slice(e,e+8);a.push(t)}e++}}return[s,a]}(o,r,c);s({packs:e,list:t})};(0,p.useEffect)((()=>{i((0,m.first)(t.split("/"))),k()}),[t]),(0,p.useEffect)((()=>{if(k(),f<0&&b(0),"all"!==r&&!x){const e=S();b(75*e),y(!0)}}),[c,r]);const S=()=>{let e=0;return a.findIndex(((n,o)=>Array.isArray(n)?!!n.find((e=>e.name===t)):(e=o+1,!1)))-e},[C,j]=(0,Ju.useProModal)(),R=["all","socicon","font-awesome","icons8-line-awesome"];return _=v().concat(_,[{value:"ionicons",label:"Ionicons"},{value:"foundation-icons",label:"Foundation Icons"},{value:"material-icons",label:"Material Icons"},{value:"simple-line-icons",label:"Simple Line Icons"},{value:"typicons",label:"Typicons"},{value:"linea",label:"Linea"}]),_.forEach((e=>{R.includes(e.value)||(0,Ju.addProTagToItem)(e)})),_=(0,Ju.sortItemsByPro)(_),(0,w.jsxs)("div",{className:"iconsWrapper",children:[(0,w.jsxs)("div",{className:"icon-filter-list-container",children:[(0,w.jsx)("div",{className:"icons-filters",children:(0,w.jsx)("div",{className:"search-filter",children:(0,w.jsx)(ob,{value:c,onChange:u})})}),(0,w.jsx)("div",{id:"icons-list",children:(0,w.jsx)(_f,{className:"icon-grid-container",cellRenderer:function({columnIndex:e,key:o,rowIndex:r,style:i}){const l=a[r][e];if(l&&l.isPackHead)return i.width="100%",i.height="250px",(0,w.jsx)(w.Fragment,{});if(l&&l.isIcon){const{name:l,value:s}=a[r][e],c=l.replace(/(.*)\//,"").replace("-"," "),u=e=>{e.stopPropagation(),e.preventDefault(),n(l)};return(0,w.jsx)("div",{tabIndex:0,role:"button",style:i,onClick:u,className:g()(["icon-container",{"is-selected":l===t}]),children:(0,w.jsx)(d.Tooltip,{text:c,children:(0,w.jsx)("div",{className:"svg-icon",children:(0,w.jsx)("a",{tabIndex:0,role:"button",dangerouslySetInnerHTML:{__html:s}})})})},o)}},columnCount:8,columnWidth:75,height:440,rowCount:a.length,rowHeight:75,width:617,activePackage:r,searchString:c,scrollTop:f,onScroll:()=>{f>=0&&x&&b(-1)}})})]}),(0,w.jsxs)("div",{className:"package-filter",children:[(0,w.jsx)("h3",{children:(0,h.__)("Font library","kubio")}),_.map((e=>(0,w.jsxs)("div",{tabIndex:0,role:"button",className:g()(["package-filter-name",{"is-selected":e.value===r},(0,Ju.proItemOnFreeClass)(e)]),onClick:t=>{if(t.stopPropagation(),(0,Ju.proItemOnFree)(e))return j(!0,"pack-pro-modal-"+e.value),!1;i(e.value)},children:[e.label,(0,w.jsx)(Ju.ProBadge,{item:e}),(0,w.jsx)(C,{id:"pack-pro-modal-"+e.value,urlArgs:{source:"icon",content:"pro-pack"}})]},e.value)))]})]})},ib=e=>{const{value:t,label:n=(0,h.__)("Icon","kubio")}=e,o=(0,p.useRef)(),[r,i]=(0,p.useState)(t||"font-awesome/star"),a=(0,p.useRef)();(0,p.useEffect)((()=>{r!==t&&i(t)}),[t]);const l=r.split("/"),s=(0,w.jsx)(rb,{list:e.list,onChange:t=>{i(t),(()=>{try{a.current.close()}catch(e){}})(),e.onChange&&e.onChange(t)},value:e.value}),c=(0,w.jsx)(eb,{className:"icon-picker__icon-preview",name:r}),u=l[0].replace("-"," ")+" / "+l[1];return(0,w.jsxs)("div",{ref:o,className:g()("icon-preview","kubio-control"),children:[(0,w.jsx)("div",{className:"icon-preview-header title",children:n}),(0,w.jsx)(nb,{ref:a,popoverContent:s,previewContent:c,label:u})]})},ab=({value:e,onChange:t,...n})=>{const{afterIconChange:o}=n,r=(0,p.useMemo)((()=>{let t=e||"font-awesome/star";return t=t.trim().replace(/\s/g,"-"),t}),[e]);return(0,w.jsx)(ib,{list:s.svgIcons,onChange:e=>{t&&(t(e),o&&o(e))},value:r,...n})},lb=window.wp.blockEditor,sb=window.wp.blocks,cb=window.wp.coreData,ub=window.wp.hooks,db=window.wp.url,{columnWidthGroup:pb,ColumnWidthTypes:hb}=Qu.columnWidth,fb=e=>({type:hb.CUSTOM,custom:{value:e,unit:"%"}}),gb=[[fb(100)],[fb(50),fb(50)],[fb(33.33),fb(33.33),fb(33.33)],[fb(25),fb(25),fb(25),fb(25)],[fb(33.33),fb(66.66)],[fb(66.66),fb(33.33)],[fb(25),fb(25),fb(50)],[fb(50),fb(25),fb(25)],[fb(25),fb(50),fb(25)],[fb(20),fb(20),fb(20),fb(20),fb(20)],[fb(16.66),fb(16.66),fb(16.66),fb(16.66),fb(16.66),fb(16.66)],[fb(16.5),fb(67),fb(16.5)]],mb=e=>{const t=[],n=t=>{e.onLayoutSelect&&e.onLayoutSelect(t)};let o=0;for(const e of gb){const r=[];for(const t of e){const e="section-layout-column "+Qu.LayoutHelper.computeColumnWidthClasses({desktop:{type:hb.CUSTOM}});r.push((0,w.jsx)("span",{className:e,style:pb.parser(t)},o++))}t.push((0,w.jsx)("span",{className:"h-col-4 h-col-md-2",children:(0,w.jsx)("span",{role:"button",tabIndex:0,className:"section-layout",onClick:()=>n(e),children:r})},o++))}return t};s.HERO_LAYOUT_OPTIONS.pop();const vb=(0,Ju.addProTagToItems)(s.HERO_LAYOUT_OPTIONS,s.HERO_TYPES_FREE_VALUES),bb=e=>{const{clientId:t}=e,{replaceInnerBlocks:n}=(0,Um.useDispatch)("core/block-editor"),{getBlockVariations:o}=(0,Um.useSelect)(sb.store),{isFrontPage:r}=(0,Um.useSelect)((e=>{const{getIsFrontPage:t=m.noop}=e("kubio/edit-site")||{};return{isFrontPage:t()}})),i=[],a=o("kubio/hero"),l=e=>{const t=r?"FP"+e:e;return(0,m.find)(a,["name",t])};for(const e of vb){const o=()=>{const{innerBlocks:o}=l(e.value),r=(0,y.convertTemplateFormatToBlock)(o).map((e=>(0,b.refreshBlockStyleRefs)(e)));n(t,r,!0)};i.push((0,w.jsx)("span",{className:"hero-layout-preview-item",children:(0,w.jsx)(d.Tooltip,{text:e.label,position:"top center",children:(0,w.jsx)(Ju.ProItem,{tag:d.Button,item:e,urlArgs:{source:"hero-layout",content:e.value},icon:e.icon,onClick:o},"hero-layout-preview-item-pro-"+e.value)},"hero-layout-picker-tooltip"+e.value)},"hero-layout-preview-item-"+e.value))}return i},{ColumnWidthTypes:xb}=Qu.columnWidth,yb=e=>({type:xb.CUSTOM,custom:{value:e,unit:"%"}}),_b=e=>{const{clientId:t,insertLayout:n,replaceBlockInsteadInsert:o,defaultDisplayStructure:r=!1}=e,[i,a]=(0,p.useState)(!1),l=(0,p.useRef)(),{getBlockName:c}=(0,Um.useSelect)(lb.store),[f,g]=(0,p.useState)(r),m="kubio/hero"===c(t),x="kubio/section"===c(t),{setOpenInserter:_}=(0,Um.useDispatch)("core/edit-post")||{},k=m?(0,h.__)("Select Hero layout","kubio"):(0,h.__)("Select section layout","kubio"),S=m||x?(0,h.__)("Select section layout","kubio"):(0,h.__)("Add blank section","kubio"),C=m||x?(0,h.__)("Change with a predesigned section","kubio"):(0,h.__)("Add predesigned section","kubio");let{setOpenInserter:j}=(0,Um.useDispatch)(s.STORE_KEY)||{setOpenInserter:_};j||(j=_);const R=e=>{g(!1),n(t,e)},I=m?"structures-list is-hero":"structures-list h-row",E=(0,Um.useSelect)((e=>{var t,n;return null===(t=e(s.STORE_KEY))||void 0===t||null===(n=t.isAICapabilityEnabled)||void 0===n?void 0:n.call(t)}),[]),{useHandleInsert:T=v().noop,useIsAISetupComplete:O=v().noop,GenerateSectionModal:P=p.Fragment}=(0,ub.applyFilters)("kubio.ai-filters",{}),M=(0,p.useCallback)(((e,t)=>{l.current={type:"hand-pick",pattern:e,insert:t},a(!0)}),[]),{onGenerateAiSection:A=v().noop}=T({sectionClientId:t,insertBefore:!1,shouldUseSectionClientId:!0,aiIntermediateCallback:M})||{},[N,L]=O()||[],z=(0,p.useCallback)(((...e)=>{L((()=>A(...e)))}),[L,A]),D=(0,p.useCallback)((()=>{a(!1),z()}),[z]);if(!(0,y.isKubioEditor)()||f){const e=(0,y.isKubioEditor)()?"":" layout-structures--hide-close";return(0,w.jsxs)("div",{className:"layout-structures d-flex flex-column"+e,children:[(0,w.jsx)("span",{className:"layout-structures-title",children:k}),(0,w.jsx)("span",{className:I,children:m?(0,w.jsx)(bb,{clientId:t,onLayoutSelect:R}):(0,w.jsx)(mb,{onLayoutSelect:R})}),!m&&(0,w.jsx)("span",{className:"layout-structures-close-button",onClick:()=>g(!1),children:"×"})]})}return(0,w.jsxs)(w.Fragment,{children:[i&&(0,w.jsx)(P,{setVisible:a,sectionRef:l,onChangeSection:D,skipPreviousSummary:!0}),(0,w.jsxs)("div",{className:"insert-options d-flex",children:[(0,w.jsx)(d.Button,{isPrimary:!0,onClick:()=>g(!0),children:S}),(0,w.jsx)(d.Button,{isPrimary:!0,onClick:()=>j("pattern-inserter/post-content",t,{replace:o,closeOnSelect:m||x}),children:C}),E&&!(m||x)&&(0,w.jsxs)(w.Fragment,{children:[N,(0,w.jsx)(Ju.ProItem,{isProItem:b.AI_IN_PRO,tag:d.Button,className:"kubio-ai-button",icon:u.KubioAI,onClick:z,urlArgs:{source:"AI",content:"layout-picker-ai-section"},children:(0,h.__)("Generate with AI","kubio")})]})]})]})},wb=(0,x.compose)((0,x.createHigherOrderComponent)((e=>t=>{const{postType:n,postId:o,clientId:r,disableFPS:i=!1}=t,[a,l]=(0,p.useState)(null),[c,u]=(0,p.useState)(i),[f,m]=(0,p.useState)(!1),[b]=(0,cb.useEntityBlockEditor)("postType",n,{id:o}),{replaceInnerBlocks:x}=(0,Um.useDispatch)("core/block-editor"),{getBlockHierarchyRootClientId:y}=(0,Um.useSelect)("core/block-editor"),_=y(r),{stylesheet:k,template:S,themeName:C,isKubioTheme:j,themeUri:R,kubioThemeAssetsUrlBase:I,kubioHasFpsScrollPreview:E,isFrontPage:T}=(0,Um.useSelect)((e=>{var t,n,o,r;const i=null===(t=e("core"))||void 0===t?void 0:t.getCurrentTheme(),a=null===(n=e(lb.store))||void 0===n?void 0:n.getSettings();return{stylesheet:null==i?void 0:i.stylesheet,template:null==i?void 0:i.template,themeName:null==i?void 0:i.name,themeUri:null==a?void 0:a.themeUri,kubioThemeAssetsUrlBase:null==a?void 0:a.kubioThemeAssetsUrlBase,kubioHasFpsScrollPreview:null==a?void 0:a.kubioHasFpsScrollPreview,isKubioTheme:null==a?void 0:a.isKubioTheme,isFrontPage:(null===(o=e(s.STORE_KEY))||void 0===o||null===(r=o.getIsFrontPage)||void 0===r?void 0:r.call(o))||!1}}));if((0,tb.useEffectAsync)((async e=>{if(e()){const t=(0,db.addQueryArgs)(`https://themes.kubiobuilder.com/${k}__${S}__only-front.data`,{json:"true"}),n=await window.fetch(t).then((e=>e.json()));if(v().get(n,["pages","front-page"])){const t=null==n?void 0:n.pages["front-page"].replaceAll("{{{kubio_asset_base_url}}}",I),o=(0,sb.parse)(t);e()&&l(o)}}}),[I]),(0,p.useEffect)((()=>{!0===f&&x(_,a)}),[f]),(0,p.useEffect)((()=>{0===(null==b?void 0:b.length)&&f&&m(!1)}),[null==b?void 0:b.length]),c||!j||!T||(null==b?void 0:b.length)>0||null===a)return(0,w.jsx)(e,{...t});const O=()=>{u(!0)},P=E?`${R}/resources/images/front-page-preview.jpg`:`${R}/screenshot.jpg`,M=g()("kubio-front-page-preview-image-scroller",{"is-animated":E}),A=g()("components-button btn-primary is-primary",{"is-busy":f}),N=(0,w.jsxs)("div",{className:"kubio-front-page-suggestions",children:[(0,w.jsxs)("div",{className:"content-holder",children:[(0,w.jsxs)("div",{className:"front-page-preview",children:[(0,w.jsxs)("div",{className:"kubio-front-page-preview-browser-bar",children:[(0,w.jsx)("div",{className:"kubio-front-page-preview-browser-dot"}),(0,w.jsx)("div",{className:"kubio-front-page-preview-browser-dot"}),(0,w.jsx)("div",{className:"kubio-front-page-preview-browser-dot"})]}),(0,w.jsx)("div",{className:M,children:(0,w.jsx)("img",{src:P,alt:(0,h.__)("Theme preview.","kubio")})})]}),(0,w.jsxs)("div",{className:"messages-area",children:[(0,w.jsx)("h3",{className:"title",children:(0,h.__)("Hey, it seems that you lack some content on this page.","kubio")}),(0,w.jsx)("p",{className:"content",children:(0,h.sprintf)(// translators: %s is for the Theme's name.
// translators: %s is for the Theme's name.
(0,h.__)("Would you like some help with that? The %s homepage has beautiful ready-made content sections that you can start customizing right away.","kubio"),null==C?void 0:C.raw)}),(0,w.jsxs)("div",{className:"action-buttons",children:[(0,w.jsx)(d.Button,{onClick:()=>m(!0),disabled:f,className:A,children:(0,h.sprintf)(// translators: %$1s is for the Theme's name.
// translators: %$1s is for the Theme's name.
(0,h.__)("Yes, import %1$s homepage","kubio"),null==C?void 0:C.raw)}),(0,w.jsx)(d.Button,{isLink:!0,variant:"link",onClick:O,className:"button-link",children:(0,h.__)("No, thanks","kubio")})]})]})]}),(0,w.jsx)("span",{className:"kubio-front-page-suggestions-close-button",onClick:O,children:"×"})]});return(0,w.jsx)(e,{...t,frontPageSuggestions:N})})),x.pure)((e=>{const{clientId:t,frontPageSuggestions:n,replaceBlockInsteadInsert:o}=e,r=((e=(0,h.__)("Section","kubio"),t=!1)=>{const{insertBlock:n,replaceInnerBlocks:o}=(0,Um.useDispatch)("core/block-editor"),{getBlockOrder:r,getClientIdsWithDescendants:i,getBlock:a}=(0,Um.useSelect)((e=>({getBlockOrder:e("core/block-editor").getBlockOrder,getClientIdsWithDescendants:e("core/block-editor").getClientIdsWithDescendants,getBlock:e("core/block-editor").getBlock})));return(l,s,c=[])=>{const{anchor:u,name:d}=(e=>{const t=i().map((e=>{var t,n;return null===(t=a(e))||void 0===t||null===(n=t.attributes)||void 0===n?void 0:n.anchor})).filter(Boolean),n=(0,b.slugify)(e);let o=0,r="";for(;-1!==t.indexOf(`${n}${r}`);)o++,r=`-${o}`;return{name:o?`${e} ${o}`:e,anchor:`${n}${r}`}})(e),p=(0,y.createBlockWithDataHelper)("kubio/row",(e=>{e.setProp("layout",{itemsPerRow:s.length,custom:s,equalHeight:!0,equalWidth:!1})}));p.innerBlocks=[];for(const e of s){const t=(0,y.createBlockWithDataHelper)("kubio/column",(t=>{t.setLocalStyle("columnWidth",e,{styledComponent:"container"})}));t.innerBlocks=c[s.indexOf(e)]||[],p.innerBlocks.push(t)}const h=(0,sb.createBlock)("kubio/section",{anchor:u,attrs:{name:d}});h.innerBlocks=[p],t?o(l,[p],!0):n(h,r(l).length,l,!0)}})((0,h.__)("Section","kubio"),o),i=function(){const{insertBlock:e}=(0,Um.useDispatch)("core/block-editor"),{getBlockOrder:t}=(0,Um.useSelect)("core/block-editor");return(n,o)=>{e(n,t(o).length,o,!0)}}(),a=(0,p.useCallback)((e=>{var n,o,a;e.preventDefault();const l=null===(n=window)||void 0===n||null===(o=n.kubioDraggingData)||void 0===o?void 0:o.blocks,s="inserter"===(null===(a=window.kubioDraggingData)||void 0===a?void 0:a.type);let c=[yb(100)];if(l&&s){if("kubio/query-layout"===l[0].name)return i(l[0],t),void(window.kubioDraggingData=null);if(1===l.length&&"kubio/row"===l[0].name||"kubio/section"===l[0].name)return c=[yb(50),yb(50)],void r(t,c);r(t,c,[l]),window.kubioDraggingData=null}}),[t,r,i]),l=(0,x.__experimentalUseDropZone)({onDrop:a});return(0,w.jsxs)("div",{id:"section-insert",ref:l,children:[n,(0,w.jsx)("div",{className:"insert-options-container",children:(0,w.jsx)(_b,{...e,insertLayout:r})})]})}));var kb=n(2796),Sb=n.n(kb);function Cb(e,t,n,o,r=0){const{width:i,height:a}=Mb(t.width,t.height,r);return{x:jb(e.x,i,n.width,o),y:jb(e.y,a,n.height,o)}}function jb(e,t,n,o){const r=t*o/2-n/2;return Math.min(r,Math.max(e,-r))}function Rb(e,t){return Math.sqrt(Math.pow(e.y-t.y,2)+Math.pow(e.x-t.x,2))}function Ib(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI}function Eb(e,t){return Math.min(e,Math.max(0,t))}function Tb(e,t){return t}function Ob(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function Pb(e,t,n,o,r){const i=Math.cos,a=Math.sin,l=r*Math.PI/180;return[(e-n)*i(l)-(t-o)*a(l)+n,(e-n)*a(l)+(t-o)*i(l)+o]}function Mb(e,t,n){const o=e/2,r=t/2,i=[Pb(0,0,o,r,n),Pb(e,0,o,r,n),Pb(e,t,o,r,n),Pb(0,t,o,r,n)],a=Math.min(...i.map((e=>e[0]))),l=Math.max(...i.map((e=>e[0]))),s=Math.min(...i.map((e=>e[1])));return{width:l-a,height:Math.max(...i.map((e=>e[1])))-s}}function Ab(...e){return e.filter((e=>"string"==typeof e&&e.length>0)).join(" ").trim()}class Nb extends p.Component{constructor(...e){super(...e),Uh(this,"imageRef",null),Uh(this,"videoRef",null),Uh(this,"containerRef",null),Uh(this,"styleRef",null),Uh(this,"containerRect",null),Uh(this,"mediaSize",{width:0,height:0,naturalWidth:0,naturalHeight:0}),Uh(this,"dragStartPosition",{x:0,y:0}),Uh(this,"dragStartCrop",{x:0,y:0}),Uh(this,"lastPinchDistance",0),Uh(this,"lastPinchRotation",0),Uh(this,"rafDragTimeout",null),Uh(this,"rafPinchTimeout",null),Uh(this,"wheelTimer",null),Uh(this,"state",{cropSize:null,hasWheelJustStarted:!1}),Uh(this,"preventZoomSafari",(e=>e.preventDefault())),Uh(this,"cleanEvents",(()=>{this.props.ownerDocument.removeEventListener("mousemove",this.onMouseMove),this.props.ownerDocument.removeEventListener("mouseup",this.onDragStopped),this.props.ownerDocument.removeEventListener("touchmove",this.onTouchMove),this.props.ownerDocument.removeEventListener("touchend",this.onDragStopped)})),Uh(this,"clearScrollEvent",(()=>{this.containerRef&&this.containerRef.removeEventListener("wheel",this.onWheel),this.wheelTimer&&clearTimeout(this.wheelTimer)})),Uh(this,"onMediaLoad",(()=>{this.computeSizes(),this.emitCropData(),this.setInitialCrop(),this.props.onMediaLoaded&&this.props.onMediaLoaded(this.mediaSize)})),Uh(this,"setInitialCrop",(()=>{const{initialCroppedAreaPixels:e,cropSize:t}=this.props;if(!e)return;const{crop:n,zoom:o}=function(e,t,n){const o=t.width/t.naturalWidth,r=function(e,t,n){const o=t.width/t.naturalWidth;if(n)return n.height>n.width?n.height/o/e.height:n.width/o/e.width;const r=e.width/e.height;return t.naturalWidth>=t.naturalHeight*r?t.naturalHeight/e.height:t.naturalWidth/e.width}(e,t,n),i=o*r;return{crop:{x:((t.naturalWidth-e.width)/2-e.x)*i,y:((t.naturalHeight-e.height)/2-e.y)*i},zoom:r}}(e,this.mediaSize,t);this.props.onCropChange(n),this.props.onZoomChange&&this.props.onZoomChange(o)})),Uh(this,"computeSizes",(()=>{const e=this.imageRef||this.videoRef;if(e&&this.containerRef){var t,n,o,r,i,a;this.containerRect=this.containerRef.getBoundingClientRect(),this.mediaSize={width:e.offsetWidth,height:e.offsetHeight,naturalWidth:(null===(t=this.imageRef)||void 0===t?void 0:t.naturalWidth)||(null===(n=this.videoRef)||void 0===n?void 0:n.videoWidth)||0,naturalHeight:(null===(o=this.imageRef)||void 0===o?void 0:o.naturalHeight)||(null===(r=this.videoRef)||void 0===r?void 0:r.videoHeight)||0};const l=this.props.cropSize?this.props.cropSize:function(e,t,n,o,r,i=0){const{width:a,height:l}=Mb(e,t,i),s=Math.min(a,n),c=Math.min(l,o);return s>c*r?{width:c*r,height:c}:{width:s,height:s/r}}(e.offsetWidth,e.offsetHeight,this.containerRect.width,this.containerRect.height,this.props.aspect,this.props.rotation);(null===(i=this.state.cropSize)||void 0===i?void 0:i.height)===l.height&&(null===(a=this.state.cropSize)||void 0===a?void 0:a.width)===l.width||this.props.onCropSizeChange&&this.props.onCropSizeChange(l),this.setState({cropSize:l},this.recomputeCropPosition)}})),Uh(this,"onMouseDown",(e=>{e.preventDefault(),this.props.ownerDocument.addEventListener("mousemove",this.onMouseMove),this.props.ownerDocument.addEventListener("mouseup",this.onDragStopped),this.onDragStart(Nb.getMousePoint(e))})),Uh(this,"onMouseMove",(e=>this.onDrag(Nb.getMousePoint(e)))),Uh(this,"onTouchStart",(e=>{e.preventDefault(),this.props.ownerDocument.addEventListener("touchmove",this.onTouchMove,{passive:!1}),this.props.ownerDocument.addEventListener("touchend",this.onDragStopped),2===e.touches.length?this.onPinchStart(e):1===e.touches.length&&this.onDragStart(Nb.getTouchPoint(e.touches[0]))})),Uh(this,"onTouchMove",(e=>{e.preventDefault(),2===e.touches.length?this.onPinchMove(e):1===e.touches.length&&this.onDrag(Nb.getTouchPoint(e.touches[0]))})),Uh(this,"onDragStart",(({x:e,y:t})=>{var n,o;this.dragStartPosition={x:e,y:t},this.dragStartCrop={...this.props.crop},null===(n=(o=this.props).onInteractionStart)||void 0===n||n.call(o)})),Uh(this,"onDrag",(({x:e,y:t})=>{this.rafDragTimeout&&window.cancelAnimationFrame(this.rafDragTimeout),this.rafDragTimeout=window.requestAnimationFrame((()=>{if(!this.state.cropSize)return;if(void 0===e||void 0===t)return;const n=e-this.dragStartPosition.x,o=t-this.dragStartPosition.y,r={x:this.dragStartCrop.x+n,y:this.dragStartCrop.y+o},i=this.props.restrictPosition?Cb(r,this.mediaSize,this.state.cropSize,this.props.zoom,this.props.rotation):r;this.props.onCropChange(i)}))})),Uh(this,"onDragStopped",(()=>{var e,t;this.cleanEvents(),this.emitCropData(),null===(e=(t=this.props).onInteractionEnd)||void 0===e||e.call(t)})),Uh(this,"onWheel",(e=>{e.preventDefault();const t=Nb.getMousePoint(e),{pixelY:n}=Sb()(e),o=this.props.zoom-n*this.props.zoomSpeed/200;this.setNewZoom(o,t),this.state.hasWheelJustStarted||this.setState({hasWheelJustStarted:!0},(()=>{var e,t;return null===(e=(t=this.props).onInteractionStart)||void 0===e?void 0:e.call(t)})),this.wheelTimer&&clearTimeout(this.wheelTimer),this.wheelTimer=window.setTimeout((()=>this.setState({hasWheelJustStarted:!1},(()=>{var e,t;return null===(e=(t=this.props).onInteractionEnd)||void 0===e?void 0:e.call(t)}))),250)})),Uh(this,"getPointOnContainer",(({x:e,y:t})=>{if(!this.containerRect)throw new Error("The Cropper is not mounted");return{x:this.containerRect.width/2-(e-this.containerRect.left),y:this.containerRect.height/2-(t-this.containerRect.top)}})),Uh(this,"getPointOnMedia",(({x:e,y:t})=>{const{crop:n,zoom:o}=this.props;return{x:(e+n.x)/o,y:(t+n.y)/o}})),Uh(this,"setNewZoom",((e,t)=>{if(!this.state.cropSize||!this.props.onZoomChange)return;const n=this.getPointOnContainer(t),o=this.getPointOnMedia(n),r=Math.min(this.props.maxZoom,Math.max(e,this.props.minZoom)),i={x:o.x*r-n.x,y:o.y*r-n.y},a=this.props.restrictPosition?Cb(i,this.mediaSize,this.state.cropSize,r,this.props.rotation):i;this.props.onCropChange(a),this.props.onZoomChange(r)})),Uh(this,"getCropData",(()=>this.state.cropSize?function(e,t,n,o,r,i=0,a=!0){const l=a&&0===i?Eb:Tb,s={x:l(100,((t.width-n.width/r)/2-e.x/r)/t.width*100),y:l(100,((t.height-n.height/r)/2-e.y/r)/t.height*100),width:l(100,n.width/t.width*100/r),height:l(100,n.height/t.height*100/r)},c=Math.round(l(t.naturalWidth,s.width*t.naturalWidth/100)),u=Math.round(l(t.naturalHeight,s.height*t.naturalHeight/100)),d=t.naturalWidth>=t.naturalHeight*o?{width:Math.round(u*o),height:u}:{width:c,height:Math.round(c/o)};return{croppedAreaPercentages:s,croppedAreaPixels:{...d,x:Math.round(l(t.naturalWidth-d.width,s.x*t.naturalWidth/100)),y:Math.round(l(t.naturalHeight-d.height,s.y*t.naturalHeight/100))}}}(this.props.restrictPosition?Cb(this.props.crop,this.mediaSize,this.state.cropSize,this.props.zoom,this.props.rotation):this.props.crop,this.mediaSize,this.state.cropSize,this.getAspect(),this.props.zoom,this.props.rotation,this.props.restrictPosition):null)),Uh(this,"emitCropData",(()=>{const e=this.getCropData();if(!e)return;const{croppedAreaPercentages:t,croppedAreaPixels:n}=e;this.props.onCropComplete&&this.props.onCropComplete(t,n),this.props.onCropAreaChange&&this.props.onCropAreaChange(t,n)})),Uh(this,"emitCropAreaChange",(()=>{const e=this.getCropData();if(!e)return;const{croppedAreaPercentages:t,croppedAreaPixels:n}=e;this.props.onCropAreaChange&&this.props.onCropAreaChange(t,n)})),Uh(this,"recomputeCropPosition",(()=>{if(!this.state.cropSize)return;const e=this.props.restrictPosition?Cb(this.props.crop,this.mediaSize,this.state.cropSize,this.props.zoom,this.props.rotation):this.props.crop;this.props.onCropChange(e),this.emitCropData()}))}componentDidMount(){window.addEventListener("resize",this.computeSizes),this.containerRef&&(this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.preventZoomSafari),this.containerRef.addEventListener("gesturechange",this.preventZoomSafari)),this.imageRef&&this.imageRef.complete&&this.onMediaLoad()}componentWillUnmount(){var e;window.removeEventListener("resize",this.computeSizes),this.containerRef&&(this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.containerRef.removeEventListener("gesturechange",this.preventZoomSafari)),this.styleRef&&(null===(e=this.styleRef.parentNode)||void 0===e||e.removeChild(this.styleRef)),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent()}componentDidUpdate(e){var t,n,o,r,i,a,l,s,c;e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():(null===(t=e.cropSize)||void 0===t?void 0:t.height)!==(null===(n=this.props.cropSize)||void 0===n?void 0:n.height)||(null===(o=e.cropSize)||void 0===o?void 0:o.width)!==(null===(r=this.props.cropSize)||void 0===r?void 0:r.width)?this.computeSizes():(null===(i=e.crop)||void 0===i?void 0:i.x)===(null===(a=this.props.crop)||void 0===a?void 0:a.x)&&(null===(l=e.crop)||void 0===l?void 0:l.y)===(null===(s=this.props.crop)||void 0===s?void 0:s.y)||this.emitCropAreaChange(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent()),e.video!==this.props.video&&(null===(c=this.videoRef)||void 0===c||c.load())}getAspect(){const{cropSize:e,aspect:t}=this.props;return e?e.width/e.height:t}onPinchStart(e){const t=Nb.getTouchPoint(e.touches[0]),n=Nb.getTouchPoint(e.touches[1]);this.lastPinchDistance=Rb(t,n),this.lastPinchRotation=Ib(t,n),this.onDragStart(Ob(t,n))}onPinchMove(e){const t=Nb.getTouchPoint(e.touches[0]),n=Nb.getTouchPoint(e.touches[1]),o=Ob(t,n);this.onDrag(o),this.rafPinchTimeout&&window.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=window.requestAnimationFrame((()=>{const e=Rb(t,n),r=this.props.zoom*(e/this.lastPinchDistance);this.setNewZoom(r,o),this.lastPinchDistance=e;const i=Ib(t,n),a=this.props.rotation+(i-this.lastPinchRotation);this.props.onRotationChange&&this.props.onRotationChange(a),this.lastPinchRotation=i}))}render(){const{image:e,video:t,mediaProps:n,transform:o,crop:{x:r,y:i},rotation:a,zoom:l,cropShape:s,showGrid:c,style:{containerStyle:u,cropAreaStyle:d,mediaStyle:p},classes:{containerClassName:h,cropAreaClassName:f,mediaClassName:g},objectFit:m}=this.props;return(0,w.jsxs)("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:e=>this.containerRef=e,"data-testid":"container",style:u,className:Ab("reactEasyCrop_Container",h),children:[e?(0,w.jsx)("img",{alt:"",className:Ab("reactEasyCrop_Image","contain"===m&&"reactEasyCrop_Contain","horizontal-cover"===m&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===m&&"reactEasyCrop_Cover_Vertical",g),...n,src:e,ref:e=>this.imageRef=e,style:{...p,transform:o||`translate(${r}px, ${i}px) rotate(${a}deg) scale(${l})`},onLoad:this.onMediaLoad}):t&&(0,w.jsx)("video",{autoPlay:!0,loop:!0,muted:!0,className:Ab("reactEasyCrop_Video","contain"===m&&"reactEasyCrop_Contain","horizontal-cover"===m&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===m&&"reactEasyCrop_Cover_Vertical",g),...n,ref:e=>this.videoRef=e,onLoadedMetadata:this.onMediaLoad,style:{...p,transform:o||`translate(${r}px, ${i}px) rotate(${a}deg) scale(${l})`},controls:!1,children:(Array.isArray(t)?t:[{src:t}]).map((e=>(0,w.jsx)("source",{...e},e.src)))}),this.state.cropSize&&(0,w.jsx)("div",{style:{...d,width:this.state.cropSize.width,height:this.state.cropSize.height},"data-testid":"cropper",className:Ab("reactEasyCrop_CropArea","round"===s&&"reactEasyCrop_CropAreaRound",c&&"reactEasyCrop_CropAreaGrid",f)})]})}}Uh(Nb,"defaultProps",{zoom:1,rotation:0,aspect:4/3,maxZoom:3,minZoom:1,cropShape:"rect",objectFit:"contain",showGrid:!0,style:{},classes:{},mediaProps:{},zoomSpeed:1,restrictPosition:!0,zoomWithScroll:!0,ownerDocument:document}),Uh(Nb,"getMousePoint",(e=>({x:Number(e.clientX),y:Number(e.clientY)}))),Uh(Nb,"getTouchPoint",(e=>({x:Number(e.clientX),y:Number(e.clientY)})));const Lb=Nb,zb=(0,w.jsx)(Iu.SVG,{width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})});function Db(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Fb(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function Bb(e,t,n){return t&&Fb(e.prototype,t),n&&Fb(e,n),e}function Hb(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Wb(){return Wb=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Wb.apply(this,arguments)}function Gb(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function Vb(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&$b(e,t)}function Ub(e){return Ub=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Ub(e)}function $b(e,t){return $b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},$b(e,t)}function Xb(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function Yb(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Kb(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=Ub(e);if(t){var r=Ub(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return function(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?Yb(e):t}(this,n)}}function Zb(e,t){if(e){if("string"==typeof e)return qb(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?qb(e,t):void 0}}function qb(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var Qb=function e(t){var n=this,o=t.expanded,r=void 0===o?[]:o,i=t.allowMultipleExpanded,a=void 0!==i&&i,l=t.allowZeroExpanded,s=void 0!==l&&l;Db(this,e),Hb(this,"expanded",void 0),Hb(this,"allowMultipleExpanded",void 0),Hb(this,"allowZeroExpanded",void 0),Hb(this,"toggleExpanded",(function(e){return n.isItemDisabled(e)?n:n.isItemExpanded(e)?n.augment({expanded:n.expanded.filter((function(t){return t!==e}))}):n.augment({expanded:n.allowMultipleExpanded?[].concat((t=n.expanded,function(e){if(Array.isArray(e))return qb(e)}(t)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(t)||Zb(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),[e]):[e]});var t})),Hb(this,"isItemDisabled",(function(e){var t=n.isItemExpanded(e),o=1===n.expanded.length;return Boolean(t&&!n.allowZeroExpanded&&o)})),Hb(this,"isItemExpanded",(function(e){return-1!==n.expanded.indexOf(e)})),Hb(this,"getPanelAttributes",(function(e,t){var o=null!=t?t:n.isItemExpanded(e);return{role:n.allowMultipleExpanded?void 0:"region","aria-hidden":n.allowMultipleExpanded?!o:void 0,"aria-labelledby":n.getButtonId(e),id:n.getPanelId(e),hidden:!o||void 0}})),Hb(this,"getHeadingAttributes",(function(){return{role:"heading"}})),Hb(this,"getButtonAttributes",(function(e,t){var o=null!=t?t:n.isItemExpanded(e),r=n.isItemDisabled(e);return{id:n.getButtonId(e),"aria-disabled":r,"aria-expanded":o,"aria-controls":n.getPanelId(e),role:"button",tabIndex:0}})),Hb(this,"getPanelId",(function(e){return"accordion__panel-".concat(e)})),Hb(this,"getButtonId",(function(e){return"accordion__heading-".concat(e)})),Hb(this,"augment",(function(t){return new e(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Gb(Object(n),!0).forEach((function(t){Hb(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Gb(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({expanded:n.expanded,allowMultipleExpanded:n.allowMultipleExpanded,allowZeroExpanded:n.allowZeroExpanded},t))})),this.expanded=r,this.allowMultipleExpanded=a,this.allowZeroExpanded=s},Jb=(0,j.createContext)(null),ex=function(e){Vb(n,e);var t=Kb(n);function n(){var e;Db(this,n);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return Hb(Yb(e=t.call.apply(t,[this].concat(r))),"state",new Qb({expanded:e.props.preExpanded,allowMultipleExpanded:e.props.allowMultipleExpanded,allowZeroExpanded:e.props.allowZeroExpanded})),Hb(Yb(e),"toggleExpanded",(function(t){e.setState((function(e){return e.toggleExpanded(t)}),(function(){e.props.onChange&&e.props.onChange(e.state.expanded)}))})),Hb(Yb(e),"isItemDisabled",(function(t){return e.state.isItemDisabled(t)})),Hb(Yb(e),"isItemExpanded",(function(t){return e.state.isItemExpanded(t)})),Hb(Yb(e),"getPanelAttributes",(function(t,n){return e.state.getPanelAttributes(t,n)})),Hb(Yb(e),"getHeadingAttributes",(function(){return e.state.getHeadingAttributes()})),Hb(Yb(e),"getButtonAttributes",(function(t,n){return e.state.getButtonAttributes(t,n)})),e}return Bb(n,[{key:"render",value:function(){var e=this.state,t=e.allowZeroExpanded,n=e.allowMultipleExpanded;return(0,j.createElement)(Jb.Provider,{value:{allowMultipleExpanded:n,allowZeroExpanded:t,toggleExpanded:this.toggleExpanded,isItemDisabled:this.isItemDisabled,isItemExpanded:this.isItemExpanded,getPanelAttributes:this.getPanelAttributes,getHeadingAttributes:this.getHeadingAttributes,getButtonAttributes:this.getButtonAttributes}},this.props.children||null)}}]),n}(j.PureComponent);Hb(ex,"defaultProps",{allowMultipleExpanded:!1,allowZeroExpanded:!1});var tx,nx=function(e){Vb(n,e);var t=Kb(n);function n(){var e;Db(this,n);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return Hb(Yb(e=t.call.apply(t,[this].concat(r))),"renderChildren",(function(t){return t?e.props.children(t):null})),e}return Bb(n,[{key:"render",value:function(){return(0,j.createElement)(Jb.Consumer,null,this.renderChildren)}}]),n}(j.PureComponent),ox=function(e){var t=e.className,n=void 0===t?"accordion":t,o=e.allowMultipleExpanded,r=e.allowZeroExpanded,i=e.onChange,a=e.preExpanded,l=Xb(e,["className","allowMultipleExpanded","allowZeroExpanded","onChange","preExpanded"]);return(0,j.createElement)(ex,{preExpanded:a,allowMultipleExpanded:o,allowZeroExpanded:r,onChange:i},(0,j.createElement)("div",Wb({"data-accordion-component":"Accordion",className:n},l)))};!function(e){e.Accordion="Accordion",e.AccordionItem="AccordionItem",e.AccordionItemButton="AccordionItemButton",e.AccordionItemHeading="AccordionItemHeading",e.AccordionItemPanel="AccordionItemPanel"}(tx||(tx={}));var rx=tx,ix=0,ax=/[\u0009\u000a\u000c\u000d\u0020]/g;function lx(e){return""!==e&&!ax.test(e)||(console.error('uuid must be a valid HTML5 id but was given "'.concat(e,'", ASCII whitespaces are forbidden')),!1)}var sx=(0,j.createContext)(null),cx=function(e){var t=e.children,n=e.uuid,o=e.accordionContext,r=e.dangerouslySetExpanded,i=function(){o.toggleExpanded(n)},a=function(e){var o=null!=r?r:e.isItemExpanded(n),a=e.isItemDisabled(n),l=e.getPanelAttributes(n,r),s=e.getHeadingAttributes(n),c=e.getButtonAttributes(n,r);return(0,j.createElement)(sx.Provider,{value:{uuid:n,expanded:o,disabled:a,toggleExpanded:i,panelAttributes:l,headingAttributes:s,buttonAttributes:c}},t)};return(0,j.createElement)(nx,null,a)},ux=function(e){return(0,j.createElement)(nx,null,(function(t){return(0,j.createElement)(cx,Wb({},e,{accordionContext:t}))}))},dx=function(e){var t=e.children,n=function(e){return e?t(e):null};return(0,j.createElement)(sx.Consumer,null,n)},px=function(e){var t,n,o,r=e.uuid,i=e.dangerouslySetExpanded,a=e.className,l=void 0===a?"accordion__item":a,s=e.activeClassName,c=Xb(e,["uuid","dangerouslySetExpanded","className","activeClassName"]),u=(n=(0,j.useState)((t=ix,ix+=1,"raa-".concat(t))),o=1,function(e){if(Array.isArray(e))return e}(n)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],_n=!0,o=!1,r=void 0;try{for(var i,a=e[Symbol.iterator]();!(_n=(i=a.next()).done)&&(n.push(i.value),!t||n.length!==t);_n=!0);}catch(e){o=!0,r=e}finally{try{_n||null==a.return||a.return()}finally{if(o)throw r}}return n}}(n,o)||Zb(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],d=null!=r?r:u,p=function(e){var t=e.expanded&&s?s:l;return(0,j.createElement)("div",Wb({"data-accordion-component":"AccordionItem",className:t},c))};return lx(d.toString()),c.id&&lx(c.id),(0,j.createElement)(ux,{uuid:d,dangerouslySetExpanded:i},(0,j.createElement)(dx,null,p))};function hx(e){return e&&(e.matches('[data-accordion-component="Accordion"]')?e:hx(e.parentElement))}function fx(e){var t=hx(e);return t&&Array.from(t.querySelectorAll('[data-accordion-component="AccordionItemButton"]'))}px.displayName=rx.AccordionItem;var gx=function(e){var t=e.toggleExpanded,n=e.className,o=void 0===n?"accordion__button":n,r=Xb(e,["toggleExpanded","className"]);return r.id&&lx(r.id),(0,j.createElement)("div",Wb({className:o},r,{role:"button",tabIndex:0,onClick:t,onKeyDown:function(e){var n,o=e.key;if("Enter"!==o&&" "!==o&&"Spacebar"!==o||(e.preventDefault(),t()),e.target instanceof HTMLElement)switch(o){case"Home":e.preventDefault(),(n=(fx(e.target)||[])[0])&&n.focus();break;case"End":e.preventDefault(),function(e){var t=fx(e)||[],n=t[t.length-1];n&&n.focus()}(e.target);break;case"ArrowLeft":case"ArrowUp":e.preventDefault(),function(e){var t=fx(e)||[],n=t.indexOf(e);if(-1!==n){var o=t[n-1];o&&o.focus()}}(e.target);break;case"ArrowRight":case"ArrowDown":e.preventDefault(),function(e){var t=fx(e)||[],n=t.indexOf(e);if(-1!==n){var o=t[n+1];o&&o.focus()}}(e.target)}},"data-accordion-component":"AccordionItemButton"}))},mx=function(e){return(0,j.createElement)(dx,null,(function(t){var n=t.toggleExpanded,o=t.buttonAttributes;return(0,j.createElement)(gx,Wb({toggleExpanded:n},e,o))}))},vx=function(e){Vb(n,e);var t=Kb(n);function n(){var e;Db(this,n);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return Hb(Yb(e=t.call.apply(t,[this].concat(r))),"ref",void 0),Hb(Yb(e),"setRef",(function(t){e.ref=t})),e}return Bb(n,[{key:"componentDidUpdate",value:function(){n.VALIDATE(this.ref)}},{key:"componentDidMount",value:function(){n.VALIDATE(this.ref)}},{key:"render",value:function(){return(0,j.createElement)("div",Wb({"data-accordion-component":"AccordionItemHeading"},this.props,{ref:this.setRef}))}}],[{key:"VALIDATE",value:function(e){if(void 0===e)throw new Error("ref is undefined");if(1!==e.childElementCount||!e.firstElementChild||"AccordionItemButton"!==e.firstElementChild.getAttribute("data-accordion-component"))throw new Error("AccordionItemButton may contain only one child element, which must be an instance of AccordionItemButton.\n\nFrom the WAI-ARIA spec (https://www.w3.org/TR/wai-aria-practices-1.1/#accordion):\n\n“The button element is the only element inside the heading element. That is, if there are other visually persistent elements, they are not included inside the heading element.”\n\n")}}]),n}(j.PureComponent);Hb(vx,"defaultProps",{className:"accordion__heading","aria-level":3});var bx=function(e){return(0,j.createElement)(dx,null,(function(t){var n=t.headingAttributes;return e.id&&lx(e.id),(0,j.createElement)(vx,Wb({},e,n))}))};bx.displayName=rx.AccordionItemHeading;var xx=function(e){var t=e.className,n=void 0===t?"accordion__panel":t,o=e.id,r=Xb(e,["className","id"]),i=function(e){var t=e.panelAttributes;return o&&lx(o),(0,j.createElement)("div",Wb({"data-accordion-component":"AccordionItemPanel",className:n},r,t))};return(0,j.createElement)(dx,null,i)};function yx(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&o.push.apply(o,Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach((function(t){Uh(e,t,n[t])}))}return e}var wx=n(1143),kx=n.n(wx),Sx=function(){function e(){Nh(this,e),Uh(this,"refs",{})}return Fh(e,[{key:"add",value:function(e,t){this.refs[e]||(this.refs[e]=[]),this.refs[e].push(t)}},{key:"remove",value:function(e,t){var n=this.getIndex(e,t);-1!==n&&this.refs[e].splice(n,1)}},{key:"isActive",value:function(){return this.active}},{key:"getActive",value:function(){var e=this;return this.refs[this.active.collection].find((function(t){return t.node.sortableInfo.index==e.active.index}))}},{key:"getIndex",value:function(e,t){return this.refs[e].indexOf(t)}},{key:"getOrderedRefs",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.active.collection;return this.refs[e].sort(Cx)}}]),e}();function Cx(e,t){return e.node.sortableInfo.index-t.node.sortableInfo.index}function jx(e,t){return Object.keys(e).reduce((function(n,o){return-1===t.indexOf(o)&&(n[o]=e[o]),n}),{})}var Rx={end:["touchend","touchcancel","mouseup"],move:["touchmove","mousemove"],start:["touchstart","mousedown"]},Ix=function(){if("undefined"==typeof window||"undefined"==typeof document)return"";var e=window.getComputedStyle(document.documentElement,"")||["-moz-hidden-iframe"],t=(Array.prototype.slice.call(e).join("").match(/-(moz|webkit|ms)-/)||""===e.OLink&&["","o"])[1];return"ms"===t?"ms":t&&t.length?t[0].toUpperCase()+t.substr(1):""}();function Ex(e,t){Object.keys(t).forEach((function(n){e.style[n]=t[n]}))}function Tx(e,t){e.style["".concat(Ix,"Transform")]=null==t?"":"translate3d(".concat(t.x,"px,").concat(t.y,"px,0)")}function Ox(e,t){e.style["".concat(Ix,"TransitionDuration")]=null==t?"":"".concat(t,"ms")}function Px(e,t){for(;e;){if(t(e))return e;e=e.parentNode}return null}function Mx(e,t,n){return Math.max(e,Math.min(n,t))}function Ax(e){return"px"===e.substr(-2)?parseFloat(e):0}function Nx(e,t){var n=t.displayName||t.name;return n?"".concat(e,"(").concat(n,")"):e}function Lx(e,t){var n=e.getBoundingClientRect();return{top:n.top+t.top,left:n.left+t.left}}function zx(e){return e.touches&&e.touches.length?{x:e.touches[0].pageX,y:e.touches[0].pageY}:e.changedTouches&&e.changedTouches.length?{x:e.changedTouches[0].pageX,y:e.changedTouches[0].pageY}:{x:e.pageX,y:e.pageY}}function Dx(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{left:0,top:0};if(e){var o={left:n.left+e.offsetLeft,top:n.top+e.offsetTop};return e.parentNode===t?o:Dx(e.parentNode,t,o)}}function Fx(e){var t=e.lockOffset,n=e.width,o=e.height,r=t,i=t,a="px";if("string"==typeof t){var l=/^[+-]?\d*(?:\.\d*)?(px|%)$/.exec(t);kx()(null!==l,'lockOffset value should be a number or a string of a number followed by "px" or "%". Given %s',t),r=parseFloat(t),i=parseFloat(t),a=l[1]}return kx()(isFinite(r)&&isFinite(i),"lockOffset value should be a finite. Given %s",t),"%"===a&&(r=r*n/100,i=i*o/100),{x:r,y:i}}function Bx(e){return e instanceof HTMLElement?function(e){var t=window.getComputedStyle(e),n=/(auto|scroll)/;return["overflow","overflowX","overflowY"].find((function(e){return n.test(t[e])}))}(e)?e:Bx(e.parentNode):null}var Hx={Anchor:"A",Button:"BUTTON",Canvas:"CANVAS",Input:"INPUT",Option:"OPTION",Textarea:"TEXTAREA",Select:"SELECT"};function Wx(e){return null!=e.sortableHandle}var Gx=function(){function e(t,n){Nh(this,e),this.container=t,this.onScrollCallback=n}return Fh(e,[{key:"clear",value:function(){null!=this.interval&&(clearInterval(this.interval),this.interval=null)}},{key:"update",value:function(e){var t=this,n=e.translate,o=e.minTranslate,r=e.maxTranslate,i=e.width,a=e.height,l={x:0,y:0},s={x:1,y:1},c=this.container,u=c.scrollTop,d=c.scrollLeft,p=c.scrollHeight,h=c.scrollWidth,f=0===u,g=p-u-c.clientHeight==0,m=0===d,v=h-d-c.clientWidth==0;n.y>=r.y-a/2&&!g?(l.y=1,s.y=10*Math.abs((r.y-a/2-n.y)/a)):n.x>=r.x-i/2&&!v?(l.x=1,s.x=10*Math.abs((r.x-i/2-n.x)/i)):n.y<=o.y+a/2&&!f?(l.y=-1,s.y=10*Math.abs((n.y-a/2-o.y)/a)):n.x<=o.x+i/2&&!m&&(l.x=-1,s.x=10*Math.abs((n.x-i/2-o.x)/i)),this.interval&&(this.clear(),this.isAutoScrolling=!1),0===l.x&&0===l.y||(this.interval=setInterval((function(){t.isAutoScrolling=!0;var e={left:s.x*l.x,top:s.y*l.y};t.container.scrollTop+=e.top,t.container.scrollLeft+=e.left,t.onScrollCallback(e)}),5))}}]),e}(),Vx={axis:K().oneOf(["x","y","xy"]),contentWindow:K().any,disableAutoscroll:K().bool,distance:K().number,getContainer:K().func,getHelperDimensions:K().func,helperClass:K().string,helperContainer:K().oneOfType([K().func,"undefined"==typeof HTMLElement?K().any:K().instanceOf(HTMLElement)]),hideSortableGhost:K().bool,keyboardSortingTransitionDuration:K().number,lockAxis:K().string,lockOffset:K().oneOfType([K().number,K().string,K().arrayOf(K().oneOfType([K().number,K().string]))]),lockToContainerEdges:K().bool,onSortEnd:K().func,onSortMove:K().func,onSortOver:K().func,onSortStart:K().func,pressDelay:K().number,pressThreshold:K().number,keyCodes:K().shape({lift:K().arrayOf(K().number),drop:K().arrayOf(K().number),cancel:K().arrayOf(K().number),up:K().arrayOf(K().number),down:K().arrayOf(K().number)}),shouldCancelStart:K().func,transitionDuration:K().number,updateBeforeSortStart:K().func,useDragHandle:K().bool,useWindowAsScrollContainer:K().bool},Ux={lift:[32],drop:[32],cancel:[27],up:[38,37],down:[40,39]},$x={axis:"y",disableAutoscroll:!1,distance:0,getHelperDimensions:function(e){var t=e.node;return{height:t.offsetHeight,width:t.offsetWidth}},hideSortableGhost:!0,lockOffset:"50%",lockToContainerEdges:!1,pressDelay:0,pressThreshold:5,keyCodes:Ux,shouldCancelStart:function(e){return-1!==[Hx.Input,Hx.Textarea,Hx.Select,Hx.Option,Hx.Button].indexOf(e.target.tagName)||!!Px(e.target,(function(e){return"true"===e.contentEditable}))},transitionDuration:300,useWindowAsScrollContainer:!1},Xx=Object.keys(Vx),Yx={index:K().number.isRequired,collection:K().oneOfType([K().number,K().string]),disabled:K().bool},Kx=Object.keys(Yx);const Zx=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{withRef:!1};return n=t=function(t){function n(){return Nh(this,n),Hh(this,Wh(n).apply(this,arguments))}return Vh(n,t),Fh(n,[{key:"componentDidMount",value:function(){(0,Mf.findDOMNode)(this).sortableHandle=!0}},{key:"getWrappedInstance",value:function(){return kx()(o.withRef,"To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableHandle() call"),this.refs.wrappedInstance}},{key:"render",value:function(){var t=o.withRef?"wrappedInstance":null;return(0,j.createElement)(e,el({ref:t},this.props))}}]),n}(j.Component),Uh(t,"displayName",Nx("sortableHandle",e)),n}((()=>(0,w.jsx)(Qs,{icon:zb,className:"draggable-item"}))),qx=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{withRef:!1};return n=t=function(t){function n(){return Nh(this,n),Hh(this,Wh(n).apply(this,arguments))}return Vh(n,t),Fh(n,[{key:"componentDidMount",value:function(){this.register()}},{key:"componentDidUpdate",value:function(e){this.node&&(e.index!==this.props.index&&(this.node.sortableInfo.index=this.props.index),e.disabled!==this.props.disabled&&(this.node.sortableInfo.disabled=this.props.disabled)),e.collection!==this.props.collection&&(this.unregister(e.collection),this.register())}},{key:"componentWillUnmount",value:function(){this.unregister()}},{key:"register",value:function(){var e=this.props,t=e.collection,n=e.disabled,o=e.index,r=(0,Mf.findDOMNode)(this);r.sortableInfo={collection:t,disabled:n,index:o,manager:this.context.manager},this.node=r,this.ref={node:r},this.context.manager.add(t,this.ref)}},{key:"unregister",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props.collection;this.context.manager.remove(e,this.ref)}},{key:"getWrappedInstance",value:function(){return kx()(o.withRef,"To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableElement() call"),this.refs.wrappedInstance}},{key:"render",value:function(){var t=o.withRef?"wrappedInstance":null;return(0,j.createElement)(e,el({ref:t},jx(this.props,Kx)))}}]),n}(j.Component),Uh(t,"displayName",Nx("sortableElement",e)),Uh(t,"contextTypes",{manager:K().object.isRequired}),Uh(t,"propTypes",Yx),Uh(t,"defaultProps",{collection:0}),n}((({item:e,itemIndex:t,nrItems:n,headingRenderer:o,contentRendered:r,accordionItemProps:i,accordionHeadinProps:a,accordionButtonProps:l,accordionContentProp:s={},onDelete:c,onDuplicate:h,onSelect:f,onToggleTarget:g,toggleTarget:v,allowDuplicate:b,allowDelete:x,activeItems:y,setActiveItems:_,allowMultipleExpanded:k,isSimpleAccordion:S,sortDisable:C,tooltip:j=!0})=>{const R=e=>{e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()},I=(0,p.useMemo)((()=>y.includes(e.id)),[y,e]),E=(0,p.useCallback)((()=>{y.includes(e.id)?_((0,m.difference)(y,[e.id])):_(k?[...y,e.id]:[e.id]),f(e)}),[_,e,f,y]);return(0,w.jsxs)(px,{uuid:e.id,className:(()=>{const t=["accordion__item"];return I&&!S&&t.push("accordion__item__is_opened"),e.isSelected&&t.push("is-selected"),e.forcehide&&t.push("h-force-hide"),t.join(" ")})(),...i,dangerouslySetExpanded:I,children:[(0,w.jsx)(bx,{...a,children:(0,w.jsx)(mx,{...l,children:(0,w.jsx)("div",{role:"button",tabIndex:-1,onClick:E,children:(0,w.jsxs)("div",{className:"kubio-sortable-accordion-title",children:[(0,w.jsxs)("div",{className:"kubio-sortable-accordion-info",children:[!C&&(0,w.jsx)(Zx,{}),!1!==e.icon&&(0,w.jsx)(eb,{className:"kubio-sortable-accordion-title__icon",name:e.icon}),j?(0,w.jsx)(d.Tooltip,{text:o(e),children:(0,w.jsx)("div",{className:"kubio-sortable-accordion-title__text",children:o(e,t)})}):(0,w.jsx)("div",{className:"kubio-sortable-accordion-title__text",children:o(e,t)})]}),(0,w.jsxs)("div",{className:"kubio-sortable-acordion-icon-container",children:[x&&n>1&&(0,w.jsx)(d.Button,{isSmall:!0,icon:u.DeleteItemIcon,iconSize:20,className:"kubio-sortable-acordion-icon",onClick:n=>{R(n),c(e,t)}}),b&&(0,w.jsx)(d.Button,{isSmall:!0,icon:u.DuplicateItemIcon,iconSize:20,className:"kubio-sortable-acordion-icon",onClick:t=>{R(t),h(e.id,!1,{...e})}}),v&&(0,w.jsx)("div",{role:"button",tabIndex:-1,className:"toggle-control-wrapper",onClick:e=>{e.stopPropagation()},children:(0,w.jsx)(d.ToggleControl,{onChange:n=>{g(e,n,t)},checked:e[v]})})]})]})})})}),r&&"function"==typeof r&&(0,w.jsx)(xx,{...s,children:r(e,t,I)})]})})),Qx=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{withRef:!1};return n=t=function(t){function n(e){var t;return Nh(this,n),Uh(Bh(Bh(t=Hh(this,Wh(n).call(this,e)))),"state",{}),Uh(Bh(Bh(t)),"handleStart",(function(e){var n=t.props,o=n.distance,r=n.shouldCancelStart;if(2!==e.button&&!r(e)){t.touched=!0,t.position=zx(e);var i=Px(e.target,(function(e){return null!=e.sortableInfo}));if(i&&i.sortableInfo&&t.nodeIsChild(i)&&!t.state.sorting){var a=t.props.useDragHandle,l=i.sortableInfo,s=l.index,c=l.collection;if(l.disabled)return;if(a&&!Px(e.target,Wx))return;t.manager.active={collection:c,index:s},function(e){return e.touches&&e.touches.length||e.changedTouches&&e.changedTouches.length}(e)||e.target.tagName!==Hx.Anchor||e.preventDefault(),o||(0===t.props.pressDelay?t.handlePress(e):t.pressTimer=setTimeout((function(){return t.handlePress(e)}),t.props.pressDelay))}}})),Uh(Bh(Bh(t)),"nodeIsChild",(function(e){return e.sortableInfo.manager===t.manager})),Uh(Bh(Bh(t)),"handleMove",(function(e){var n=t.props,o=n.distance,r=n.pressThreshold;if(!t.state.sorting&&t.touched&&!t._awaitingUpdateBeforeSortStart){var i=zx(e),a={x:t.position.x-i.x,y:t.position.y-i.y},l=Math.abs(a.x)+Math.abs(a.y);t.delta=a,o||r&&!(l>=r)?o&&l>=o&&t.manager.isActive()&&t.handlePress(e):(clearTimeout(t.cancelTimer),t.cancelTimer=setTimeout(t.cancel,0))}})),Uh(Bh(Bh(t)),"handleEnd",(function(){t.touched=!1,t.cancel()})),Uh(Bh(Bh(t)),"cancel",(function(){var e=t.props.distance;t.state.sorting||(e||clearTimeout(t.pressTimer),t.manager.active=null)})),Uh(Bh(Bh(t)),"handlePress",(function(e){try{var n=t.manager.getActive(),o=function(){if(n){var o=function(){var n,o,r=p.sortableInfo.index,c=(n=p,{bottom:Ax((o=window.getComputedStyle(n)).marginBottom),left:Ax(o.marginLeft),right:Ax(o.marginRight),top:Ax(o.marginTop)}),g=function(e){var t=window.getComputedStyle(e);return"grid"===t.display?{x:Ax(t.gridColumnGap),y:Ax(t.gridRowGap)}:{x:0,y:0}}(t.container),m=t.scrollContainer.getBoundingClientRect(),v=a({index:r,node:p,collection:h});if(t.node=p,t.margin=c,t.gridGap=g,t.width=v.width,t.height=v.height,t.marginOffset={x:t.margin.left+t.margin.right+t.gridGap.x,y:Math.max(t.margin.top,t.margin.bottom,t.gridGap.y)},t.boundingClientRect=p.getBoundingClientRect(),t.containerBoundingRect=m,t.index=r,t.newIndex=r,t.axis={x:i.indexOf("x")>=0,y:i.indexOf("y")>=0},t.offsetEdge=Dx(p,t.container),t.initialOffset=zx(f?yx({},e,{pageX:t.boundingClientRect.left,pageY:t.boundingClientRect.top}):e),t.initialScroll={left:t.scrollContainer.scrollLeft,top:t.scrollContainer.scrollTop},t.initialWindowScroll={left:window.pageXOffset,top:window.pageYOffset},t.helper=t.helperContainer.appendChild(function(e){var t="input, textarea, select, canvas, [contenteditable]",n=e.querySelectorAll(t),o=e.cloneNode(!0);return Yf(o.querySelectorAll(t)).forEach((function(e,t){"file"!==e.type&&(e.value=n[t].value),"radio"===e.type&&e.name&&(e.name="__sortableClone__".concat(e.name)),e.tagName===Hx.Canvas&&n[t].width>0&&n[t].height>0&&e.getContext("2d").drawImage(n[t],0,0)})),o}(p)),Ex(t.helper,{boxSizing:"border-box",height:"".concat(t.height,"px"),left:"".concat(t.boundingClientRect.left-c.left,"px"),pointerEvents:"none",position:"fixed",top:"".concat(t.boundingClientRect.top-c.top,"px"),width:"".concat(t.width,"px")}),f&&t.helper.focus(),s&&(t.sortableGhost=p,Ex(p,{opacity:0,visibility:"hidden"})),t.minTranslate={},t.maxTranslate={},f){var b=d?{top:0,left:0,width:t.contentWindow.innerWidth,height:t.contentWindow.innerHeight}:t.containerBoundingRect,x=b.top,y=b.left,_=b.width,w=x+b.height,k=y+_;t.axis.x&&(t.minTranslate.x=y-t.boundingClientRect.left,t.maxTranslate.x=k-(t.boundingClientRect.left+t.width)),t.axis.y&&(t.minTranslate.y=x-t.boundingClientRect.top,t.maxTranslate.y=w-(t.boundingClientRect.top+t.height))}else t.axis.x&&(t.minTranslate.x=(d?0:m.left)-t.boundingClientRect.left-t.width/2,t.maxTranslate.x=(d?t.contentWindow.innerWidth:m.left+m.width)-t.boundingClientRect.left-t.width/2),t.axis.y&&(t.minTranslate.y=(d?0:m.top)-t.boundingClientRect.top-t.height/2,t.maxTranslate.y=(d?t.contentWindow.innerHeight:m.top+m.height)-t.boundingClientRect.top-t.height/2);l&&l.split(" ").forEach((function(e){return t.helper.classList.add(e)})),t.listenerNode=e.touches?p:t.contentWindow,f?(t.listenerNode.addEventListener("wheel",t.handleKeyEnd,!0),t.listenerNode.addEventListener("mousedown",t.handleKeyEnd,!0),t.listenerNode.addEventListener("keydown",t.handleKeyDown)):(Rx.move.forEach((function(e){return t.listenerNode.addEventListener(e,t.handleSortMove,!1)})),Rx.end.forEach((function(e){return t.listenerNode.addEventListener(e,t.handleSortEnd,!1)}))),t.setState({sorting:!0,sortingIndex:r}),u&&u({node:p,index:r,collection:h,isKeySorting:f,nodes:t.manager.getOrderedRefs(),helper:t.helper},e),f&&t.keyMove(0)},r=t.props,i=r.axis,a=r.getHelperDimensions,l=r.helperClass,s=r.hideSortableGhost,c=r.updateBeforeSortStart,u=r.onSortStart,d=r.useWindowAsScrollContainer,p=n.node,h=n.collection,f=t.manager.isKeySorting,g=function(){if("function"==typeof c){t._awaitingUpdateBeforeSortStart=!0;var n=function(t,n){try{var o=(r=p.sortableInfo.index,Promise.resolve(c({collection:h,index:r,node:p,isKeySorting:f},e)).then((function(){})))}catch(e){return n(!0,e)}var r;return o&&o.then?o.then(n.bind(null,!1),n.bind(null,!0)):n(!1,value)}(0,(function(e,n){if(t._awaitingUpdateBeforeSortStart=!1,e)throw n;return n}));if(n&&n.then)return n.then((function(){}))}}();return g&&g.then?g.then(o):o()}}();return Promise.resolve(o&&o.then?o.then((function(){})):void 0)}catch(e){return Promise.reject(e)}})),Uh(Bh(Bh(t)),"handleSortMove",(function(e){var n=t.props.onSortMove;"function"==typeof e.preventDefault&&e.preventDefault(),t.updateHelperPosition(e),t.animateNodes(),t.autoscroll(),n&&n(e)})),Uh(Bh(Bh(t)),"handleSortEnd",(function(e){var n=t.props,o=n.hideSortableGhost,r=n.onSortEnd,i=t.manager,a=i.active.collection,l=i.isKeySorting,s=t.manager.getOrderedRefs();t.listenerNode&&(l?(t.listenerNode.removeEventListener("wheel",t.handleKeyEnd,!0),t.listenerNode.removeEventListener("mousedown",t.handleKeyEnd,!0),t.listenerNode.removeEventListener("keydown",t.handleKeyDown)):(Rx.move.forEach((function(e){return t.listenerNode.removeEventListener(e,t.handleSortMove)})),Rx.end.forEach((function(e){return t.listenerNode.removeEventListener(e,t.handleSortEnd)})))),t.helper.parentNode.removeChild(t.helper),o&&t.sortableGhost&&Ex(t.sortableGhost,{opacity:"",visibility:""});for(var c=0,u=s.length;c<u;c++){var d=s[c],p=d.node;d.edgeOffset=null,d.boundingClientRect=null,Tx(p,null),Ox(p,null),d.translate=null}t.autoScroller.clear(),t.manager.active=null,t.manager.isKeySorting=!1,t.setState({sorting:!1,sortingIndex:null}),"function"==typeof r&&r({collection:a,newIndex:t.newIndex,oldIndex:t.index,isKeySorting:l,nodes:s},e),t.touched=!1})),Uh(Bh(Bh(t)),"autoscroll",(function(){var e=t.props.disableAutoscroll,n=t.manager.isKeySorting;if(e)t.autoScroller.clear();else{if(n){var o=yx({},t.translate),r=0,i=0;return t.axis.x&&(o.x=Math.min(t.maxTranslate.x,Math.max(t.minTranslate.x,t.translate.x)),r=t.translate.x-o.x),t.axis.y&&(o.y=Math.min(t.maxTranslate.y,Math.max(t.minTranslate.y,t.translate.y)),i=t.translate.y-o.y),t.translate=o,Tx(t.helper,t.translate),t.scrollContainer.scrollLeft+=r,void(t.scrollContainer.scrollTop+=i)}t.autoScroller.update({height:t.height,maxTranslate:t.maxTranslate,minTranslate:t.minTranslate,translate:t.translate,width:t.width})}})),Uh(Bh(Bh(t)),"onAutoScroll",(function(e){t.translate.x+=e.left,t.translate.y+=e.top,t.animateNodes()})),Uh(Bh(Bh(t)),"handleKeyDown",(function(e){var n=e.keyCode,o=t.props,r=o.shouldCancelStart,i=o.keyCodes,a=yx({},Ux,void 0===i?{}:i);t.manager.active&&!t.manager.isKeySorting||!(t.manager.active||a.lift.includes(n)&&!r(e)&&t.isValidSortingTarget(e))||(e.stopPropagation(),e.preventDefault(),a.lift.includes(n)&&!t.manager.active?t.keyLift(e):a.drop.includes(n)&&t.manager.active?t.keyDrop(e):a.cancel.includes(n)?(t.newIndex=t.manager.active.index,t.keyDrop(e)):a.up.includes(n)?t.keyMove(-1):a.down.includes(n)&&t.keyMove(1))})),Uh(Bh(Bh(t)),"keyLift",(function(e){var n=e.target,o=Px(n,(function(e){return null!=e.sortableInfo})).sortableInfo,r=o.index,i=o.collection;t.initialFocusedNode=n,t.manager.isKeySorting=!0,t.manager.active={index:r,collection:i},t.handlePress(e)})),Uh(Bh(Bh(t)),"keyMove",(function(e){var n=t.manager.getOrderedRefs(),o=n[n.length-1].node.sortableInfo.index,r=t.newIndex+e,i=t.newIndex;if(!(r<0||r>o)){t.prevIndex=i,t.newIndex=r;var a=function(e,t,n){return e<n&&e>t?e-1:e>n&&e<t?e+1:e}(t.newIndex,t.prevIndex,t.index),l=n.find((function(e){return e.node.sortableInfo.index===a})),s=l.node,c=t.containerScrollDelta,u=l.boundingClientRect||Lx(s,c),d=l.translate||{x:0,y:0},p=u.top+d.y-c.top,h=u.left+d.x-c.left,f=i<r,g=f&&t.axis.x?s.offsetWidth-t.width:0,m=f&&t.axis.y?s.offsetHeight-t.height:0;t.handleSortMove({pageX:h+g,pageY:p+m,ignoreTransition:0===e})}})),Uh(Bh(Bh(t)),"keyDrop",(function(e){t.handleSortEnd(e),t.initialFocusedNode&&t.initialFocusedNode.focus()})),Uh(Bh(Bh(t)),"handleKeyEnd",(function(e){t.manager.active&&t.keyDrop(e)})),Uh(Bh(Bh(t)),"isValidSortingTarget",(function(e){var n=t.props.useDragHandle,o=e.target,r=Px(o,(function(e){return null!=e.sortableInfo}));return r&&r.sortableInfo&&!r.sortableInfo.disabled&&(n?Wx(o):o.sortableInfo)})),function(e){kx()(!(e.distance&&e.pressDelay),"Attempted to set both `pressDelay` and `distance` on SortableContainer, you may only use one or the other, not both at the same time.")}(e),t.manager=new Sx,t.events={end:t.handleEnd,move:t.handleMove,start:t.handleStart},t}return Vh(n,t),Fh(n,[{key:"getChildContext",value:function(){return{manager:this.manager}}},{key:"componentDidMount",value:function(){var e=this,t=this.props.useWindowAsScrollContainer,n=this.getContainer();Promise.resolve(n).then((function(n){e.container=n,e.document=e.container.ownerDocument||document;var o=e.props.contentWindow||e.document.defaultView||window;e.contentWindow="function"==typeof o?o():o,e.scrollContainer=t?e.document.scrollingElement||e.document.documentElement:Bx(e.container)||e.container,e.autoScroller=new Gx(e.scrollContainer,e.onAutoScroll),Object.keys(e.events).forEach((function(t){return Rx[t].forEach((function(n){return e.container.addEventListener(n,e.events[t],!1)}))})),e.container.addEventListener("keydown",e.handleKeyDown)}))}},{key:"componentWillUnmount",value:function(){var e=this;this.helper&&this.helper.parentNode&&this.helper.parentNode.removeChild(this.helper),this.container&&(Object.keys(this.events).forEach((function(t){return Rx[t].forEach((function(n){return e.container.removeEventListener(n,e.events[t])}))})),this.container.removeEventListener("keydown",this.handleKeyDown))}},{key:"updateHelperPosition",value:function(e){var t=this.props,n=t.lockAxis,o=t.lockOffset,r=t.lockToContainerEdges,i=t.transitionDuration,a=t.keyboardSortingTransitionDuration,l=void 0===a?i:a,s=this.manager.isKeySorting,c=e.ignoreTransition,u=zx(e),d={x:u.x-this.initialOffset.x,y:u.y-this.initialOffset.y};if(d.y-=window.pageYOffset-this.initialWindowScroll.top,d.x-=window.pageXOffset-this.initialWindowScroll.left,this.translate=d,r){var p=function(e){var t=e.height,n=e.width,o=e.lockOffset,r=Array.isArray(o)?o:[o,o];kx()(2===r.length,"lockOffset prop of SortableContainer should be a single value or an array of exactly two values. Given %s",o);var i=Jf(r,2),a=i[0],l=i[1];return[Fx({height:t,lockOffset:a,width:n}),Fx({height:t,lockOffset:l,width:n})]}({height:this.height,lockOffset:o,width:this.width}),h=Jf(p,2),f=h[0],g=h[1],m={x:this.width/2-f.x,y:this.height/2-f.y},v={x:this.width/2-g.x,y:this.height/2-g.y};d.x=Mx(this.minTranslate.x+m.x,this.maxTranslate.x-v.x,d.x),d.y=Mx(this.minTranslate.y+m.y,this.maxTranslate.y-v.y,d.y)}"x"===n?d.y=0:"y"===n&&(d.x=0),s&&l&&!c&&Ox(this.helper,l),Tx(this.helper,d)}},{key:"animateNodes",value:function(){var e=this.props,t=e.transitionDuration,n=e.hideSortableGhost,o=e.onSortOver,r=this.containerScrollDelta,i=this.windowScrollDelta,a=this.manager.getOrderedRefs(),l=this.offsetEdge.left+this.translate.x+r.left,s=this.offsetEdge.top+this.translate.y+r.top,c=this.manager.isKeySorting,u=this.newIndex;this.newIndex=null;for(var d=0,p=a.length;d<p;d++){var h=a[d].node,f=h.sortableInfo.index,g=h.offsetWidth,m=h.offsetHeight,v={height:this.height>m?m/2:this.height/2,width:this.width>g?g/2:this.width/2},b=c&&f>this.index&&f<=u,x=c&&f<this.index&&f>=u,y={x:0,y:0},_=a[d].edgeOffset;_||(_=Dx(h,this.container),a[d].edgeOffset=_,c&&(a[d].boundingClientRect=Lx(h,r)));var w=d<a.length-1&&a[d+1],k=d>0&&a[d-1];w&&!w.edgeOffset&&(w.edgeOffset=Dx(w.node,this.container),c&&(w.boundingClientRect=Lx(w.node,r))),f!==this.index?(t&&Ox(h,t),this.axis.x?this.axis.y?x||f<this.index&&(l+i.left-v.width<=_.left&&s+i.top<=_.top+v.height||s+i.top+v.height<=_.top)?(y.x=this.width+this.marginOffset.x,_.left+y.x>this.containerBoundingRect.width-v.width&&w&&(y.x=w.edgeOffset.left-_.left,y.y=w.edgeOffset.top-_.top),null===this.newIndex&&(this.newIndex=f)):(b||f>this.index&&(l+i.left+v.width>=_.left&&s+i.top+v.height>=_.top||s+i.top+v.height>=_.top+m))&&(y.x=-(this.width+this.marginOffset.x),_.left+y.x<this.containerBoundingRect.left+v.width&&k&&(y.x=k.edgeOffset.left-_.left,y.y=k.edgeOffset.top-_.top),this.newIndex=f):b||f>this.index&&l+i.left+v.width>=_.left?(y.x=-(this.width+this.marginOffset.x),this.newIndex=f):(x||f<this.index&&l+i.left<=_.left+v.width)&&(y.x=this.width+this.marginOffset.x,null==this.newIndex&&(this.newIndex=f)):this.axis.y&&(b||f>this.index&&s+i.top+v.height>=_.top?(y.y=-(this.height+this.marginOffset.y),this.newIndex=f):(x||f<this.index&&s+i.top<=_.top+v.height)&&(y.y=this.height+this.marginOffset.y,null==this.newIndex&&(this.newIndex=f))),Tx(h,y),a[d].translate=y):n&&(this.sortableGhost=h,Ex(h,{opacity:0,visibility:"hidden"}))}null==this.newIndex&&(this.newIndex=this.index),c&&(this.newIndex=u);var S=c?this.prevIndex:u;o&&this.newIndex!==S&&o({collection:this.manager.active.collection,index:this.index,newIndex:this.newIndex,oldIndex:S,isKeySorting:c,nodes:a,helper:this.helper})}},{key:"getWrappedInstance",value:function(){return kx()(o.withRef,"To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableContainer() call"),this.refs.wrappedInstance}},{key:"getContainer",value:function(){var e=this.props.getContainer;return"function"!=typeof e?(0,Mf.findDOMNode)(this):e(o.withRef?this.getWrappedInstance():void 0)}},{key:"render",value:function(){var t=o.withRef?"wrappedInstance":null;return(0,j.createElement)(e,el({ref:t},jx(this.props,Xx)))}},{key:"helperContainer",get:function(){var e=this.props.helperContainer;return"function"==typeof e?e():this.props.helperContainer||this.document.body}},{key:"containerScrollDelta",get:function(){return this.props.useWindowAsScrollContainer?{left:0,top:0}:{left:this.scrollContainer.scrollLeft-this.initialScroll.left,top:this.scrollContainer.scrollTop-this.initialScroll.top}}},{key:"windowScrollDelta",get:function(){return{left:this.contentWindow.pageXOffset-this.initialWindowScroll.left,top:this.contentWindow.pageYOffset-this.initialWindowScroll.top}}}]),n}(j.Component),Uh(t,"displayName",Nx("sortableList",e)),Uh(t,"defaultProps",$x),Uh(t,"propTypes",Vx),Uh(t,"childContextTypes",{manager:K().object.isRequired}),n}((e=>{const{items:t=[],headingRenderer:n=m.noop,contentRendered:o=null,accordionProps:r={},accordionItemProps:i={},accordionHeadinProps:a={},accordionButtonProps:l={},accordionContentProps:s={},onDelete:c=m.noop,onDuplicate:u=m.noop,onSelect:d=m.noop,onToggleTarget:h,toggleTarget:f=!1,allowDuplicate:g,allowDelete:v,isSimpleAccordion:b,activeItems:x=null,allowMultipleExpanded:y=!1,sortDisable:_=!1,tooltip:k=!0}=e,S=null!==x?x:[],[C,j]=(0,p.useState)(S);(0,p.useEffect)((()=>{null!=x&&x.length&&(0,m.difference)(x,C)&&j(x)}),[x]);const R=t.length;return(0,w.jsx)(ox,{allowZeroExpanded:!0,...r,children:t.map(((e,t)=>(0,w.jsx)(qx,{index:t,item:e,nrItems:R,itemIndex:t,activeItems:C,setActiveItems:j,allowMultipleExpanded:y,contentRendered:o,headingRenderer:n,accordionItemProps:i,accordionHeadinProps:a,accordionButtonProps:l,accordionContentProps:s,onDelete:c,onToggleTarget:h,toggleTarget:f,onDuplicate:u,onSelect:d,allowDuplicate:g,allowDelete:v,isSimpleAccordion:b,disabled:_,sortDisable:_,tooltip:k},e.id)))})})),Jx=e=>(0,b.stripTags)(null==e?void 0:e.title),ey=(e={})=>{const t={items:[],headingRenderer:Jx,contentRendered:null,accordionProps:{},accordionItemProps:{},accordionHeadinProps:{},accordionButtonProps:{},accordionContentProps:{},onDelete:m.noop,onDuplicate:m.noop,onSortEnd:m.noop,onToggleTarget:null,toggleTarget:!1,allowDuplicate:!0,allowDelete:!0,lockAxis:"y",sortDisable:!1,tooltip:!0,...e,useDragHandle:!0},n=(0,p.createRef)(),o=!t.contentRendered;return(0,w.jsx)(d.BaseControl,{className:"kubio-control",children:(0,w.jsx)("div",{className:g()(["kubio-sortable-accordion"],{"kubio-sortable-accordion--simple":o}),ref:n,children:(0,w.jsx)(Qx,{...t,isSimpleAccordion:o,helperClass:"kubio-sortable-accordion-list",helperContainer:()=>n.current,tooltip:t.tooltip})})})},ty=ey,ny=(0,y.withComputedData)(((e,t)=>{const{activeItems:n=[],afterAddHook:o=v().noop,afterDuplicateHook:r=v().noop,afterDeleteHook:i=null,selectItem:a=!1,iconGetter:l=v().noop,titleGetter:s=null,titlePath:c="text",selectPrevious:u=!0,selectHook:d=null,onSortEndHook:p=null,onSelect:h=v().noop}=t,f=e.clientId,g=e.withChildren(),{removeBlock:m,moveBlockToPosition:b,selectBlock:x}=(0,Um.useDispatch)("core/block-editor"),{selectedBlock:y}=(0,Um.useSelect)((e=>({selectedBlock:e("core/block-editor").getSelectedBlock()}))),_=g.map(((e,t)=>{let o=null;o=s&&"function"==typeof s?s(e,t):e.getAttribute(c,"item");const r={id:e.clientId,clientId:e.clientId,title:o,slug:e.localData.slug,isSelected:e.clientId===(null==y?void 0:y.clientId)||-1!==n.indexOf(t),index:t};return r.icon=l(e),r}));async function w(t,n=!1,o){const i=await e.duplicate({clientId:t,unlink:n,selectDuplicate:!1});return n||r(i,_,o),i}return{activeItems:n,items:_,onSelect:e=>{a&&x(e.id),null!==d&&"function"==typeof d&&d(e),h(e)},onDuplicate:w,onAdd:async()=>{const e=g[g.length-1],t=await w(null==e?void 0:e.clientId,!0);o(t,_)},onRemove:(t,n)=>{g.length<2||(e.blockName===y.name?m(null==t?void 0:t.id,!1):(m(null==t?void 0:t.id,u),n||x(g[1].clientId)),null!==i&&"function"==typeof i&&i(t))},onSortEnd:(e={})=>{const{oldIndex:t,newIndex:n}=e,o=v().get(g,[t,"clientId"]);b(o,f,f,n),null!==p&&"function"==typeof p&&p(t,n)}}}))((({computed:e,...t})=>{const{addButtonText:n=(0,h.__)("Add item","kubio"),allowMultipleExpanded:o=!1,label:r=(0,h.__)("Items","kubio"),lockAxis:i="y"}=t,{items:a,onSelect:l,onAdd:s,onDuplicate:c,onRemove:p,onSortEnd:f,activeItems:g}=e;return(0,w.jsxs)(d.BaseControl,{label:r,className:"kubio-control",children:[(0,w.jsx)(ey,{items:a,useDragHandle:!0,helperClass:"sortable-collapse-item--is-sorting",onSortEnd:f,onDelete:p,onDuplicate:c,onSelect:l,contentRendered:t.children,activeItems:g,allowMultipleExpanded:o,lockAxis:i}),(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)(d.Button,{isPrimary:!0,icon:u.AddItemIcon,onClick:s,className:"kubio-button-group-button sortable-collapse__add-button",children:n})})]})})),oy=({tabId:e,onClick:t,children:n,selected:o,...r})=>(0,w.jsx)(d.Button,{role:"tab",tabIndex:o?null:-1,"aria-selected":o,id:e,onClick:t,...r,children:n}),ry=({className:e,children:t,tabs:n,initialTabName:o,currentTab:r,orientation:i="horizontal",activeClass:a="is-active",onSelect:l=m.noop})=>{const s=(0,x.useInstanceId)(ry,"tab-panel"),[c,u]=(0,p.useState)(o||(n.length>0?n[0].name:null)),h=e=>{u(e),l(e)};(0,p.useEffect)((()=>{n.map((({name:e})=>e)).includes(r)&&u(r)}),[r,n]);let f=(0,m.find)(n,{name:c});f||(f=(0,m.find)(n,{name:"content"}),u("content"));const v=`${s}-${f.name}`,b=(0,p.useRef)();return(0,w.jsxs)("div",{className:e,children:[(0,w.jsx)(d.NavigableMenu,{ref:b,role:"tablist",orientation:i,onNavigate:(e,t)=>{t.click()},className:"components-tab-panel__tabs kubio-inspector-tabs",children:n.map((e=>(0,w.jsx)(oy,{className:g()("components-tab-panel__tabs-item",e.className,{[a]:e.name===c}),tabId:`${s}-${e.name}`,"aria-controls":`${s}-${e.name}-view`,selected:e.name===c,onClick:(0,m.partial)(h,e.name),children:"function"==typeof e.title?e.title():e.title},e.name)))}),f&&(0,w.jsx)("div",{"aria-labelledby":v,role:"tabpanel",id:`${v}-view`,className:"components-tab-panel__tab-content",children:t(f)})]})},iy=[{value:"px",label:"px",default:430},{value:"em",label:"em",default:20},{value:"rem",label:"rem",default:20},{value:"vw",label:"vw",default:20},{value:"vh",label:"vh",default:50}];function ay({onChange:e=m.noop,onValueChange:t=m.noop,onUnitChange:n=m.noop,step:o=1,min:r=0,max:i=1e3,value:a={},label:l="Label",units:s=iy}){const{unit:c="px",value:u=""}=a,[h,f]=(0,p.useState)(null),g=`unit-value-input-${(0,x.useInstanceId)(lb.__experimentalUnitControl)}`,v=null!==h?h:u;return(0,w.jsx)(d.BaseControl,{label:l,id:g,children:(0,w.jsx)(lb.__experimentalUnitControl,{id:g,min:r,onBlur:()=>{null!==h&&f(null)},onChange:n=>{const o=""!==n?parseInt(n,10):void 0;isNaN(o)&&void 0!==o?f(n):(f(null),t(o),e({value:o,unit:c}))},onUnitChange:t=>{n(t),e({unit:c,value:u})},step:o,style:{maxWidth:80},unit:c,units:s,value:v})})}const ly=["top","right","bottom","left"],sy={top:(0,h.__)("Top","kubio"),right:(0,h.__)("Right","kubio"),bottom:(0,h.__)("Bottom","kubio"),left:(0,h.__)("Left","kubio")},cy={value:"",unit:"px"},uy=e=>{const{onChange:t=m.noop,label:n,value:o={top:{value:20,unit:"px"}}}=e,r=((e,t,n=null)=>{const o=(n,o)=>{const r=(0,m.set)({...e},n,o);t(r)};return n?e=>{o(n,e)}:o})(o,t);return(0,w.jsxs)(d.BaseControl,{children:[(0,w.jsx)(d.BaseControl.VisualLabel,{children:n}),(0,w.jsx)(d.PanelRow,{className:"kubio-components-trbl__controls",children:ly.map((e=>{const t=o[e]||cy;return(0,w.jsx)(ay,{label:sy[e],value:t,onChange:t=>r([e],t)},e)}))})]})},dy={SAME_WINDOW:"sameWindow",NEW_WINDOW:"newWindow",LIGHT_BOX:"lightbox"};let py=[{label:(0,h.__)("Same window","kubio"),value:dy.SAME_WINDOW},{label:(0,h.__)("New window","kubio"),value:dy.NEW_WINDOW},{label:(0,h.__)("Lightbox","kubio"),value:dy.LIGHT_BOX}];py=(0,Ju.addProTagToItems)(py,[dy.SAME_WINDOW,dy.NEW_WINDOW]);const hy={values:dy,options:py},fy={AUTO:"",IFRAME:"iframe",IMAGE:"image",VIDEO:"video"},gy=[{label:(0,h.__)("Auto","kubio"),value:fy.AUTO},{label:(0,h.__)("Iframe","kubio"),value:fy.IFRAME},{label:(0,h.__)("Image","kubio"),value:fy.IMAGE},{label:(0,h.__)("Video","kubio"),value:fy.VIDEO}],my={value:"",typeOpenLink:"sameWindow",lightboxGroup:void 0,noFollow:!1,lightboxMedia:fy.AUTO},vy=function(e){const t=v().merge({},my,e),n={href:null,target:null,rel:null,"data-kubio-component":null};return t&&(n.href=t.value,"sameWindow"===t.typeOpenLink&&(n.target=null),"newWindow"===t.typeOpenLink&&(n.target="_blank"),t.noFollow&&(n.rel="nofollow")),""===n.href&&delete n.href,n},by={defaultValue:my,linkOpen:hy,urlPrefix:"",getLinkAttributes:vy,targetAttributeToOption:e=>{switch(e){case"_blank":return"newWindow";case"sameWindow":return null;default:return}},lightboxMedia:{values:fy,options:gy}},xy=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{fillRule:"evenodd",d:"M10.289 4.836A1 1 0 0111.275 4h1.306a1 1 0 01.987.836l.244 1.466c.787.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 011.216.437l.653 1.13a1 1 0 01-.23 1.273l-1.148.944a6.025 6.025 0 010 2.435l1.149.946a1 1 0 01.23 1.272l-.653 1.13a1 1 0 01-1.216.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 01-.987.836h-1.306a1 1 0 01-.986-.836l-.244-1.466a5.995 5.995 0 01-2.108-1.218l-1.394.522a1 1 0 01-1.217-.436l-.653-1.131a1 1 0 01.23-1.272l1.149-.946a6.026 6.026 0 010-2.435l-1.148-.944a1 1 0 01-.23-1.272l.653-1.131a1 1 0 011.217-.437l1.393.522a5.994 5.994 0 012.108-1.218l.244-1.466zM14.929 12a3 3 0 11-6 0 3 3 0 016 0z",clipRule:"evenodd"})});function yy(e){return yy="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},yy(e)}function _y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function wy(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function ky(e,t){var n=e["page".concat(t?"Y":"X","Offset")],o="scroll".concat(t?"Top":"Left");if("number"!=typeof n){var r=e.document;"number"!=typeof(n=r.documentElement[o])&&(n=r.body[o])}return n}function Sy(e){return ky(e)}function Cy(e){return ky(e,!0)}function jy(e){var t=function(e){var t,n,o,r=e.ownerDocument,i=r.body,a=r&&r.documentElement;return n=(t=e.getBoundingClientRect()).left,o=t.top,{left:n-=a.clientLeft||i.clientLeft||0,top:o-=a.clientTop||i.clientTop||0}}(e),n=e.ownerDocument,o=n.defaultView||n.parentWindow;return t.left+=Sy(o),t.top+=Cy(o),t}var Ry,Iy=new RegExp("^(".concat(/[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source,")(?!px)[a-z%]+$"),"i"),Ey=/^(top|right|bottom|left)$/,Ty="currentStyle",Oy="runtimeStyle",Py="left";function My(e,t){for(var n=0;n<e.length;n++)t(e[n])}function Ay(e){return"border-box"===Ry(e,"boxSizing")}"undefined"!=typeof window&&(Ry=window.getComputedStyle?function(e,t,n){var o="",r=e.ownerDocument,i=n||r.defaultView.getComputedStyle(e,null);return i&&(o=i.getPropertyValue(t)||i[t]),o}:function(e,t){var n=e[Ty]&&e[Ty][t];if(Iy.test(n)&&!Ey.test(t)){var o=e.style,r=o[Py],i=e[Oy][Py];e[Oy][Py]=e[Ty][Py],o[Py]="fontSize"===t?"1em":n||0,n=o.pixelLeft+"px",o[Py]=r,e[Oy][Py]=i}return""===n?"auto":n});var Ny=["margin","border","padding"],Ly=-1,zy=2,Dy=1;function Fy(e,t,n){var o,r,i,a=0;for(r=0;r<t.length;r++)if(o=t[r])for(i=0;i<n.length;i++){var l;l="border"===o?"".concat(o+n[i],"Width"):o+n[i],a+=parseFloat(Ry(e,l))||0}return a}function By(e){return null!=e&&e==e.window}var Hy={};function Wy(e,t,n){if(By(e))return"width"===t?Hy.viewportWidth(e):Hy.viewportHeight(e);if(9===e.nodeType)return"width"===t?Hy.docWidth(e):Hy.docHeight(e);var o="width"===t?["Left","Right"]:["Top","Bottom"],r="width"===t?e.offsetWidth:e.offsetHeight,i=(Ry(e),Ay(e)),a=0;(null==r||r<=0)&&(r=void 0,(null==(a=Ry(e,t))||Number(a)<0)&&(a=e.style[t]||0),a=parseFloat(a)||0),void 0===n&&(n=i?Dy:Ly);var l=void 0!==r||i,s=r||a;if(n===Ly)return l?s-Fy(e,["border","padding"],o):a;if(l){var c=n===zy?-Fy(e,["border"],o):Fy(e,["margin"],o);return s+(n===Dy?0:c)}return a+Fy(e,Ny.slice(n),o)}My(["Width","Height"],(function(e){Hy["doc".concat(e)]=function(t){var n=t.document;return Math.max(n.documentElement["scroll".concat(e)],n.body["scroll".concat(e)],Hy["viewport".concat(e)](n))},Hy["viewport".concat(e)]=function(t){var n="client".concat(e),o=t.document,r=o.body,i=o.documentElement[n];return"CSS1Compat"===o.compatMode&&i||r&&r[n]||i}}));var Gy={position:"absolute",visibility:"hidden",display:"block"};function Vy(e){var t,n=arguments;return 0!==e.offsetWidth?t=Wy.apply(void 0,n):function(e,o,r){var i,a={},l=e.style;for(i in o)o.hasOwnProperty(i)&&(a[i]=l[i],l[i]=o[i]);for(i in function(){t=Wy.apply(void 0,n)}.call(e),o)o.hasOwnProperty(i)&&(l[i]=a[i])}(e,Gy),t}function Uy(e,t,n){var o=n;if("object"!==yy(t))return void 0!==o?("number"==typeof o&&(o+="px"),void(e.style[t]=o)):Ry(e,t);for(var r in t)t.hasOwnProperty(r)&&Uy(e,r,t[r])}My(["width","height"],(function(e){var t=e.charAt(0).toUpperCase()+e.slice(1);Hy["outer".concat(t)]=function(t,n){return t&&Vy(t,e,n?0:Dy)};var n="width"===e?["Left","Right"]:["Top","Bottom"];Hy[e]=function(t,o){return void 0===o?t&&Vy(t,e,Ly):t?(Ry(t),Ay(t)&&(o+=Fy(t,["padding","border"],n)),Uy(t,e,o)):void 0}}));var $y=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?wy(n,!0).forEach((function(t){_y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):wy(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({getWindow:function(e){var t=e.ownerDocument||e;return t.defaultView||t.parentWindow},offset:function(e,t){if(void 0===t)return jy(e);!function(e,t){"static"===Uy(e,"position")&&(e.style.position="relative");var n,o,r=jy(e),i={};for(o in t)t.hasOwnProperty(o)&&(n=parseFloat(Uy(e,o))||0,i[o]=n+t[o]-r[o]);Uy(e,i)}(e,t)},isWindow:By,each:My,css:Uy,clone:function(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);if(e.overflow)for(var o in e)e.hasOwnProperty(o)&&(t.overflow[o]=e.overflow[o]);return t},scrollLeft:function(e,t){if(By(e)){if(void 0===t)return Sy(e);window.scrollTo(t,Cy(e))}else{if(void 0===t)return e.scrollLeft;e.scrollLeft=t}},scrollTop:function(e,t){if(By(e)){if(void 0===t)return Cy(e);window.scrollTo(Sy(e),t)}else{if(void 0===t)return e.scrollTop;e.scrollTop=t}},viewportWidth:0,viewportHeight:0},Hy);const Xy=e=>e.stopPropagation(),Yy=(0,p.forwardRef)(((e,t)=>{const{value:n,onChange:o,onFocus:r,...i}=e,[a,l]=(0,p.useState)(!1),s=(0,p.useRef)(o),c=(0,p.useRef)(r),[u,d]=(0,p.useState)(n);(0,p.useEffect)((()=>{a||d(n)}),[a,n]),(0,p.useEffect)((()=>{s.current=(0,m.debounce)(o,300)}),[o]);const h=(0,p.useCallback)((e=>{const t=e.target.value;d(t),s.current(t)}),[]),f=(0,p.useCallback)((()=>{l(!0),c.current()}),[]),g=(0,p.useCallback)((()=>{l(!1)}),[]);return(0,w.jsx)("input",{value:u,onChange:h,onFocus:f,onBlur:g,ref:t,...i})}));class Ky extends p.Component{constructor(e){super(e),Uh(this,"closePopover",(()=>{this.setState({showSuggestions:!1,selectedSuggestion:null,loading:!1})})),this.onChange=this.onChange.bind(this),this.onFocus=this.onFocus.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.selectLink=this.selectLink.bind(this),this.handleOnClick=this.handleOnClick.bind(this),this.bindSuggestionNode=this.bindSuggestionNode.bind(this),this.autocompleteRef=e.autocompleteRef||(0,p.createRef)(),this.inputRef=(0,p.createRef)(),this.updateSuggestions=(0,m.throttle)(this.updateSuggestions.bind(this),300),this.suggestionNodes=[],this.isUpdatingSuggestions=!1,this.state={suggestions:[],showSuggestions:!1,selectedSuggestion:null,suggestionsListboxId:"",suggestionOptionIdPrefix:""}}componentDidUpdate(e){const{showSuggestions:t,selectedSuggestion:n}=this.state,{value:o}=this.props;t&&null!==n&&this.suggestionNodes[n]&&!this.scrollingIntoView&&(this.scrollingIntoView=!0,function(e,t,n){n=n||{},9===t.nodeType&&(t=$y.getWindow(t));var o=n.allowHorizontalScroll,r=n.onlyScrollIfNeeded,i=n.alignWithTop,a=n.alignWithLeft,l=n.offsetTop||0,s=n.offsetLeft||0,c=n.offsetBottom||0,u=n.offsetRight||0;o=void 0===o||o;var d,p,h,f,g,m,v,b,x,y,_=$y.isWindow(t),w=$y.offset(e),k=$y.outerHeight(e),S=$y.outerWidth(e);_?(v=t,y=$y.height(v),x=$y.width(v),b={left:$y.scrollLeft(v),top:$y.scrollTop(v)},g={left:w.left-b.left-s,top:w.top-b.top-l},m={left:w.left+S-(b.left+x)+u,top:w.top+k-(b.top+y)+c},f=b):(d=$y.offset(t),p=t.clientHeight,h=t.clientWidth,f={left:t.scrollLeft,top:t.scrollTop},g={left:w.left-(d.left+(parseFloat($y.css(t,"borderLeftWidth"))||0))-s,top:w.top-(d.top+(parseFloat($y.css(t,"borderTopWidth"))||0))-l},m={left:w.left+S-(d.left+h+(parseFloat($y.css(t,"borderRightWidth"))||0))+u,top:w.top+k-(d.top+p+(parseFloat($y.css(t,"borderBottomWidth"))||0))+c}),g.top<0||m.top>0?!0===i?$y.scrollTop(t,f.top+g.top):!1===i?$y.scrollTop(t,f.top+m.top):g.top<0?$y.scrollTop(t,f.top+g.top):$y.scrollTop(t,f.top+m.top):r||((i=void 0===i||!!i)?$y.scrollTop(t,f.top+g.top):$y.scrollTop(t,f.top+m.top)),o&&(g.left<0||m.left>0?!0===a?$y.scrollLeft(t,f.left+g.left):!1===a?$y.scrollLeft(t,f.left+m.left):g.left<0?$y.scrollLeft(t,f.left+g.left):$y.scrollLeft(t,f.left+m.left):r||((a=void 0===a||!!a)?$y.scrollLeft(t,f.left+g.left):$y.scrollLeft(t,f.left+m.left)))}(this.suggestionNodes[n],this.autocompleteRef.current,{onlyScrollIfNeeded:!0}),this.props.setTimeout((()=>{this.scrollingIntoView=!1}),100)),e.value!==o&&this.shouldShowInitialSuggestions()&&this.updateSuggestions()}componentDidMount(){this.shouldShowInitialSuggestions()&&this.updateSuggestions()}componentWillUnmount(){delete this.suggestionsRequest}bindSuggestionNode(e){return t=>{this.suggestionNodes[e]=t}}shouldShowInitialSuggestions(){const{suggestions:e}=this.state,{__experimentalShowInitialSuggestions:t=!1,value:n}=this.props;return!this.isUpdatingSuggestions&&t&&!(n&&n.length)&&!(e&&e.length)}updateSuggestions(e=""){const{__experimentalFetchLinkSuggestions:t,__experimentalHandleURLSuggestions:n}=this.props;if(!t)return;const o=!(e&&e.length);if(!this.inputRef.current||this.inputRef.current.ownerDocument.activeElement!==this.inputRef.current||!o&&(e.length<2||!n&&(0,db.isURL)(e)))return void this.closePopover();this.isUpdatingSuggestions=!0,this.setState({selectedSuggestion:null,loading:!0});const r=t(e,{isInitialSuggestions:o});r.then((e=>{this.suggestionsRequest===r&&(this.setState({suggestions:e,loading:!1,showSuggestions:!!e.length}),e.length||this.closePopover(),e.length?this.props.debouncedSpeak((0,h.sprintf)(/* translators: %s: number of results. */ /* translators: %s: number of results. */(0,h._n)("%d result found, use up and down arrow keys to navigate.","%d results found, use up and down arrow keys to navigate.",e.length,"kubio"),e.length),"assertive"):this.props.debouncedSpeak((0,h.__)("No results.","kubio"),"assertive"),this.isUpdatingSuggestions=!1)})).catch((()=>{this.suggestionsRequest===r&&(this.setState({loading:!1}),this.isUpdatingSuggestions=!1)})),this.suggestionsRequest=r}onChange(e){this.props.onChange(e),this.props.disableSuggestions||this.updateSuggestions(e.trim())}onFocus(){const{suggestions:e}=this.state,{disableSuggestions:t,value:n}=this.props;!n||t||this.isUpdatingSuggestions||e&&e.length||this.updateSuggestions(n.trim())}onKeyDown(e){const{showSuggestions:t,selectedSuggestion:n,suggestions:o,loading:r}=this.state;if(!t||!o.length||r){switch(e.keyCode){case Hc.UP:0!==e.target.selectionStart&&(e.stopPropagation(),e.preventDefault(),e.target.setSelectionRange(0,0));break;case Hc.DOWN:this.props.value.length!==e.target.selectionStart&&(e.stopPropagation(),e.preventDefault(),e.target.setSelectionRange(this.props.value.length,this.props.value.length))}return}const i=this.state.suggestions[this.state.selectedSuggestion];switch(e.keyCode){case Hc.UP:{e.stopPropagation(),e.preventDefault();const t=n?n-1:o.length-1;this.setState({selectedSuggestion:t});break}case Hc.DOWN:{e.stopPropagation(),e.preventDefault();const t=null===n||n===o.length-1?0:n+1;this.setState({selectedSuggestion:t});break}case Hc.TAB:null!==this.state.selectedSuggestion&&(this.selectLink(i),this.props.speak((0,h.__)("Link selected.","kubio")));break;case Hc.ENTER:null!==this.state.selectedSuggestion?(e.stopPropagation(),this.selectLink(i)):this.closePopover()}}selectLink(e){this.inputRef.current.value=e.url,this.props.onChange(e.url,e),this.closePopover()}handleOnClick(e){this.selectLink(e)}static getDerivedStateFromProps({value:e,instanceId:t,disableSuggestions:n,__experimentalShowInitialSuggestions:o=!1},{showSuggestions:r}){let i=r;const a=e&&e.length;return o||a||(i=!1),!0===n&&(i=!1),{showSuggestions:i,suggestionsListboxId:`block-editor-url-input-suggestions-${t}`,suggestionOptionIdPrefix:`block-editor-url-input-suggestion-${t}`}}render(){return(0,w.jsxs)(w.Fragment,{children:[this.renderControl(),this.renderSuggestions()]})}renderControl(){const{label:e,className:t,isFullWidth:n,instanceId:o,placeholder:r=(0,h.__)("Paste URL or type to search","kubio"),__experimentalRenderControl:i,value:a="",autoFocus:l=!0}=this.props,{loading:s,showSuggestions:c,selectedSuggestion:u,suggestionsListboxId:p,suggestionOptionIdPrefix:f}=this.state,m={id:`url-input-control-${o}`,label:e,className:g()("block-editor-url-input",t,{"is-full-width":n})},v={value:a,required:!0,autoFocus:l,className:"block-editor-url-input__input",type:"text",onChange:this.onChange,onFocus:this.onFocus,onInput:Xy,placeholder:r,onKeyDown:this.onKeyDown,role:"combobox","aria-label":(0,h.__)("URL","kubio"),"aria-expanded":c,"aria-autocomplete":"list","aria-owns":p,"aria-activedescendant":null!==u?`${f}-${u}`:void 0,ref:this.inputRef};return i?i(m,v,s):(0,w.jsxs)(d.BaseControl,{...m,children:[(0,w.jsx)(Yy,{...v}),s&&(0,w.jsx)(d.Spinner,{})]})}renderSuggestions(){const{className:e,__experimentalRenderSuggestions:t,value:n="",__experimentalShowInitialSuggestions:o=!1}=this.props;if(/^([a-z]+:)?\/\//.test(n))return null;const{showSuggestions:r,suggestions:i,selectedSuggestion:a,suggestionsListboxId:l,suggestionOptionIdPrefix:s,loading:c}=this.state,u={id:l,ref:this.autocompleteRef,role:"listbox"},p=(e,t)=>({role:"option",tabIndex:"-1",id:`${s}-${t}`,ref:this.bindSuggestionNode(t),"aria-selected":t===a});return(0,m.isFunction)(t)&&r&&i.length?t({suggestions:i,selectedSuggestion:a,closePopover:this.closePopover,suggestionsListProps:u,buildSuggestionItemProps:p,isLoading:c,inputRef:this.inputRef,handleSuggestionClick:this.handleOnClick,isInitialSuggestions:o&&!(n&&n.length)}):!(0,m.isFunction)(t)&&r&&i.length?(0,w.jsx)(d.Popover,{position:"bottom",noArrow:!0,focusOnMount:!1,children:(0,w.jsx)("div",{...u,className:g()("block-editor-url-input__suggestions",`${e}__suggestions`),children:i.map(((e,t)=>(0,j.createElement)(d.Button,{...p(0,t),key:e.id,className:g()("block-editor-url-input__suggestion",{"is-selected":t===a}),onClick:()=>this.handleOnClick(e)},e.title)))})}):null}}const Zy=(0,x.compose)(x.withSafeTimeout,d.withSpokenMessages,x.withInstanceId,(0,Um.withSelect)(((e,t)=>{if((0,m.isFunction)(t.__experimentalFetchLinkSuggestions))return;const{getSettings:n}=e("core/block-editor");return{__experimentalFetchLinkSuggestions:n().__experimentalFetchLinkSuggestions}})))(Ky),qy=({type:e,taxonomy:t,block:n})=>{if(e)switch(e){case"post":return(0,h.__)("Post","kubio");case"page":return(0,h.__)("Page","kubio");default:return(0,b.ucwords)(e.replace(/[\-\_]/gi," "))}if(t)switch(t){case"post_tag":return(0,h.__)("Tag","kubio");case"category":return(0,h.__)("Category","kubio")}if(n){const e=(0,Um.select)("core/blocks").getBlockTypes(),t=(0,m.find)(e,{name:n});return(null==t?void 0:t.title)||(0,h.__)("Unknown Block","kubio")}},Qy=({label:e,value:t,onChange:n,placeholder:o,showInitialSuggestions:r=!1,showSuggestionsInline:i=!1,allowSettings:a=!1,suggestionsPortalContainerRef:l=!1,suggestionsLimit:s=3,onClick:c,onSuggestionSelected:f=m.noop,autoFocus:v})=>{const b=(0,p.useRef)(),x=(0,p.useRef)(),_=(0,p.useRef)(m.noop),{uiVersion:k}=(0,tb.useUIVersion)(),S=(0,p.useCallback)((()=>{_.current()}),[]);(0,y.useOnClickOutside)(b,S);const C=(0,p.useCallback)((()=>{var e,t,n;const o=null===(e=x.current)||void 0===e||null===(t=e.getBoundingClientRect)||void 0===t?void 0:t.call(e),r=(null==o?void 0:o.toJSON())||{},i=2===k?1:0;return{...r,left:r.left+i,x:r.x+i,right:r.right+i,ownerDocument:null===(n=x.current)||void 0===n?void 0:n.ownerDocument}}),[k]);return(0,w.jsxs)(d.BaseControl,{className:g()("kubio-url-control-container","kubio-control"),children:[void 0!==e?(0,w.jsx)(d.BaseControl.VisualLabel,{children:e}):"",(0,w.jsxs)("div",{ref:x,className:"kubio-url-control-input-container",children:[(0,w.jsx)(Zy,{autoFocus:v,className:"kubio-url-control",value:t,onChange:n,placeholder:null!=o?o:(0,h.__)("Search or type url","kubio"),__experimentalHandleURLSuggestions:!0,__experimentalFetchLinkSuggestions:y.fetchLinkSuggestions,__experimentalShowInitialSuggestions:r,__experimentalRenderSuggestions:({suggestions:e,selectedSuggestion:t,suggestionsListProps:n,closePopover:o,handleSuggestionClick:r})=>{_.current=o,e=s?e.slice(0,s):e;const a=(0,w.jsx)("div",{...n,className:g()("block-editor-url-input__suggestions","kubio-url-control__suggestions"),ref:b,children:e.map(((e,n)=>(0,w.jsx)(d.Button,{className:g()("kubio-url-control__suggestion",{"is-selected":n===t}),onClick:()=>{r(e),f(e)},children:(0,w.jsxs)(d.Flex,{children:[(0,w.jsxs)(d.FlexBlock,{children:[(0,w.jsxs)(d.Flex,{justify:"start",className:"kubio-url-control__suggestion_title-wrapper",children:[(0,w.jsx)(d.FlexItem,{className:"kubio-url-control__suggestion_title",children:e.title}),(0,w.jsxs)(d.FlexItem,{className:"kubio-url-control__suggestion_type",children:["(",qy(e),")"]})]}),(0,w.jsx)("div",{className:"kubio-url-control__suggestion_url",children:(0,w.jsx)(d.Tooltip,{text:e.url,children:(0,w.jsx)("span",{children:e.url})})})]}),(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(Qs,{icon:u.EnterIcon,width:12})})]})},n)))});return l?(0,p.createPortal)(a,l.current):i?a:(0,w.jsx)(d.Popover,{className:"kubio-url-control__popover",position:2===k?"bottom right":"bottom",placement:"bottom-end",getAnchorRect:C,noArrow:!0,focusOnMount:!1,shouldAnchorIncludePadding:!0,__unstableForceXAlignment:2===k,children:a})}}),a&&(0,w.jsx)(d.Button,{isSmall:!0,icon:xy,className:"kubio-input-wrapper-button",onClick:c})]})]})},Jy=(0,y.withColibriPath)((({value:e,onChange:t,label:n,allowSettings:o,autoFocus:r,onClick:i})=>(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(Qy,{label:n,value:e,onChange:t,allowSettings:o,onClick:i,autoFocus:r})}))),e_=(0,y.withColibriPath)((e=>{const{onChange:t,...n}=e;return(0,w.jsx)(Ih,{...n,onChange:t})})),t_={height:"0px",display:"block",marginRight:"0",marginLeft:"auto",position:"relative",transform:"translate(10px, 30px)",pointerEvents:"none",float:"right"},n_=(0,y.withColibriPath)((e=>{const{value:t,onChange:n,isProOnly:o=!1,upgradeUrlArgs:r={},...i}=e,[a,l]=(0,Ju.useProModal)(),s=(0,p.useRef)();return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(a,{urlArgs:r,anchorRef:s.current}),(0,w.jsx)(d.ToggleControl,{className:"kubio-toggle-control",...i,label:(0,w.jsxs)(w.Fragment,{children:[i.label,(0,w.jsx)("span",{style:t_,ref:s})]}),checked:t,onChange:e=>{o&&(0,Ju.isFreeVersion)()?l(!0):n(e)}})]})})),o_=({label:e,children:t,className:n})=>(0,w.jsx)(d.BaseControl,{className:"kubio-control",children:(0,w.jsxs)("div",{className:`kubio-inlined-label-control ${n}`,children:[e&&(0,w.jsx)("div",{className:"kubio-inlined-label-control__label",children:(0,w.jsx)(d.BaseControl.VisualLabel,{children:e})}),(0,w.jsx)("div",{className:"kubio-inlined-label-control__control",children:t})]})}),r_=({toggable:e,toggleValue:t,onToggleChange:n,showReset:o=!1,onReset:r,children:i,popoverClass:a="",position:l,iconSize:s,onPopoverClose:c,onPopoverOpen:h,popoverWidth:f,popoverAnchorRef:g,isProOnly:v=!1,upgradeUrlArgs:_={upgradeUrlArgs:_},minWidth:k={minWidth:k}})=>{const[S,C]=(0,p.useState)(t),[j,R]=(0,p.useState)(!1),I=(0,p.useRef)(),E=(0,p.useRef)(),T=(0,x.useInstanceId)(r_,"kubio-options-popover"),{instanceClassesWithChildrenSelector:O,contextProvider:P}=(0,y.usePopupNestingContext)(T),M=g?g.current:null==E?void 0:E.current;(0,p.useEffect)((()=>C(t)),[t]);const A=(0,p.useCallback)((e=>{const t=null==e?void 0:e.target,n=t&&t.closest(O);M&&t&&(M.contains(t)||n)||(R(!1),c&&c())}),[M,c,R,O]);let N;f&&(N=parseInt(f).toString().length===f.toString().length?`${f}px`:f),(0,b.useOnClickOutside)(I,A);const L=(0,w.jsxs)(w.Fragment,{children:[(0,m.isFunction)(i)&&i(A),!(0,m.isFunction)(i)&&i]}),z=(0,p.useRef)(),[D,F]=(0,Ju.useProModal)();let B=!S;return v&&(B=!0),!1!==k&&(k=(0,m.isNumber)(k)?`${k}px`:k),(0,w.jsxs)("div",{className:"kubio-popover-options-button__button-wrapper",children:[e&&(0,w.jsxs)("div",{ref:z,className:"kubio-popover-options-button__toggle",children:[(0,w.jsx)(d.FormToggle,{checked:S,onChange:e=>{v?F(!0):(()=>{const e=!S;C(e),n(e)})()}}),(0,w.jsx)(D,{anchorRef:M,urlArgs:_})]}),(0,w.jsxs)("div",{className:"kubio-popover-options-button__options-button",children:[(0,w.jsx)(d.Button,{disabled:B,icon:u.CogIcon,className:"kubio-popover-options-button__options-item "+(S?"kubio-popover-options-icon":"kubio-popover-options-icon disabled-icon"),isSmall:!0,iconSize:s,onClick:()=>{v?F(!0):j?A():(R(!0),h&&h())},ref:E}),o&&(0,w.jsx)(d.Button,{disabled:!S,className:"kubio-popover-options-button__options-item "+(S?"kubio-popover-options-icon":"kubio-popover-options-icon disabled-icon"),icon:u.ResetIcon,isSmall:!0,onClick:r}),j&&(0,w.jsx)(d.Popover,{position:l,className:`kubio-options-popover ${a} ${T}`,anchorRef:M,offset:6,shift:!0,flip:!0,resize:!1,children:(0,w.jsx)(y.PopupNestingContextProvider,{value:P,children:(0,w.jsxs)("div",{style:{minWidth:k},ref:I,className:N?"":"kubio-options-popover-components-wrapper",children:[N&&(0,w.jsx)("div",{className:"kubio-options-popover-components-wrapper",style:{width:N},children:L}),!N&&L]})})})]})]})},i_=({label:e,toggable:t=!1,enabled:n=!0,onToggleChange:o=m.noop,showReset:r=!1,onReset:i=m.noop,beforeOptionsButton:a=null,popupContent:l,popoverClass:s="",position:c=null,iconSize:u=24,onPopoverClose:d=null,onPopoverOpen:p=null,popoverWidth:h,popoverAnchorRef:f,isProOnly:v=!1,minWidth:b=!1,upgradeUrlArgs:x={}})=>{const{uiVersion:y}=(0,tb.useUIVersion)();let _=c;return null===_&&(_=2===y?"bottom right":"bottom left"),(0,w.jsx)(o_,{className:g()("kubio-popover-options-button","kubio-control"),label:e,children:(0,w.jsxs)("div",{className:"kubio-popover-options-button__options-wrapper",children:[a&&(0,w.jsx)("div",{className:"kubio-popover-options-button__options-item",children:a}),(0,w.jsx)("div",{className:"kubio-popover-options-button__options-item",children:(0,w.jsx)(r_,{showReset:r,onReset:i,toggable:t,toggleValue:n,onToggleChange:o,popoverClass:s,position:_,iconSize:u,onPopoverClose:d,onPopoverOpen:p,popoverWidth:h,popoverAnchorRef:f,isProOnly:v,minWidth:b,upgradeUrlArgs:x,children:l})})]})})},a_=(0,y.withComputedData)((e=>{const t=e.getAttribute("link",{}),n=v().merge({},by.defaultValue,t),o=by.linkOpen.values;return{link:n,linkIs:{sameWindow:n.typeOpenLink===o.SAME_WINDOW,newWindow:n.typeOpenLink===o.NEW_WINDOW,lightbox:n.typeOpenLink===o.LIGHT_BOX}}}))((({computed:e,label:t=(0,h.__)("Link","kubio"),withMediaType:n=!0})=>{const[o,r]=(0,p.useState)(!1),{linkIs:i}=e;return(0,w.jsx)(w.Fragment,{children:(0,w.jsxs)(d.BaseControl,{className:g()("kubio-link-control-container","kubio-control"),children:[(0,w.jsx)(Jy,{label:t,onClick:()=>r(!o),type:y.WithDataPathTypes.ATTRIBUTE,path:"link.value"}),(0,w.jsx)(i_,{popupContent:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(e_,{label:(0,h.__)("Open link in","kubio"),type:y.WithDataPathTypes.ATTRIBUTE,path:"link.typeOpenLink",options:by.linkOpen.options}),n&&(null==i?void 0:i.lightbox)&&(0,w.jsx)(e_,{label:(0,h.__)("Media type","kubio"),type:y.WithDataPathTypes.ATTRIBUTE,path:"link.lightboxMedia",options:by.lightboxMedia.options}),(0,w.jsx)(n_,{label:(0,h.__)("Add nofollow","kubio"),type:y.WithDataPathTypes.ATTRIBUTE,path:"link.noFollow"})]}),minWidth:260})]})})})),l_=({className:e,link:t,children:n})=>{const o=v().merge({},by.defaultValue,t),r=vy(o),i=null==r?void 0:r.href;e&&(r.className=e);const a=v().omit(r,"href");return(0,w.jsxs)(w.Fragment,{children:[i&&(0,w.jsx)("a",{...a,children:n}),!i&&(0,w.jsxs)(w.Fragment,{children:[n," "]})]})},s_="floating-contact",c_="iconvert-promoter",u_="contact-form-7",d_="fluent-booking",p_={[s_]:"Bubble Chat",[c_]:"iConvert Promoter",[u_]:"Contact Form 7",[d_]:"Fluent Booking"},h_=e=>v().get(p_,e,e),f_={LINK:"link",PHONE:"phone",WHATSAPP:"whatsapp",NEWSLETTER:"newsletter",CONTACT_FORM:"contact-form",FLUENT_BOOKING:"fluent-booking"},g_=[{label:(0,h.__)("Open a Link","kubio"),value:f_.LINK,icon:u.Link},{label:(0,h.__)("Call a Phone Number","kubio"),value:f_.PHONE,icon:u.Phone},{label:(0,h.__)("Open a WhatsApp Chat","kubio"),value:f_.WHATSAPP,icon:u.Whatsapp},{label:(0,h.__)("Open a Marketing Campaign","kubio"),value:f_.NEWSLETTER,description:(0,h.sprintf)(// Translators: %s is the plugin name.
// Translators: %s is the plugin name.
(0,h.__)("Installs %s plugin","kubio"),h_(c_)),icon:u.Newsletter},{label:(0,h.__)("Open a Contact / Quotation Form","kubio"),value:f_.CONTACT_FORM,description:(0,h.sprintf)(// Translators: %s is the plugin name.
// Translators: %s is the plugin name.
(0,h.__)("Installs %s plugin","kubio"),h_(u_)),icon:u.Contact},{label:(0,h.__)("Open an Appointment Booking form","kubio"),value:f_.FLUENT_BOOKING,description:(0,h.sprintf)(// Translators: %s is the plugin name.
// Translators: %s is the plugin name.
(0,h.__)("Installs %s plugin","kubio"),h_(d_)),icon:u.Booking}],m_=window.wp.apiFetch;var v_=n.n(m_);const b_=(0,p.forwardRef)(((e,t)=>{const{value:n,onChange:o=v().noop,allowSettings:r,allowReset:i,onClick:a,onReset:l,className:s,inline:c=!1,numeric:f=!1,debounceDelay:m=300,onEnter:b=v().noop,useDebounce:x=!0,fieldType:y="text",..._}=e,k=g()("kubio-input-control-container","kubio-control",{"settings-on":r||i,"kubio-inline-input":c}),S=(0,p.useMemo)((()=>v().debounce(o,m)),[o,m]),C={ref:t,className:s,value:n||(f?0:""),onChange:e=>{x?S(e):o(e)},onKeyDown:e=>{"Enter"===e.key&&b(n)},type:y,..._};return(0,w.jsx)(w.Fragment,{children:(0,w.jsxs)(d.BaseControl,{className:k,children:[f&&(0,w.jsx)(d.__experimentalNumberControl,{onBlur:()=>{(e=>!e&&0!==e&&"0"!==e)(n)&&l()},...C}),!f&&(0,w.jsx)(d.__experimentalInputControl,{...C}),r&&(0,w.jsx)(d.Button,{isSmall:!0,icon:xy,className:"kubio-input-control-button",onClick:a}),i&&(0,w.jsx)(d.Button,{isSmall:!0,icon:u.ResetIcon,label:(0,h.__)("Reset","kubio"),className:["kubio-input-control-button","kubio-popover-options-icon","kubio-color-indicator-popover-reset-icon","kubio-border-control-button"].join(" "),onClick:()=>l()})]})})})),x_=(0,y.withColibriPath)(b_),y_=({inited:e,pluginIsActive:t,fetchItemsList:n,itemsList:o})=>{(0,p.useEffect)((()=>{t&&v().isEmpty(o)&&e&&n()}),[])},w_=({widgetId:e})=>{const t=`${(0,b.getBackendData)("admin_url")}/admin.php`,n=(0,db.addQueryArgs)(t,{page:"floating-contact"});return(0,w.jsx)(d.Button,{href:n,target:"_blank",className:"w-100 justify-content-center",isPrimary:!0,children:(0,h.__)("Edit Bubble Chat Settings","kubio")})},k_=(0,x.compose)([(0,y.withComputedData)((e=>({recommendation:e.getAttribute("recommendation",{})})))])((({computed:e,pluginData:t,bubbleChannel:n="phone"})=>{var o;const{itemsList:r=[],inited:i,fetchItemsList:a,pluginIsActive:l}=t||{},{recommendation:s}=e,c=null==s?void 0:s.bubbleChat,u=null==c?void 0:c.id,d=null==c||null===(o=c[n])||void 0===o?void 0:o.phoneNr;return y_({inited:i,pluginIsActive:l,fetchItemsList:a,itemsList:r}),(0,w.jsx)(w.Fragment,{children:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(x_,{label:(0,h.__)("Phone number","kubio"),type:y.WithDataPathTypes.ATTRIBUTE,path:`recommendation.bubbleChat.${n}.phoneNr`,onBlur:async()=>{if(!u||!d)return;if(!(r||[]).find((e=>(null==e?void 0:e.value)===u)))return;const e={[n]:{phoneNr:d}};await(async({widgetId:e,params:t={}})=>{try{return await v_()({path:(0,db.addQueryArgs)("/kubio/v1/update_bubble_chat_widget_data"),method:"POST",data:{widgetId:e,params:t}}),!0}catch(e){return!1}})({widgetId:u,params:e})},fieldType:"tel",fieldPattern:"^\\+?[0-9][0-9\\s\\-]*$",placeholder:"e.g., +1 555 123 4567"}),u&&(0,w.jsx)(w_,{widgetId:u})]})})})),S_=({showLabel:e=!0,label:t=(0,h.__)("Note:","kubio"),content:n="",...o})=>(0,w.jsx)(d.BaseControl,{...o,children:(0,w.jsxs)("div",{className:"h-control-notice",children:[e&&(0,w.jsx)("span",{className:"h-control-notice__label",children:t}),(0,w.jsx)("div",{className:"h-control-notice__content",children:n})]})}),C_=({pluginSlug:e})=>(0,w.jsxs)("div",{className:"kubio-placeholder-container kubio-recommendation-loader__container",children:[(0,w.jsx)(d.Icon,{icon:u.KubioLoader}),(0,w.jsxs)("span",{children:[(0,h.__)("Installing plugin:","kubio"),(0,w.jsxs)("strong",{children:[" ",h_(e)," "]})]})]}),j_=({message:e="Loading..."})=>(0,w.jsxs)("div",{className:"kubio-placeholder-container kubio-recommendation-loader__container",children:[(0,w.jsx)(d.Icon,{icon:u.KubioLoader}),e]}),R_=(0,x.createHigherOrderComponent)((e=>t=>{const{pluginData:n}=t,{itemsList:o=[],isInstallingPlugin:r,isFetchingPluginData:i,inited:a,fetchItemsList:l,pluginSlug:s,pluginIsActive:c,onInstallAndInitIfNeededAndFetchItems:u}=n||{};return y_({inited:a,pluginIsActive:c,fetchItemsList:l,itemsList:o}),r?(0,w.jsx)(C_,{pluginSlug:s}):i?(0,w.jsx)(j_,{}):c?(0,w.jsx)(e,{...t}):(0,w.jsx)(d.Button,{onClick:u,target:"_blank",className:"w-100 justify-content-center",isPrimary:!0,children:(0,h.sprintf)((0,h.__)('Install "%s" plugin',"kubio"),h_(s))})})),I_=({newsletterId:e})=>{const t=`${(0,b.getBackendData)("admin_url")}/admin.php`;let n=(0,db.addQueryArgs)(t,{page:"iconvertpr-editor",postId:e,postType:"cs-promo-popups"});return e||(n=(0,db.addQueryArgs)(t,{page:"iconvertpr-promoter"})),(0,w.jsx)(d.Button,{href:n,target:"_blank",className:"kubio-recommendation-control__edit-design-button",isPrimary:!0,children:(0,h.__)("Edit design","kubio")})},E_=({newsletterId:e})=>{const t=`${(0,b.getBackendData)("admin_url")}/admin.php`;let n=(0,db.addQueryArgs)(t,{page:"iconvertpr-promoter",post_id:e,route:"promo.edit"});return e||(n=(0,db.addQueryArgs)(t,{page:"iconvertpr-promoter"})),(0,w.jsx)(d.Button,{href:n,target:"_blank",className:"w-100 justify-content-center",isPrimary:!0,children:(0,h.__)("Edit settings","kubio")})},T_=(0,x.compose)(R_,[(0,y.withComputedData)((e=>({recommendation:e.getAttribute("recommendation",{})})))])((({computed:e,pluginData:t})=>{var n;const{itemsList:o}=t||{},{recommendation:r}=e,i=null==r||null===(n=r.newsletter)||void 0===n?void 0:n.id,a=!v().isEmpty(o);return(0,w.jsxs)(w.Fragment,{children:[!a&&(0,w.jsx)(S_,{content:(0,h.__)("No forms. Please create a form","kubio")}),a&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(e_,{label:(0,h.__)("Email capture form","kubio"),options:o,path:"recommendation.newsletter.id",type:y.WithDataPathTypes.ATTRIBUTE,inlineLabel:!1,skipUnavailableSelectedValue:!0}),(0,w.jsxs)(d.BaseControl,{className:"kubio-recommendation-control__button-group",children:[(0,w.jsx)(I_,{newsletterId:i}),(0,w.jsx)(E_,{newsletterId:i})]})]})]})})),O_="kubio_recommend_page",P_=()=>{const{getEntityRecords:e}=(0,Um.resolveSelect)("core"),{saveEntityRecord:t}=(0,Um.useDispatch)("core"),n=async()=>await e("postType",O_,{per_page:-1})||[],o=async({pluginSlug:e,formId:t})=>(await n()).find((n=>{const o=null==n?void 0:n.meta;return(null==o?void 0:o.plugin_form_id)===t&&(null==o?void 0:o.plugin_slug)===e})),r=async({pluginSlug:e,formId:n})=>{const o=await(async({pluginSlug:e,formId:t})=>{let n=null;try{const t=await v_()({path:(0,db.addQueryArgs)("/kubio/v1/get-recommendation-page-content-by-plugin",{pluginSlug:e})});n=null==t?void 0:t.data}catch(e){console.error(e)}if(!n)return null;let o=(0,sb.parse)(n);return o=o.map((e=>(0,b.refreshBlockStyleRefs)(e))),(({pluginSlug:e,formId:t,blocks:n})=>{switch(e){case u_:return(({blocks:e,formId:t})=>{const n=(0,b.findBlockByName)(e,"kubio/contact");if(!n)return null;const o=`[contact-form-7 id="${t}"]`;return v().set(n,"attributes.formId",t+""),v().set(n,"attributes.shortcode",o),!0})({blocks:n,formId:t});case d_:return(({blocks:e,formId:t})=>{const n=(0,b.findBlockByName)(e,"kubio/shortcode");if(!n)return null;const o=`[fluent_booking id="${t}"]`;return v().set(n,"attributes.shortcode",o),!0})({blocks:n,formId:t})}return null})({blocks:o,pluginSlug:e,formId:t})?(0,sb.serialize)(o):null})({pluginSlug:e,formId:n});return o?await t("postType",O_,{title:"New Recommendation Popup",content:o,status:"publish",meta:{plugin_slug:e,plugin_form_id:n}}):null};return{getRecommendationPages:n,getRecommendationPageByParams:o,onInsertNewRecommendationPageIfNotExists:async({pluginSlug:e,formId:t})=>await o({pluginSlug:e,formId:t})||r({pluginSlug:e,formId:t}),onInsertNewRecommendationPage:r}},M_=async({dataHelper:e,newId:t,onInsertNewRecommendationPageIfNotExists:n})=>{e.setAttribute("recommendation.contactForm.id",t),e.setAttribute("recommendation.contactForm.recommendationPageId",null);const o=await n({pluginSlug:u_,formId:t});e.setAttribute("recommendation.contactForm.recommendationPageId",null==o?void 0:o.id)},A_=({contactFormId:e})=>{const t=`${(0,b.getBackendData)("admin_url")}/admin.php`;let n=(0,db.addQueryArgs)(t,{page:"wpcf7",post:e,action:"edit"});return e||(n=(0,db.addQueryArgs)(t,{page:"wpcf7"})),(0,w.jsx)(d.Button,{href:n,target:"_blank",className:"w-100 justify-content-center",isPrimary:!0,children:(0,h.__)("Edit settings","kubio")})},N_=(0,x.compose)(R_,[(0,y.withComputedData)((e=>({recommendation:e.getAttribute("recommendation",{})})))])((({computed:e,dataHelper:t,pluginData:n})=>{var o;const{itemsList:r=[],inited:i}=n||{},{recommendation:a}=e,l=null==a||null===(o=a.contactForm)||void 0===o?void 0:o.id,s=!v().isEmpty(r),{onInsertNewRecommendationPageIfNotExists:c}=P_(),u=(0,p.useCallback)((()=>{t.setSessionProp("viewRecommendationPage",!0)}),[t]);return(0,w.jsxs)(w.Fragment,{children:[!s&&(0,w.jsx)(S_,{content:(0,h.__)("No forms. Please create a form","kubio")}),s&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(e_,{label:(0,h.__)("Contact form","kubio"),options:r,path:"recommendation.contactForm.id",type:y.WithDataPathTypes.ATTRIBUTE,onChange:async e=>{await M_({newId:e,dataHelper:t,onInsertNewRecommendationPageIfNotExists:c})},inlineLabel:!1,skipUnavailableSelectedValue:!0,placeholder:(0,h.__)("Select a form","kubio")}),(0,w.jsxs)(d.BaseControl,{className:"kubio-recommendation-control__button-group",children:[(0,w.jsx)(d.Button,{className:"kubio-recommendation-control__edit-design-button",isPrimary:!0,onClick:u,children:(0,h.__)("Edit design","kubio")}),(0,w.jsx)(A_,{contactFormId:l})]})]})]})})),L_=()=>{const e=`${(0,b.getBackendData)("admin_url")}/admin.php?page=fluent-booking#/calendars`;return(0,w.jsx)(d.Button,{href:e,target:"_blank",className:"w-100 justify-content-center",isPrimary:!0,children:(0,h.__)("Edit settings","kubio")})},z_=async({dataHelper:e,newId:t,onInsertNewRecommendationPageIfNotExists:n})=>{e.setAttribute("recommendation.fluentBooking.id",t),e.setAttribute("recommendation.fluentBooking.recommendationPageId",null);const o=await n({pluginSlug:d_,formId:t});e.setAttribute("recommendation.fluentBooking.recommendationPageId",null==o?void 0:o.id)},D_=(0,x.compose)(R_,[(0,y.withComputedData)((e=>({linkType:e.getAttribute("linkType"),recommendation:e.getAttribute("recommendation",{})})))])((({computed:e,dataHelper:t,pluginData:n})=>{const{itemsList:o=[]}=n||{},{recommendation:r}=e,{onInsertNewRecommendationPageIfNotExists:i}=P_(),a=!v().isEmpty(o),l=(0,p.useCallback)((()=>{t.setSessionProp("viewRecommendationPage",!0)}),[t]);return(0,w.jsxs)(w.Fragment,{children:[!a&&(0,w.jsx)(S_,{content:(0,h.__)("No forms. Please create a form","kubio")}),a&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(e_,{label:(0,h.__)("Calendar","kubio"),options:o,path:"recommendation.fluentBooking.id",type:y.WithDataPathTypes.ATTRIBUTE,onChange:async e=>{await z_({newId:e,dataHelper:t,onInsertNewRecommendationPageIfNotExists:i})},inlineLabel:!1,skipUnavailableSelectedValue:!0,placeholder:(0,h.__)("Select a calendar","kubio")}),(0,w.jsxs)(d.BaseControl,{className:"kubio-recommendation-control__button-group",children:[(0,w.jsx)(d.Button,{className:"kubio-recommendation-control__edit-design-button",isPrimary:!0,onClick:l,children:(0,h.__)("Edit design","kubio")}),(0,w.jsx)(L_,{})]})]})]})})),F_=window.kubio.log,B_=window.wp.preferences,H_=Object.freeze({}),W_=window.wp.domReady;var G_=n.n(W_);const V_="kubio/v1/get-recommendation-default-settings",U_={},$_={},X_=({pluginPath:e,listApiPath:t,initApiPath:n,pluginSlug:o,onCustomInitFunc:r})=>{const[i,a]=(0,p.useState)(!1),[l,s]=(0,p.useState)(!1),{createSuccessNotice:c,createErrorNotice:u}=(0,y.useKubioNotices)(),{itemsList:d,pluginIsActive:f,inited:g,onSetPluginItemsList:b,onSetPluginInited:x,onSetPluginInstalled:_,onSetPluginDefaultData:w}=(e=>{const t=(0,Um.useSelect)((e=>{const{getRecommendationSettings:t=(()=>H_)}=e("kubio/recommendations")||{};return t()}),[]),{updateRecommendationSettings:n=m.noop}=(0,Um.useDispatch)("kubio/recommendations")||{},{pluginIsActive:o,itemsList:r=[],inited:i}=(null==t?void 0:t[e])||{};return{pluginIsActive:o,itemsList:r,inited:i,onSetPluginInstalled:()=>{n({[e]:{pluginIsActive:!0}})},onSetPluginItemsList:(t=[])=>{v().isEmpty(t)&&(t=[]),n({[e]:{itemsList:t}})},onSetPluginInited:(t=[])=>{const o={[e]:{inited:!0}};v().isEmpty(t)||v().set(o,`${e}.itemsList`,t),n(o)},onSetPluginDefaultData:(t={})=>{n({[e]:{initialData:t}})}}})(e),k=async()=>{if(!v().isEmpty(d))return d;if(U_[e])return d;if(U_[e]=!0,l)return d;s(!0);try{const e=await v_()({path:(0,db.addQueryArgs)(t)}),n=(null==e?void 0:e.data)||[];return b(n),s(!1),n}catch(e){F_.Log.error(e)}finally{s(!1)}},S=async()=>{if(f)return!0;if(!await(0,y.installAndActivatePlugin)(o))return u((0,h.sprintf)(// translators: %s is the plugin label
// translators: %s is the plugin label
(0,h.__)('Plugin "%s" could not be activated',"kubio"),h_(o))),!1;c((0,h.sprintf)(// translators: %s is the plugin label
// translators: %s is the plugin label
(0,h.__)('Installed plugin: "%s"',"kubio"),h_(o)));try{const e=await v_()({path:(0,db.addQueryArgs)(V_,{plugin:o})});if(!e.ok)throw new Error(`Failed to fetch default data for plugin: ${o}`);const t=await e.json();w(t)}catch(e){w({})}return _(),!0};return{itemsList:d,isInstallingPlugin:i,isFetchingPluginData:l,pluginIsActive:f,inited:g,onInstallAndInitIfNeededAndFetchItems:async()=>{if(f||a(!0),!await S())return a(!1),!1;const t=await(async()=>{if($_[e])return await k();if($_[e]=!0,r)return null==r?void 0:r({onCustomInitFunc:r,inited:g,onSetPluginInited:x,createSuccessNotice:c,createErrorNotice:u,initApiPath:n,fetchItemsList:k});if(g)return await k();s(!0);try{const e=await v_()({path:(0,db.addQueryArgs)(n)}),t=null==e?void 0:e.data;return Array.isArray(t)&&null!=t&&t.length?(x(t),c((0,h.sprintf)(// translators: %s is the plugin label
// translators: %s is the plugin label
(0,h.__)('Setup for plugin: "%s" is complete!',"kubio"),h_(o))),s(!1),t):[]}catch(e){return F_.Log.error(e),u((0,h.sprintf)(// translators: %s is the plugin label
// translators: %s is the plugin label
(0,h.__)('Encountered an error while doing initial setup for the plugin: "%s"',"kubio"),h_(o))),s(!1),[]}})();return a(!1),t||[]},fetchItemsList:k,onInstallPlugin:S,onSetPluginInited:x,pluginSlug:o,setIsInstallingPlugin:a}};G_()((()=>{const e={show:!0};Object.values(f_).forEach((t=>{e[`import-${t}`]=!0})),(0,Um.dispatch)(B_.store).setDefaults("kubio/button-actions-options",e)}));const Y_=async({inited:e,onSetPluginInited:t,fetchItemsList:n,createSuccessNotice:o,createErrorNotice:r,initApiPath:i})=>{if(e)return await n();try{var a;await v_()({path:(0,db.addQueryArgs)(i)});const e=await K_();if(!v().isEmpty(e)){const e=await n();return t(e),e}const r=await q_();if(null!=r&&null!==(a=r.slot)&&void 0!==a&&a.id){const e=[r.slot].map((e=>({label:e.title,value:e.id})));return o((0,h.sprintf)(// translators: %s is the plugin label
// translators: %s is the plugin label
(0,h.__)('Setup for plugin: "%s" is complete!',"kubio"),h_(d_))),t(e),e}}catch(e){return F_.Log.error(e),r((0,h.sprintf)(// translators: %s is the plugin label
// translators: %s is the plugin label
(0,h.__)('Encountered an error while doing initial setup for the plugin: "%s"',"kubio"),h_(d_))),[]}return[]},K_=async()=>{var e;const t=await v_()({path:(0,db.addQueryArgs)("/fluent-booking/v2/calendars")});return(null==t||null===(e=t.calendars)||void 0===e?void 0:e.data)||null},Z_={author_timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,slot:{status:"active",title:(0,h.__)("Meet with us","kubio"),duration:"30",event_type:"single",availability_type:"existing_schedule",schedule_type:"weekly_schedules",weekly_schedules:{mon:{enabled:"true",slots:[{start:"09:00",end:"17:00"}]},tue:{enabled:"true",slots:[{start:"09:00",end:"17:00"}]},wed:{enabled:"true",slots:[{start:"09:00",end:"17:00"}]},thu:{enabled:"true",slots:[{start:"09:00",end:"17:00"}]},fri:{enabled:"true",slots:[{start:"09:00",end:"17:00"}]},sat:{enabled:"false"},sun:{enabled:"false"}},location_settings:[{type:"in_person_guest",title:"In Person (Attendee Address)"}]}},q_=async()=>await v_()({path:(0,db.addQueryArgs)("/fluent-booking/v2/calendars"),method:"POST",data:{calendar:Z_}}),Q_=(0,Um.combineReducers)({settings:function(e={},t){if("UPDATE_RECOMMENDATION_SETTINGS"===t.type){const n=t.value;if(!v().isObject(n))return e;const o=(0,b.mergeNoArrays)({},e.kubioRecommendationSettings||{},n);return{...e,kubioRecommendationSettings:o}}return e}});function J_(e){return{type:"UPDATE_RECOMMENDATION_SETTINGS",value:e}}async function ew(){return{type:"UPDATE_RECOMMENDATION_SETTINGS",value:await v_()({path:"/kubio/v1/get-recommendations-settings"})}}const tw=e=>{var t;return(null===(t=e.settings)||void 0===t?void 0:t.kubioRecommendationSettings)||{}},nw={reducer:Q_,actions:e,selectors:t,persist:["preferences"]},ow={settings:{kubioRecommendationSettings:v().get(window.kubioUtilsData,"kubioRecommendationSettings",{})}};G_()((()=>{(0,Um.registerStore)("kubio/recommendations",{...nw,initialState:ow})}));const rw=(0,y.withComputedData)((e=>({linkType:e.getAttribute("linkType"),linkLabel:(0,h.__)("Button link","kubio"),recommendation:e.getAttribute("recommendation",{})})))((({computed:e,dataHelper:t})=>{const{linkType:n,recommendation:o}=e,[r,i]=(0,p.useState)(!1),{createErrorNotice:a}=(0,y.useKubioNotices)(),{onInsertNewRecommendationPageIfNotExists:l}=P_(),s=X_({pluginPath:"bubbleChat",pluginSlug:s_,listApiPath:"/kubio/v1/get_bubble_chat_widgets",initApiPath:"/kubio/v1/prepare_bubble_chat_plugin"}),c=X_({pluginPath:"newsletters",pluginSlug:c_,listApiPath:"/kubio/v1/get_newsletters",initApiPath:"/kubio/v1/prepare_newsletter_plugin"}),u=X_({pluginPath:"contactForm",pluginSlug:u_,listApiPath:"/kubio/v1/get_contact_forms",initApiPath:"/kubio/v1/prepare_contact_form_plugin"}),f=X_({pluginPath:"fluentBooking",pluginSlug:d_,listApiPath:"/kubio/v1/get_fluent_events",initApiPath:"/kubio/v1/prepare_fluent_booking_plugin",onCustomInitFunc:Y_}),g=(()=>{const e=(0,m.get)(top,"kubio.blockLibrary.useContactFormApi",m.noop),{retrieve:t}=e();return t||m.noop})(),[x,_]=(()=>{const e=(0,Um.useSelect)((e=>{let t=e(B_.store).get("kubio/button-actions-options","show");return void 0===t&&(t=!0),t}),[]),{set:t}=(0,Um.useDispatch)(B_.store);return[e,n=>{n!==e&&t("kubio/button-actions-options","show",n)}]})(),k=(()=>{const e=(0,Um.useSelect)((e=>{const t={};return Object.values(f_).forEach((n=>{t[n]=(t=>{let n=e(B_.store).get("kubio/button-actions-options",`import-${t}`);return void 0===n&&(n=!0),n})(n)})),t}),[]),{set:t}=(0,Um.useDispatch)(B_.store);return{values:e,setImportDefaults:(e,n)=>{t("kubio/button-actions-options",`import-${e}`,n)}}})(),S=(0,p.useMemo)((()=>{const e=g_.find((e=>e.value===n));return e?(0,w.jsx)("div",{className:"kubio-recommendation-control__item__icon-container",children:(0,w.jsx)(d.Icon,{icon:null==e?void 0:e.icon,className:"kubio-recommendation-control__dropdown-icon-prefix"})}):(0,w.jsx)(w.Fragment,{})}),[n]),C=t.getAttribute("link",{}),j=n===f_.LINK&&!(null==C||!C.value)&&"#"!==(null==C?void 0:C.value),R=x&&!j,I=(0,p.useMemo)((()=>g_.map((e=>{let t=!1;switch(e.value){case f_.CONTACT_FORM:null!=u&&u.pluginIsActive&&(t=!0);break;case f_.NEWSLETTER:null!=c&&c.pluginIsActive&&(t=!0);break;case f_.FLUENT_BOOKING:null!=f&&f.pluginIsActive&&(t=!0);break;case f_.WHATSAPP:case f_.PHONE:null!=s&&s.pluginIsActive&&(t=!0)}return t?v().omit(e,"description"):e}))),[null==u?void 0:u.pluginIsActive,null==c?void 0:c.pluginIsActive,null==s?void 0:s.pluginIsActive,null==f?void 0:f.pluginIsActive]);return(0,w.jsxs)(w.Fragment,{children:[(0,b.getBackendData)("recommendations.displayButtonActionsOptions")&&(0,w.jsx)(e_,{label:(0,h.__)("Button action","kubio"),options:I,value:n,onChange:async e=>{var n,r,s,d,p,h,m,v,b,x,y,w;let S,C;t.setAttribute("linkType",e),t.setSessionProp("viewRecommendationPage",!1),_(!1);try{switch(i(!0),e){case f_.NEWSLETTER:S=await(null==c||null===(n=c.onInstallAndInitIfNeededAndFetchItems)||void 0===n?void 0:n.call(c));let i=null===(r=S)||void 0===r||null===(s=r.find)||void 0===s?void 0:s.call(r,(e=>{var t,n,o,r;return null==e||null===(t=e.label)||void 0===t||null===(n=t.toLowerCase)||void 0===n||null===(o=n.call(t))||void 0===o||null===(r=o.includes)||void 0===r?void 0:r.call(o,"click")}));var j;i||(i=null===(j=S)||void 0===j?void 0:j[0]),(async e=>{t.setAttribute("recommendation.newsletter.id",e)})(null===(d=i)||void 0===d?void 0:d.value);break;case f_.CONTACT_FORM:S=await(null==u||null===(p=u.onInstallAndInitIfNeededAndFetchItems)||void 0===p?void 0:p.call(u)),g(),C=null===(h=S)||void 0===h||null===(m=h[0])||void 0===m?void 0:m.value,!C||null!=o&&null!==(v=o.contactForm)&&void 0!==v&&v.id||(async e=>{await M_({newId:e,dataHelper:t,onInsertNewRecommendationPageIfNotExists:l})})(C);break;case f_.FLUENT_BOOKING:S=await(null==f||null===(b=f.onInstallAndInitIfNeededAndFetchItems)||void 0===b?void 0:b.call(f)),C=null===(x=S)||void 0===x||null===(y=x[0])||void 0===y?void 0:y.value,!C||null!=o&&null!==(w=o.fluentBooking)&&void 0!==w&&w.id||(async e=>{await z_({newId:e,dataHelper:t,onInsertNewRecommendationPageIfNotExists:l})})(C);break;case f_.PHONE:case f_.WHATSAPP:if(!k.values[e])return;k.setImportDefaults(e,!1);try{await v_()({path:(0,db.addQueryArgs)(V_,{plugin:e})})}catch(e){}}}catch(e){a(null==e?void 0:e.message)}finally{i(!1)}},type:y.WithDataPathTypes.ATTRIBUTE,disabled:r,inlineLabel:!1,selectedOptionPrefix:S,className:"kubio-recommendation-control__select",forceOpened:R,itemRenderer:e=>(0,w.jsxs)("div",{className:"kubio-recommendation-control__item",children:[(0,w.jsx)("div",{className:"kubio-recommendation-control__item__icon-container",children:(0,w.jsx)(d.Icon,{icon:null==e?void 0:e.icon,size:20})}),(0,w.jsxs)("div",{children:[(0,w.jsx)("p",{className:"kubio-recommendation-control__item__label",children:e.label}),e.description&&(0,w.jsx)("p",{className:"kubio-recommendation-control__item__description",children:e.description})]})]})}),n===f_.LINK&&(0,w.jsx)(a_,{}),n===f_.PHONE&&(0,w.jsx)(k_,{bubbleChannel:"phone",pluginData:s}),n===f_.WHATSAPP&&(0,w.jsx)(k_,{bubbleChannel:"whatsapp",pluginData:s}),n===f_.NEWSLETTER&&(0,w.jsx)(T_,{pluginData:c}),n===f_.CONTACT_FORM&&(0,w.jsx)(N_,{pluginData:u}),n===f_.FLUENT_BOOKING&&(0,w.jsx)(D_,{pluginData:f})]})})),iw={all:(0,h.__)("All","kubio"),top:(0,h.__)("Top","kubio"),bottom:(0,h.__)("Bottom","kubio"),left:(0,h.__)("Left","kubio"),right:(0,h.__)("Right","kubio"),mixed:(0,h.__)("Mixed","kubio")},aw={top:{value:"",unit:"px"},right:{value:"",unit:"px"},bottom:{value:"",unit:"px"},left:{value:"",unit:"px"}},lw={top:!1,right:!1,bottom:!1,left:!1};function sw(e={}){if((0,m.isEmpty)(e))return!1;const t=Object.values(e);return t.length<4||t.some((e=>!Ws()(e,t[0])))}function cw({onChange:e=m.noop,onFocus:t=m.noop,onHoverOn:n=m.noop,onHoverOff:o=m.noop,values:r,...i}){const a=function(e={},t){if((0,m.isEmpty)(e))return"";const n=Object.values(e).map((e=>[_.get(e,"value"),_.get(e,"unit")])),o=n.map((e=>e[0])),r=n.map((e=>e[1]));return{value:o.every((e=>e===o[0]))?o[0]:"",unit:r[0]}}(r,null==i||i.units),l=function(e){return void 0!==e&&!(0,m.isEmpty)(Object.values(e).filter(Boolean))}(r),s=l&&sw(r),c=t=>{e({top:t,bottom:t,left:t,right:t})};return(0,p.useEffect)((()=>{s&&c(null==r?void 0:r.top)}),[s]),(0,w.jsx)(Ru,{...i,isOnly:!0,value:a,onChange:c,onFocus:e=>{t(e,{side:"all"})},onHoverOn:()=>{n({top:!0,bottom:!0,left:!0,right:!0})},onHoverOff:()=>{o({top:!1,bottom:!1,left:!1,right:!1})}})}(0,h.__)("None","kubio"),(0,h.__)("Solid","kubio"),(0,h.__)("Dashed","kubio"),(0,h.__)("Dotted","kubio"),(0,h.__)("Double","kubio"),(0,h.__)("Groove","kubio"),(0,h.__)("Ridge","kubio"),(0,h.__)("Inset","kubio"),(0,h.__)("Outset","kubio"),(0,h.__)("Hidden","kubio");const uw=Ts("span",{target:"e1g58c5i8"})({name:"1qjnww8",styles:"box-sizing:border-box;display:block;width:24px;height:24px;position:relative;padding:4px;padding-left:0"}),dw=Ts("span",{target:"e1g58c5i7"})({name:"wr730m",styles:"box-sizing:border-box;display:block;position:relative;width:18px;height:18px"}),pw=(Ts("span",{target:"e1g58c5i6"})("box-sizing:border-box;display:block;pointer-events:none;position:absolute;",(({isFocused:e})=>Ps({backgroundColor:e?"#007CBA":"#CCCCCC"},"","")),";"),24);function hw({size:e=24,side:t="all",isRadius:n,...o}){const r=fw(t,"top"),i=fw(t,"right"),a=fw(t,"bottom"),l=fw(t,"left"),s=e/pw,c=()=>(0,w.jsxs)("div",{className:"kubio-border-radius-icon-container",children:[(0,w.jsx)(Qs,{icon:u.BorderRadiusTopRight,className:i?"kubio-border-radius-selected":""}),(0,w.jsx)(Qs,{icon:u.BorderRadiusBottomRight,className:a?"kubio-border-radius-selected":""}),(0,w.jsx)(Qs,{icon:u.BorderRadiusBottomLeft,className:l?"kubio-border-radius-selected":""}),(0,w.jsx)(Qs,{icon:u.BorderRadiusTopLeft,className:r?"kubio-border-radius-selected":""})]}),d=()=>(0,w.jsxs)("div",{className:"kubio-border-radius-icon-container",children:[(0,w.jsx)(Qs,{icon:u.BorderTop,className:r?"kubio-border-radius-selected":""}),(0,w.jsx)(Qs,{icon:u.BorderLeft,className:l?"kubio-border-radius-selected":""}),(0,w.jsx)(Qs,{icon:u.BorderBottom,className:a?"kubio-border-radius-selected":""}),(0,w.jsx)(Qs,{icon:u.BorderRight,className:i?"kubio-border-radius-selected":""})]});return(0,w.jsx)(uw,{style:{transform:`scale(${s})`},...o,children:(0,w.jsxs)(dw,{children:[!n&&(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(d,{})}),n&&(0,w.jsx)(c,{})]})})}function fw(e,t){return"all"===e||e===t}function gw({onChange:e=m.noop,onFocus:t=m.noop,onHoverOn:n=m.noop,onHoverOff:o=m.noop,values:r,...i}){const a=e=>n=>{t(n,{side:e})},l=e=>()=>{n({[e]:!0})},s=e=>()=>{o({[e]:!1})},{top:c,right:u,bottom:d,left:p}=r,h=t=>(n,{event:o})=>{const{altKey:r}=o,i={};if(i[t]=n,r)switch(t){case"top":i.bottom=n;break;case"bottom":i.top=n;break;case"left":i.right=n;break;case"right":i.left=n}(t=>{e(t)})(i)};return(0,w.jsx)(yu,{className:"component-box-control__input-controls-wrapper kubio-box-control-unlinked",children:(0,w.jsxs)(_u,{gap:0,className:"component-box-control__input-controls",children:[(0,w.jsx)(Ru,{...i,isFirst:!0,value:c,onChange:h("top"),onFocus:a("top"),onHoverOn:l("top"),onHoverOff:s("top"),label:iw.top}),(0,w.jsx)(Ru,{...i,value:u,onChange:h("right"),onFocus:a("right"),onHoverOn:l("right"),onHoverOff:s("right"),label:iw.right}),(0,w.jsx)(Ru,{...i,value:d,onChange:h("bottom"),onFocus:a("bottom"),onHoverOn:l("bottom"),onHoverOff:s("bottom"),label:iw.bottom}),(0,w.jsx)(Ru,{...i,isLast:!0,value:p,onChange:h("left"),onFocus:a("left"),onHoverOn:l("left"),onHoverOff:s("left"),label:iw.left})]})})}function mw({isLinked:e,...t}){const n=e?(0,h.__)("Unlink Sides","kubio"):(0,h.__)("Link Sides","kubio");return(0,w.jsx)(d.Tooltip,{text:n,children:(0,w.jsx)("span",{children:(0,w.jsx)(d.Button,{...t,isSmall:!0,icon:e?Eu:Tu,className:e?"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon kubio-linked-button":"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon kubio-link-button "})})})}var vw={name:"11f5o9n",styles:"bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1"};const bw=Ts("div",{target:"euy25c05"})("box-sizing:border-box;position:relative;",(({isPositionAbsolute:e})=>e?vw:""),";"),xw=Ts("div",{target:"euy25c04"})("box-sizing:border-box;background:",nu("blue.wordpress.700"),";background:",nu("ui.theme"),";filter:brightness( 1 );opacity:0;position:absolute;pointer-events:none;transition:opacity 120ms linear;z-index:1;",(({isActive:e})=>e&&"\n\t\topacity: 0.3;\n\t"),";"),yw=Ts(xw,{target:"euy25c03"})({name:"5i97ct",styles:"top:0;left:0;right:0"}),_w=Ts(xw,{target:"euy25c02"})("top:0;bottom:0;",zs({right:0}),";"),ww=Ts(xw,{target:"euy25c01"})({name:"8cxke2",styles:"bottom:0;left:0;right:0"}),kw=Ts(xw,{target:"euy25c00"})("top:0;bottom:0;",zs({left:0}),";");function Sw({showValues:e=lw,values:t}){const{top:n,right:o,bottom:r,left:i}=t;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(Cw,{isVisible:e.top,value:n}),(0,w.jsx)(jw,{isVisible:e.right,value:o}),(0,w.jsx)(Rw,{isVisible:e.bottom,value:r}),(0,w.jsx)(Iw,{isVisible:e.left,value:i})]})}function Cw({isVisible:e=!1,value:t}){const n=t,o=Ew(n).isActive||e;return(0,w.jsx)(yw,{isActive:o,style:{height:n}})}function jw({isVisible:e=!1,value:t}){const n=t,o=Ew(n).isActive||e;return(0,w.jsx)(_w,{isActive:o,style:{width:n}})}function Rw({isVisible:e=!1,value:t}){const n=t,o=Ew(n).isActive||e;return(0,w.jsx)(ww,{isActive:o,style:{height:n}})}function Iw({isVisible:e=!1,value:t}){const n=t,o=Ew(n).isActive||e;return(0,w.jsx)(kw,{isActive:o,style:{width:n}})}function Ew(e){const[t,n]=(0,p.useState)(!1),o=(0,p.useRef)(e),r=(0,p.useRef)(),i=()=>{r.current&&window.clearTimeout(r.current)};return(0,p.useEffect)((()=>(e!==o.current&&(n(!0),o.current=e,i(),r.current=setTimeout((()=>{n(!1)}),400)),()=>i())),[e]),{isActive:t}}const Tw={min:0};function Ow({id:e,inputProps:t=Tw,onChange:n=m.noop,onReset:o=m.noop,onChangeShowVisualizer:r=m.noop,label:i=(0,h.__)("Box Control","kubio"),values:a={},isRadius:l,min:s=0,capMin:c=!1,capMax:f=!1,units:g=[{label:"PX",value:"px"},{label:"%",value:"%"},{label:"EM",value:"em"},{label:"REM",value:"rem"}]}){const[b,y]=(0,p.useState)(a),_=(0,m.merge)({},aw,b),k=!sw(_),[S,C]=(0,p.useState)(k),[j,R]=(0,p.useState)(S?"all":"top");(0,p.useEffect)((()=>{if(!Ws()(a,b)){const e=!sw(a);e!==S&&C(e),y(a)}}),[JSON.stringify(a),S]);const I=function(e){const t=(0,x.useInstanceId)(Ow,"inspector-box-control");return e||t}(e),E=`${I}-heading`,T={...t,onChange:e=>{const t=v().merge({},b,e);y(t),n(e)},onFocus:(e,{side:t})=>{R(t)},isLinked:S,units:g,values:_,capMin:c,capMax:f,min:s};return(0,w.jsxs)(mu,{id:I,className:"kubio-control",role:"region","aria-label":E,children:[(0,w.jsxs)(vu,{className:"component-box-control__header",children:[(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(d.__experimentalText,{id:E,className:"component-box-control__label",children:i})}),(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(mw,{onClick:()=>{C(!S),R(S?"top":"all")},isLinked:S})})]}),(0,w.jsxs)(bu,{className:"component-box-control__header-control-wrapper",children:[(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(hw,{side:j,isRadius:l})}),S&&(0,w.jsx)(d.FlexBlock,{className:"kubio-spacing-box-container",children:(0,w.jsx)(cw,{...T})}),!S&&(0,w.jsx)(gw,{...T}),(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(d.Button,{isSmall:!0,icon:u.ResetIcon,label:(0,h.__)("Reset","kubio"),className:"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon kubio-border-control-button",onClick:()=>{o(),C(!0),y(null)}})})]})]})}Ow.__Visualizer=function({children:e,showValues:t=lw,values:n=aw,...o}){const r=!e;return(0,w.jsxs)(bw,{...o,isPositionAbsolute:r,"aria-hidden":"true",children:[(0,w.jsx)(Sw,{showValues:t,values:n}),e]})};const Pw=e=>{const{onChange:t,value:n,isRadius:o,...r}=e;return(0,w.jsx)(Ow,{isRadius:o,values:n,onChange:t,onInput:t,inputProps:{isPressEnterToChange:!1},...r})},Mw=["px","em","rem","%","vw","vh"],Aw=({value:e,onChange:t,units:n=[]})=>(0,w.jsx)(w.Fragment,{children:(0,w.jsx)("span",{className:"c-components-units-list",children:n.map((n=>{const{value:o,label:r}=n,i=o===e,a=g()({"c-components-units-list__item":!0,"is-selected":i});return(0,w.jsx)("span",{role:"button",tabIndex:0,className:a,onClick:()=>((e,n)=>{e||t(n)})(i,o),children:r},o)}))})}),Nw=(e,t)=>{let{min:n,max:o,capMin:r,capMax:i,step:a,optionsByUnit:l}=e;const s=(0,m.get)(l,t,{});return(0,m.isObject)(n)&&!(0,m.isUndefined)(n[t])&&(n=n[t]),(0,m.isObject)(o)&&!(0,m.isUndefined)(o[t])&&(o=o[t]),(0,m.isObject)(r)&&!(0,m.isUndefined)(r[t])&&(r=r[t]),(0,m.isObject)(i)&&!(0,m.isUndefined)(i[t])&&(i=i[t]),(0,m.isObject)(a)&&!(0,m.isUndefined)(a[t])&&(a=a[t]),{...e,...(0,m.merge)({},s,{min:n,max:o,capMin:r,capMax:i,step:a})}},Lw=e=>{var t;let{value:n,units:o=[],onChange:r,onReset:i,label:a,defaultUnit:l,defaultSliderValue:c,resetValue:u,debounceValue:p,...h}=e;o=(e=>e.map((e=>(0,m.isString)(e)?{value:e,label:e.toUpperCase()}:e)).sort(((e,t)=>Mw.indexOf(e.value)-Mw.indexOf(t.value))))(o),o.length&&void 0===l&&(l=v().get(o,["0","value"])),o.length||void 0!==l||(l="px");const f=null!=n&&n.unit&&""!==(null==n?void 0:n.unit)?null==n?void 0:n.unit:l;return i=i||(()=>{r(s.UNSET_VALUE)}),(0,w.jsxs)(d.BaseControl,{className:g()("kubio-range-with-unit","kubio-control"),children:[(0,w.jsxs)(d.Flex,{children:[(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)(d.BaseControl.VisualLabel,{className:"kubio-range-with-unit-label",children:a})}),(null===(t=o)||void 0===t?void 0:t.length)>1&&(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(Aw,{units:o,value:f,onChange:e=>{r({value:"",unit:e})}})})]}),(0,w.jsx)(Bv,{value:0===n||0===(null==n?void 0:n.value)?0:(null==n?void 0:n.value)||n,onChange:e=>{void 0===e?i(s.UNSET_VALUE):r({value:e,unit:f})},onReset:i,resetValue:u,defaultSliderValue:c,debounceValue:p,...Nw(h,f)})]})},zw=(0,y.withColibriPath)((e=>(0,w.jsx)(Lw,{allowReset:!0,...e}))),Dw=({computed:e,dataHelper:t,...n})=>{const{useCustomDimensions:o,onChangeUseCustomSize:r,styledComponent:i}=e,[a,l]=(0,p.useState)(!1),s=(0,p.useRef)(null);return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(d.ToggleControl,{label:(0,h.__)("Custom size","kubio"),checked:o,onChange:r}),(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)(d.Button,{disabled:!o,ref:s,isPrimary:!0,onClick:()=>l(!a),children:"Advanced"})}),a&&(0,w.jsxs)(d.Popover,{anchorRef:s.current,onFocusOutside:()=>l(!1),className:"kubio-popover",children:[(0,w.jsx)(zw,{label:"Width",max:1e3,style:i,type:"style",path:"width"}),(0,w.jsx)(zw,{label:"Height",max:1e3,type:"style",style:i,path:"height"})]})]})},Fw=window.wp.mediaUtils,Bw=(0,d.withFilters)("kubio.control.media-picker")((({url:e="",focalPoint:t={x:0,y:100},types:n=["image"],onChange:o,autoPlay:r=!1,label:i=!1,showButton:a=!0,openMediaLabel:l=(0,h.__)("Change background image","kubio"),...s})=>{const[c,u]=(0,p.useState)({url:e,focalPoint:(0,m.transform)(t,((e,t,n)=>{e[n]=t/100}))});(0,p.useEffect)((()=>{u({url:e,focalPoint:(0,m.transform)(t,((e,t,n)=>{e[n]=t/100}))})}),[e,t,u]);const f=(0,p.useCallback)((({url:e,focalPoint:t})=>{t=(0,m.transform)(t,((e,t,n)=>{e[n]=parseInt(100*t)})),o({url:e,focalPoint:t})}),[o]),g=(0,x.useDebounce)(f,100),v=e=>{const t={...c,url:e.url};u(t),g(t)},b=e=>{const t={...c,focalPoint:e};u(t),g(t)};return(0,w.jsx)(lb.MediaUploadCheck,{className:"kubio-control",children:(0,w.jsx)(Fw.MediaUpload,{onSelect:v,allowedTypes:n,render:({open:t})=>(0,w.jsxs)(w.Fragment,{children:[c.url&&(0,w.jsx)(d.FocalPointPicker,{autoPlay:r,url:c.url,value:c.focalPoint,onChange:b,onDrag:b,label:i,className:"kubio-focal-point-control"}),a&&(0,w.jsx)(d.BaseControl,{children:(0,w.jsxs)(d.Flex,{align:"center",children:[(0,w.jsx)(d.Button,{className:"kubio-button-100",isPrimary:!0,onClick:t,children:i||l}),(0,m.isFunction)(s.secondaryButton)?n.includes("image")&&s.secondaryButton({url:e,type:"image",onChange:v,open:t}):s.secondaryButton]})})]})})})})),Hw=(0,p.forwardRef)(((e,t)=>{const{children:n}=e;return n})),Ww=({url:e})=>(0,w.jsx)("video",{src:e}),Gw=({url:e,onError:t,onLoad:n})=>(0,w.jsx)("img",{src:e,onError:()=>t("image"),onLoad:n}),Vw=(0,d.withFilters)("kubio.control.media-picker")((({value:e,onChange:t,onReset:n,type:o="image",showButton:r=!1,showRemoveButton:i=!1,buttonLabel:a=(0,h.__)("Change background image","kubio"),removeButtonLabel:l=(0,h.__)("Remove image","kubio"),label:s,withReset:c=!1,toggable:f=!1,toggleValue:v=!1,updateToggleValue:b=m.noop,isProOnly:x=!1,mediaId:y,upgradeUrlArgs:_={},...k})=>{const S=null!=e&&e.url?e.url:e,C=(0,p.useCallback)((()=>b(!v)),[v,b]),[j,R]=(0,Ju.useProModal)(),[I,E]=(0,p.useState)(""),T=e=>{E(e)},O=(0,p.useRef)(),P=()=>{E("")};return(0,w.jsx)(w.Fragment,{children:(0,w.jsxs)(d.BaseControl,{className:g()("kubio-media-picker-base-control","kubio-control"),children:[(0,w.jsxs)(d.Flex,{justify:"space-between",style:{marginBottom:5},children:[(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)(d.BaseControl.VisualLabel,{children:s})}),(0,w.jsx)(d.FlexItem,{children:(0,w.jsxs)(d.Flex,{children:[f&&(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)("div",{ref:O,className:"kubio-popover-options-button__toggle",children:(0,w.jsx)(d.FormToggle,{checked:v,onChange:e=>{x?R(!0):C(e)}})})}),c&&(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(d.Button,{disabled:f&&!v,isSmall:!0,icon:u.ResetIcon,label:(0,h.__)("Reset","kubio"),className:"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon kubio-border-control-button",onClick:n})})]})})]}),(0,w.jsx)(j,{anchorRef:O.current,urlArgs:_}),(!f||f&&v)&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(lb.MediaUpload,{title:(0,h.__)("Select image","kubio"),onSelect:t,allowedTypes:[o],value:y,render:({open:e})=>(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(d.BaseControl,{children:(0,w.jsxs)("div",{className:"kubio-media-picker-container",role:"button",tabIndex:"0",children:["image"===o&&(0,w.jsx)(Gw,{url:S,onError:T,onLoad:P}),"video"===o&&(0,w.jsx)(Ww,{url:S})]})}),r&&(0,w.jsxs)(d.Flex,{align:"center",children:[(0,w.jsx)(d.Button,{isPrimary:!0,onClick:e,className:"kubio-button-100",children:a}),(0,m.isFunction)(k.secondaryButton)?k.secondaryButton({url:S,type:o,onChange:t,open:e}):k.secondaryButton]}),i&&(0,w.jsx)(d.Button,{onClick:n,className:"kubio-button-100 kubio-media-reset-button",children:l})]})}),""!==I&&!!S&&(0,w.jsx)(d.Notice,{status:"error",isDismissible:!1,children:(0,w.jsx)("span",{children:(0,h.sprintf)(// translators: %s: allowed file types
// translators: %s: allowed file types
(0,h.__)("Only %s formats are supported","kubio"),I)})})]})]})})})),Uw=(0,p.forwardRef)(((e,t)=>(0,w.jsx)(d.Button,{ref:t,icon:"admin-generic",iconSize:12,...e,style:{color:"blue"}}))),$w=e=>{const{children:t}=e;return(0,w.jsx)(d.PanelRow,{className:g()(("row-controls","kubio-row-controls"),"kubio-control"),children:t})},Xw=(0,p.forwardRef)((({onClick:e,children:t,...n},o)=>(0,w.jsx)(d.Button,{ref:o,isPrimary:!0,onClick:e,...n,children:t}))),Yw=e=>{const{value:t=null,onChange:n,...o}=e;return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(d.ToggleControl,{className:g()("kubio-toggle-control","kubio-control"),...o,checked:t,onChange:n})})},Kw=e=>{const{icon:t,value:n,label:o,tooltip:r,disabledOptions:i,utmSource:a="group"}=e,[l,s]=(0,Ju.useProModal)(),c=(null==e?void 0:e.isProOnFree)||i.includes(n);t&&(t.key=t.key||`${n}-icon`,(0,m.isArray)(t.props.children)&&t.props.children.forEach(((e,t)=>e.key=e.key||`${n}-icon-child-${t}`)));const u=(0,w.jsx)(d.__experimentalRadio,{value:n,className:g()({"kubio-streched-radio--disabled":i.includes(n)||(0,Ju.proItemOnFree)(e),"radio-disabled":c},(0,Ju.proItemOnFreeClass)(e)),onClick:t=>{c&&(t.preventDefault(),null!=e&&e.isProOnFree&&s(!0,`block-pro-modal-radio-${n}`))},children:(0,w.jsxs)(w.Fragment,{children:[t&&(0,w.jsx)(Qs,{icon:t}),!t&&(0,w.jsx)("span",{children:o}),(null==e?void 0:e.isProOnFree)&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(Ju.ProBadge,{item:e}),(0,w.jsx)(l,{id:`block-pro-modal-radio-${n}`,urlArgs:{source:a,content:n}})]})]})});return r&&!c?(0,w.jsx)(d.Tooltip,{text:r,children:u}):u},Zw=e=>{const{options:t,disabledOptions:n,checked:o,onChange:r,label:i,className:a,utmSource:l="group",...s}=e,[c,u]=(0,p.useState)(o),h=(0,p.useRef)();h.current=r,(0,p.useEffect)((()=>{u(o)}),[o]);const f=(0,p.useCallback)((e=>{(0,Ju.proItemOnFree)(e)||(u(e),h.current(e))}),[]),m={"--nr-of-children":t.length};return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(d.__experimentalRadioGroup,{...s,accessibilityLabel:i,className:g()("kubio-streched-radio-group "+a),checked:c,onChange:f,style:m,children:t.map((e=>(0,w.jsx)(Kw,{...e,utmSource:l,disabledOptions:n},e.value)))})})},qw={zero_placeholder_1232:0,false_placeholder_12323:!1,null_placeholder_12323:null,undefined_placeholder_12323:void 0},Qw=Object.keys(qw),Jw=v().invert(qw),ek=[0,null,void 0,!1],tk=e=>{let{value:t,onChange:n,label:o,className:r,allowReset:i,onReset:a,options:l,disabledOptions:c=[],resetOnLabel:u=!1,utmSource:h="content",...f}=e;const m=l.filter((e=>e.isProOnFree)).map((e=>e.value)),b=(0,p.useCallback)((()=>l.map((e=>{const t=v().cloneDeep(e);return ek.includes(t.value)&&(t.value=v().get(Jw,e.value)),t}))),[l])(),x=(0,p.useCallback)((()=>ek.includes(t)?v().get(Jw,t):t),[t])();return a=a||(()=>{n(s.UNSET_VALUE)}),(0,w.jsxs)(d.BaseControl,{className:g()("kubio-streched-radio-group__container","kubio-control"),children:[(0,w.jsxs)("div",{className:"d-flex justify-content-between align-items-center",children:[(0,w.jsx)(d.BaseControl.VisualLabel,{children:o}),i&&u&&(0,w.jsx)(nk,{onReset:a})]}),(0,w.jsxs)("div",{className:"kubio-horizontal-align-container",children:[(0,w.jsx)(Zw,{...f,className:r,checked:x,options:b,disabledOptions:c,onChange:e=>{e===t||m.includes(e)||(Qw.includes(e)&&(e=v().get(qw,e)),n(e))},utmSource:h}),i&&!u&&(0,w.jsx)(nk,{onReset:a})]})]})},nk=({onReset:e})=>(0,w.jsx)(d.Button,{isSmall:!0,icon:u.ResetIcon,label:(0,h.__)("Reset","kubio"),className:"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon kubio-border-control-button",onClick:e}),ok=()=>{const{getTypeKitAPIKey:e,setTypeKitAPIKey:t,setTypekitUsedProject:n,getTypeKitUsedProject:o,getTypeKitProjects:r,isTypeKitApiLoading:i,refreshTypeKitFonts:a}=(0,c.useGlobalDataFonts)(),l=(e(),o(),r());return(0,p.useMemo)((()=>{const e=(0,m.map)(l,(e=>({value:e.id,label:e.name})));return e.length?(e.unshift({value:"",label:(0,h.__)("Select a TypeKit Project","kubio")}),e):[]}),[l]),(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(Ju.AvailableInPro,{displayModal:!1,urlArgs:{source:"general",content:"typekit"}})})};var rk=n(9766),ik=n.n(rk);const ak=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"M2 12C2 6.44444 6.44444 2 12 2C17.5556 2 22 6.44444 22 12C22 17.5556 17.5556 22 12 22C6.44444 22 2 17.5556 2 12ZM13 11V7H11V11H7V13H11V17H13V13H17V11H13Z"})}),lk=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"M5 11.25h14v1.5H5z"})});class sk extends p.Component{render(){const{item:e,isCopy:t,options:n,index:o,collapsable:r,itemsNo:i,active:a=!1,isActive:l=m.noop}=this.props,{dragItem:s,renderItem:c,handler:u,childrenProp:p}=n,h=n.isCollapsed(e),f=!t&&s&&s.id===e.id,v=e[p]&&e[p].length>0;let b,x={},y={};t||(s?x={...x,onMouseEnter:t=>n.onMouseEnter(t,e)}:y={...y,draggable:!0,onDragStart:t=>n.onDragStart(t,e)}),u?b=(0,w.jsx)("div",{className:"nestable-item-handler",...y,children:(0,w.jsx)(Qs,{size:14,icon:zb})}):x={...x,...y};const _=r&&v?(0,w.jsx)(d.Button,{onClick:()=>n.onToggleCollapse(e),icon:h?ak:lk,iconSize:16,isSmall:!0}):null,k="nestable-item",S={className:g()(k,k+"-"+e.id,{[k+"-copy"]:t,"nestable-is-dragging":f,[k+"--with-children"]:v,[k+"--children-open"]:v&&!h,[k+"--children-collapsed"]:v&&h,"has-next-items":o+1<i})},C=c({item:e,collapseIcon:_,index:o,className:"nestable-item-container"});return C?(0,w.jsxs)("li",{...S,children:[v&&!h&&(0,w.jsx)("div",{className:"nestable-item-name--children-linkage"}),(0,w.jsx)("div",{className:"nestable-item-name--leaf-link"}),(0,w.jsx)("div",{className:"nestable-item-name",...x,children:(0,w.jsxs)(d.Flex,{className:g()("nestable-item-container",{"nestable-item-container--active":l(e)}),children:[b&&(0,w.jsx)(d.FlexItem,{className:"nestable-handler-container",children:b}),_&&(0,w.jsx)(d.FlexItem,{className:"nestable-collapse-container",children:_}),(0,w.jsx)(d.FlexBlock,{children:C})]})}),v&&!h&&(0,w.jsx)("ol",{className:"nestable-list",children:e[p].map(((o,r)=>(0,w.jsx)(sk,{index:r,itemsNo:e[p].length,item:o,options:n,isCopy:t,isActive:l},r)))})]}):null}}const ck=sk,uk=(e,t)=>e.map((e=>({...e,[t]:e[t]?uk(e[t],t):[]}))),dk=(e,t)=>{let n=[];return e.filter((e=>e[t].length)).map((e=>(n=n.concat(dk(e[t],t)),e.id))).concat(n)};class pk extends p.Component{constructor(e){super(e),this.state={items:[],itemsOld:null,dragItem:null,isDirty:!1,collapsedGroups:[]},this.el=null,this.elCopyStyles=null,this.mouse={last:{x:0},shift:{x:0}},this.onMouseMoveHandle=e=>this.onMouseMove(e),this.onDragEndHandle=(e,t)=>this.onDragEnd(e,t),this.onKeyDownHandle=e=>this.onKeyDown(e)}componentDidMount(){let{items:e,childrenProp:t}=this.props;e=uk(e,t),this.setState({items:e})}componentDidUpdate(e){const{items:t,childrenProp:n}=this.props;if(!Ws()(e,this.props)){this.stopTrackMouse();const o={};e.collapsed!==this.props.collapsed&&(o.collapsedGroups=[]),this.setState({items:uk(t,n),dragItem:null,isDirty:!1,...o})}}componentWillUnmount(){this.stopTrackMouse()}collapse(e){const{childrenProp:t,collapsed:n}=this.props,{items:o}=this.state;var r;"NONE"===e?this.setState({collapsedGroups:n?dk(o,t):[]}):"ALL"===e?this.setState({collapsedGroups:n?[]:dk(o,t)}):"Array"===(r=e,Object.prototype.toString.call(r).slice(8,-1))&&this.setState({collapsedGroups:dk(o,t).filter((t=>e.indexOf(t)>-1||n))})}startTrackMouse(){document.addEventListener("mousemove",this.onMouseMoveHandle),document.addEventListener("mouseup",this.onDragEndHandle),document.addEventListener("keydown",this.onKeyDownHandle)}stopTrackMouse(){document.removeEventListener("mousemove",this.onMouseMoveHandle),document.removeEventListener("mouseup",this.onDragEndHandle),document.removeEventListener("keydown",this.onKeyDownHandle),this.elCopyStyles=null}moveItem({dragItem:e,pathFrom:t,pathTo:n},o={}){const{childrenProp:r,confirmChange:i}=this.props,a=this.getItemDepth(e);let{items:l}=this.state;const s=this.getRealNextPath(t,n,a);if(0===s.length)return;const c=s.length>n.length?n:n.slice(0,-1),u=this.getItemByPath(c);if(i&&!i(e,u))return;const d=this.getSplicePath(t,{numToRemove:1,childrenProp:r}),p=this.getSplicePath(s,{numToRemove:0,itemsToInsert:[e],childrenProp:r});l=ik()(l,d),l=ik()(l,p),this.setState({items:l,isDirty:!0,...o})}tryIncreaseDepth(e){const{maxDepth:t,childrenProp:n,collapsed:o}=this.props,r=this.getPathById(e.id),i=r[r.length-1],a=r.length+this.getItemDepth(e);if(i>0&&a<=t){const t=this.getItemByPath(r.slice(0,-1).concat(i-1));if(!t[n].length||!this.isCollapsed(t)){const a=r.slice(0,-1).concat(i-1).concat(t[n].length);let l={};o&&!t[n].length&&(l=this.onToggleCollapse(t,!0)),this.moveItem({dragItem:e,pathFrom:r,pathTo:a},l)}}}tryDecreaseDepth(e){const{childrenProp:t,collapsed:n}=this.props,o=this.getPathById(e.id),r=o[o.length-1];if(o.length>1){const i=this.getItemByPath(o.slice(0,-1));if(r+1===i[t].length){const r=o.slice(0,-1);r[r.length-1]+=1;let a={};n&&1===i[t].length&&(a=this.onToggleCollapse(i,!0)),this.moveItem({dragItem:e,pathFrom:o,pathTo:r},a)}}}dragApply(){const{onChange:e}=this.props,{items:t,isDirty:n,dragItem:o}=this.state;this.setState({itemsOld:null,dragItem:null,isDirty:!1}),e&&n&&e(t,o)}dragRevert(){const{itemsOld:e}=this.state;this.setState({items:e,itemsOld:null,dragItem:null,isDirty:!1})}getPathById(e,t=this.state.items){const{childrenProp:n}=this.props;let o=[];return t.every(((t,r)=>{if(t.id===e)o.push(r);else if(t[n]){const i=this.getPathById(e,t[n]);i.length&&(o=o.concat(r).concat(i))}return 0===o.length})),o}getItemByPath(e,t=this.state.items){const{childrenProp:n}=this.props;let o=null;return e.forEach((e=>{const r=o?o[n]:t;o=r[e]})),o}getItemDepth(e){const{childrenProp:t}=this.props;let n=1;if(e[t].length>0){const o=e[t].map((e=>this.getItemDepth(e)));n+=Math.max(...o)}return n}getSplicePath(e,t={}){const n={},o=t.numToRemove||0,r=t.itemsToInsert||[],i=e.length-1;let a=n;return e.forEach(((e,n)=>{if(n===i)a.$splice=[[e,o,...r]];else{const n={};a[e]={[t.childrenProp]:n},a=n}})),n}getRealNextPath(e,t,n){const{childrenProp:o,maxDepth:r}=this.props,i=e.length-1,a=t.length-1,l=t.length+n-1;if(e.length<t.length){let o=!1;return l>r&&t.length?this.getRealNextPath(e,t.slice(0,-1),n):t.map(((n,r)=>o?r===a?n+1:n:"number"!=typeof e[r]?n:t[r]>e[r]&&r===i?(o=!0,n-1):n))}if(e.length===t.length&&t[a]>e[a]){const e=this.getItemByPath(t);if(l<r&&e[o]&&e[o].length&&!this.isCollapsed(e))return t.slice(0,-1).concat(t[a]-1).concat(0)}return t}getItemOptions(){const{renderItem:e,renderCollapseIcon:t,handler:n,childrenProp:o,collapsable:r}=this.props,{dragItem:i}=this.state;return{dragItem:i,childrenProp:o,renderItem:e,renderCollapseIcon:t,handler:n,collapsable:r,onDragStart:(e,t)=>this.onDragStart(e,t),onMouseEnter:(e,t)=>this.onMouseEnter(e,t),isCollapsed:e=>this.isCollapsed(e),onToggleCollapse:(e,t)=>this.onToggleCollapse(e,t)}}isCollapsed(e){const{collapsed:t,collapsable:n}=this.props||{};if(!1===n)return!1;const{collapsedGroups:o}=this.state||{};return!!((null==o?void 0:o.indexOf(e.id))>-1||t)}onDragStart(e,t){e&&(e.preventDefault(),e.stopPropagation()),this.el=((e,t)=>{for(;e;){if(e.matches&&e.matches(".nestable-item"))return e;e=e.parentNode}return null})(e.target),this.startTrackMouse(),this.onMouseMove(e),this.setState({dragItem:t,itemsOld:this.state.items})}onDragEnd(e,t){e&&e.preventDefault(),this.stopTrackMouse(),this.el=null,t?this.dragRevert():this.dragApply()}onMouseMove(e){const{group:t,threshold:n}=this.props,{dragItem:o}=this.state,{clientX:r,clientY:i}=e,a={transform:"translate("+r+"px, "+i+"px)"},l=document.querySelector(`.nestable-drag-layer-${t}.nestable-drag-layer > .nestable-list`);if(this.elCopyStyles){this.elCopyStyles={...this.elCopyStyles,...a};for(const e in a)a.hasOwnProperty(e)&&(l.style[e]=a[e]);const e=r-this.mouse.last.x;e>=0&&this.mouse.shift.x>=0||e<=0&&this.mouse.shift.x<=0?this.mouse.shift.x+=e:this.mouse.shift.x=0,this.mouse.last.x=r,Math.abs(this.mouse.shift.x)>n&&(this.mouse.shift.x>0?this.tryIncreaseDepth(o):this.tryDecreaseDepth(o),this.mouse.shift.x=0)}else{const e=(e=>{const t=this.el.getBoundingClientRect(),n=document.body,o=document.documentElement,r=window.pageYOffset||o.scrollTop||n.scrollTop,i=window.pageXOffset||o.scrollLeft||n.scrollLeft,a=o.clientTop||n.clientTop||0,l=o.clientLeft||n.clientLeft||0,s=t.top+r-a,c=t.left+i-l;return{top:Math.round(s),left:Math.round(c)}})();this.elCopyStyles={marginTop:e.top-i,marginLeft:e.left-r,...a}}}onMouseEnter(e,t){e&&(e.preventDefault(),e.stopPropagation());const{collapsed:n,childrenProp:o}=this.props,{dragItem:r}=this.state;if(r.id===t.id)return;const i=this.getPathById(r.id),a=this.getPathById(t.id);let l={};if(n&&i.length>1){const e=this.getItemByPath(i.slice(0,-1));1===e[o].length&&(l=this.onToggleCollapse(e,!0))}this.moveItem({dragItem:r,pathFrom:i,pathTo:a},l)}onToggleCollapse(e,t){const{collapsed:n}=this.props||{},{collapsedGroups:o}=this.state||{},r={collapsedGroups:this.isCollapsed(e)||n?null==o?void 0:o.filter((t=>t!==e.id)):null==o?void 0:o.concat(e.id)};if(t)return r;this.setState(r)}onKeyDown(e){27===e.which&&this.onDragEnd(null,!0)}renderDragLayer(){const{group:e}=this.props,{dragItem:t}=this.state,n=document.querySelector(".nestable-"+e+" .nestable-item-"+t.id);let o={};n&&(o.width=n.clientWidth),this.elCopyStyles&&(o={...o,...this.elCopyStyles}),o={...o,marginLeft:o.marginLeft+15,marginTop:o.marginTop+15};const r=this.getItemOptions();return(0,p.createPortal)((0,w.jsx)("div",{className:`nestable-drag-layer nestable-drag-layer-${e}`,children:(0,w.jsx)("ol",{className:"nestable-list",style:o,children:(0,w.jsx)(ck,{item:t,options:r,isCopy:!0})})}),document.body)}render(){const{group:e,className:t,isActive:n=m.noop}=this.props,{items:o,dragItem:r}=this.state,i=this.getItemOptions();return(0,w.jsxs)("div",{className:g()(t,"nestable","nestable-"+e,{"is-drag-active":r}),children:[(0,w.jsx)("ol",{className:"nestable-list nestable-group",children:o.map(((e,t)=>(0,w.jsx)(ck,{index:t,item:e,options:i,isActive:n},t)))}),r&&this.renderDragLayer()]})}}pk.defaultProps={items:[],threshold:20,maxDepth:10,collapsed:!1,collapsable:!0,group:Math.random().toString(36).slice(2),childrenProp:"children",renderItem:({item:e})=>e.toString(),onChange:()=>{},confirmChange:()=>!0};const hk=pk,fk=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"})}),gk=(0,p.forwardRef)((({value:e,children:t,currentLink:n={},className:o=null,placeholder:r=null,onCreateSuggestion:i=m.noop,onChange:a=m.noop,onSelect:l=m.noop,allowDirectEntry:s=!0,showInitialSuggestions:c=!1,suggestionsPortalContainerRef:u,autoFocus:d=!1},f)=>{const[g,v]=(0,p.useState)(),b=async e=>{let t=e;if("__CREATE__"!==e.type)(s||t&&Object.keys(t).length>=1)&&l({...(0,m.omit)(n,"id","url"),...t},t);else try{var o;t=await i(e.title),null!==(o=t)&&void 0!==o&&o.url&&l(t)}catch(e){}};return(0,w.jsxs)("form",{onSubmit:t=>{t.preventDefault(),b(g||{url:e})},children:[(0,w.jsx)(Qy,{className:o,value:e,onChange:(e,t)=>{a(e),v(t)},placeholder:null!=r?r:(0,h.__)("Search or type url","kubio"),onSuggestionSelected:b,showInitialSuggestions:c,ref:f,suggestionsPortalContainerRef:u,autoFocus:d}),t]})})),mk=window.wp.htmlEntities,vk=({onChange:e,item:t,updateLabel:n=(0,h.__)("Update item","kubio"),afterUpdateClick:o=m.noop,displayLabelOption:r=!0,isAdd:i=!1})=>{const a=(0,b.useTransformLinkControlValue)(),[l,s]=(0,p.useState)(t),[c,u]=(0,p.useState)(i),[f,v]=(0,p.useState)(l.url),x=(0,p.useRef)(),y=()=>{u(!c)},_=(0,Um.useSelect)((e=>{var t;if(null==l||!l.id)return{};const n=e("core").getEntityRecord((0,m.lowerFirst)((0,b.pascalCase)(l.type)),l.object,l.objectId),o=((null===(t=e("core").getSite())||void 0===t?void 0:t.url)||"").split("://").pop(),r=e("core").getEntity((0,m.lowerFirst)((0,b.pascalCase)(l.type)),l.object);let i=(e=>{var t;return null!=e&&e.name?null==e?void 0:e.name:null==e||null===(t=e.title)||void 0===t?void 0:t.rendered})(n)||l.url,a=(null==r?void 0:r.label)||(0,h.__)("Custom link","kubio");return o&&-1!==i.indexOf(o)&&-1!==i.indexOf("#")&&(i=i.split("://").pop(),i=i.replace(o,""),a=(0,h.__)("Section","kubio")),{entityLabel:(0,mk.decodeEntities)(i),entityTypeLabel:a}}),[l]),{entityLabel:k=l.url,entityTypeLabel:C=(0,h.__)("Custom link","kubio")}=null!=_?_:{},j=e=>{const t=a(e);(0,m.unset)(t,"target"),(0,m.isEmpty)(l.label)||(0,m.unset)(t,"label");const n={...l,...t};s(n)};return(0,w.jsx)(d.__experimentalStyleProvider,{document,children:(0,w.jsxs)("div",{className:g()("kubio-menu-item-options","kubio-control"),children:[(0,w.jsxs)(d.BaseControl,{children:[r&&(0,w.jsx)(d.BaseControl.VisualLabel,{children:(0,h.__)("Item link","kubio")}),(0,w.jsxs)(d.Flex,{className:"kubio-item-link-flex",children:[(0,w.jsxs)(d.FlexBlock,{children:[!c&&(0,w.jsxs)(d.Flex,{children:[(0,w.jsx)(d.FlexItem,{children:(0,w.jsxs)("span",{className:"kubio-menu-item-options--entity-label",children:[C,":"]})}),(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)(d.Tooltip,{text:l.url,children:(0,w.jsx)("a",{target:"_blank",rel:"noreferrer",href:l.url,className:"kubio-menu-item-options--label",onClick:e=>{e.preventDefault(),y()},children:k})})})]}),c&&(0,w.jsx)(gk,{value:f,onChange:e=>{j(e),v(e)},onSelect:e=>{u(!1),j(e)},suggestionsPortalContainerRef:x,autoFocus:!0})]}),(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(d.Button,{icon:fk,label:(0,h.__)("Edit link","kubio"),isSmall:!0,isPressed:c,className:"kubio-menu-item-options--edit-toggle",onClick:y})})]})]}),(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)("div",{ref:x})}),r&&(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)(b_,{label:(0,h.__)("Item label","kubio"),value:l.label,onChange:e=>{s({...l,label:e})}})})}),(0,w.jsx)(S,{fit:!0}),(0,w.jsx)(Yw,{label:(0,h.__)("Open in new tab","kubio"),value:"_blank"===l.target,onChange:e=>{s({...l,target:e?"_blank":"_self"})}}),(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)(d.Button,{className:"kubio-button-100",isPrimary:!0,onClick:()=>{e(l),o()},children:n})})]})})},bk=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24",children:(0,w.jsx)(Iu.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm-1 16v-2h2v2h-2zm2-3v-1.141A3.991 3.991 0 0016 10a4 4 0 00-8 0h2c0-1.103.897-2 2-2s2 .897 2 2-.897 2-2 2a1 1 0 00-1 1v2h2z"})}),xk=e=>(0,w.jsxs)("div",{style:{position:"relative"},children:[e.children,(0,w.jsx)("div",{style:{position:"absolute",left:e.leftPosition,right:e.rightPosition,top:"2px"},children:(0,w.jsx)(d.Tooltip,{text:e.text,delay:100,children:(0,w.jsx)("span",{children:(0,w.jsx)(Qs,{size:16,icon:bk})})})})]}),yk=(0,x.pure)((({className:e,children:t,...n})=>(e=(0,p.useMemo)((()=>g()(e||"","kubio-panel-body","kubio-control",{"kubio-is-kubio-editor":window.isKubioBlockEditor,"kubio-is-default-editor":!window.isKubioBlockEditor})),[e]),(0,w.jsx)(d.PanelBody,{...n,className:e,children:t})))),_k=e=>{e.preventDefault(),e.stopPropagation()},wk=(e,t)=>{const n=t?"add":"remove";e.body.classList[n]("kubio-resize-control--resizing"),top.document!==e&&top.document.body.classList[n]("kubio-resize-control--resizing")},kk=(e,t,n)=>{let o=!1;if("horizontal"===n){const n=t.getBoundingClientRect().top,r=t.getBoundingClientRect().bottom,i=e.getBoundingClientRect().top,a=e.getBoundingClientRect().bottom;n>=i&&n<a&&(o=!0),i>=n&&i<r&&(o=!0)}return o},Sk=(e,t,n=!1)=>{let o=0;return o="horizontal"===t?e.getBoundingClientRect().width:e.getBoundingClientRect().height,n?parseFloat(o):o},Ck=(e,t,n=[],o=0,r=[])=>{let i=null;const a=n.map((e=>e.value/100*t)).concat(r.map((e=>e.value))).sort();for(let t=0;t<a.length;t++){const n=a[t];if(e>=n-o&&e<=n+o){i=n;break}}return i},jk=(e,t,n=[],o=[])=>{let r=null;const i=n.map((e=>({label:e.label,value:e.value/100*t}))).concat(o);for(let t=0;t<i.length;t++){const n=i[t].value;if(e>=n-1&&e<=n+1){r=i[t].label;break}}return r},Rk=(e,t)=>"horizontal"===t?e.screenX:e.screenY,Ik=(e,t,n=!1)=>{const o="horizontal"===t?["minWidth","width","maxWidth"]:["minHeight","height","maxHeight"];return setTimeout((()=>{o.forEach((t=>{null!=e&&e.style&&(e.style[t]="")}))}),n?0:1e3)},Ek=({containerRef:e,enabled:t=!1,direction:n="horizontal",onChange:o=m.noop,maxToContainer:r=!1,clientId:i=null,referance:a=null,className:l=null,affectNext:s=!1,forceVisible:c=!1,snapPoints:u=[],snapTreshold:f=5,snapDragTreshold:v=30,tooltipUnit:b="px"})=>{const _=(0,p.useRef)(),k=(0,p.useRef)(),[S,C]=(0,p.useState)(!1),[j,R]=(0,p.useState)({px:null,percent:null}),I=(0,p.useRef)(),E=(0,p.useRef)(),T=(0,p.useRef)(!1),O=(0,p.useRef)(),P=s&&"horizontal"===n,M=(0,p.useRef)();M.current=o;const{selectBlock:A}=(0,Um.useDispatch)("core/block-editor"),N=()=>{const t=Sk(e.current,n,!0),o=Sk(e.current.parentElement,n,!0);R({snapPointLabel:jk(t,o,u,k.current.points),px:t.toFixed(0),percent:(100*t/o).toFixed(2)})},L=(0,x.useThrottle)((0,p.useCallback)((()=>{T.current=!0,C(!0)}),[]),300),z=(0,x.useDebounce)((0,p.useCallback)((()=>{L.cancel(),C(!1)}),[]),50),D=(0,p.useRef)(!1),F=(0,p.useRef)(!1),B=(0,p.useCallback)((t=>{F.current&&clearTimeout(F.current),F.current=null,D.current=!1,top.document.addEventListener("keydown",X),E.current=Rk(t,n),k.current={points:[{label:(0,h.__)("Initial value","kubio"),value:Sk(e.current,n)}],display:!1},O.current=P?((e,t)=>{if(e.nextSibling){const n=e.nextSibling;if(kk(e,n,t))return n}return null})(e.current,n):null,I.current=Sk(e.current,n),e.current.classList.add("is-selected"),wk(t.target.ownerDocument,!0),N()}),[]),H=(0,p.useCallback)((t=>{D.current=!0,e.current.classList.add("is-selected");const o=Rk(t,n),i=E.current-o,{isSnapped:a}=((e,t,n,{container:o,maxToContainer:r,sibling:i,snapPoints:a=[],snapTreshold:l=5,snapDragTreshold:s=30,fixedSnappingPoints:c=[]}={})=>{if(!n)return{isSnapped:!1};const u=Sk(e,t),d=((e,t)=>Sk(e.parentElement,t)-Array.from(e.parentElement.children).reduce(((n,o)=>(o!==e&&kk(e,o,t)&&(n+=Sk(o,t)),n)),0))(e,t);let p=u-n,h=n;p<50&&(p=50,h=u-p);const f=Sk(o,t),g=Ck(u,f,a,Math.max(2,l-1),c);let m=!!g;if(m)Math.abs(n)>s?(p=u-Math.sign(n)*(l+1),h=u-p):(p=g,h=0);else{const e=Ck(p,f,a,l,c);e&&(p=e,h=u-p,m=!0)}r&&(p=Math.min(p,f),f===p&&(h=0),p<d&&p>u&&(h=0),p>=d&&!i&&(p=d));let v=null;i&&h&&(v=Sk(i,t)+h,v<50&&(p-=50-v,v=50));const b="horizontal"===t?["minWidth","width","maxWidth"]:["minHeight","height","maxHeight"];return b.forEach((t=>{e.style[t]=p+"px"})),null!==v&&(i.setAttribute("data-kubio-canvas-resize-modified",!0),b.forEach((e=>{i.style[e]=v+"px"}))),{isSnapped:m,value:p}})(e.current,n,i,{container:e.current.parentElement,maxToContainer:r,sibling:O.current,snapPoints:u,snapTreshold:f,snapDragTreshold:v,fixedSnappingPoints:k.current.display?k.current.points:[]});a||(E.current=o);const l=Sk(e.current,n),s=l+v+10<I.current,c=l-v-10>I.current;(s||c)&&(k.current.display=!0),N()}),[]),W=(0,p.useCallback)((t=>{var o,r,a,l;if(wk(e.current.ownerDocument,!1),top.document.removeEventListener("keydown",X),!t||!D.current)return;D.current=!1;const s=P&&O.current&&(null===(o=O.current)||void 0===o||null===(r=o.getAttribute)||void 0===r?void 0:r.call(o,"data-kubio-canvas-resize-modified"));null===(a=O.current)||void 0===a||null===(l=a.removeAttribute)||void 0===l||l.call(a,"data-kubio-canvas-resize-modified"),M.current({initial:I.current,current:Sk(e.current,n,!0),sibling:s?{element:O.current,current:Sk(O.current,n)}:null}),i&&A(i)}),[]),{startDrag:G,isDragging:V,endDrag:U}=(0,y.useDragging)({onDragStart:B,onDragMove:H,onDragEnd:W}),$=(0,p.useCallback)((()=>{e.current&&(F.current=Ik(e.current,n,!0),O.current&&(F.current=Ik(O.current,n,!0))),U()}),[U]),X=(0,p.useCallback)((e=>{27===e.which&&$()}),[$]);(0,p.useEffect)((()=>{e.current&&(F.current=Ik(e.current,n),O.current&&(F.current=Ik(O.current,n)))}),[a]),(0,p.useLayoutEffect)((()=>{const t=e.current;return null==t||t.addEventListener("mouseleave",z),null==t||t.addEventListener("mousemove",L),()=>{null==t||t.removeEventListener("mouseleave",z),null==t||t.removeEventListener("mousemove",L)}}),[e.current]),(0,p.useLayoutEffect)((()=>{const e=_.current;return null==e||e.addEventListener("focusin",_k),()=>{null==e||e.addEventListener("focusin",_k)}}),[_.current]);let Y=`${j.px}px`;return j.percent&&"%"===b&&(Y=`${j.percent}%`),j.snapPointLabel&&(Y=`${j.snapPointLabel}<br/>${Y}`),t&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("div",{onMouseDown:G,ref:_,tabIndex:"0",className:g()(`kubio-canvas-resize kubio-canvas-resize__${n}`,{"kubio-canvas-resize--display":S||V||c},l),children:[(0,w.jsx)("p",{className:g()("kubio-canvas-resize__tooltip",{"kubio-canvas-resize__tooltip--display":V}),children:(0,w.jsx)("span",{dangerouslySetInnerHTML:{__html:Y}})}),(0,w.jsx)(d.Icon,{icon:zb})]}),V&&(0,p.createPortal)((0,w.jsx)(w.Fragment,{children:(0,w.jsx)("div",{onMouseDown:U,className:`kubio-canvas-resize__overlay kubio-canvas-resize__overlay--${n}`})}),e.current.ownerDocument.body)]})},Tk=({children:e,description:t="",title:n="",icon:o=u.KubioLogo,isSmall:r=!1,stopPropagation:i=!0,preventDefault:a=!0})=>{const l=g()("h-block-placeholder",{"h-block-placeholder--small":r,"wp-block":!(0,y.isKubioEditor)()}),s=(0,p.useCallback)((e=>{i&&e.stopPropagation(),a&&e.preventDefault()}),[i,a]);return(0,w.jsx)(d.__experimentalStyleProvider,{document:top.document,children:(0,w.jsxs)("div",{className:l,onClick:s,children:[(!!o||!!n)&&(0,w.jsxs)("div",{className:"h-block-placeholder__title",children:[o&&(0,w.jsx)(d.Icon,{icon:o,size:20}),n]}),t&&(0,w.jsx)("div",{className:"h-block-placeholder__description",children:t}),e&&(0,w.jsx)("div",{className:"h-block-placeholder__controls",children:e})]})})},Ok=({message:e})=>(0,w.jsx)(Tk,{isSmall:!0,icon:!1,description:e}),Pk=()=>{const e={backgroundImage:(0,Um.useSelect)((e=>{const{siteUrl:t}=e("core/block-editor").getSettings();return`url('${t}/wp-admin/images/spinner.gif')`}),[])};return(0,w.jsx)("span",{className:"h-block-placeholder__spinner",style:e})},Mk=({message:e=(0,h.__)("Loading…","kubio")})=>(0,w.jsx)(Ok,{message:(0,w.jsxs)("div",{className:"h-block-placeholder__spinner--wrapper",children:[(0,w.jsx)(Pk,{}),(0,w.jsx)("span",{children:e})]})}),Ak=({onClose:e,onNewTemplate:t})=>{const{pageTitle:n}=(0,Um.useSelect)((e=>{const{getEditedEntityRecord:t}=e("core"),n=e(s.STORE_KEY).getPage(),o=(null==n?void 0:n.context)||{},{postId:r,postType:i}=o,a=t("postType",i,r);return{pageTitle:v().get(a,"title","new")}}),[]),o=`${n} Template`,[r,i]=(0,p.useState)(o),[a,l]=(0,p.useState)(!0),c=new RegExp("[a-zA-Z_\\-]+."),u=async()=>{c.test(r)?(a||l(!0),e(),t(r,{revertEditsOnOriginal:!0})):l(!1)};return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)("span",{children:(0,h.__)("Current template is used on multiple pages. Let’s create a custom template for this page","kubio")})}),(0,w.jsxs)("div",{children:[(0,w.jsx)(b_,{className:g()(["h-template-wizard__template-group",{"h-template-wizard__template-group--invalid":!a}]),label:(0,h.__)("TEMPLATE NAME","kubio"),value:r,onChange:i,onEnter:u,placeholder:(0,h.__)("Eg. Page name - Template","kubio"),autoFocus:!0,debounceDelay:0}),!a&&(0,w.jsx)("div",{className:"h-template-wizard__validation-errors",children:(0,h.__)("The first character needs to be a alphabetic character","kubio")})]}),(0,w.jsx)("div",{className:"h-template-wizard__modal__footer",children:(0,w.jsx)(d.Button,{isPrimary:!0,className:"w-100",onClick:u,disabled:!r,children:(0,h.__)("Create template","kubio")})})]})},Nk=(e={})=>{const{onClose:t=v().noop}=e;return(0,w.jsx)(d.Modal,{className:"h-template-wizard__modal",overlayClassName:"h-template-wizard__modal-overlay",title:(0,h.__)("New page template","kubio"),onRequestClose:t,children:(0,w.jsx)(Ak,{...e})})},Lk=e=>{e.stopPropagation(),e.preventDefault()},zk=({isWizardShown:e,setIsWizardShown:t,templatePart:n,onClose:o=m.noop,showMessage:r=!0,isEditForAllProLocked:i=!1})=>{const{onNewTemplate:a,onNewTemplatePart:l,templateIsUsedOnMultiplePages:c}=(0,y.useTemplateData)(n),{unlock:u}=(0,y.useTemplatePartLock)(n),p=()=>{u()},f=(0,Um.useSelect)((e=>{var t;const{getCurrentPageTemplate:n,getCurrentPostType:o,getAvailablePageTemplates:r}=e(s.STORE_KEY),i=o();let a=n();i===a&&(a="");const l=r();return(null===(t=(0,m.find)(l,{value:a}))||void 0===t?void 0:t.label)||""}),[]);return i?(0,w.jsx)(Ju.UpgradeToPro,{urlArgs:{source:"edit-template-part",content:"edit-for-all-pages"},message:(0,w.jsx)("span",{dangerouslySetInnerHTML:{__html:(0,h.sprintf)(// translators: %s - template part name (e.g. header/ footer/ sidebar)
// translators: %s - template part name (e.g. header/ footer/ sidebar)
(0,h.__)("Editing the %s is part of the PRO features.<br/>Upgrade to PRO and get unlimited customizing options","kubio"),n)}})}):(0,w.jsxs)("div",{onMouseOver:Lk,className:"h-template-lock-controls",style:{display:"none"},children:[r&&(0,w.jsx)("p",{className:"h-template-lock-controls__message",dangerouslySetInnerHTML:{__html:""===f?(0,h.sprintf)(// translators: %s - template part name (e.g. header/ footer/ sidebar)
// translators: %s - template part name (e.g. header/ footer/ sidebar)
(0,h.__)("Would you like to apply this %s to all pages that are using the current template or only for this page?","kubio"),n):(0,h.sprintf)(// translators: %1$s - template part name (e.g. header/ footer/ sidebar), %2$s - template name
// translators: %1$s - template part name (e.g. header/ footer/ sidebar), %2$s - template name
(0,h.__)('This %1$s is used on multiple pages. Would you like to edit this %1$s for all pages that are using the "%2$s" template?',"kubio"),n,`<strong>${f}</strong>`)}}),(0,w.jsxs)(d.ButtonGroup,{children:[i&&(0,w.jsx)(Ju.ProItem,{tag:d.Button,isPrimary:!0,onClick:p,urlArgs:{source:"edit-template-part",content:"edit-for-all-pages"},children:(0,h.__)("Edit for all pages","kubio")}),!i&&(0,w.jsx)(d.Button,{isPrimary:!0,onClick:p,children:(0,h.__)("Edit for all pages","kubio")}),(0,w.jsx)(Ju.ProItem,{tag:d.Button,isSecondary:!0,onClick:()=>{c?t(!0):(l(),o())},urlArgs:{source:"edit-template-part",content:"this-page-only"},children:(0,h.__)("Edit for this page only","kubio")})]}),e&&(0,w.jsx)(Nk,{onNewTemplate:a,onClose:()=>{t(!1)}})]})};function Dk({title:e,children:t}){return(0,w.jsxs)("div",{className:"template-lock-modal__container",children:[e&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{className:"template-lock-modal__header",children:e}),(0,w.jsx)("hr",{})]}),(0,w.jsx)("div",{className:"template-lock-modal__content",children:t})]})}const Fk=(0,b.wpVersionCompare)("6.3.1","<"),Bk=e=>{const{instanceId:t,position:n,onMouseOut:o=v().noop,onMouseOver:r=v().noop,onDragEnter:i=v().noop,onDragLeave:a=v().noop,onClose:l=v().noop,setIsWizardShown:s,isWizardShown:c,displayPopover:u=!1,isEditForAllProLocked:f=!1,...m}=e,b=(0,p.useRef)(),x=(0,p.useRef)();(0,p.useEffect)((()=>{const e=x.current;if(e)return e.addEventListener("mouseover",r,!0),e.addEventListener("mouseout",o,!0),e.addEventListener("dragenter",i,!0),e.addEventListener("dragleave",a,!0),()=>{e.removeEventListener("mouseover",r,!0),e.removeEventListener("mouseout",o,!0),e.removeEventListener("dragenter",r,!0),e.removeEventListener("dragleave",o,!0)}}),[a,i,r,o]);const y=(0,p.useMemo)((()=>{const e={};var t;return Fk&&(e.ownerDocument=null===(t=b.current)||void 0===t?void 0:t.ownerDocument),{contextElement:b.current,getBoundingClientRect(){var e,t;return null===(e=b.current)||void 0===e||null===(t=e.getBoundingClientRect)||void 0===t?void 0:t.call(e)},...e}}),[b.current]),[,_]=(0,p.useState)();return(0,p.useEffect)((()=>{_(Math.random())}),[]),(0,w.jsxs)("div",{className:"kubio-template-lock-popup__container",children:[(0,w.jsx)("div",{ref:b,className:"kubio-template-lock-popup"}),u&&b.current&&(0,w.jsx)(d.Popover,{position:n,placement:"left-start",className:g()("kubio-options-popover kubio-template-controls-popover kubio-template-controls-canvas-popover",{"kubio-template-controls-canvas-popover--hovered":u},`${t}-popover`),shift:!0,flip:!0,anchor:y,resize:!1,children:(0,w.jsx)("div",{ref:x,className:"template-lock-modal__outer",children:(0,w.jsx)(Dk,{title:f?null:(0,h.__)("Choose editing mode","kubio"),children:(0,w.jsx)(zk,{isWizardShown:c,setIsWizardShown:s,onClose:l,isEditForAllProLocked:f,...m})})})})]})},Hk=e=>{const{templatePart:t,children:n,clientId:o,initialLockOverlay:r=!0,isNavigation:i=!1,isStickyNav:a=!1,stickyPadding:l={},isEditForAllProLocked:c=!1}=e,{isUnlocked:u}=(0,y.useTemplatePartLock)(t),[d,h]=(0,p.useState)(!1),[f,m]=(0,p.useState)(!1),[b,_]=(0,p.useState)("center center"),k=i&&!a,S=(0,x.useInstanceId)(Hk,"kubio-template-part-overlay"),C=g()("h-template-part-overlay__container",{"h-template-part-overlay__container--hovered":d&&!k}),j=(0,p.useRef)(),[R,I]=(0,p.useState)(r),{clearSelectedBlock:E}=(0,Um.useDispatch)("core/block-editor"),{openSidebar:T=v().noop}=(0,Um.useDispatch)("kubio/edit-site")||{},{shouldShowLockOverly:O,currentPageId:P,currentPostTypeIsTemplatePart:M}=(0,Um.useSelect)((e=>{const{getSelectedBlockClientId:t,getBlockParents:n}=e("core/block-editor"),{getPage:r=v().noop,getEditedPostType:i}=e(s.STORE_KEY)||{},a=t(),l=n(a),c=a===o,u=null==l?void 0:l.includes(o),d=r(),p="wp_template_part"===(null==i?void 0:i());return{shouldShowLockOverly:c||u,currentPageId:v().get(d,["context","postId"]),currentPostTypeIsTemplatePart:p}}),[]);(0,p.useEffect)((()=>{_(Gk(j.current))}),[j.current]),(0,p.useEffect)((()=>{O&&d&&!u&&(E(),setTimeout((()=>{T("document")}),100))}),[O,u,R]),(0,p.useEffect)((()=>{R||I(r)}),[P]),(0,p.useEffect)((()=>{!u&&O&&R&&(I(!1),E(),setTimeout((()=>{T("document")}),100),h(!0))}),[O]),(0,p.useEffect)((()=>{O&&u&&!R&&!d&&h(!0)}),[O,u,R]);const A=(0,p.useCallback)(((e,t)=>{var n,o,r,i;if(!e)return!1;let a=(null===(n=j.current)||void 0===n?void 0:n.isSameNode(e))||(null===(o=j.current)||void 0===o?void 0:o.contains(e))||(null==e||null===(r=e.closest)||void 0===r?void 0:r.call(e,[`[data-kubio-template-overlay="${S}-overalay"]`,`.${S}-popover`,".kubio-upgrade-to-pro-popup"].join(",")));return!a&&null!=e&&null!==(i=e.classList)&&void 0!==i&&i.contains("kubio-iframe")&&["dragenter","dragleave"].includes(null==t?void 0:t.type)&&(a=!0),!!a}),[S]),N=(0,x.useDebounce)((0,p.useCallback)((e=>{A(null==e?void 0:e.target,e)&&(_(Gk(j.current)),h(!0))}),[R,_,h,A]),100),L=(0,x.useDebounce)((0,p.useCallback)((e=>{A(null==e?void 0:e.relatedTarget,e)||h(!1)}),[A,h,R]),100),z=(0,p.useCallback)((e=>{const t=null!=e&&e.nativeEvent?null==e?void 0:e.nativeEvent:e;k||R||(L.cancel(),t.preventDefault(),t.stopPropagation(),null==t||t.stopImmediatePropagation(),N(t))}),[N,L,k,R]),D=(0,p.useCallback)((e=>{if(k||R)return;const t=null!=e&&e.nativeEvent?null==e?void 0:e.nativeEvent:e;N.cancel(),t.preventDefault(),t.stopPropagation(),null==t||t.stopImmediatePropagation(),L(t)}),[L,N,k,N]),F=(0,p.useCallback)((e=>{const t=null!=e&&e.nativeEvent?null==e?void 0:e.nativeEvent:e;R&&!k&&"dragenter"===(null==t?void 0:t.type)&&(t.stopPropagation(),null==t||t.stopImmediatePropagation(),I(!1),_(Gk(j.current)),h(!0),L.cancel()),k||R||(t.stopPropagation(),null==t||t.stopImmediatePropagation(),d||(_(Gk(j.current)),h(!0)))}),[R,k,d,_,h]),B=(0,p.useCallback)((e=>{k||R||!d||h(!1)}),[R,k,d]);(0,p.useEffect)((()=>{d&&i&&!a&&h(!1)}),[i,a]),(0,p.useEffect)((()=>{const e=j.current;return e&&i&&(e.addEventListener("mouseover",z,!0),e.addEventListener("mouseout",D,!0)),()=>{const e=j.current;e&&i&&(e.removeEventListener("mouseover",z,!0),e.removeEventListener("mouseout",D,!0))}}),[j.current,i,z,D]),(0,p.useEffect)((()=>{const e=j.current;return e&&i&&e.addEventListener("dragenter",F,!0),document.addEventListener("dragend",B,!0),()=>{const e=j.current;e&&i&&e.removeEventListener("dragenter",F,!0),document.removeEventListener("dragend",B,!0)}}),[j.current,i,F,B]);const H={className:C,style:(0,y.useDeepMemo)((()=>function(e){const t={};return v().isEmpty(e)||["top","bottom","left","right"].forEach((n=>{const o=v().get(e,n),r=v().get(o,"value"),i=v().get(o,"unit");if(void 0!==r&&void 0!==i){const e=`${r}${i}`,o=`margin${v().capitalize(n)}`,a=`padding${v().capitalize(n)}`;v().set(t,o,`-${e}`),v().set(t,a,`${e}`)}})),t}(l)),[l]),"data-kubio-template-overlay":`${S}-overalay`,ref:j};let W={};if(i)W=H;else{let e={onMouseOver:z,onMouseOut:D};i||(e={...e,onDragEnter:F}),W=(0,lb.useBlockProps)({...e,...H})}return u||!(0,y.isKubioEditor)()||M?n:(0,w.jsxs)("div",{...W,children:[(0,w.jsx)("div",{className:"h-template-part-overlay__content",children:n}),!R&&(0,w.jsx)("div",{className:"h-template-part-overlay",children:(0,w.jsx)("div",{className:"h-template-part-overlay__controls",children:(0,w.jsx)(Bk,{displayPopover:d&&!k||f,position:b,instanceId:S,onMouseOver:z,onMouseOut:D,onDragEnter:F,...e,isWizardShown:f,setIsWizardShown:m,isEditForAllProLocked:c,onClose:function(){h(!1)}})})})]})},Wk=e=>{e.preventDefault(),e.stopPropagation()},Gk=e=>{if(!e)return"center center";const t=e.getBoundingClientRect();return e.ownerDocument.documentElement.getBoundingClientRect().height,t.height>=400?"bottom center":(t.top,t.height,"top center")},Vk="edit",Uk=((0,h.__)("All pages using the current header","kubio"),(0,h.__)("This page only","kubio"),e=>{const{action:t}=e,n=t===Vk?$k:Xk;return(0,w.jsx)(n,{...e})}),$k=({typeLabel:e,onClose:t,onNewTemplatePart:n})=>{const o=(0,h.sprintf)(// translators: %s type label
// translators: %s type label
(0,h.__)("New %s","kubio"),e),[r,i]=(0,p.useState)(o),a=async()=>{t(),n(r)};return(0,w.jsxs)("form",{onSubmit:e=>(e.preventDefault(),a()),children:[(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)("h2",{children:(0,h.sprintf)(// translators: %s: type label
// translators: %s: type label
(0,h.__)("Create new %s","kubio"),e.toLowerCase())})}),(0,w.jsx)(b_,{className:"h-template-wizard__template-group",label:(0,h.sprintf)(// translators: %s type label
// translators: %s type label
(0,h.__)("%s name","kubio"),v().capitalize(e)),value:r,onChange:i,debounceDelay:0}),(0,w.jsx)("div",{className:"h-template-wizard__modal__footer",children:(0,w.jsx)(d.Button,{isPrimary:!0,className:"w-100",disabled:!r,onClick:a,children:/* translators: %s type label */ /* translators: %s type label */(0,h.sprintf)((0,h.__)("Save %s","kubio"),e)})})]})},Xk=({onClose:e,onNewTemplate:t})=>(0,w.jsx)(Ak,{onClose:e,onNewTemplate:t}),Yk=[({onNextStep:e,typeLabel:t,action:n,setAction:o})=>(0,w.jsx)(w.Fragment,{children:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)("h2",{children:`Changes to the ${t} will affect multiple pages`})}),(0,w.jsx)("p",{children:(0,h.__)("Would you like to apply these changes to all pages that are using the current template or only for this page?","kubio")}),(0,w.jsxs)(d.ButtonGroup,{className:"h-template-part-modal__button-group w-100 justify-content-center",children:[(0,w.jsx)(d.Button,{isPrimary:!0,onClick:()=>{o(Vk),e()},children:(0,h.__)("Apply to all pages","kubio")}),(0,w.jsx)(Ju.ProItem,{tag:d.Button,isSecondary:!0,onClick:()=>{o("newPage"),e()},urlArgs:{source:"inserter",content:"create-template"},children:(0,h.__)("Apply to this page only","kubio")})]})]})}),Uk],Kk=e=>{const{templateIsUsedOnMultiplePages:t}=e;let n=Yk;t||(n=[Uk]);const[o,r]=(0,p.useState)("edit"),[i,a]=(0,p.useState)(0),l=v().get(n,i);return(0,w.jsx)(l,{...e,onNextStep:()=>{i<n.length-1&&a(i+1)},onPreviousStep:()=>{0!==i&&a(i-1)},action:o,setAction:r})},Zk=({onClose:e=v().noop,type:t})=>{const{onNewTemplatePart:n,onNewTemplate:o,config:r,templateIsUsedOnMultiplePages:i}=(0,y.useTemplateData)(t),a=v().get(r,"label","Part");return(0,w.jsx)(d.Modal,{className:"h-template-wizard__modal",title:(0,h.sprintf)(// translators: %s type label
// translators: %s type label
(0,h.__)("New page %s","kubio"),a),onRequestClose:e,children:(0,w.jsx)(Kk,{onClose:e,type:t,typeLabel:a,onNewTemplatePart:n,onNewTemplate:o,templateIsUsedOnMultiplePages:i})})},qk=(e={})=>{const t=(0,p.useRef)();return(0,p.useEffect)((()=>{const e=t.current;return document.body.appendChild(t.current),()=>{try{const n=(null==t?void 0:t.current)||e;document.body.removeChild(n)}catch(e){console.error(e)}}}),[]),(0,w.jsx)("div",{children:(0,w.jsx)("div",{ref:t,className:"h-template-loading-overlay",children:(0,w.jsx)(d.Icon,{icon:u.KubioLoader})})})},Qk=e=>(0,w.jsx)(Ju.ProItem,{tag:Jk,...e}),Jk=({children:e,className:t,onClick:n,...o})=>{let r={};return r={disabled:!0},(0,w.jsxs)(eS,{className:t,onClick:n,children:[(0,w.jsx)(d.CheckboxControl,{...o,...r}),e]})},eS=({children:e,className:t,onClick:n=v().noop})=>(0,w.jsx)("div",{onClick:n,className:g()(t,"kubio-checkbox-wrapper position-relative"),children:e}),{memo:tS,createPortal:nS}=n(9307),oS=tS((({anchorRef:e,children:t})=>{const n=(0,p.useRef)(),o=(0,p.useRef)(),r=(0,p.useCallback)((()=>{const e=null==n?void 0:n.current,t=o.current;e&&t&&(e.removeAttribute("data-hidden"),null==t||t.setOptions((e=>({...e,modifiers:[...e.modifiers,{name:"eventListeners",enabled:!0}]}))),null==t||t.update())}),[o,null==n?void 0:n.current]),i=(0,p.useCallback)((()=>{const e=null==n?void 0:n.current,t=o.current;e&&t&&(e.setAttribute("data-hidden",""),null==t||t.setOptions((e=>({...e,modifiers:[...e.modifiers,{name:"eventListeners",enabled:!1}]}))))}),[n.current]);return(0,p.useEffect)((()=>{if(null!=e&&e.current&&null!=n&&n.current){const t=hp(null==e?void 0:e.current,null==n?void 0:n.current,{placement:"top",modifiers:[{name:"offset",options:{offset:[0,10]}}]});o.current=t,i()}return()=>{var e;null===(e=o.current)||void 0===e||e.destroy(),o.current=null}}),[null==e?void 0:e.current,null==n?void 0:n.current,i]),(0,p.useEffect)((()=>{const t=null==e?void 0:e.current;return t&&(t.addEventListener("mouseenter",r),t.addEventListener("mouseleave",i)),()=>{const t=null==e?void 0:e.current;t&&(t.removeEventListener("mouseenter",r),t.removeEventListener("mouseleave",i))}}),[null==e?void 0:e.current,r,i]),nS((0,w.jsx)("div",{className:"kubio-modal-tooltip",ref:n,"data-hidden":!0,children:t}),document.body)})),rS=e=>(0,w.jsx)(Ju.ProItem,{tag:iS,...e}),iS=({children:e,className:t,onClick:n,urlArgs:o,...r})=>{let i={};return i={disabled:!0},(0,w.jsxs)(aS,{className:t,onClick:n,children:[(0,w.jsx)(d.RadioControl,{...r,...i}),e]})},aS=({children:e,className:t,onClick:n=v().noop})=>(0,w.jsx)("div",{onClick:n,className:g()(t,"kubio-radio-control-wrapper position-relative"),children:e}),lS=e=>{e.stopPropagation(),e.preventDefault()},sS=(0,b.wpVersionCompare)("6.4","<"),cS=(0,p.forwardRef)((({toggleElement:e,children:t,onToggle:n=v().noop,className:o,popoverProps:r={}}={},i)=>{const a=(0,p.useRef)(),l=(0,p.useRef)(),s=(0,p.useRef)(),c="kubio-dropdown-with-hover";(0,p.useEffect)((()=>()=>{clearTimeout(s.current)}),[]);const u=({isOpen:e,onToggle:t}={})=>{clearTimeout(s.current),e||t()},h=()=>{v().get(a,["current","onClose"],v().noop)()};(0,p.useImperativeHandle)(i,(()=>({onClose:h})));const f=()=>{clearTimeout(s.current),s.current=setTimeout((()=>{h()}),200)},m=(0,p.useMemo)((()=>{var e;return{position:"bottom left",placement:"bottom-end",shift:!0,resize:!1,anchor:{getBoundingClientRect(){var e,t;return null===(e=l.current)||void 0===e||null===(t=e.getBoundingClientRect)||void 0===t?void 0:t.call(e)},contextElement:sS?void 0:l.current,...sS?{ownerDocument:null===(e=l.current)||void 0===e?void 0:e.ownerDocument}:{ownerDocument:top.document}},...r,className:g()(`${c}__popover`,null==r?void 0:r.className)}}),[r]);return(0,w.jsx)("div",{className:g()(c,o),children:(0,w.jsx)(d.Dropdown,{focusOnMount:!1,popoverProps:m,onToggle:n,renderToggle:t=>(0,w.jsx)("div",{className:`${c}__toggle`,ref:l,onMouseEnter:e=>{lS(e),u(t)},onMouseLeave:f,children:e}),renderContent:e=>(a.current=e,(0,w.jsx)("div",{className:`${c}__content`,onMouseEnter:t=>{lS(t),u(e)},onMouseLeave:f,children:t}))})})})),uS=({children:e,type:t="success"})=>(0,w.jsx)("div",{className:g()("kubio-alert",`kubio-alert-${t}`),children:e});let dS;const pS=function({viewportWidth:e,__experimentalPadding:t}){const[n,{width:o}]=(0,x.useResizeObserver)(),[r,{height:i}]=(0,x.useResizeObserver)();dS=dS||(0,x.pure)(lb.BlockList);const a=(o-2*t)/e;return(0,w.jsxs)("div",{className:"block-editor-block-preview__container--no-iframe editor-styles-wrapper","aria-hidden":!0,style:{height:i*a+2*t},children:[n,(0,w.jsxs)(d.Disabled,{style:{transform:`scale(${a})`,width:e,left:t,right:t,top:t},className:"block-editor-block-preview__content--no-iframe",children:[r,(0,w.jsx)(dS,{})]})]})};function hS({onClick:e}){return(0,w.jsx)("div",{tabIndex:0,role:"button",onClick:e,onKeyPress:e,children:(0,w.jsx)(d.Disabled,{children:(0,w.jsx)(lb.BlockList,{})})})}const fS=(0,p.memo)((function({blocks:e,__experimentalPadding:t=0,viewportWidth:n=1200,__experimentalLive:o=!1,__experimentalOnClick:r}){const i=(0,Um.useSelect)((e=>e("core/block-editor").getSettings()),[]),a=(0,p.useMemo)((()=>{const e={...i};return e.__experimentalBlockPatterns=[],e}),[i]),l=(0,p.useMemo)((()=>(0,m.castArray)(e)),[e]);return e&&0!==e.length?(0,w.jsx)(lb.BlockEditorProvider,{value:l,settings:a,children:o?(0,w.jsx)(hS,{onClick:r}):(0,w.jsx)(pS,{viewportWidth:n,__experimentalPadding:t})}):null})),gS=({value:e,onChange:t,...n})=>{const[o,r]=(0,p.useState)(e),[i,a]=(0,p.useState)(!1),l=(0,p.useRef)(t);(0,p.useEffect)((()=>{i||r(e)}),[i,e]),(0,p.useEffect)((()=>{l.current=(0,m.debounce)(t,300)}),[t]);const s=(0,p.useCallback)((e=>{r(e),l.current(e)}),[]);return(0,w.jsx)(d.TextareaControl,{value:o,onChange:s,onFocus:()=>a(!0),onBlur:()=>a(!1),...n})};var mS=n(4670);const{wp:vS}=window,bS=({value:e,onChange:t,label:n,editorSettings:o={},onTextChange:r=m.noop})=>{const i=(0,p.useMemo)((()=>(0,mS.generate)()),[]),a=(0,p.useRef)(!1),l=(0,p.useRef)(!1);(0,p.useEffect)((()=>{if(!a.current)return;const t=window.tinymce.get(`editor-${i}`);t&&((null==t?void 0:t.getContent())===e||l.current||t.setContent(e||""))}),[e]);const s=(0,p.useMemo)((()=>({...o,forced_root_block:"",force_br_newlines:!0,force_p_newlines:!1})),[]);return(({onChange:e,didMount:t,value:n,clientId:o,settings:r={},onTextChange:i=m.noop})=>{const a=(0,p.useRef)(e);(0,p.useEffect)((()=>{a.current=e,i&&i(n)}),[e]),(0,p.useEffect)((()=>{var e;const{baseURL:i,suffix:l}=null===(e=window.wpEditorL10n)||void 0===e?void 0:e.tinymce;t.current=!0,window.tinymce.EditorManager.overrideDefaults({base_url:i,suffix:l});const{onInit:s,onSetup:c,...u}=r,{settings:d}=window.wpEditorL10n.tinymce;return vS.oldEditor.initialize(`editor-${o}`,{tinymce:{...d,...u||{},inline:!0,content_css:!1,fixed_toolbar_container:`#toolbar-${o}`,init_instance_callback(e){e.fire("focus")},setup:function(e){let t;n&&e.on("loadContent",(()=>e.setContent(n))),e.on("blur",(()=>{t=e.selection.getBookmark(2,!0);const n=document.querySelector(".interface-interface-skeleton__content"),o=n.scrollTop;return a.current(e.getContent()),e.once("focus",(()=>{t&&(e.selection.moveToBookmark(t),n.scrollTop!==o&&(n.scrollTop=o))})),!1})),e.on("mousedown touchstart",(()=>{t=null}));const o=(0,m.debounce)((()=>{const t=e.getContent();t!==e._lastChange&&(e._lastChange=t,a.current(t))}),250);e.on("Paste Change input Undo Redo",o),e.on("remove",o.cancel),e.on("keydown",(t=>{Hc.isKeyboardEvent.primary(t,"z")&&t.stopPropagation(),t.keyCode!==Hc.BACKSPACE&&t.keyCode!==Hc.DELETE||!function(e){const t=e.getBody();return!(t.childNodes.length>1)&&(0===t.childNodes.length||!(t.childNodes[0].childNodes.length>1)&&/^\n?$/.test(t.innerText||t.textContent))}(e)||(t.preventDefault(),t.stopImmediatePropagation(),a.current(e.getContent()));const{altKey:n}=t;n&&t.keyCode===Hc.F10&&t.stopPropagation()})),e.on("init",(()=>{e.getBody().blur(),(0,m.isFunction)(s)&&s(e)})),(0,m.isFunction)(c)&&c(e)}}}),()=>{vS.oldEditor.remove(`editor-${o}`)}}),[])})({onChange:t,didMount:a,value:e,clientId:i,settings:s,onTextChange:r}),(0,w.jsx)(d.BaseControl,{label:n,className:"kubio-control",children:(0,w.jsxs)("div",{className:"kubio-tinymce",children:[(0,w.jsx)("div",{id:`toolbar-${i}`,className:"block-library-classic__toolbar",onClick:()=>{const e=window.tinymce.get(`editor-${i}`);e&&e.focus()},"data-placeholder":(0,h.__)("Classic","kubio"),onKeyDown:e=>{e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()}},"toolbar"),(0,w.jsx)("div",{id:`editor-${i}`,className:"wp-block-freeform block-library-rich-text__tinymce",onClick:()=>{l.current=!0},onBlur:()=>{l.current=!1,r&&r()}},"editor")]})})},{codeEditor:xS}=window.wp,yS=({label:e,value:t="",onChange:n,mode:o="css"})=>{const r=(0,p.useRef)(null),i=(0,p.useRef)(null),a=(0,p.useCallback)((e=>{n(e.getValue())}),[n]);return(0,p.useEffect)((()=>{if(r.current&&xS&&!i.current){const{codemirror:e}=xS.initialize(r.current,{...xS.defaultSettings,codemirror:{...xS.defaultSettings.codemirror,mode:o}});i.current=e,i.current.setValue(t),i.current.on("change",a)}}),[r.current]),(0,w.jsx)(d.BaseControl,{label:e,children:(0,w.jsx)("div",{className:"kubio-codemirror",children:(0,w.jsx)("textarea",{ref:r})})})},_S=(0,y.withColibriPath)(bS),wS=(0,j.createContext)(null),kS=(0,j.memo)((({header:e,footer:t,children:n,wrapper:o,startIndex:r=0})=>{const[i,a]=(0,j.useState)(r),[l,s]=(0,j.useState)(!1),c=(0,j.useRef)(!0),u=(0,j.useRef)(!1),d=(0,j.useRef)((()=>{})),p=j.Children.toArray(n).length;c.current=i<p-1,u.current=i>0;const h=(0,j.useRef)((()=>{c.current&&a((e=>e+1))})),f=(0,j.useRef)((()=>{u.current&&(d.current=null,a((e=>e-1)))})),g=(0,j.useRef)((e=>{e>=0&&e<p&&(d.current=null,a(e))})),m=(0,j.useRef)((e=>{d.current=e})),v=(0,j.useRef)((async()=>{if(c.current&&d.current)try{s(!0),await d.current(),s(!1),d.current=null,h.current()}catch(e){throw s(!1),e}else h.current()})),b=(0,j.useMemo)((()=>({nextStep:v.current,previousStep:f.current,handleStep:m.current,isLoading:l,activeStep:i,stepCount:p,isFirstStep:!u.current,isLastStep:!c.current,goToStep:g.current})),[i,p,l]),x=(0,j.useMemo)((()=>j.Children.toArray(n)[i]),[i,n,e,t]),y=(0,j.useMemo)((()=>o?(0,j.cloneElement)(o,{children:x}):x),[o,x]);return(0,j.createElement)(wS.Provider,{value:b},e,y,t)})),SS=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})}),CS=(0,w.jsx)(Iu.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,w.jsx)(Iu.Path,{d:"m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"})}),jS=(0,p.createContext)({steps:[],finishLabel:null}),RS=()=>{const{steps:e,finishLabel:t=null}=(0,p.useContext)(jS),{nextStep:n,previousStep:o,goToStep:r,handleStep:i,isLoading:a,activeStep:l,stepCount:s,isFirstStep:c,isLastStep:u}=(0,j.useContext)(wS),d=(0,p.useCallback)((t=>{const n=(0,m.findIndex)(e,(e=>e.name===t));r(n)}),[r,e]),h=(0,p.useMemo)((()=>e[l].name),[l,e]);return{steps:e,nextStep:n,previousStep:o,goToStepIndex:r,goToStep:d,handleStep:i,isLoading:a,activeStep:l,activeStepName:h,stepCount:s,isFirstStep:c,isLastStep:u,finishLabel:t}},IS=()=>(0,w.jsx)("svg",{width:"8",height:"8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)("circle",{cx:"4",cy:"4",r:"4"})}),ES=()=>{const{activeStep:e,stepCount:t,goToStepIndex:n}=RS();return(0,w.jsx)("ul",{className:"kubio-wizard-dots",children:Array.from({length:t}).map(((o,r)=>(0,w.jsx)("li",{"aria-current":r===e?"step":void 0,children:(0,w.jsx)(d.Button,{icon:(0,w.jsx)(IS,{}),"aria-label":(0,h.sprintf)(/* translators: 1: current page number 2: total number of pages */ /* translators: 1: current page number 2: total number of pages */(0,h.__)("Step %1$d of %2$d","kubio"),r+1,t),onClick:()=>n(r)},r)},r)))})},TS=({onFinish:e,steps:t,showDots:n=!0,backLabelGenerator:o,nextLabelGenerator:r,finishLabel:i=(0,h.__)("Finish","kubio"),initialBackButton:a})=>{const l=RS(),{previousStep:s,nextStep:c,isLastStep:u,isFirstStep:f,activeStep:g}=l,v=(0,p.useRef)(e);(0,p.useEffect)((()=>{v.current=e}),[e]);const b=(0,p.useCallback)((()=>{u?v.current():c()}),[u,c]),x=(0,p.useCallback)((()=>{f?a.onClick():s()}),[a,f,s]),y=(0,p.useMemo)((()=>{var e;return(0,m.isFunction)(o)?o({previousStep:s,nextStep:c,isLastStep:u,isFirstStep:f,activeStep:g}):f?a.label||(0,h.__)("Cancel","kubio"):(null===(e=t[g-1])||void 0===e?void 0:e.label)||(0,h.__)("Back","kubio")}),[g,o,a.label,f,u,c,s,t]),_=(0,p.useMemo)((()=>{var e;return(0,m.isFunction)(r)?r({previousStep:s,nextStep:c,isLastStep:u,isFirstStep:f,activeStep:g}):u?i:(null===(e=t[g+1])||void 0===e?void 0:e.label)||(0,h.__)("Back","kubio")}),[g,i,f,u,r,c,s,t]),k=!f||f&&a;return(0,w.jsx)("div",{className:"kubio-wizard-footer",children:(0,w.jsxs)(d.Flex,{align:"center",gap:10,children:[(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)("div",{style:{textAlign:"left"},children:k&&(0,w.jsxs)(d.Button,{onClick:x,className:"has-text",children:[(0,w.jsx)(d.Icon,{icon:SS,className:f&&"hidden"}),y]})})}),(0,w.jsx)(d.FlexBlock,{children:n&&(0,w.jsx)(ES,{})}),(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)("div",{style:{textAlign:"right"},children:(0,w.jsxs)(d.Button,{onClick:b,variant:"primary",className:"has-text has-icon-right",children:[_,(0,w.jsx)(d.Icon,{icon:u?jv:CS})]})})})]})})},OS=e=>(0,w.jsx)("div",{...e,className:g()("kubio-wizard-content",e.className)}),PS=({steps:e,onFinish:t,Header:n=null,Footer:o=TS,Wrapper:r=OS,startStep:i="",className:a="",showDots:l=!0,initialBackButton:s,finishLabel:c=(0,h.__)("Finish","kubio"),backLabelGenerator:u=null,nextLabelGenerator:d=null,stepRender:f=null})=>{const g=(0,p.useMemo)((()=>{const t=(0,m.findIndex)(e,(e=>e.name===i));return Math.max(0,t)}),[i,e]);return(0,w.jsx)("div",{className:`kubio-wizard ${a}`,children:(0,w.jsx)(kS,{startIndex:g,header:n,wrapper:(0,w.jsx)(r,{}),footer:o?(0,w.jsx)(o,{initialBackButton:s,onFinish:t,showDots:l,steps:e,finishLabel:c,backLabelGenerator:u,nextLabelGenerator:d}):(0,w.jsx)(w.Fragment,{}),children:e.map((e=>f?f(e):e.component))})})},MS=({steps:e,onFinish:t,Header:n=null,Wrapper:o=OS,startStep:r="",className:i="",showDots:a=!0,initialBackButton:l,finishLabel:s=null,backLabelGenerator:c=null,nextLabelGenerator:u=null,Footer:d,stepRender:p=null})=>(0,w.jsx)(jS.Provider,{value:{steps:e,finishLabel:s},children:(0,w.jsx)(PS,{steps:e,onFinish:t,Header:n,Wrapper:o,startStep:r,className:i,showDots:a,initialBackButton:l,finishLabel:s,backLabelGenerator:c,nextLabelGenerator:u,Footer:d,stepRender:p})}),AS=(0,p.forwardRef)((({label:e,options:t,optionRender:n,valueRender:o=null,filterKeys:r=["value","label"],onSuggestionClick:i,suggestionsToShow:a=10,className:l="",popoverClassName:s="",value:c,onChange:u,allowSettings:h,allowReset:f,onClick:y,onReset:_,inline:k=!1,numeric:S=!1,debounceDelay:C=300,onEnter:j=m.noop,useDebounce:R=!1,searchFilter:I=!0,dropdownIcon:E=!0,onBlur:T=v().noop,onFocus:O=v().noop,...P},M)=>{const A=(0,p.useRef)(),N=(0,p.useRef)(),L=(0,x.useInstanceId)(AS),[z,D]=(0,p.useState)(!1),[F,B]=(0,p.useState)(""),H=(0,p.useRef)(r);H.current=r;const W=(0,p.useRef)(t);W.current=t;const G=(0,p.useMemo)((()=>{const e=W.current;if(!F||!I)return e;const t=((e,t,n)=>t?new Fm(e,{threshold:.3,ignoreLocation:!0,keys:n}).search(t).map((e=>e.item)):e)(e,F,H.current);return a?t.slice(0,a):t}),[F,I,a,I?null:t]),{width:V}=(0,b.useResizeObserver)(A.current),U=(0,p.useCallback)((e=>{const t=N.current;t&&(t.isSameNode(e.relatedTarget)||t.contains(e.relatedTarget))||(B(""),D(!1),T(e))}),[]),$=(0,p.useCallback)((e=>{const t=N.current,n=A.current;n&&(n.isSameNode(e.relatedTarget)||n.contains(e.relatedTarget))||t&&(t.isSameNode(e.relatedTarget)||t.contains(e.relatedTarget))||(B(""),D(!1))}),[]),X=(0,p.useCallback)((e=>{i(e,u),D(!1),B("")}),[u,i]),Y=(0,p.useCallback)((e=>{u(e),B(e),D(!0)}),[u]);return(0,p.useImperativeHandle)(M,(()=>({getShowSuggestions:()=>z}))),E=(0,m.isBoolean)(E)?!!E&&(0,w.jsx)(d.Icon,{icon:fp}):E,(0,w.jsxs)("div",{className:"kubio-suggestion-input",ref:M,children:[(0,w.jsx)(b_,{className:g()(l,{"kubio-suggestion-input-with-icon":!!E}),value:o?o(t,c):c,onChange:Y,ref:A,label:e,allowSettings:h,allowReset:f,onClick:y,onReset:_,inline:k,numeric:S,debounceDelay:C,onEnter:j,useDebounce:R,onFocus:e=>{D(!0),O(e)},onBlur:U,autoComplete:"off",role:"presentation",...P}),E,(0,p.createPortal)((0,w.jsx)("div",{className:"kubio-input-suggestions-popover-slot",children:(0,w.jsx)(d.Popover.Slot,{name:`kubio-input-suggestions-popover-${L}`})}),document.body),z&&!!G.length&&(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(d.Popover,{className:`kubio-input-suggestions-popover ${s}`,__unstableSlotName:`kubio-input-suggestions-popover-${L}`,anchor:A.current,offset:10,focusOnMount:!1,onFocusOutside:$,ref:N,children:(0,w.jsx)("div",{className:"kubio-input-suggestions-wrapper",style:{width:V-10+"px"},children:G.map(((e,t)=>(0,w.jsx)("div",{className:"kubio-input-suggestions-option",onClick:()=>X(e),tabIndex:0,role:"button",children:n(e,c)},t)))})})})]})})),NS=(0,y.withColibriPath)((e=>(0,w.jsx)(tk,{...e}))),LS=(0,y.withColibriPath)((e=>{const{onChange:t,mediaType:n,...o}=e;return(0,w.jsx)(Vw,{...o,type:n,onChange:e=>{t(e.url)}})})),zS="none",DS=[{label:(0,h.__)("Fade In","kubio"),value:"fadeIn"},{label:(0,h.__)("Fade In Up","kubio"),value:"fadeInUp"},{label:(0,h.__)("Fade In Down","kubio"),value:"fadeInDown"},{label:(0,h.__)("Fade In Left","kubio"),value:"fadeInLeft"},{label:(0,h.__)("Fade In Right","kubio"),value:"fadeInRight"}],FS=(0,Ju.addProTagToItems)([{label:(0,h.__)("Zoom In","kubio"),value:"zoomIn"},{label:(0,h.__)("Zoom In Up","kubio"),value:"zoomInUp"},{label:(0,h.__)("Zoom In Down","kubio"),value:"zoomInDown"},{label:(0,h.__)("Zoom In Left","kubio"),value:"zoomInLeft"},{label:(0,h.__)("Zoom In Right","kubio"),value:"zoomInRight"}]),BS=(0,Ju.addProTagToItems)([{label:(0,h.__)("Back In Up","kubio"),value:"backInUp"},{label:(0,h.__)("Back In Down","kubio"),value:"backInDown"},{label:(0,h.__)("Back In Left","kubio"),value:"backInLeft"},{label:(0,h.__)("Back In Right","kubio"),value:"backInRight"}]),HS=(0,Ju.addProTagToItems)([{label:(0,h.__)("Bounce In","kubio"),value:"bounceIn"},{label:(0,h.__)("Bounce In Up","kubio"),value:"bounceInUp"},{label:(0,h.__)("Bounce In Down","kubio"),value:"bounceInDown"},{label:(0,h.__)("Bounce In Left","kubio"),value:"bounceInLeft"},{label:(0,h.__)("Bounce In Right","kubio"),value:"bounceInRight"}]),WS=(0,Ju.addProTagToItems)([{label:(0,h.__)("Slide In Up","kubio"),value:"slideInUp"},{label:(0,h.__)("Slide In Down","kubio"),value:"slideInDown"},{label:(0,h.__)("Slide In Left","kubio"),value:"slideInLeft"},{label:(0,h.__)("Slide In Right","kubio"),value:"slideInRight"}]),GS=(0,Ju.addProTagToItems)([{label:(0,h.__)("Rotate In","kubio"),value:"rotateIn"},{label:(0,h.__)("Rotate In Down Left","kubio"),value:"rotateInDownLeft"},{label:(0,h.__)("Rotate In Down Right","kubio"),value:"rotateInDownRight"},{label:(0,h.__)("Rotate In Up Left","kubio"),value:"rotateInUpLeft"},{label:(0,h.__)("Rotate In Up Right","kubio"),value:"rotateInUpRight"}]),VS=(0,Ju.addProTagToItems)([{label:(0,h.__)("Bounce","kubio"),value:"bounce"},{label:(0,h.__)("Flash","kubio"),value:"flash"},{label:(0,h.__)("Pulse","kubio"),value:"pulse"},{label:(0,h.__)("Rubber band","kubio"),value:"rubberBand"},{label:(0,h.__)("Shake","kubio"),value:"shake"},{label:(0,h.__)("Head Shake","kubio"),value:"headShake"},{label:(0,h.__)("Swing","kubio"),value:"swing"},{label:(0,h.__)("Tada","kubio"),value:"tada"},{label:(0,h.__)("Wobble","kubio"),value:"wobble"},{label:(0,h.__)("Jello","kubio"),value:"jello"},{label:(0,h.__)("Heart Beat","kubio"),value:"heartBeat"}]),US=(0,Ju.addProTagToItems)([{label:(0,h.__)("Light Speed In","kubio"),value:"lightSpeedIn"}]),$S=(0,Ju.addProTagToItems)([{label:(0,h.__)("Roll In","kubio"),value:"rollIn"},{label:(0,h.__)("Jack In The Box","kubio"),value:"jackInTheBox"}]),XS=(0,Ju.addProTagToItems)([{label:(0,h.__)("Flip In X","kubio"),value:"flipInX"},{label:(0,h.__)("Flip In Y","kubio"),value:"flipInY"}]),YS=[{label:(0,h.__)("None","kubio"),value:zS},{label:(0,h.__)("Fading","kubio"),items:DS},{label:(0,h.__)("Zooming","kubio"),items:FS},{label:(0,h.__)("Back","kubio"),items:BS},{label:(0,h.__)("Bouncing","kubio"),items:HS},{label:(0,h.__)("Sliding","kubio"),items:WS},{label:(0,h.__)("Rotating","kubio"),items:GS},{label:(0,h.__)("Attention seekers","kubio"),items:VS},{label:(0,h.__)("Light Speed","kubio"),items:US},{label:(0,h.__)("Specials","kubio"),items:$S},{label:(0,h.__)("Flippers","kubio"),items:XS}],KS=zS,ZS=YS,qS={defaultValue:1e3,step:100,min:100,max:3e3,capMin:!0,defaultUnit:"ms"},QS={defaultValue:0,step:100,min:0,max:3e3,capMin:!0,defaultUnit:"ms"},{effectTypeDefault:JS,effectTypeOptions:eC,animationDurationOptions:tC,animationDelayOptions:nC}=r,oC={source:"appearance-effect",content:"appearance-effect"},rC=e=>{const{dataHelper:t}=e,n=(null==t||t.wrapperStyledComponent,t.getAttribute("appearanceEffect",JS));(0,p.useEffect)((()=>{n&&"none"!==n&&!t.getContextProp("appearanceEffectRefreshKey")&&t.setContextProp("appearanceEffectRefreshKey",Date.now())}),[n]);const o=n!==JS,r=v().debounce((()=>{t.setContextProp("appearanceEffectRefreshKey",Date.now())}),100);return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(e_,{options:eC,label:(0,h.__)("Animation","kubio"),type:y.WithDataPathTypes.ATTRIBUTE,path:"appearanceEffect",local:!0,defaultValue:"none"}),o&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(Ju.AvailableInPro,{displayModal:!1,urlArgs:oC}),(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)(d.Button,{isPrimary:!0,onClick:r,className:"kubio-button-100",children:(0,h.__)("Play animation","kubio")})})]})]})},iC=()=>{const{dataHelper:e}=(0,y.useKubioBlockContext)(),t=e.getPropByMedia("isHidden",!1,{fromRoot:!0,styledComponent:""}),n=t=>n=>{e.setPropInMedia("isHidden",n,{media:t,styledComponent:""});const o=e.getPropByMedia("isHidden",!1,{fromRoot:!0,styledComponent:""});Object.values(o).every((e=>!0===e))&&e.setPropInMedia("isHidden",!1,{media:t,styledComponent:""})};return(0,w.jsxs)("div",{className:"media-toggles-container",children:[(0,w.jsx)(d.ToggleControl,{className:"kubio-toggle-control",label:(0,h.__)("Hide on desktop","kubio"),checked:null==t?void 0:t.desktop,onChange:n("desktop")}),(0,w.jsx)(d.ToggleControl,{className:"kubio-toggle-control",label:(0,h.__)("Hide on tablet","kubio"),checked:null==t?void 0:t.tablet,onChange:n("tablet")}),(0,w.jsx)(d.ToggleControl,{className:"kubio-toggle-control",label:(0,h.__)("Hide on mobile","kubio"),checked:null==t?void 0:t.mobile,onChange:n("mobile")})]})},aC=[{label:(0,h.__)("Arial","kubio"),value:"arial"},{label:(0,h.__)("Helvetica","kubio"),value:"helvetica"},{label:(0,h.__)("Times New Roman","kubio"),value:"Times New Roman"}],lC=[{label:(0,h.__)("100 (thin)","kubio"),value:100},{label:(0,h.__)("200 (extra light)","kubio"),value:200},{label:(0,h.__)("300 (light)","kubio"),value:300},{label:(0,h.__)("400 (normal)","kubio"),value:400},{label:(0,h.__)("500 (medium)","kubio"),value:500},{label:(0,h.__)("600 (semi bold)","kubio"),value:600},{label:(0,h.__)("700 (bold)","kubio"),value:700},{label:(0,h.__)("800 (extra bold)","kubio"),value:800},{label:(0,h.__)("900 (heavy)","kubio"),value:900}],sC=[{label:(0,h.__)("PX","kubio"),value:"px"},{label:(0,h.__)("EM","kubio"),value:"em"},{label:(0,h.__)("REM","kubio"),value:"rem"}],cC={px:{min:5,max:100,step:1},em:{min:.3,max:10,step:.1},rem:{min:.3,max:10,step:.1}},uC={units:sC,optionsByUnit:cC,capMin:!0},dC=[{label:(0,h.__)("Normal","kubio"),value:"none"},{label:(0,h.__)("Uppercase","kubio"),value:"uppercase"},{label:(0,h.__)("Lowercase","kubio"),value:"lowercase"},{label:(0,h.__)("Capitalize","kubio"),value:"capitalize"},{label:(0,h.__)("Default","kubio"),value:""}],pC=[{label:(0,h.__)("Normal","kubio"),value:"normal"},{label:(0,h.__)("Italic","kubio"),value:"italic"},{label:(0,h.__)("Default","kubio"),value:""}],hC=[{label:(0,h.__)("None","kubio"),value:"none"},{label:(0,h.__)("Underline","kubio"),value:"underline"},{label:(0,h.__)("Overline","kubio"),value:"overline"},{label:(0,h.__)("Line Through","kubio"),value:"line-through"},{label:(0,h.__)("Default","kubio"),value:""}],fC=(0,y.withColibriPath)((e=>{const{onChange:t,...n}=e;return(0,w.jsx)(Bv,{className:"kubio-range-control",allowReset:!0,...n,onChange:t})})),gC=(0,y.withColibriPath)((e=>(0,w.jsx)(Bv,{allowReset:!0,...e}))),mC=[{value:Qu.HeightTypesEnum.FIT_TO_CONTENT,label:(0,h.__)("Auto","kubio")},{value:Qu.HeightTypesEnum.FULL_SCREEN,label:(0,h.__)("Full screen","kubio")},{value:Qu.HeightTypesEnum.MIN_HEIGHT,label:(0,h.__)("Min height","kubio")}],vC=[{label:"PX",value:"px"},{label:"VH",value:"vh"}],bC={px:{min:0,max:1e3,step:1},vh:{min:0,max:100,step:1}},xC=e=>{var t;const n=bC[(null==e||null===(t=e.value)||void 0===t?void 0:t.unit)||"px"];return(0,w.jsx)(Lw,{...n,units:vC,allowReset:!0,...e})},yC=e=>{const{label:t="Height",value:n={},onChange:o}=e,{"min-height":r={unit:"px",value:""},type:i=Qu.HeightTypesEnum.FIT_TO_CONTENT}=n,a=i===Qu.HeightTypesEnum.MIN_HEIGHT;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(Ih,{className:"kubio-select-control-container",label:t,value:i,onChange:e=>{o({...n,type:e})},options:mC}),a&&(0,w.jsx)(xC,{label:(0,h.__)("Min height","kubio"),value:r,onChange:e=>{o({...n,type:Qu.HeightTypesEnum.MIN_HEIGHT,"min-height":e})},onReset:()=>{o({...n,type:Qu.HeightTypesEnum.MIN_HEIGHT,"min-height":{unit:"px",value:""}})}})]})},_C=Qu.types.enums.gapValues,wC=Qu.types.enums.verticalAlignValues,kC=[{value:1,label:"1"},{value:2,label:"2"},{value:3,label:"3"},{value:4,label:"4"},{value:6,label:"6"}],SC=[{value:wC.TOP,label:(0,h.__)("Top","kubio"),icon:u.VerticalAlignTop},{value:wC.MIDDLE,label:(0,h.__)("Middle","kubio"),icon:u.VerticalAlignMiddle},{value:wC.BOTTOM,label:(0,h.__)("Bottom","kubio"),icon:u.VerticalAlignBottom}],CC=[{value:Qu.HorizontalAlignFlexValues.LEFT,label:(0,h.__)("Left","kubio"),icon:u.HorizontalAlignLeft},{value:Qu.HorizontalAlignFlexValues.CENTER,label:(0,h.__)("Center","kubio"),icon:u.HorizontalAlignCenter},{value:Qu.HorizontalAlignFlexValues.RIGHT,label:(0,h.__)("Right","kubio"),icon:u.HorizontalAlignRight}],jC=[{value:Qu.HorizontalAlignValues.LEFT,label:(0,h.__)("Left","kubio"),icon:u.HorizontalAlignLeft},{value:Qu.HorizontalAlignValues.CENTER,label:(0,h.__)("Center","kubio"),icon:u.HorizontalAlignCenter},{value:Qu.HorizontalAlignValues.RIGHT,label:(0,h.__)("Right","kubio"),icon:u.HorizontalAlignRight}],RC=[{value:Qu.HorizontalTextAlignValues.LEFT,label:(0,h.__)("Left","kubio"),icon:u.TextAlignLeft},{value:Qu.HorizontalTextAlignValues.CENTER,label:(0,h.__)("Center","kubio"),icon:u.TextAlignCenter},{value:Qu.HorizontalTextAlignValues.RIGHT,label:(0,h.__)("Right","kubio"),icon:u.TextAlignRight},{value:Qu.HorizontalTextAlignValues.JUSTIFY,label:(0,h.__)("Justify","kubio"),icon:u.TextAlignJustify}],IC=[{value:Qu.HorizontalAlignFlexValues.LEFT,label:(0,h.__)("Left","kubio"),icon:u.TextAlignLeft},{value:Qu.HorizontalAlignFlexValues.CENTER,label:(0,h.__)("Center","kubio"),icon:u.TextAlignCenter},{value:Qu.HorizontalAlignFlexValues.RIGHT,label:(0,h.__)("Right","kubio"),icon:u.TextAlignRight}],EC=(0,m.differenceBy)(RC,[{value:Qu.HorizontalTextAlignValues.JUSTIFY}],"value"),TC=[{value:_C.NONE,label:(0,h.__)("No gap","kubio")},{value:_C.SMALL,label:"S"},{value:_C.MEDIUM,label:"M"},{value:_C.LARGE,label:"L"}],OC=[...TC,{value:"inherit",label:(0,h.__)("Inherit","kubio")}],PC=e=>{const{...t}=e;return(0,w.jsx)(NS,{...t,allowReset:!0,options:SC})};var MC=n(1964),AC=n.n(MC);const NC=[{value:"bottom",label:(0,h.__)("Bottom","kubio")},{value:"top",label:(0,h.__)("Top","kubio")}],LC={px:{min:0,max:300,step:1},"%":{min:0,max:100,step:1}},zC="#949494",DC=(0,y.withComputedData)((e=>({dataHelper:e})))((e=>{const{value:t={},onChange:n=v().noop,onReset:o=v().noop,position:r,styledComponent:i,dataHelper:a}=e,l=(0,p.useRef)(),s=Qu.separatorConfig.separators,c="top"===(null==e?void 0:e.position)?Qu.separatorConfig.default:{...Qu.separatorConfig.default,negative:!0},u=(0,m.merge)({},c,t),{enabled:f,type:g,label:b,color:x,negative:_,height:k={}}=u,S=e=>t=>{const o=[r,e].join("."),i=(0,m.set)({},o,t);"color"===e?n(i,null,{media:"desktop"}):n(i)},C=e=>()=>{const t=[r,e].join(".");"height"===e?n((0,m.set)({},t,{value:s[g].defaultSize,unit:"px"})):"color"===e?o(t,{media:"desktop"}):o(t)},j=(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(AC(),{className:"kubio-divider-list",children:Qu.separatorConfig.typeOptions.map(((e,t)=>(0,w.jsx)(d.Tooltip,{text:e.label,children:(0,w.jsx)(Ju.ProItem,{tag:"div",item:e,role:"button",tabIndex:0,className:e.value===g&&e.negative===_?"kubio-divider-item selected":"kubio-divider-item",onClick:()=>{(e=>{(()=>{try{l.current.close()}catch(e){}})();const t=(0,m.get)(s,e.value),n=(0,m.get)(t,"defaultSize");a.setStyle("separators",{[r]:{type:e.value,negative:e.negative,label:e.label,height:{unit:"px",value:n}}},{styledComponent:i,media:"desktop"})})(e)},urlArgs:{source:"style-divider",content:e.value},children:(0,w.jsx)(y.Separator,{enabled:!0,negative:e.negative,type:e.value,position:r,height:"40px",color:zC,enabledByMedia:{desktop:!0}})},e.value+(null==e?void 0:e.negative))},e.value+"-"+t)))})}),R=b||g.replace("-"," "),I=(0,w.jsx)(w.Fragment,{children:(0,w.jsx)("div",{className:"kubio-divider-svg",children:(0,w.jsx)(y.Separator,{enabled:!0,type:g,negative:_,height:"40px",position:r,color:zC,enabledByMedia:{desktop:!0}})})});return(0,w.jsxs)("div",{className:"kubio-divider-container",children:[(0,w.jsx)(d.ToggleControl,{className:"kubio-toggle-control",checked:f,label:(0,h.__)("Enabled","kubio"),onChange:S("enabled")}),f&&(0,w.jsxs)("div",{children:[(0,w.jsx)(nb,{ref:l,popoverContent:j,previewContent:I,label:R}),(0,w.jsx)(Ks,{label:(0,h.__)("Dividers color","kubio"),value:x,onChange:S("color"),showReset:!0,onReset:C("color")}),(0,w.jsx)(Lw,{label:(0,h.__)("Dividers height","kubio"),value:k,capMin:!0,units:["px","%"],optionsByUnit:LC,onChange:S("height"),onReset:C("height")})]})]})})),FC=e=>{const{onChange:t=v().noop,onReset:n=v().noop,value:o={},state:r="",styledComponent:i}=e,[a,l]=(0,p.useState)("bottom"),s=""===r||"normal"===r,c=v().get(o,a);return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(tk,{options:NC,value:a,onChange:e=>{l(e)}}),s&&(0,w.jsx)(DC,{position:a,value:c,state:r,onChange:t,onReset:n,styledCompoenent:i}),!s&&(0,w.jsx)(S_,{content:(0,h.__)("The divider can be configured only for the normal state.","kubio")})]})},BC=(0,y.withColibriPath)(FC),HC=e=>{const{styledComponent:t,...n}=e;return(0,w.jsx)(tk,{className:"kubio-horizontal",label:(0,h.__)("Horizontal align","kubio"),options:jC,allowReset:!0,...n})},WC=EC.map((e=>{let t=e.icon;switch(e.value){case Qu.HorizontalTextAlignValues.LEFT:t=u.HorizontalAlignLeft;break;case Qu.HorizontalTextAlignValues.CENTER:t=u.HorizontalAlignCenter;break;case Qu.HorizontalTextAlignValues.RIGHT:t=u.HorizontalAlignRight}return{...e,icon:t}})),GC=(e={})=>{const{useContentAlignIcons:t=!0,useHorizontalAlignFlexOptions:n=!1,skipJustify:o=!1,...r}=e,i=(0,p.useMemo)((()=>{let e;return t?e=WC:n?e=IC:(e=RC,o&&(e=e.slice(0,3))),e}),[t,n]);return(0,w.jsx)(HC,{options:i,...r})},VC=(0,y.withColibriPath)(GC),UC=e=>(0,w.jsx)(HC,{options:CC,...e}),$C=(0,y.withColibriPath)(UC),XC=(0,y.withColibriPath)((e=>{const{value:t,onChange:n,...o}=e;return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(d.BaseControl,{className:"kubio-control",children:(0,w.jsx)(gS,{...o,value:t,onChange:n})})})})),YC=(0,y.withColibriPath)((e=>(0,w.jsx)(Ks,{showReset:!0,label:(0,h.__)("Color","kubio"),...e}))),KC=(0,y.withComputedData)(((e,t)=>{const{storeOptions:n={}}=t;return{borderColor:{value:e.getStyle("border.top.color",void 0,n),onChange:t=>{const o=(0,b.setSidesData)("color",t);e.setStyle("border",o,n)},onReset:()=>{["top","bottom","left","right"].forEach((t=>{const o=`border.${t}.color`;e.setStyle(o,null,{...n,unset:!0})}))}}}}))((e=>{const{computed:t,showReset:n=!0,label:o=(0,h.__)("Border color","kubio")}=e,{borderColor:r}=t;return(0,w.jsx)(Ks,{label:o,...r,showReset:n})})),ZC=[[{color:"rgba(0, 0, 0, 0.25)",blur:"15",spread:"-24",x:"0",y:"27",inset:""}],[{color:"rgba(0, 0, 0, 0.25)",blur:"17",spread:"-20",x:"0",y:"31",inset:""}],[{color:"rgba(0, 0, 0, 0.2)",blur:"2",spread:"0",x:"0",y:"1",inset:""}],[{color:"rgba(0, 0, 0, 0.16)",blur:"6",spread:"0",x:"0",y:"3",inset:""}],[{color:"rgba(0, 0, 0, 0.16)",blur:"20",spread:"0",x:"0",y:"10",inset:""}],[{color:"rgba(0, 0, 0, 0.16)",blur:"28",spread:"0",x:"0",y:"14",inset:""}],[{color:"rgba(0, 0, 0, 0.16)",blur:"38",spread:"0",x:"0",y:"19",inset:""}],[{color:"rgba(0, 0, 0, 0.2)",blur:"71",spread:"-10",x:"0",y:"19",inset:""}],[{color:"rgba(23, 37, 42, 0.2)",blur:"2",spread:"-1",x:"0",y:"-4",inset:"inset"}],[{color:"rgba(23, 37, 42, 0.2)",blur:"20",spread:"4",x:"0",y:"8",inset:"inset"}]],qC=e=>{const t=["text-shadow-preset__item"];return e&&t.push("active"),t.join(" ")},QC=e=>{const t={};return t.textShadow=`${e.x}px ${e.y}px ${e.blur}px ${e.color} `,t},JC=e=>{const{value:t,onChange:n}=e,{enabled:o,normalEnabled:r,...i}=t;return(0,w.jsx)("div",{className:"text-shadow-preset__container",children:(0,w.jsx)(AC(),{className:"text-shadow-preset__scroll-area",children:ZC.map(((t,o)=>(({preset:e,isActive:t,onSelect:n,index:o})=>(0,w.jsx)("div",{className:qC(t),children:(0,w.jsx)("div",{onClick:()=>n(e),style:QC(e),className:"text-shadow-preset__item__inner",children:"T"})},o))({...e,preset:t[0],index:o,onSelect:e=>{n(e)},isActive:Ws()({color:t[0].color,...i},t[0])})))})})},{textShadow:ej}=Qu.types.props,tj=ej.default,nj=e=>{const{value:t={},onChange:n=v().noop,onReset:o=v().noop}=e,r=(0,m.merge)({normalEnabled:!1,hoverEnabled:!1},tj,t),{enabled:i,normalEnabled:a,hoverEnabled:l}=r,[s,c]=(0,p.useState)(i),u=(0,p.useRef)();(0,p.useEffect)((()=>{""!==e.state&&e.state?c(l):c(a)}),[e.state]);const f=(e,t)=>n({[e]:t}),b=e=>t=>{f(e,t)},{x,y,blur:_,color:k}=r,S={textShadow:x+"px "+y+"px "+_+"px "+k},C=(0,w.jsx)(JC,{...e,onChange:e=>{(()=>{try{u.current.close()}catch(e){}})();const t=v().cloneDeep(e);v().unset(t,"color"),n(t)},className:g()("kubio-box-shadow-tab",e.className)}),j=(0,w.jsx)("div",{className:"kubio-text-shadow-preview",style:S,children:"T"});return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(o_,{className:"kubio-popover-options-button-canvas",label:(0,h.__)("Text shadow","kubio"),children:(0,w.jsx)("div",{className:"kubio-popover-options-button__toggle",children:(0,w.jsx)(d.FormToggle,{checked:s,onChange:()=>{const t=!s;c(t),(t=>{f("enabled",t),""!==e.state&&e.state?f("hoverEnabled",t):f("normalEnabled",t)})(t)}})})}),s&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(nb,{ref:u,popoverContent:C,previewContent:j}),(0,w.jsxs)("div",{className:"kubio-box-shadow-values-container",children:[(0,w.jsxs)("div",{className:"kubio-box-shadow-inputs-container",children:[(0,w.jsx)(d.__experimentalNumberControl,{label:(0,h.__)("X","kubio"),value:x,onChange:b("x"),min:-100,max:100}),(0,w.jsx)(d.__experimentalNumberControl,{type:"number",label:(0,h.__)("Y","kubio"),value:y,onChange:b("y"),min:-100,max:100}),(0,w.jsx)(d.__experimentalNumberControl,{type:"number",label:(0,h.__)("Blur","kubio"),value:_,onChange:b("blur"),min:-100,max:100})]}),(0,w.jsx)(Ks,{value:k,onChange:b("color")})]})]})]})},oj=(0,y.withColibriPath)(nj),rj=(0,x.createHigherOrderComponent)((e=>t=>{const{nodeType:n="p",value:o={}}=t,r=(0,c.useInheritedTypographyValue)(n,"",{}),i=v().merge({},r,o);return(0,w.jsx)(e,{...t,value:i})}),"WithInheritedTypography"),ij=rj((e=>{const{getFontWeights:t}=(0,c.useGlobalDataFonts)();let{onChange:n=v().noop,onReset:o=v().noop,value:r,readValue:i,withFamily:a=!0,withWeight:l=!0,withColor:s=!1,withSize:u=!0,withTransform:p=!0,withStyle:f=!0,withDecoration:g=!0,withLineHeight:b=!0,withLetterSpacing:x=!0,hideReset:y=!1}=e;i=i||r,i=v().merge({},Qu.types.props.typography.default,i);let{family:_,weight:k}=i;k=Number(k);const S=e=>t=>{const o=(0,m.set)({},e,t);n(o)},C=e=>()=>{o(e)},j=e=>v().get(i,e),R=(e,t="")=>({value:j(e),onChange:S(e),onReset:C(e)}),I=R("weight");I.value=parseInt(I.value);const E=t(j("family")),T=lC.filter((({value:e})=>-1!==E.indexOf(e))),O=R("family");return(0,w.jsxs)(w.Fragment,{children:[a&&(0,w.jsxs)(d.Flex,{className:"kubio-font-family-container",children:[(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)("span",{className:"kubio-font-family-label",children:(0,h.__)("Font family","kubio")})}),(0,w.jsx)(d.FlexBlock,{className:"kubio-font-family-container__select",children:(0,w.jsx)($m,{...O,onChange:e=>{O.onChange(e);const n=parseInt(I.value),o=t(e),r=o.find((e=>e===n));if(!r){const e=((e,t)=>e.reduce(((e,n)=>Math.abs(n-t)<Math.abs(e-t)?n:e)))(o,n);S("weight")(e)}}})})]}),l&&(0,w.jsx)(Ih,{label:(0,h.__)("Weight","kubio"),className:"kubio-select-control-container",...I,options:T}),s&&(0,w.jsx)(Ks,{showReset:!y,label:(0,h.__)("Color","kubio"),alpha:!0,...R("color")}),u&&(0,w.jsx)(Lw,{...R("size"),label:(0,h.__)("Size","kubio"),...uC,allowReset:!y}),p&&(0,w.jsx)(Ih,{label:(0,h.__)("Transform","kubio"),className:"kubio-select-control-container",...R("transform"),options:dC}),f&&(0,w.jsx)(Ih,{label:(0,h.__)("Style","kubio"),className:"kubio-select-control-container",...R("style"),options:pC}),g&&(0,w.jsx)(Ih,{label:(0,h.__)("Decoration","kubio"),className:"kubio-select-control-container",...R("decoration"),options:hC}),b&&(0,w.jsx)(Lw,{label:(0,h.__)("Line height","kubio"),...R("lineHeight"),units:[""],defaultUnit:"",min:0,max:10,step:.1,allowReset:!y}),x&&(0,w.jsx)(Lw,{label:(0,h.__)("Letter spacing","kubio"),...R("letterSpacing"),units:sC,min:0,max:10,allowReset:!y})]})})),aj=e=>{const{label:t=(0,h.__)("Typography","kubio"),onReset:n=v().noop}=e;return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(i_,{label:t,popoverWidth:250,showReset:!0,onReset:function(e,t){t=v().merge(t,{ignoredPathOnUnset:"color"}),n(e,t)},popupContent:(0,w.jsx)(ij,{hideReset:!0,...e})})})},lj=(0,y.withColibriPath)(aj),sj=rj((e=>{const{clearSelectedBlock:t}=(0,Um.useDispatch)("core/block-editor");let{onChange:n=v().noop,onReset:o=v().noop,value:r={},readValue:i,alpha:a=!1,afterColors:l=null}=e;const{openSidebar:c}=(0,Um.useDispatch)(s.STORE_KEY)||{};i=i||r;const u=e=>t=>{const o=v().set({},`holders.${e}`,t);n(o)},p=e=>v().get(i,`holders.${e}`),f=[];for(let e=1;e<=6;e++)f.push({tag:"h"+e,label:`Heading ${e}`});const g=e=>()=>{o(`holders.${e}`)};return(0,w.jsxs)(d.BaseControl,{className:"kubio-typography-container-control-container",children:[(0,w.jsx)(Ks,{label:(0,h.__)("Text color","kubio"),color:p("p.color"),onChange:u("p.color"),onReset:g("p.color"),showReset:!0,disableAlpha:a}),(0,w.jsxs)(d.Flex,{className:"color-indicator-with-cog",children:[(0,w.jsx)(Ks,{label:(0,h.__)("Heading color","kubio"),color:p("h1.color"),onChange:e=>{const t={};v().each(f,(n=>{const o=n.tag+".color";v().set(t,`holders.${o}`,e)})),n(t)},showReset:!0,onReset:()=>{v().each(f,(e=>{const t=e.tag+".color";o(`holders.${t}`)}))},disableAlpha:a}),(0,w.jsx)("div",{style:{marginBottom:"8px",position:"absolute",right:80},children:(0,w.jsx)(i_,{popupContent:(0,w.jsx)(w.Fragment,{children:[1,2,3,4,5,6].map((e=>(0,w.jsx)(Ks,{label:(0,h.sprintf)(/* translators: %s is replaced with the heading number */ /* translators: %s is replaced with the heading number */(0,h.__)("Heading %s color","kubio"),e),color:p(`h${e}.color`),onChange:u(`h${e}.color`),showReset:!0,onReset:g(`h${e}.color`),disableAlpha:a},e)))})})})]}),(0,w.jsx)(Ks,{label:(0,h.__)("Link color","kubio"),color:p("a.color"),onChange:u("a.color"),showReset:!0,onReset:g("a.color"),disableAlpha:a}),(0,w.jsx)(Ks,{label:(0,h.__)("Hover link color","kubio"),color:p("a.states.hover.color"),onChange:u("a.states.hover.color"),showReset:!0,onReset:g("a.states.hover.color"),disableAlpha:a}),l,c&&(0,w.jsx)("div",{className:"kubio-typography-for-text-button-edit-theme-default",children:(0,w.jsx)(d.Button,{isPrimary:!0,onClick:()=>{t().then((()=>{c("document/general-settings/typography")}))},className:"kubio-button-100",children:(0,h.__)("Edit theme defaults","kubio")})})]})})),cj=(0,y.withColibriPath)((e=>(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(i_,{label:(0,h.__)("Typography","kubio"),minWidth:260,popupContent:(0,w.jsx)(sj,{...e})})}))),uj=e=>{const{globalStyleData:t}=(0,c.useGlobalDataStyle)(),{onChange:n=v().noop,onReset:o=v().noop,value:r={},filters:i={}}=e,a=v().get(t,"style.descendants.transition.transition.duration"),l=(null==r?void 0:r.duration)||a,s=e=>{n({duration:e},null,{state:"normal"})},{manuallyEnabled:u}=i,d=(0,m.isEmpty)(r)&&u,p=!(0,m.isEmpty)(r);return(0,w.jsxs)(w.Fragment,{children:[u&&(0,w.jsx)(Yw,{label:(0,h.__)("Enable hover transition","kubio"),value:p,onChange:e=>{e?s(a):o("duration",{state:"normal"})}}),!d&&(0,w.jsx)(Lw,{value:l,onChange:s,onReset:()=>{if(u)return s(a);o("duration",{state:"normal"})},label:"Transition duration",min:0,max:5,step:.01,defaultUnit:"s"})]})},dj=e=>"hover"===(null==e?void 0:e.state)?(0,w.jsx)(uj,{...e}):null,pj=Qu.types.props.background.enums.types;let hj=[{label:(0,h.__)("Image","kubio"),value:pj.IMAGE,icon:u.ImageIcon},{label:(0,h.__)("Gradient","kubio"),value:pj.GRADIENT,icon:u.GradientIcon},{label:(0,h.__)("Video","kubio"),value:pj.VIDEO,icon:u.VideoIcon},{label:(0,h.__)("Slideshow","kubio"),value:pj.SLIDESHOW,icon:u.SlideshowIcon},{label:(0,h.__)("None","kubio"),value:pj.NONE,icon:u.NoneIcon}];const fj=[{value:"internal",label:(0,h.__)("Self hosted","kubio")},{value:"external",label:(0,h.__)("External","kubio")}];hj=(0,m.map)(hj,(e=>({...e,tooltip:e.label})));const gj=Qu.types.enums.shapes,mj=Qu.types.props.background.overlay.default,vj={position:[{label:(0,h.__)("Top Left","kubio"),value:"top left"},{label:(0,h.__)("Top Center","kubio"),value:"top center"},{label:(0,h.__)("Top Right","kubio"),value:"top right"},{label:(0,h.__)("Center Left","kubio"),value:"center left"},{label:(0,h.__)("Center Center","kubio"),value:"center center"},{label:(0,h.__)("Center Right","kubio"),value:"center right"},{label:(0,h.__)("Bottom Left","kubio"),value:"bottom left"},{label:(0,h.__)("Bottom Center","kubio"),value:"bottom center"},{label:(0,h.__)("Bottom Right","kubio"),value:"bottom right"},{label:(0,h.__)("Custom","kubio"),value:"custom"}],attachment:[{label:(0,h.__)("Scroll","kubio"),value:"scroll"},{label:(0,h.__)("Fixed","kubio"),value:"fixed"}],repeat:[{label:(0,h.__)("No Repeat","kubio"),value:"no-repeat"},{label:(0,h.__)("Repeat","kubio"),value:"repeat"},{label:(0,h.__)("Repeat X","kubio"),value:"repeat-x"},{label:(0,h.__)("Repeat Y","kubio"),value:"repeat-y"}],size:[{label:(0,h.__)("Auto","kubio"),value:"auto"},{label:(0,h.__)("Cover","kubio"),value:"cover"},{label:(0,h.__)("Contain","kubio"),value:"contain"},{label:(0,h.__)("Custom","kubio"),value:"custom"}]},bj={"top left":{x:0,y:0},"top center":{x:50,y:0},"top right":{x:100,y:0},"center left":{x:0,y:50},"center center":{x:50,y:50},"center right":{x:100,y:50},"bottom left":{x:0,y:100},"bottom center":{x:50,y:100},"bottom right":{x:100,y:100}},xj=Qu.BackgroundParserUtils.imageDefault,yj=Qu.BackgroundParserUtils.videoDefault,_j=Qu.BackgroundParserUtils.slideShowDefault,wj=Qu.BackgroundParserUtils.defaultValue,kj=e=>{let t=e;return(0,m.isString)(t)||(0,m.each)(bj,((n,o)=>{if(Ws()(e,n))return t=o,!1})),t},Sj=[{label:(0,h.__)("None","kubio"),value:gj.NONE,isTile:!1},{label:(0,h.__)("Doodle","kubio"),value:gj.DOODLE,isTile:!1},{label:(0,h.__)("Falling stars","kubio"),value:gj.FALLING_STARS,isTile:!1},{label:(0,h.__)("Grain","kubio"),value:gj.GRAIN,isTile:!1},{label:(0,h.__)("Polygons","kubio"),value:gj.POLY1,isTile:!1},{label:(0,h.__)("Polylines","kubio"),value:gj.POLY2,isTile:!1},{label:(0,h.__)("Wavy lines","kubio"),value:gj.WAVY_LINES,isTile:!1},{label:(0,h.__)("Big circles","kubio"),value:gj.CIRCLES,isTile:!1},{label:(0,h.__)("Middle line","kubio"),value:gj.DEGREE_STRIPES,isTile:!1},{label:(0,h.__)("Rounded triangle","kubio"),value:gj.ROUNDED_SQUARE_BLUE,isTile:!1},{label:(0,h.__)("Multiple rounded triangles","kubio"),value:gj.MANY_ROUNDED_SQUARE_BLUE,isTile:!1},{label:(0,h.__)("Semicircles","kubio"),value:gj.TWO_CIRCLES,isTile:!1},{label:(0,h.__)("Overlapping circles","kubio"),value:gj.CIRCLES_TWO,isTile:!1},{label:(0,h.__)("Intersecting circles","kubio"),value:gj.CIRCLES_THREE,isTile:!1},{label:(0,h.__)("Gradient circles","kubio"),value:gj.CIRCLES_GRADIENT,isTile:!1},{label:(0,h.__)("White gradient circles","kubio"),value:gj.CIRCLES_WHITE_GRADIENT,isTile:!1},{label:(0,h.__)("Waves","kubio"),value:gj.WAVES,isTile:!1},{label:(0,h.__)("Inverted waves","kubio"),value:gj.WAVES_INVERTED,isTile:!1},{label:(0,h.__)("Dots","kubio"),value:gj.DOTS,isTile:!0},{label:(0,h.__)("Left tilted lines","kubio"),value:gj.LEFT_TILTED_LINES,isTile:!0},{label:(0,h.__)("Right tilted lines","kubio"),value:gj.RIGHT_TILTED_LINES,isTile:!0},{label:(0,h.__)("Right tilted strips","kubio"),value:gj.RIGHT_TILTED_STRIPES,isTile:!1}],Cj={CONTAINER:{background:{types:["none","image","gradient","video","slideshow"],image:{showParallax:!0,featuredImage:{show:!0}},showOverlayOptions:!0}},MARGINLESS_SPACING:{supportsMargin:!1}};Object.freeze(Cj.CONTAINER),Object.freeze(Cj.CONTAINER.background),Object.freeze(Cj.CONTAINER.background.types);const{DefaultValue:jj,overlayShapes:Rj,BackgroundTypesOptions:Ij,ImagePositionMap:Ej,ImageProperties:Tj,imagePositionToShorthand:Oj,BackgroundTypesEnum:Pj,videoTypes:Mj}=l,Aj=jj.slideshow,Nj=[{label:(0,h.__)("%","kubio"),value:"%"}],Lj=({localValue:e,updateValue:t=m.noop,onReset:n=m.noop,showOverlayOptionsOnFree:o=!1,overlayLabel:r=(0,h.__)("Background overlay","kubio")})=>{const i=(0,m.get)(e,"overlay.type"),a=(0,m.get)(e,"overlay.shape.value"),{uiVersion:l}=(0,tb.useUIVersion)();return(0,w.jsx)(i_,{isProOnly:!o,label:r,toggable:!0,upgradeUrlArgs:{source:"background",content:"overlay"},onToggleChange:e=>t("overlay.enabled",e),enabled:(0,m.get)(e,"overlay.enabled",!1),position:2===l?"bottom center":"middle left",popupContent:(0,w.jsxs)("div",{className:"kubio-background-overlay-container",children:[(0,w.jsxs)(d.BaseControl,{children:[(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)(tk,{utmSource:"background",className:"kubio-background-overlay-toggle-group",value:(0,m.get)(e,"overlay.type"),onChange:e=>t("overlay.type",e),options:[{value:"color",label:(0,h.__)("Color","kubio")},{value:"gradient",label:(0,h.__)("Gradient","kubio")},{value:"shapeOnly",label:(0,h.__)("Shape Only","kubio")}]})}),"color"===i&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(Ks,{showReset:!0,alpha:!1,color:(0,m.get)(e,"overlay.color.value"),label:(0,h.__)("Color","kubio"),onChange:e=>t("overlay.color.value",e),onReset:("overlay.color.value",()=>{n("overlay.color.value")})}),(0,w.jsx)("div",{className:"kubio-background-overlay-range-control",children:(0,w.jsx)(Bv,{label:(0,h.__)("Opacity","kubio"),className:"kubio-background-overlay-opacity",resetValue:.5,value:(0,m.get)(e,"overlay.color.opacity"),onChange:e=>{t("overlay.color.opacity",e.toFixed(2))},min:0,max:1,capMin:!0,capMax:!0,step:.1})})]}),"gradient"===i&&(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(Jv,{value:(0,m.get)(e,"overlay.gradient"),label:(0,h.__)("Gradient","kubio"),onChange:e=>t("overlay.gradient",e),forceAlpha:!1,presetsNumber:5,withPreviewer:!1,forceAlphaForPreset:.7,showExternalOpacityControl:!0})})]}),"shapeOnly"!==i&&(0,w.jsx)(S,{}),(0,w.jsx)(Ih,{label:(0,h.__)("Overlay shape","kubio"),value:(0,m.get)(e,"overlay.shape.value"),options:Rj,inlineLabel:!1,onChange:e=>{const{value:n,isTile:o}=(0,m.find)(Rj,{value:e});t("overlay.shape",{value:n,isTile:o})}}),"none"!==a&&(0,w.jsx)("div",{className:"kubio-background-overlay-range-control kubio-range-control-tooltip-above",children:(0,w.jsx)(Bv,{label:(0,h.__)("Shape light","kubio"),className:"kubio-background-overlay-shape-light",resetValue:0,value:(0,m.get)(e,"overlay.shape.light"),onChange:e=>t("overlay.shape.light",e)})})]})})},zj=()=>(0,w.jsx)(S_,{content:(0,h.__)("The button can be configured only for the normal state.","kubio")}),Dj=(0,d.withFilters)("kubio.control.background-control")((({value:e={},state:t="",labelColor:n=(0,h.__)("Background color","kubio"),onChange:o,onReset:r=m.noop,filters:i={},...a})=>{const l=(0,Um.useSelect)((e=>{const t=e(s.STORE_KEY)||e("core/edit-post")||e("core/edit-site"),n=(null==t?void 0:t.__experimentalGetPreviewDeviceType())||"desktop";return(0,b.deviceToMedia)(n)}),[]),[c,f]=(0,p.useState)(e),g=(0,m.mergeWith)({},jj,c,((e,t)=>{if((0,m.isArray)(e)&&(0,m.isArray)(t)&&!(0,m.get)(e,"[0].attachment")&&t.length)return t})),v=(e,t)=>(0,m.get)(g,e,t),x=""===t||"normal"===t,_=v("type"),k=_===Pj.NONE||_===Pj.IMAGE||_===Pj.GRADIENT,C=_===Pj.VIDEO||_===Pj.SLIDESHOW,j=(0,y.useDeepCallback)(((e,t,n)=>{const r=(0,m.merge)({},c,e);f(r),o(e,t,n)}),[c,f,o]);(0,p.useEffect)((()=>{Ws()(e,c)||f(e)}),[e]);const R=(0,b.mergeNoArrays)({},{types:["none","image","gradient"],freeTypes:["none","image","gradient"],image:{showParallax:!1,forceBackgroundLayer:!1,featuredImage:{show:!1}},showOverlayOptions:!1},i),I=(0,m.get)(R,"types",[]),E=(0,m.get)(R,"freeTypes",[]),T=(0,m.get)(R,"showOverlayOptions")&&x,O=(0,m.get)(R,"showOverlayOptionsOnFree"),P=(0,m.get)(R,"image.showParallax")&&x,M=(0,m.get)(R,"image.featuredImage.show")&&x;let A=Ij.filter((e=>I.includes(e.value)));const N=(0,m.intersection)(I,E);A=(0,Ju.addProTagToItems)(A,N);let L=[];x||(k&&(L=[Pj.VIDEO,Pj.SLIDESHOW]),C&&(L=Object.values(Pj)));const z=!!v("image.0.useParallax"),D=!!v("image.0.useFeaturedImage"),{featuredImageUrl:F}=(0,Um.useSelect)((e=>{const t=e("core/editor").getEditedPostAttribute("featured_media");let n=null;return 0!==t&&(n=e("core").getMedia(t),n=(0,m.get)(n,"source_url")),{featuredImageUrl:n}}));let B=v("image.0.source.url");D&&F&&(B=F);const H=v("image.0.position",{x:50,y:50}),W=v("video.position",{x:50,y:50});let G=v("image.0.size");G&&(0,m.isObject)(G)&&(G="custom");const V=(0,m.isObject)(H)?H:Ej[H],U={value:V.x,unit:"%"},$={value:V.y,unit:"%"},X=(0,p.useMemo)((()=>!!(0,m.isObject)(H)&&!(0,m.find)(Ej,H)),[H])?"custom":Oj(H),[Y,K]=(0,p.useState)(X),Z=(0,m.isObject)(W)?W:Ej[W],q={value:Z.x,unit:"%"},Q={value:Z.y,unit:"%"},J=(0,p.useMemo)((()=>!!(0,m.isObject)(W)&&!(0,m.find)(Ej,W)),[W])?"custom":Oj(W),[ee,te]=(0,p.useState)(J),ne=Tj.position,oe=v("video.type"),re=v("slideshow.slides",[]).map((e=>({...e,icon:!1}))),ie=(e,t)=>{const n=(0,m.set)({},e,t);j(n)},ae=(e,t)=>{const n=(0,m.set)({},e,t);o(n,null,{mergeArrays:!1});const r=(0,b.mergeNoArrays)({},c,n);f(r)},le=e=>()=>{"image.0.position"===e&&K("center center"),r(e)},se=(e={})=>{let t={};(0,m.each)(e,((e,n)=>{t=(0,m.set)(t,n,e)})),j(t)},ce=(e,t)=>{const n={x:e,y:t},o=(0,m.set)({},"image.0.position",n);j(o)},ue=(e,t)=>{const n={x:e,y:t},o=(0,m.set)({},"video.position",n);j(o)},de=e=>(0,m.get)(g,`image.0.sizeCustom.${e}`,0),pe=(e,t)=>{const n={size:"custom",sizeCustom:{[e]:t}},o=(0,m.set)({},"image.0",n);j(o)},he=!D,[fe,ge]=(0,Ju.useProModal)();return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(Ks,{showReset:!0,color:v("color"),label:n,alpha:!0,onChange:e=>{ie("color",e)},onReset:le("color")}),(0,w.jsx)(S,{}),(0,w.jsx)(tk,{label:(0,h.__)("Background type","kubio"),className:"kubio-background-type-container",allowReset:!0,value:v("type"),options:A,disabledOptions:L,resetOnLabel:!0,onReset:()=>{r()},onChange:e=>{const t={type:e};e!==Pj.GRADIENT&&e!==Pj.IMAGE||(0,m.set)(t,"image[0].source.type",e),!x||e!==Pj.VIDEO&&e!==Pj.SLIDESHOW||["hover"].forEach((e=>{j({},null,{unset:!0,state:e,media:l})})),j(t),e!==Pj.IMAGE&&(r("image[0].source.url"),r("image[0].position"),r("image[0].sizeCustom"))},utmSource:"background"}),_===Pj.IMAGE&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(i_,{label:(0,h.__)("Background image","kubio"),popoverClass:"kubio-background-control-popover",onPopoverOpen:()=>{K(X)},popoverWidth:280,enabled:!z,beforeOptionsButton:(0,m.isFunction)(a.beforeImageOptionsButton)?a.beforeImageOptionsButton({updateValues:se,imageURL:B}):a.beforeImageOptionsButton,popupContent:(0,w.jsxs)("div",{className:"kubio-background-image-settings-container",children:[(0,w.jsx)(Ih,{label:(0,h.__)("Position","kubio"),value:Y,options:ne,onChange:e=>{var t;"custom"!==(t=e)&&ie("image.0.position",t),K(t)},allowReset:!0,onReset:le("image.0.position")}),"custom"===Y&&(0,w.jsxs)(o_,{className:"kubio-custom-image-position-range-with-unit-container",children:[(0,w.jsx)(Lw,{value:U,label:(0,h.__)("Left","kubio"),onChange:e=>ce(e.value,$.value),onReset:le("image.0.position.x"),units:Nj}),(0,w.jsx)(Lw,{value:$,label:(0,h.__)("Top","kubio"),onChange:e=>ce(U.value,e.value),onReset:le("image.0.position.y"),units:Nj})]}),(0,w.jsx)(Ih,{label:(0,h.__)("Attachment","kubio"),value:v("image.0.attachment"),options:Tj.attachment,onChange:e=>ie("image.0.attachment",e),allowReset:!0,onReset:le("image.0.attachment")}),(0,w.jsx)(Ih,{label:(0,h.__)("Repeat","kubio"),value:v("image.0.repeat"),options:Tj.repeat,onChange:e=>ie("image.0.repeat",e),allowReset:!0,onReset:le("image.0.repeat")}),(0,w.jsx)(Ih,{label:(0,h.__)("Size","kubio"),value:G,options:Tj.size,onChange:e=>{(0,m.isEmpty)((0,m.get)(c,"image.0.sizeCustom"))||le("image.0.sizeCustom")(),ie("image.0.size",e)},onReset:le("image.0.size"),allowReset:!0}),"custom"===G&&(0,w.jsxs)(o_,{className:"kubio-custom-image-position-range-with-unit-container",children:[(0,w.jsx)(Lw,{label:(0,h.__)("Custom size x","kubio"),value:de("x"),onChange:e=>{pe("x",e)},onReset:le("image.0.sizeCustom.x"),units:Nj}),(0,w.jsx)(Lw,{label:(0,h.__)("Custom size y","kubio"),value:de("y"),onChange:e=>{pe("y",e)},onReset:le("image.0.sizeCustom.y"),units:Nj})]})]})}),!z&&(0,w.jsx)(Bw,{types:["image"],url:B,focalPoint:V,onChange:e=>{se({"image.0.source.url":e.url,"image.0.position":e.focalPoint})},showButton:he}),z&&(0,w.jsx)(Vw,{types:["image"],value:{url:B},showButton:he,onChange:e=>{ie("image.0.useFeaturedImage",!1),ie("image.0.source.url",e.url)}}),M&&(0,w.jsxs)(o_,{label:(0,h.__)("Use feature image if available","kubio"),children:[(0,w.jsx)(d.FormToggle,{checked:D,onChange:()=>{ge(!0)}}),(0,w.jsx)(fe,{urlArgs:{source:"background",content:"featured-image"}})]}),P&&(0,w.jsxs)(o_,{label:(0,h.__)("Use parallax","kubio"),children:[(0,w.jsx)(d.FormToggle,{checked:z,onChange:()=>{ge(!0,"parallax")}}),(0,w.jsx)(fe,{id:"parallax",urlArgs:{source:"background",content:"parallax"}})]})]}),_===Pj.VIDEO&&x&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)(tk,{value:v("video.type"),onChange:e=>ie("video.type",e),options:Mj})}),(0,w.jsx)(i_,{label:(0,h.__)("Video","kubio"),popoverClass:"kubio-background-control-popover",onPopoverOpen:()=>{te(J)},enabled:"internal"===oe,popupContent:(0,w.jsx)(w.Fragment,{children:(0,w.jsxs)("div",{className:"kubio-background-image-settings-container",children:[(0,w.jsx)(Ih,{label:(0,h.__)("Position","kubio"),value:ee,options:ne,onChange:e=>{var t;"custom"!==(t=e)&&ie("video.position",Ej[t]),te(t)},allowReset:!0,onReset:le("video.position")}),"custom"===ee&&(0,w.jsxs)(o_,{className:"kubio-custom-image-position-range-with-unit-container",children:[(0,w.jsx)(Lw,{value:q,label:(0,h.__)("Left","kubio"),onChange:e=>ue(e.value,Q.value),onReset:le("video.position.x"),units:Nj}),(0,w.jsx)(Lw,{value:Q,label:(0,h.__)("Top","kubio"),onChange:e=>ue(q.value,e.value),onReset:le("video.position.y"),units:Nj})]})]})})}),(0,w.jsxs)(w.Fragment,{children:["internal"===oe&&(0,w.jsx)(Bw,{types:["video"],url:v("video.internal.url"),focalPoint:Z,onChange:e=>{var t;se({"video.internal.url":(t=e).url,"video.position":t.focalPoint})},openMediaLabel:(0,h.__)("Change Video","kubio")}),"external"===oe&&(0,w.jsx)(d.__experimentalInputControl,{label:(0,h.__)("Youtube Video","kubio"),value:v("video.external.url"),onChange:e=>ie("video.external.url",e)}),(0,w.jsx)(d.BaseControl,{className:"kubio-advanced-background-video-help-container",children:(0,w.jsx)(d.Tip,{className:"kubio-advanced-background-video-tip",children:(0,h.__)("Mobile browsers usually disable video backgrounds to save bandwidth. Please set a cover image to be displayed in this case.","kubio")})}),(0,w.jsx)(d.BaseControl,{label:(0,h.__)("Video Poster","kubio"),id:"kubio-video-background-property",children:(0,w.jsx)(Vw,{value:v("video.poster"),onChange:e=>ie("video.poster",{id:null==e?void 0:e.id,url:null==e?void 0:e.url}),showButton:!0,buttonLabel:(0,h.__)("Change Video Poster","kubio")})})]})]}),g.type===Pj.GRADIENT&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(Jv,{value:v("image.0.source.gradient"),onChange:e=>{ie("image.0.source",{type:"gradient",gradient:e})}}),(0,w.jsx)(Ih,{label:(0,h.__)("Attachment","kubio"),value:v("image.0.attachment"),options:Tj.attachment,onChange:e=>ie("image.0.attachment",e),onReset:le("image.0.attachment")})]}),g.type===Pj.SLIDESHOW&&x&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(ty,{allowDuplicate:!0,items:re,headingRenderer:e=>(0,w.jsx)("p",{children:(0,h.sprintf)(// translators: %s: slide number
// translators: %s: slide number
(0,h.__)("Slideshow image %s","kubio"),e.id)}),onSortEnd:({oldIndex:e,newIndex:t})=>{const n=[...re],o=n.splice(e,1)[0];n.splice(t,0,o),n.forEach(((e,t)=>e.id=t+1)),ae("slideshow.slides",n)},onDuplicate:e=>{const t=[...re],n=t.findIndex((t=>t.id===e)),o={...t[n]};t.splice(n+1,0,o),t.forEach(((e,t)=>e.id=t+1)),ae("slideshow.slides",t)},onDelete:(e,t)=>{const n=[...re];n.splice(t,1),n.forEach(((e,t)=>e.id=t+1)),ae("slideshow.slides",n)},contentRendered:(e,t)=>(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(Vw,{buttonLabel:(0,h.__)("Change image","kubio"),onChange:e=>{let n=v("slideshow.slides",[]);n=(0,m.set)(n,`${t}.url`,e.url),ae("slideshow.slides",n)},value:e.url,showButton:!0})})}),(0,w.jsx)(d.Button,{isPrimary:!0,className:"kubio-button-group-button sortable-collapse__add-button",onClick:()=>(e=>{var t;const n=[...re];e=null!==(t=e)&&void 0!==t?t:Aj.slides[0];const o={...e,id:n.length+1};n.push(o),ae("slideshow.slides",n)})(),icon:u.AddItemIcon,children:(0,h.__)("Add new slideshow image","kubio")}),(0,w.jsx)(S,{}),(0,w.jsx)(Bv,{label:(0,h.__)("Slide duration","kubio"),value:v("slideshow.duration.value"),onChange:e=>{(e=>{let t={duration:{value:e}};const n=e,o=v("slideshow.speed.value");!isNaN(n)&&!isNaN(o)&&parseFloat(n)<parseFloat(o)&&(t={...t,speed:{value:e}}),ie("slideshow",t)})(e)},onReset:le("slideshow.duration.value"),min:100,max:1e4,capMin:!0}),(0,w.jsx)(Bv,{label:(0,h.__)("Effect speed","kubio"),value:v("slideshow.speed.value"),onChange:e=>ie("slideshow.speed.value",e),onReset:le("slideshow.speed.value"),min:0,capMin:!0,capMax:!0,max:parseInt(v("slideshow.duration.value"))})]}),C&&!x&&(0,w.jsx)(zj,{}),T&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(S,{}),(0,w.jsx)(Lj,{localValue:g,updateState:j,showOverlayOptionsOnFree:O,updateValue:ie,onReset:e=>{le(e)()}})]})]})})),Fj=[{label:"PX",value:"px"},{label:"%",value:"%"}],Bj=e=>{const{value:t={},onChange:n=v().noop,onReset:o=v().noop}=e,[r,i]=(0,p.useState)(t||{});(0,p.useEffect)((()=>{Ws()(t,r)||i(t)}),[t]);const a=v().merge({},Qu.types.props.border.default,r),l={top:"top.radius.left",right:"top.radius.right",bottom:"bottom.radius.right",left:"bottom.radius.left"},s={};return(0,m.each)(l,((e,t)=>{s[t]=(0,m.get)(a,e)})),(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(Oh,{...e}),(0,w.jsx)(Pw,{isRadius:!0,label:(0,h.__)("Radius","kubio"),value:s,onChange:e=>{const o={};v().each(e,((e,t)=>{const n=v().get(l,t);v().set(o,n,e)})),(e=>{n(e),i(v().merge({},t,e))})(o)},onReset:()=>{(0,m.each)(l,((e,t)=>{o(e)}))},units:Fj})]})},Hj=(0,y.withColibriPath)(Bj),Wj=(e,t,n)=>{let o=["layers",0];return t&&(o=o.concat(t)),(0,m.set)({...e},o,n)},Gj={vertical:(0,h.__)("Vertical","kubio"),spread:(0,h.__)("Spread","kubio"),blur:(0,h.__)("Blur","kubio"),color:(0,h.__)("Color","kubio"),position:(0,h.__)("Position","kubio")},Vj={label:(0,h.__)("Horizontal","kubio"),min:0,max:100},Uj={allowReset:!0,step:1},$j=[{label:(0,h.__)("Outline","kubio"),value:"outline"},{label:(0,h.__)("Inset","kubio"),value:"inset"}],Xj=[[{color:"rgba(0, 0, 0, 0.25)",blur:"15",spread:"2",x:"0",y:"11",inset:""}],[{color:"rgba(0, 0, 0, 0.25)",blur:"17",spread:"2",x:"0",y:"15",inset:""}],[{color:"rgba(0, 0, 0, 0.2)",blur:"2",spread:"0",x:"0",y:"1",inset:""}],[{color:"rgba(0, 0, 0, 0.16)",blur:"6",spread:"0",x:"0",y:"3",inset:""}],[{color:"rgba(0, 0, 0, 0.16)",blur:"20",spread:"0",x:"0",y:"10",inset:""}],[{color:"rgba(0, 0, 0, 0.16)",blur:"28",spread:"0",x:"0",y:"14",inset:""}],[{color:"rgba(0, 0, 0, 0.16)",blur:"38",spread:"0",x:"0",y:"19",inset:""}],[{color:"rgba(0, 0, 0, 0.2)",blur:"71",spread:"-10",x:"0",y:"19",inset:""}],[{color:"rgba(23, 37, 42, 0.2)",blur:"2",spread:"-1",x:"0",y:"-4",inset:"inset"}],[{color:"rgba(23, 37, 42, 0.2)",blur:"20",spread:"4",x:"0",y:"8",inset:"inset"}]],Yj=e=>{let t=["box-shadow-preset__item"];return e&&(t="box-shadow-preset__item active"),t},Kj=e=>{const t={};return t.boxShadow=`${e.x}px ${e.y}px ${e.blur}px ${e.spread}px ${e.color} ${e.inset}`,t},Zj=[{name:"preset",className:"tab-preset",control:e=>{const{value:t,onChange:n}=e;return(0,w.jsx)("div",{className:"box-shadow-preset__container",children:(0,w.jsx)("div",{className:"box-shadow-preset__scroll-area",children:Xj.map(((o,r)=>(({preset:e,isActive:t,onSelect:n,index:o})=>{const[r,i]=(0,p.useState)(!1);return(0,w.jsx)("div",{className:Yj(t),onClick:()=>{n(e),i(!r)},children:(0,w.jsx)("div",{style:Kj(e),className:"box-shadow-preset__item__inner"})},o)})({...e,preset:o[0],index:r,onSelect:e=>{const o=Wj(t,null,{...e,color:e.color});n(o)},isActive:Ws()(v().get(t,"layers",null),o)})))})})}},{name:"custom",title:(0,h.__)("Custom","kubio"),className:"tab-custom",control:e=>{const{value:t={},onChange:n}=e,o=t,r=(e,o)=>n(Wj(t,e,o)),i=e=>{const t=(e=>`layers.0.${e}`)(e);return v().get(o,t)},a=e=>{return{value:i(e),onChange:(t=e,e=>r(t,e))};var t},l={outline:"",inset:"inset"},s=v().invert(l),c={value:v().get(s,i("inset")),onChange:e=>{r("inset",v().get(l,e))}};return(0,w.jsxs)(d.PanelBody,{children:[(0,w.jsx)(Ks,{...a("color"),label:Gj.color}),(0,w.jsx)(d.RangeControl,{...a("blur"),...Uj,label:Gj.blur,min:0,max:100}),(0,w.jsx)(d.RangeControl,{...a("x"),...Uj,...Vj}),(0,w.jsx)(d.RangeControl,{...a("y"),...Uj,label:Gj.vertical,min:0,max:10}),(0,w.jsx)(d.RangeControl,{...a("spread"),...Uj,label:Gj.spread,min:0,max:10}),(0,w.jsx)(tk,{...c,options:$j})]})}}],qj=e=>{const{value:t,onChange:n,onReset:o=v().noop,showReset:r=!1,label:i=(0,h.__)("Box shadow","kubio")}=e,{mergedValue:a,localEnabledValue:l,onEnabledChange:s}=Qj({value:t,onChange:n});return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(o_,{className:"kubio-popover-options-button-canvas kubio-box-shadow-label",label:i,children:[(0,w.jsx)("div",{className:"kubio-popover-options-button__toggle",children:(0,w.jsx)(d.FormToggle,{checked:l,onChange:s})}),r&&(0,w.jsx)(d.Button,{isSmall:!0,icon:u.ResetIcon,label:(0,h.__)("Reset","kubio"),className:"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon",onClick:o})]}),l&&(0,w.jsx)(Jj,{...e,mergedValue:a,enabled:l})]})};function Qj({value:e={},onChange:t}){const{enabled:n,layers:o=[]}=e,r=o.length?o[0]:{},i=v().merge({},Qu.types.props.boxShadow.default.layers[0],r),[a,l]=(0,p.useState)(!!n);return(0,p.useEffect)((()=>{a!==n&&l(n)}),[n]),{mergedValue:i,localEnabledValue:a,onEnabledChange:()=>{const e=!a;l(e),t({enabled:e})}}}function Jj(e){const{mergedValue:t,onChange:n,enabled:o,allowInset:r}=e;let{spread:i,x:a,y:l,blur:s,inset:c,color:u}=t;const f={boxShadow:c+" "+a+"px "+l+"px "+s+"px "+i+"px "+u};void 0===c&&(c="");const[m,b]=(0,p.useState)(!!c),x=(0,p.useRef)(),y=(e,t)=>n({layers:[{[e]:t}]}),_=e=>{(()=>{try{x.current.close()}catch(e){}})(),n(v().omit(e,["color"]))},k=(0,w.jsx)("div",{className:"kubio-box-shadow-preview",style:f}),S=e=>t=>y(e,t),C=(0,w.jsx)(d.TabPanel,{className:"kubio-streched-tabs kubio-box-shadow-tab",tabs:Zj,children:t=>{const n=t.control;return(0,w.jsx)(n,{...e,onChange:_,className:g()("kubio-box-shadow-tab",e.className)})}}),{uiVersion:j}=(0,tb.useUIVersion)();return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(nb,{popoverPosition:2===j?"top right":"top left",ref:x,popoverContent:C,previewContent:k}),(0,w.jsxs)("div",{className:"kubio-box-shadow-values-container",children:[(0,w.jsxs)("div",{className:"kubio-box-shadow-inputs-container",children:[(0,w.jsx)(d.__experimentalNumberControl,{label:(0,h.__)("X","kubio"),value:a,onChange:S("x"),min:-100,max:100}),(0,w.jsx)(d.__experimentalNumberControl,{label:(0,h.__)("Y","kubio"),value:l,onChange:S("y"),min:-100,max:100}),(0,w.jsx)(d.__experimentalNumberControl,{label:(0,h.__)("Blur","kubio"),value:s,onChange:S("blur"),min:0,max:100}),(0,w.jsx)(d.__experimentalNumberControl,{label:(0,h.__)("Spread","kubio"),value:i,onChange:S("spread"),min:-100,max:100})]}),(0,w.jsx)(Ks,{value:u,onChange:S("color")})]}),r&&(0,w.jsx)(o_,{className:"kubio-popover-options-button-canvas",label:(0,h.__)("Inset","kubio"),children:(0,w.jsx)("div",{className:"kubio-popover-options-button__toggle",children:(0,w.jsx)(d.FormToggle,{checked:!!c,onChange:()=>{b(!m),y("inset",""===c?"inset":"")}})})})]})}const eR=(0,y.withColibriPathWithOptions)({mergeArrays:!0})(qj),tR=e=>{const{filters:t,styledElement:n}=e,{supportsBorder:o=!0,supportsBoxShadow:r=!0,allowInset:i=!0,showReset:a=!1,styleOthers:l=[]}=t,{dataHelper:s}=(0,y.useKubioBlockContext)(),c=v().concat(v().castArray(n),l);return(0,w.jsxs)(w.Fragment,{children:[o&&(0,w.jsx)(Hj,{path:"border",dataHelper:s,style:c}),o&&r&&(0,w.jsx)(S,{}),r&&(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(eR,{label:(0,h.__)("Box shadow","kubio"),path:"boxShadow",allowInset:i,showReset:a,dataHelper:s})})]})},nR=(0,y.withColibriPathWithOptions)({mergeArrays:!0})(Dj),oR=(0,y.withColibriPath)(Pw),rR=oR,iR=({filters:e})=>{const{supportsPadding:t=!0,supportsMargin:n=!0}=e,{dataHelper:o}=(0,y.useKubioBlockContext)();return(0,w.jsxs)(w.Fragment,{children:[t&&(0,w.jsx)(rR,{label:(0,h.__)("Padding","kubio"),path:"padding",capMin:!0,min:0,dataHelper:o}),n&&(0,w.jsx)(rR,{label:(0,h.__)("Margin","kubio"),path:"margin",capMin:!1,min:-9999999999999,dataHelper:o})]})},aR=(0,y.withComputedData)((e=>({isLead:e.getProp("isLead",!1)})))((e=>{const{label:t,computed:n,filters:o,...r}=e,{clearSelectedBlock:i}=(0,Um.useDispatch)("core/block-editor"),{openSidebar:a}=(0,Um.useDispatch)(s.STORE_KEY),{onReset:l=v().noop}=r,{openedSidebar:c="document/general-settings/typography"}=o,{isLead:u}=n,f=u?"lead":(null==e?void 0:e.nodeType)||"p",g="defaults",m="different",b=[{value:g,label:(0,h.__)("Default","kubio")},{value:m,label:(0,h.__)("Different style","kubio")}],x=r.value?m:g,[y,_]=(0,p.useState)(x);return(0,w.jsxs)(d.BaseControl,{className:"kubio-typography-control-container",children:[t&&(0,w.jsx)(d.BaseControl.VisualLabel,{children:t}),(0,w.jsx)(tk,{value:y,options:b,onChange:e=>{_(e),y===m&&l()}}),y===m&&(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(ij,{...r,nodeType:f,withColor:!0})}),y===g&&(0,w.jsx)("div",{className:"kubio-typography-for-text-button-edit-theme-default",children:(0,w.jsx)(d.Button,{isPrimary:!0,onClick:()=>{i().then((()=>{a(c)}))},className:"kubio-button-100",children:(0,h.__)("Edit theme defaults","kubio")})})]})})),lR=(0,y.withColibriPath)(aR),sR=(e={})=>{const{filters:t,styledElement:n,dataHelper:o}=e,r=v().get(t,"getDynamicProps");let i={};return r&&"function"==typeof r&&(i=r(o,n)),(0,w.jsx)(cR,{...e,...i})},cR=(e={})=>(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(lR,{nodeType:"p",path:"typography",...e})}),uR=(e={})=>{const{dataHelper:t}=e,n=`h${(e=>{var t,n,o,r;const i=null===(t=e.getProp("level",e.getAttribute("headerType",1),{media:"desktop"}))||void 0===t||null===(n=t.toString)||void 0===n||null===(o=n.call(t))||void 0===o||null===(r=o.replace)||void 0===r?void 0:r.call(o,"h","");return parseInt(i)})(t)}`;return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(lR,{nodeType:n,path:"typography",...e})})},dR=(0,y.withColibriPath)(sj),pR=e=>(0,w.jsx)(dR,{nodeType:"",path:"typography",...e}),hR=(0,y.withColibriPath)(ab),fR={COLOR:"none",GRADIENT:"gradient"},gR={values:fR,options:[{value:fR.COLOR,label:(0,h.__)("Color","kubio")},{value:fR.GRADIENT,label:(0,h.__)("Gradient","kubio")}],defaultValue:fR.COLOR},{background:mR}=Qu.Styles,vR=e=>{const{label:t,value:n,onChange:o,onReset:r,disabled:i}=e,a=v().merge({},mR.default,n),l=v().get(a,"type"),s={color:l===gR.values.COLOR,gradient:l===gR.values.GRADIENT},c="image[0].source.gradient",f=(0,p.useRef)(),g=e=>t=>{const n={};v().set(n,e,t),o(n)},m=e=>v().get(a,e);return(0,w.jsx)(d.BaseControl,{className:"kubio-color-popover-control",children:(0,w.jsxs)("div",{className:"kubio-color-popover-labeled",children:[(0,w.jsx)("div",{className:"kubio-color-popover-label",title:t,children:t}),(0,w.jsxs)("div",{className:"kubio-color-popover-wrapper",children:[(0,w.jsx)(d.Button,{className:"kubio-color-popover-button",ref:f,children:(0,w.jsx)(Xs,{value:m(s.color?"color":c)})}),(0,w.jsx)(d.Button,{isSmall:!0,icon:u.ResetIcon,label:(0,h.__)("Reset","kubio"),className:"kubio-popover-options-icon kubio-color-indicator-popover-reset-icon",onClick:r}),(0,w.jsxs)(k,{className:"kubio-color-popover",buttonRef:f,anchorRef:f,children:[(0,w.jsx)(tk,{options:gR.options,value:l,onChange:e=>{switch(e){case gR.values.COLOR:g("type")("none");break;case gR.values.GRADIENT:(()=>{const e={};v().set(e,"type","gradient"),v().set(e,"image[0].source.type","gradient"),o(e)})()}}}),s.color&&(0,w.jsx)($s,{onChange:g("color"),value:m("color"),onReset:r}),s.gradient&&(0,w.jsx)(Jv,{label:(0,h.__)("Gradient presets","kubio"),value:m(c),onChange:g(c),presetsNumber:5})]})]})]})})},bR=(0,y.withColibriPathWithOptions)({mergeArrays:!0})(vR),xR=Qu.types.props.columnWidth.enums.types,yR=[{value:xR.EQUAL_WIDTH_COLUMNS,label:(0,h.__)("Equal width columns","kubio")},{value:xR.CUSTOM,label:(0,h.__)("Fixed width","kubio")},{value:xR.FIT_TO_CONTENT,label:(0,h.__)("Fit to content","kubio")},{value:xR.FLEX_GROW,label:(0,h.__)("Expand to available space","kubio")}],_R=[{label:"PX",value:"px"},{label:"%",value:"%"}],wR={px:{min:0,max:1e3,step:1},"%":{min:0,max:100,step:1}},kR=e=>{var t;const n=wR[(null==e||null===(t=e.value)||void 0===t?void 0:t.unit)||"px"],o=(0,p.useRef)();o.current=e.onChange;const r=(0,y.useDebounce)((0,p.useCallback)(((...e)=>{o.current(...e)}),[]),30);return(0,w.jsx)(Lw,{...n,units:_R,allowReset:!1,...e,onChange:r})},SR=e=>{const{label:t="Width type",value:n={},equalWidth:o=!0,options:r,onChange:i,onEqualWidthChange:a}=e,{custom:l={},type:s=xR.CUSTOM}=n,c=o?xR.EQUAL_WIDTH_COLUMNS:s,u=c===xR.CUSTOM;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(Ih,{className:"kubio-custom-width-container",label:t,value:c,onChange:e=>{const t=e===xR.EQUAL_WIDTH_COLUMNS;if(o!==t)a(t,e);else{if(t)return void a(!0,e);o?a(!1,e):i({...n,type:e})}},options:yR}),u&&(0,w.jsx)(kR,{value:l,label:(0,h.__)("Custom width","kubio"),onChange:e=>{i({...n,type:xR.CUSTOM,custom:e})},onReset:()=>{i(v().merge({},n,{custom:{value:""}}))}})]})},CR=e=>(0,w.jsx)(HC,{options:jC,...e}),jR=(0,y.withColibriPath)(CR),RR=({label:e,onChange:t=m.noop,showReset:n=!1,onReset:o=m.noop,value:r,onClick:i,showSettings:a=!1})=>{const[l,s]=(0,p.useState)(r);return(0,w.jsx)(o_,{className:"kubio-popover-options-button kubio-sidebar-toggle-wrapper-container",label:e,children:(0,w.jsxs)("div",{className:"kubio-sidebar-toggle-wrapper-optional-container",children:[(0,w.jsx)(d.FormToggle,{checked:l,onChange:()=>{const e=!l;s(e),t(e)}}),a&&(0,w.jsx)(d.Button,{disabled:!l,icon:xy,className:l?"kubio-sidebar-toggle-wrapper-icon":"kubio-sidebar-toggle-wrapper-icon disabled-icon",isSmall:!0,onClick:i}),n&&(0,w.jsx)(d.Button,{disabled:!l,className:l?"kubio-sidebar-toggle-wrapper-icon":"kubio-sidebar-toggle-wrapper-icon disabled-icon",icon:u.ResetIcon,isSmall:!0,onClick:o})]})})},IR=e=>{const{...t}=e;return(0,w.jsx)(tk,{...t,options:TC})},ER=e=>{const{...t}=e;return(0,w.jsx)(tk,{...t,options:OC})},TR=e=>{const{...t}=e;return(0,w.jsx)(NS,{...t,options:OC})},OR=e=>{const{...t}=e;return(0,w.jsx)(NS,{...t,options:TC})},PR="translate",MR="scale",AR="skew",NR="rotate",LR="perspective",zR=Qu.types.props.transform.default,DR={[PR]:["px","%"],[MR]:[""],[AR]:["deg"],[NR]:["deg"],[LR]:["px","em","rem"]};function FR(e){let t=v().get(e,"perspective.value");return t?(t=parseFloat(t),v().merge({},e,{perspective:{value:t/10}})):e}const BR=[{label:(0,h.__)("Translate","kubio"),value:PR,icon:u.Translate,tooltip:(0,h.__)("Translate","kubio")},{label:(0,h.__)("Scale","kubio"),value:MR,icon:u.Scale,tooltip:(0,h.__)("Scale","kubio")},{label:(0,h.__)("Skew","kubio"),value:AR,icon:u.Skew,tooltip:(0,h.__)("Skew","kubio")},{label:(0,h.__)("Rotate","kubio"),value:NR,icon:u.Rotate,tooltip:(0,h.__)("Rotate","kubio")},{label:(0,h.__)("Perspective","kubio"),value:LR,icon:u.Perspective,tooltip:(0,h.__)("Perspective","kubio")}],HR={[PR]:{step:1,min:-300,max:300,defaultSliderValue:0},[MR]:{step:.1,max:3,default:{unit:"",value:1}},[NR]:{step:1,min:-180,max:180,defaultSliderValue:0},[AR]:{step:1,min:0,max:180},[LR]:{step:1,min:0,max:1e3}},WR="basic",GR="advanced",VR=[{label:(0,h.__)("Basic","kubio"),value:WR,tooltip:(0,h.__)("Basic","kubio")},{label:(0,h.__)("Advanced","kubio"),value:GR,tooltip:(0,h.__)("Advanced","kubio")}],UR={translate:["z"],scale:["z"],skew:["z"],rotate:["x","y"]},$R=[{none:!0},{perspective:{value:45,unit:"em"},rotate:[{axis:"x",value:{value:18,unit:"deg"}},{axis:"y"},{axis:"z"}]},{perspective:{value:1500,unit:"px"},rotate:[{axis:"x"},{axis:"y",value:{value:15,unit:"deg"}},{axis:"z"}]},{perspective:{value:1e3,unit:"px"},rotate:[{axis:"x",value:{value:4,unit:"deg"}},{axis:"y",value:{value:-16,unit:"deg"}},{axis:"z",value:{value:4,unit:"deg"}}]},{scale:[{axis:"x",value:{value:.75,unit:""}},{axis:"y",value:{value:.75,unit:""}},{axis:"z",value:{value:.75,unit:""}}],rotate:[{axis:"x",value:{value:45,unit:"deg"}},{axis:"y",value:{value:-30,unit:"deg"}},{axis:"z"}],translate:[{axis:"x"},{axis:"y"},{axis:"z",value:{value:72,unit:"px"}}],origin:{x:{value:"custom",customValue:{value:50,unit:"%"}},y:{value:"custom",customValue:{value:100,unit:"%"}}}},{translate:[{axis:"x"},{axis:"y",value:{value:15,unit:"%"}},{axis:"z"}]},{rotate:[{axis:"x",value:{value:15,unit:"deg"}},{axis:"y"},{axis:"z",value:{value:45,unit:"deg"}}]},{perspective:{value:900,unit:"px"},rotate:[{axis:"x",value:{value:60,unit:"deg"}},{axis:"y"},{axis:"z"}],scale:[{axis:"x",value:{value:.7,unit:""}},{axis:"y",value:{value:.7,unit:""}},{axis:"z"}]}],XR=e=>{const{parser:t,onSelect:n,currentValues:o}=e,r=v().findIndex($R,(e=>Ws()(o,e)));return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)("div",{className:"box-shadow-preset__container",children:(0,w.jsx)("div",{className:"box-shadow-preset__scroll-area",children:$R.map(((e,o)=>(0,w.jsx)(YR,{preset:e,onSelect:n,parser:t,selected:r===o},o)))})})})},YR=({preset:e,onSelect:t,parser:n,selected:o=!1})=>{const r=FR(e);return(0,w.jsxs)("button",{className:o?"box-shadow-preset__item active":"box-shadow-preset__item",onClick:()=>t(e),children:[(0,w.jsx)("div",{className:"kubio-transform-preview"}),(0,w.jsx)("div",{className:"kubio-transform-preview",style:n(r)})]})},KR="custom",ZR=[{label:(0,h.__)("Left","kubio"),value:"left"},{label:(0,h.__)("Center","kubio"),value:"center"},{label:(0,h.__)("Right","kubio"),value:"right"},{label:(0,h.__)("Custom","kubio"),value:KR}],qR=[{label:(0,h.__)("Top","kubio"),value:"top"},{label:(0,h.__)("Center","kubio"),value:"center"},{label:(0,h.__)("Bottom","kubio"),value:"bottom"},{label:(0,h.__)("Custom","kubio"),value:"custom"}],QR=["px","em","rem"],JR=e=>{const{value:t,onChange:n,onReset:o}=e,r=e=>v().get(t,e),i=e=>t=>{n(e,t)};return(0,w.jsxs)("div",{className:"kubio-transform-origin-popover",children:[(0,w.jsx)(Ih,{label:(0,h.__)("X - axis","kubio"),value:r("x.value"),onChange:i("x.value"),options:ZR}),r("x.value")===KR&&(0,w.jsx)(Lw,{value:r("x.customValue"),onChange:i("x.customValue"),onReset:o("x.customValue"),units:QR,capMin:!1}),(0,w.jsx)(Ih,{label:(0,h.__)("Y - axis","kubio"),options:qR,value:r("y.value"),onChange:i("y.value")}),r("y.value")===KR&&(0,w.jsx)(Lw,{value:r("y.customValue"),onChange:i("y.customValue"),onReset:o("y.customValue"),units:QR,capMin:!1}),(0,w.jsx)(Lw,{value:r("z.customValue"),onChange:i("z.customValue"),onReset:o("z.customValue"),label:(0,h.__)("Z - axis","kubio"),units:QR,capMin:!1})]})},eI=e=>{const{parser:t}=Qu.Styles.transform,{onChange:n,onReset:o,value:r}=e,[i,a]=(0,p.useState)(PR),[l,s]=(0,p.useState)(r),[c,u]=(0,p.useState)(nI(l)),f=(0,b.mergeNoArrays)({},zR,l),g=(0,p.useRef)(),m=(0,y.useDeepMemo)((()=>{if(i===LR)return[];const e=v().get(zR,i,[]),t=v().get(l,i);return v().cloneDeep((0,b.mergeNoArrays)([],e,t))}),[zR,i,l]),x=e=>{const t=v().get(HR,[i,"default"],null);return v().get(f,e,t)};function _(e){const t=null==e?void 0:e.axis;return v().findIndex(m,(e=>(null==e?void 0:e.axis)===t))}const k=e=>{const t=_(e);return x(`${i}.${t}.value`)},C=e=>()=>{const t=_(e),o=v().cloneDeep(v().get(l,i)),r=`${t}.value`;v().unset(o,r);const a={...l};v().set(a,i,o),s(a),n(o,i)},j=e=>t=>{const o=v().set({},e,t),r=v().merge({},l,o);s(r),n(o)},R=e=>()=>{const t={...l};v().unset(t,e),s(t),o(e)};function I(e,t){if(e===WR&&i===LR&&a(PR),e===WR){const e=function(e){const t={};return v().each(e,((e,n)=>{const o=v().get(UR,n,null);if(null===o||!Array.isArray(e))return;const r=v().cloneDeep(e);let i=!1;r.forEach((e=>{!tI(v().get(e,"value.value",null))&&o.includes(null==e?void 0:e.axis)&&(i=!0,v().unset(e,"value"))})),i&&v().set(t,n,r)})),t}(t);v().each(e,((e,t)=>{n(e,t)})),v().get(t,"perspective.value")&&o("perspective")}u(e)}const E=(0,p.useMemo)((()=>(()=>{if(i===LR)return[];let e=x(i);if(Array.isArray(e)||(e=[]),c===GR)return i===AR?e.filter((e=>"z"!==e.axis)):e;const t=v().get(UR,i,[]);return e.filter((e=>!t.includes(null==e?void 0:e.axis)))})()),[JSON.stringify(l),i,c]);(0,p.useEffect)((()=>{if(!v().isEqual(r,l)){s(r);const e=nI(r);e!==c&&I(e,r)}}),[r]);const T=(0,w.jsx)("div",{className:"kubio-transform-presets",children:(0,w.jsx)(XR,{currentValues:l,parser:t,onSelect:e=>{n(e,null,{mergeData:!1}),(()=>{try{g.current.close()}catch(e){}})()}})}),O=(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{className:"kubio-transform-preview"}),(0,w.jsx)("div",{className:"kubio-transform-preview",style:t(FR(l))})]}),P=(0,p.useMemo)((()=>{let e=[];switch(c){case WR:e=BR.filter((e=>e.value!==LR));break;case GR:e=BR}return e}),[c]),M=c===WR,A=e=>{var t;return i===NR&&M?(0,h.__)("Rotate","kubio"):(0,h.sprintf)(// translators: %s: Type of block (i.e. Text, Image etc)
// translators: %s: Type of block (i.e. Text, Image etc)
(0,h.__)("%s - axis","kubio"),null===(t=e.axis)||void 0===t?void 0:t.toUpperCase())};return(0,w.jsxs)("div",{className:"kubio-transform-control",children:[(0,w.jsx)(o_,{label:(0,h.__)("Preview Transform","kubio")}),(0,w.jsx)(nb,{ref:g,popoverContent:T,previewContent:O}),(0,w.jsx)(tk,{value:c,onChange:e=>{I(e,l)},options:VR}),(0,w.jsx)(tk,{className:"kubio-background-type-container",allowReset:!0,value:i,options:P,resetOnLabel:!1,onReset:()=>{o()},onChange:e=>{a(e)}}),i===LR?(0,w.jsx)(Lw,{label:(0,h.__)("Perspective","kubio"),onChange:j("perspective"),onReset:R("perspective"),units:DR[LR],value:x("perspective")}):(0,w.jsx)(ty,{allowDuplicate:!1,allowDelete:!1,sortDisable:M,items:E,onSortEnd:({newIndex:e,oldIndex:t})=>{const o=v().cloneDeep(m),r=v().get(o,`${t}`),a=v().get(o,`${e}`);v().set(o,`${e}`,r),v().set(o,`${t}`,a);const c={...l};v().set(c,i,o),s(c),n(o,i)},tooltip:!1,headingRenderer:(e,t)=>(0,w.jsx)(Lw,{label:A(e),onChange:t=>((e,t)=>{const o=_(e),r=v().cloneDeep(m);v().set(r,`${o}.value`,t);const a={...l};v().set(a,i,r),s(a),n(r,i)})(e,t),onReset:C(e),units:DR[i],value:k(e),...HR[i]})}),(0,w.jsx)(S,{}),(0,w.jsxs)(d.Flex,{justify:"space-between",children:[(0,w.jsx)("span",{children:(0,h.__)("Transform origin","kubio")}),(0,w.jsx)(i_,{popoverWidth:250,popupContent:(0,w.jsx)(JR,{value:x("origin"),onChange:(e,t)=>{j(`origin.${e}`)(t)},onReset:e=>()=>{R(`origin.${e}`)()}})})]})]})},tI=e=>!e&&0!==e&&"0"!==e;function nI(e){let t=!1;return v().each(e,((e,n)=>{const o=v().get(UR,n,null);null!==o&&Array.isArray(e)&&e.forEach((e=>{!tI(v().get(e,"value.value",null))&&o.includes(null==e?void 0:e.axis)&&(t=!0)}))})),v().get(e,"perspective.value")&&(t=!0),t?GR:WR}const oI=[{label:(0,h.__)("Visible","kubio"),value:"visible"},{label:(0,h.__)("Hidden","kubio"),value:"hidden"}],rI=e=>{const{openSidebar:t}=(0,Um.useDispatch)(s.STORE_KEY)||{},{clearSelectedBlock:n}=(0,Um.useDispatch)("core/block-editor");return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(x_,{numeric:!0,path:"zIndex",label:(0,h.__)("Z Index","kubio")}),(0,w.jsx)(e_,{path:"overflow",options:oI,defaultValue:"visible",label:(0,h.__)("Overflow option","kubio"),inlineLabel:!1}),(0,w.jsx)(x_,{label:(0,h.__)("HTML anchor (ID)","kubio"),type:y.WithDataPathTypes.ATTRIBUTE,defaultValue:"",path:"anchor",className:"kubio-preserve-caps"}),(0,w.jsx)(x_,{label:(0,h.__)("Additional CSS class(es)","kubio"),type:y.WithDataPathTypes.ATTRIBUTE,defaultValue:"",path:"className",className:"kubio-preserve-caps"}),(0,w.jsx)(d.BaseControl,{children:(0,w.jsx)(d.Button,{isPrimary:!0,onClick:()=>{n(),setTimeout((()=>{(0,m.isFunction)(t)&&t("document/general-settings/additional-css")}),500)},className:"kubio-button-100",children:(0,h.__)("Edit custom CSS","kubio")})})]})},iI="h",aI=[{label:(0,h.__)("Texts","kubio"),value:"p"},{label:(0,h.__)("Headings","kubio"),value:iI},{label:(0,h.__)("Links","kubio"),value:"a"},{label:(0,h.__)("Lead text","kubio"),value:"lead"}],lI="h1",sI=[{label:"H1",value:lI},{label:"H2",value:"h2"},{label:"H3",value:"h3"},{label:"H4",value:"h4"},{label:"H5",value:"h5"},{label:"H6",value:"h6"}],cI=(0,p.memo)((({style:e,dataHelper:t})=>{const[n,o]=(0,p.useState)(iI),[r,i]=(0,p.useState)(lI),a=(0,p.useCallback)((e=>{e===iI&&i(lI),o(e)}),[o,i]),l=n===iI,s=(0,y.useDataHelperDefaultOptionsContext)(),{defaultOptions:u}=s,d=(0,p.useMemo)((()=>n===iI?r:n),[n,r]),f=v().merge({},u,{styledComponent:e}),g=(0,c.useInheritedTypographyValue)(d,"",{}),m=`typography.holders.${d}`,b=t.getStyle(`typography.holders.${d}`,{},f),x=v().merge({},g,b);return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(Ih,{label:(0,h.__)("Editing","kubio"),options:aI,value:n,onChange:a}),l&&(0,w.jsx)(tk,{label:(0,h.__)("Heading type","kubio"),options:sI,value:r,onChange:i}),(0,w.jsx)(ij,{withColor:!1,value:x,onChange:e=>{t.setStyle(m,e,f)},onReset:e=>{const n=`${m}.${e}`;t.setStyle(n,null,{...f,unset:!0})}})]})})),uI=(0,p.memo)((e=>{const t=(0,y.useDataHelperDefaultOptionsContext)(),{defaultOptions:n={}}=t,o=(0,w.jsx)(i_,{label:(0,h.__)("Advanced","kubio"),popoverWidth:300,showReset:!0,onReset:()=>{const{dataHelper:t}=e;t.setStyle("typography",null,{...n,unset:!0})},popupContent:(0,w.jsx)(cI,{hideReset:!0,...e})});return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(dR,{nodeType:"",path:"typography",afterColors:o,...e})})})),dI=({label:e,path:t,type:n,whiteSpacePath:o,whiteSpaceType:r,whiteSpaceLabel:i=(0,h.__)("Preserve whitespace","kubio"),...a})=>(0,w.jsx)(d.BaseControl,{children:(0,w.jsxs)(d.Flex,{align:"flex-end",children:[(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)(x_,{label:e,path:t,type:n,...a})}),(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(i_,{popupContent:(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(n_,{label:i,type:r,path:o})})})})]})}),pI=(0,y.withColibriPathWithOptions)({mergeArrays:!0})((e=>{const{value:t,onChange:n,label:o=(0,h.__)("Box shadow","kubio")}=e,{mergedValue:r,localEnabledValue:i,onEnabledChange:a}=Qj({value:t,onChange:n});return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(i_,{label:o,toggable:!0,position:"middle left",onToggleChange:a,enabled:!!i,popoverWidth:280,popupContent:(0,w.jsx)(Jj,{...e,mergedValue:r,enabled:i})})})})),hI=({styledElement:e,style:t,showPanelWrapper:n=!0,dataHelper:o})=>{const r=v().get(e,["supports","filters","background"]),i={};t&&(i.style=t);const a=(0,w.jsx)(nR,{type:y.WithDataPathTypes.STYLE,path:"background",dataHelper:o,filters:r,...i});return(0,w.jsx)(w.Fragment,{children:!0===n?(0,w.jsx)(yk,{className:"kubio-section-background-panel",title:(0,h.__)("Background","kubio"),children:a}):a})},fI=()=>(0,w.jsx)(yk,{title:(0,h.__)("Border","kubio"),initialOpen:!1,children:(0,w.jsx)(Hj,{type:y.WithDataPathTypes.STYLE,path:"border"})}),gI=()=>{const{defaultOptions:e}=(0,y.useDataHelperDefaultOptionsContext)(),t=null==e?void 0:e.ancestor;return(0,w.jsx)(w.Fragment,{children:t&&(0,w.jsx)(d.PanelBody,{title:"",children:(0,w.jsxs)("span",{children:["You are editing ",t," state"]})})})},mI=e=>{var t;const{hooks:n,unlinkChildren:o}=(0,Um.useSelect)((t=>{var n,o,r;return{hooks:{getBlockOrder:t("core/block-editor").getBlockOrder,getBlock:t("core/block-editor").getBlock},unlinkChildren:null===(n=t("core/blocks").getBlockType(e.name))||void 0===n||null===(o=n.supports)||void 0===o||null===(r=o.kubio)||void 0===r?void 0:r.unlinkStyleIncludesChildren}})),{updateBlockAttributes:r}=(0,Um.useDispatch)("core/block-editor"),i={name:e.name,clientId:e.clientId,attributes:e.attributes},a=(0,ub.applyFilters)("kubio.get-linked-block",i,n),{attributes:l}=a,s=null===(t=l.kubio)||void 0===t?void 0:t.styleRef,c=(0,y.useGetAllBlocksWithStyleRef)(s),u=c?c.length:0;return(0,p.useRef)((0,ub.applyFilters)("kubio.should-allow-unlink",!0,a)).current?(0,w.jsx)(w.Fragment,{children:u>1&&(0,w.jsx)(d.PanelBody,{title:"",children:(0,w.jsxs)(d.Flex,{children:[(0,w.jsx)(d.FlexBlock,{children:(0,w.jsx)("span",{style:{marginRight:"6px"},children:(0,h.sprintf)(// translators: %s is the number of blocks
// translators: %s is the number of blocks
(0,h._n)("Style shared with %s other block","Style shared with %s other blocks",u-1,"kubio"),u-1)})}),(0,w.jsx)(d.FlexItem,{children:(0,w.jsx)(d.Button,{onClick:()=>{const t={name:e.name,clientId:e.clientId,attributes:e.attributes},i=(0,ub.applyFilters)("kubio.get-linked-block",t,n),{clientId:a,attributes:l}=i;if(o){const e=(0,b.refreshBlockStyleRefs)((0,m.cloneDeep)(n.getBlock(a))),t=(0,y.flattenBlockTree)(e);r(t.keys(),t,!0)}else r(a,(0,y.regenerateStyleRef)(l))},isLink:!0,children:(0,h.__)("Unlink","kubio")})})]})})}):(0,w.jsx)(w.Fragment,{})}})(),(window.kubio=window.kubio||{}).controls=o})();