1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="9343db1e-0fd2-43ca-aadd-53f6b77fece4",e._sentryDebugIdIdentifier="sentry-dbid-9343db1e-0fd2-43ca-aadd-53f6b77fece4")}catch(e){}("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"daf6a27e7f2ea27e2ec131f1f0ebdf4d54ea2de9"};(self.webpackChunkpostcards_ui=self.webpackChunkpostcards_ui||[]).push([[8828],{88344:(e,n,t)=>{t.d(n,{A:()=>u});var r,i=t(96540),o=t(38267),l=t(74848);var a,c,s=o.Ay.canvas(r||(a=["\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n display: block;\n pointer-events: none;\n /* Sit above WorkspaceWrapper's background-color but below the centered\n workspace card column (#workspace, z-index auto in stacking context).\n The wrapper's content (the workspace table) creates its own block\n formatting context and paints over us. */\n z-index: 0;\n"],c||(c=a.slice(0)),r=Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(c)}}))));const u=function(){var e=(0,i.useRef)(null);return(0,i.useEffect)((function(){var n=e.current;if(n){var t=n.getContext("2d");if(t){var r=null,i=window.devicePixelRatio||1,o=window.matchMedia("(prefers-reduced-motion: reduce)"),l=function(){var e=n.getBoundingClientRect();i=window.devicePixelRatio||1;var t=Math.max(1,Math.floor(e.width*i)),r=Math.max(1,Math.floor(e.height*i));n.width===t&&n.height===r||(n.width=t,n.height=r)};l();var a=function(){l(),o.matches&&d(performance.now(),!0)},c=new ResizeObserver(a);c.observe(n),window.addEventListener("resize",a);var s=function(e){var n=Math.max(0,Math.min(1,e));return n*n*(3-2*n)},u=performance.now(),d=function(e){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=n.width,l=n.height;t.clearRect(0,0,o,l);var a=21*i,c=1.5*i,d=o+l,h=.18*d,f=d+2*h,p=(e-u)%9e3/9e3,g=[];if(!r)for(var x=0;x<2;x++){var v=(p*f+x/2*f)%f-h;g.push(v)}for(var y=a/2;y<l;y+=a)for(var b=a/2;b<o;b+=a){for(var m=b+(l-y),w=0,j=0;j<g.length;j++){var A=Math.abs(m-g[j]);if(A<h){var C=s(1-A/h);C>w&&(w=C)}}var k=w>0?"255, 255, 255":"170, 178, 187",B=w>0?.2+.8*w:.2;t.fillStyle="rgba(".concat(k,", ").concat(B,")"),t.beginPath(),t.arc(b,y,c,0,2*Math.PI),t.fill()}},h=function(e){d(e),r=requestAnimationFrame(h)},f=function(){o.matches?(null!==r&&(cancelAnimationFrame(r),r=null),d(performance.now(),!0)):null===r&&(r=requestAnimationFrame(h))};return f(),o.addEventListener("change",f),function(){null!==r&&cancelAnimationFrame(r),o.removeEventListener("change",f),c.disconnect(),window.removeEventListener("resize",a)}}}}),[]),(0,l.jsx)(s,{ref:e,"aria-hidden":"true"})}},69578:(e,n,t)=>{t.d(n,{A:()=>se});var r,i,o,l,a=t(96540),c=t(38267),s=t(7501),u=t(33839),d=t(50472),h=t(14514),f=t(30993),p=t(88137),g=t(61225),x=t(82320),v=t(56978),y=t(83867),b=t(56461),m=t(74848);function w(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return j(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?j(e,n):void 0}}(e,n)||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.")}()}function j(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function A(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var C=c.Ay.div(r||(r=A(["\n position: fixed;\n top: ",";\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n pointer-events: ",";\n opacity: ",";\n visibility: ",";\n transition: all .3s;\n"])),(function(e){return e.$isOpen?"70px":"65px"}),(function(e){return e.$isOpen?"auto":"none"}),(function(e){return e.$isOpen?1:0}),(function(e){return e.$isOpen?"visible":"hidden"})),k=c.Ay.div(i||(i=A(["\n position: relative;\n border-radius: 6px;\n padding: 15px;\n background: #FFB800;\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);\n cursor: pointer;\n font-family: 'Fira Sans';\n font-style: normal;\n font-weight: 500;\n font-size: 14px;
1\n line-height: 1.4285714286;\n color: #2D3A41;\n"]))),B=c.Ay.button(o||(o=A(["\n position: relative;\n top: 1px;\n margin-left: 15px;\n appearance: none;\n border: none;\n padding: 0;\n background: none;\n cursor: pointer;\n\n svg {\n display: block;\n }\n"]))),S=c.Ay.button(l||(l=A(["\n margin-left: 10px;\n padding: 0;\n appearance: none;\n background: none;\n border: none;\n color: #2D3A41;\n font: inherit;\n font-weight: 500;\n text-decoration-line: underline;\n text-decoration-style: dotted;\n text-decoration-skip-ink: auto;\n text-underline-offset: 25%;\n text-underline-position: from-font;\n cursor: pointer;\n"]))),L={isOpen:!1,offenderId:null};const O=function(e){var n=e.settingsWidth,t=parseFloat(n),r=(0,g.d4)((function(e){return e.projects.projectLoading})),i=(0,g.d4)((function(e){return e.ai.isGenerating})),o=(0,g.d4)(x.HYz),l=(0,g.d4)((function(e){var n;return!(null===(n=e.ai)||void 0===n||!n.isChatOpen)})),c=(0,y.p)(),s=(0,b.L)(),u=w((0,a.useState)(L),2),d=u[0],h=u[1],f=(0,a.useRef)(null),p=(0,a.useCallback)((function(){null!==f.current&&(clearTimeout(f.current),f.current=null)}),[]),j=(0,a.useCallback)((function(){p(),h(L)}),[p]);return(0,a.useEffect)((function(){return p(),l?(h(L),p):(f.current=setTimeout((function(){if(f.current=null,!i){var e=document.querySelector("#workspace");h(t<c&&e?{isOpen:!0,offenderId:(0,v.M_)(e,t,o)}:L)}}),250),p)}),[c,i,l,o,t,p]),(0,a.useEffect)((function(){h(L)}),[r]),(0,m.jsx)(C,{$isOpen:d.isOpen,onClick:j,children:(0,m.jsxs)(k,{children:["The inner elements in this project exceed the container width.",null!==d.offenderId&&(0,m.jsx)(S,{type:"button",onClick:function(e){e.stopPropagation(),s(d.offenderId)&&j()},children:"Scroll to the issue"}),(0,m.jsx)(B,{type:"button",children:(0,m.jsxs)("svg",{width:"13",height:"12",viewBox:"0 0 13 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,m.jsxs)("g",{clipPath:"url(#clip0_8397_214651)",children:[(0,m.jsx)("path",{d:"M11.5 1L1.5 11",stroke:"#2D3A41",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"}),(0,m.jsx)("path",{d:"M1.5 1L11.5 11",stroke:"#2D3A41",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,m.jsx)("defs",{children:(0,m.jsx)("clipPath",{id:"clip0_8397_214651",children:(0,m.jsx)("rect",{width:"12",height:"12",fill:"#2D3A41",transform:"translate(0.5)"})})})]})})]})})};var M,E,P,_,I,F,R,D,H,z,T,W,$=t(88344),Z=t(6804),N=t(78506),V=t(30139),U=t(82142),Y=t(89971),G=t(61138),J=t(38104);function Q(e){return Q="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},Q(e)}function X(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function K(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?X(Object(t),!0).forEach((function(n){q(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function q(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=Q(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=Q(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==Q(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function ee(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}
1finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return ne(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ne(e,n):void 0}}(e,n)||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.")}()}function ne(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function te(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var re=c.Ay.div(M||(M=te(["\n height: 100%;\n width: 100%;\n margin: 0 auto;\n overflow-y: auto;\n transition: all .4s;\n position: relative;\n\n ","\n\n ","\n"])),(function(e){return e.$isPreview&&(0,c.AH)(E||(E=te(["\n background-color: white;\n "])))}),(function(e){return e.$hideScrollbar&&(0,c.AH)(P||(P=te(["\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n ::-webkit-scrollbar {\n display: none;\n }\n "])))})),ie=c.Ay.div(_||(_=te(["\n position: relative;\n background-color: ",";\n ","\n background-repeat: ",";\n background-position: ",";\n background-size: ",";\n ",";\n min-height: 100%;\n padding-bottom: 1px;\n ","\n\n /* AI-mode empty state â clear any user-set background so the canvas\n child (AIEmptyDotMesh) is what the user sees. The mesh canvas is\n absolutely-positioned to fill this wrapper, so it spans the full\n workspace surface (not just the centered card column). */\n ","\n"])),(function(e){return e.backgroundColor||"#FFF"}),(function(e){var n=e.backgroundImage;return n?"background-image: ".concat(n,";"):""}),(function(e){return e.repeat?"repeat":"no-repeat"}),(function(e){var n=e.position;return n||"top center"}),(function(e){var n=e.size;return n||"100% auto"}),(function(e){return e.filter}),(function(e){var n=e.$themeMode,t=e.$themeClient;return n===J.D$&&(0,c.AH)(I||(I=te(["\n filter: ",";\n\n ","\n\n ","\n "])),J.P_[t]||"none",J.u4[t]&&(0,c.AH)(F||(F=te(["\n background-color: ",";\n "])),J.u4[t]),(0,s.qI8)(t))}),(function(e){return e.$aiEmpty&&(0,c.AH)(R||(R=te(["\n background-color: transparent;\n background-image: none;\n "])))})),oe=c.Ay.div(D||(D=te(["\n position: relative;\n display: table;\n margin: 0 auto;\n width: ",";\n max-width: ",";\n ","\n ","\n ","\n\n ","\n"])),(function(e){var n=e.width;return!!n&&(0,s.bcg)(n)}),(function(e){var n=e.width;return!!n&&(0,s.bcg)(n)}),(function(e){return e.mobile&&(0,c.AH)(H||(H=te(["\n max-width: ","px;\n width: ","px;\n "])),h.Pn,h.Pn)}),(function(e){var n=e.padding;return n&&"padding: ".concat(n.map((function(e){return e+"px"})).join(" "),";")}),(function(e){var n=e.mobile,t=e.responsive;return n&&(0,s.VzA)(t,{padding:["padding"]})}),(function(e){var n=e.padding;if(n&&!(n[0]>=20))return(0,c.AH)(z||(z=te(['\n & .virtual-components-list > div > div[style*="padding-top: 0px"] > div:first-child .module-label {\n transform: translateY(100%);\n top: auto;\n bottom: 0;\n border-radius: 0 0 2px 2px;\n }\n '])))})),le=c.Ay.div(T||(T=te(["\n display: table-row;\n"]))),ae=c.Ay.div(W||(W=te(["\n display: table-cell;\n ","\n"])),(function(e){return e.isPreview&&"line-height: 0;"})),ce=a.forwardRef((function(e,n){var t,r=ee((0,a.useState)(null),2),i=r[0],o=r[1],l=(0,g.d4)((function(e){return e.user.current})),c=(0,g.d4)((function(e){return e.projects.current})),h=(0,g.d4)((function(e){return e.projects.showPreview})),x=(0,a.useRef)(null),v=(0,a.useRef)(null),y=(0,s.SH3)(e.settings,"width","width"),b=null!==(t=(0,u.E)((0,s.SH3)(e.settings,"padding","padding")))&&void 0!==t?t:void 0,w=(0,g.d4)((function(e){return e.application.openedProjectsPreviewWindow})),j=(0,g.d4)((function(e){return e.application.onboardingTutorial.show})),A=(0,g.d4)((function(e){var n;return!(null===(n=e.ai)||void 0===n||!n.isChatOpen)})),C=(0,g.d4)((function(e){var n=e.workspace.components;return!n||0===n.length})),k=A&&C,B=ee((0,a.useState)(!1),2),S=B[0],L=B[1],M=(0,g.d4)((function(e){return e.websocket.projectUsersOnline[null==c?void 0:c.id]||[]})),E=(0,g.d4)((function(e){return e.websocket.editableElements||[]})),P=(0,g.d4)((function(e){return e.websocket.followUserId||null})),_=ee((0,a.useState)(null),2),I=_[0],F=_[1],R=(0,g.wA)();(0,a.useEffect)((function(){var e=M.find((function(e){return e.id===P}));F(e)}),[P]),(0,a.useEffect)((function(){var e=E.reduce((function(e,n){var t=n.elmId,r=n.color;return Array.isArray(t)?(t.forEach((function(n){e[n]={color:r}})),e):e}),{});document.querySelectorAll("#workspace [data-elmId]").forEach((function(n){var t,r=n.getAttribute("data-elmId"),i=null===(t=e[r])||void 0===t?void 0:t.color;n.style.outline=i?"2px solid ".concat(i,"80"):null}))}),[E]),(0,a.useEffect)((function(){if(null!=c&&c.id){var e=function(){var e="visible"===document.visibilityState;R(N.BI(Y.M.updateUser,{type:G.v.sessionActive,value:e}))};return document.addEventListener("visibilitychange",e),function(){document.removeEventListener("visibilitychange",e)}}}),[]),(0,a.useEffect)((function(){if(null!=c&&c.id){var n=document.getElementById("workspace-container"),t=function(n){var t,r=null===(t=x.current)||void 0===t?void 0:t.getBoundingClientRect();if(r){var i=(n.clientX-r.left)/r.width*100-50,o=(n.clientY-r.top)/r.height*100-50;if(null!=c&&c.id){if(h||M.length<=1)return;R(N.BI(Y.s.cursorMove,{user:{user:l.name,role:l.role},x:i,y:o,isCursorInside:S,view:e.mobile?"mobile":"desktop"}))}}},r=function(){var t=n.scrollTop;l&&R(N.BI(Y.s.scroll,{user:{user:l.name,role:l.role},scrollTop:t,view:e.mobile?"mobile":"desktop"}))},i=function(){return L(!0)},o=function(){return L(!1)};return v.current&&(document.addEventListener("mousemove",t),v.current.addEventListener("mouseenter",i),v.current.addEventListener("mouseleave",o),n.addEventListener("scroll",r)),function(){document.removeEventListener("mousemove",t),v.current&&(v.current.removeEventListener("mouseenter",i),v.current.removeEventListener("mouseleave",o),n.removeEventListener("scroll",r))}}}),[null==c?void 0:c.id,S,h]);return(0,a.useEffect)((function(){var e=function(e){var n;(null===(n=e.detail)||void 0===n?void 0:n.type)===f._A.GLOBAL_BACKGROUND_COLOR?o(e.detail):i&&!e.detail&&o(null)};return document.addEventListener(f.HW.tempData,e),function(){document.removeEventListener(f.HW.tempData,e)}}),[i]),(0,m.jsxs)(re,{ref:n,id:"workspace-container",$isPreview:e.isPreview,$hideScrollbar:j,children:[I&&(0,m.jsx)(U.A,{color:I.color,username:I.name}
1),(0,m.jsxs)(ie,K(K({},function(){var n,t=e.settings.find((function(e){return"backgroundImage"===e.type})),r=null!==(n=null==t?void 0:t.hide)&&void 0!==n?n:!(null!=t&&t.url);e.mobile&&void 0!==(null==t?void 0:t.hideMobile)&&(r=null==t?void 0:t.hideMobile);var o=((null==i?void 0:i.type)===f._A.GLOBAL_BACKGROUND_COLOR?{color:i.value}:null)||e.settings.find((function(e){return"backgroundColor"===e.type}));return K(K(K(K(K(K({},o&&{backgroundColor:o.color}||{}),r?{}:{backgroundImage:"url('".concat((0,s.FBD)(t.url),"')")}),!r&&t.repeat?{repeat:t.repeat}:{}),!r&&t.position?{position:t.position}:{}),!r&&t.size?{size:t.size}:{}),!r&&t.filter?{filter:t.filter}:{})}()),{},{$aiEmpty:k,$themeMode:e.themeMode,$themeClient:e.themeClient,ref:v,children:[k&&(0,m.jsx)($.A,{}),!!e.onClickToBackground&&(0,m.jsx)(d.b_,{id:p.vN,onClick:function(){return setTimeout(e.onClickToBackground,0)}}),!e.isPreview&&!w.open&&!A&&(0,m.jsx)(O,{settingsWidth:y}),(0,m.jsxs)(oe,{id:"workspace",mobile:e.mobile,width:y,padding:b,responsive:e.settings,ref:x,children:[l&&(0,s.$bh)(l.license)&&(null==M?void 0:M.filter((function(e){return e.id!==l.uid})).map((function(e){return(0,m.jsx)(V.A,{userId:String(e.id),username:e.name,color:e.color,active:e.sessionActive},e.id)}))),(0,m.jsx)(le,{children:(0,m.jsx)(ae,{isPreview:e.isPreview,children:e.children})}),!e.isPreview&&l&&(0,m.jsx)(Z.A,{})]})]}))]})}));ce.displayName="Workspace";const se=ce},76323:(e,n,t)=>{t.d(n,{A:()=>p});var r,i,o,l=t(88137),a=(t(96540),t(38267)),c=t(61225),s=t(74848);function u(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var d=a.Ay.div(r||(r=u(["\n height: 510px;\n margin: 0 auto 8px auto;\n display: ",";\n flex-direction: column;\n justify-content: center;
1\n align-items: center;\n background: #fff;\n border-radius: 8px;\n text-align: center;\n position: relative;\n z-index:1;\n"])),(function(e){return e.show?"flex":"none"})),h=a.Ay.svg(i||(i=u(["\n margin-bottom: 22px;\n"]))),f=a.Ay.div(o||(o=u(["\n font-size: 15px;\n line-height: 1.467;\n color: #071C26;\n opacity: 0.5;\n"])));const p=function(e){var n=e.show;return(0,c.d4)((function(e){var n;return!(null===(n=e.ai)||void 0===n||!n.isChatOpen)}))?null:(0,s.jsxs)(d,{id:l.Qz,show:n,children:[(0,s.jsx)(h,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsxs)("g",{opacity:"0.5",children:[(0,s.jsx)("path",{d:"M27.7 32H19C17.9 32 16.9 31.5 16.2 30.5L10.5 22.4C10.2 21.9 10 21.4 10 20.9C10 19.9 10.6 18.9 11.5 18.5C12.2 18.1 13.1 18.2 13.8 18.8L16.7 21.4C16.8 21.4 16.8 21.5 16.9 21.4C16.9 21.4 17 21.2 17 21.1V8.09998C17 6.49998 18.3 5.09998 20 5.09998C21.7 5.09998 23 6.39998 23 8.09998V16.1C23 16.2 23.1 16.3 23.2 16.3L28.9 17.8C30 18 31 19.1 31 20.4C31 20.5 31 20.7 31 20.8L30 30C29.8 31.1 28.9 32 27.7 32ZM12.5 20.3C12.2 20.4 12 20.7 12 20.9C12 21 12 21.2 12.1 21.3L17.8 29.4C18.1 29.8 18.5 30 18.9 30H27.6C27.7 30 27.8 29.9 27.8 29.8L28.8 20.6C28.8 20.5 28.8 20.5 28.8 20.4C28.8 20 28.5 19.7 28.2 19.7L22.5 18.2C21.7 17.9 21 17 21 16V7.99998C21 7.49998 20.6 6.99998 20 6.99998C19.4 6.99998 19 7.39998 19 7.99998V21C19 21.8 18.6 22.7 17.8 23.1C17 23.5 16 23.4 15.4 22.8L12.5 20.3Z",fill:"#071C26"}),(0,s.jsx)("path",{d:"M29.5 14H28C27.4 14 27 13.6 27 13C27 12.4 27.4 12 28 12H29.5C29.8 12 30 11.8 30 11.5V2.5C30 2.2 29.8 2 29.5 2H10.5C10.2 2 10 2.2 10 2.5V11.5C10 11.8 10.2 12 10.5 12H13C13.6 12 14 12.4 14 13C14 13.6 13.6 14 13 14H10.5C9.1 14 8 12.9 8 11.5V2.5C8 1.1 9.1 0 10.5 0H29.5C30.9 0 32 1.1 32 2.5V11.5C32 12.9 30.9 14 29.5 14Z",fill:"#071C26"}),(0,s.jsx)("path",{d:"M5 2H1C0.4 2 0 1.6 0 1C0 0.4 0.4 0 1 0H5C5.6 0 6 0.4 6 1C6 1.6 5.6 2 5 2Z",fill:"#071C26"}),(0,s.jsx)("path",{d:"M6 6H3C2.4 6 2 5.6 2 5C2 4.4 2.4 4 3 4H6C6.6 4 7 4.4 7 5C7 5.6 6.6 6 6 6Z",fill:"#071C26"}),(0,s.jsx)("path",{d:"M3 10H1C0.4 10 0 9.6 0 9C0 8.4 0.4 8 1 8H3C3.6 8 4 8.4 4 9C4 9.6 3.6 10 3 10Z",fill:"#071C26"}),(0,s.jsx)("path",{d:"M6 14H2C1.4 14 1 13.6 1 13C1 12.4 1.4 12 2 12H6C6.6 12 7 12.4 7 13C7 13.6 6.6 14 6 14Z",fill:"#071C26"}),(0,s.jsx)("path",{d:"M6 10C6.55228 10 7 9.55228 7 9C7 8.44772 6.55228 8 6 8C5.44772 8 5 8.44772 5 9C5 9.55228 5.44772 10 6 10Z",fill:"#071C26"})]})}),(0,s.jsxs)(f,{children:[(0,s.jsx)("strong",{children:"Drag & drop"})," modules",(0,s.jsx)("br",{})," from the left panel"]})]})}},91619:(e,n,t)=>{t.d(n,{A:()=>h});t(96540);var r,i=t(38267),o=t(61225),l=t(54347),a=t(43621),c=t(74848);var s,u,d=i.Ay.button(r||(s=['\n display: block;\n /* Enlarge the click target beyond the 16px icon without shifting its\n visual position: the negative margin cancels the padding for layout,\n so the icon stays put but the hit area grows to ~26x32px. */\n padding: 8px 5px;\n margin: -8px -5px;\n border: none;\n appearance: none;\n border-radius: 0;\n background-color: transparent;\n cursor: pointer;\n\n svg {\n display: block;\n\n [stroke="#AAB2BB"] {\n transition: stroke .3s;\n }\n }\n\n :focus {\n outline: none;\n }\n\n :hover {\n svg {\n [stroke="#AAB2BB"] {\n stroke: #13A4EC;\n }\n }\n }\n'],u||(u=s.slice(0)),r=Object.freeze(Object.defineProperties(s,{raw:{value:Object.freeze(u)}}))));const h=function(){var e=(0,o.wA)();return(0,c.jsx)(d,{onClick:function(){e(l.YqB(a.R6.invite.folderPageId,"workspace"))},"aria-label":"Workspace settings","data-tooltip-anchor":!0,children:(0,c.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,c.jsx)("path",{d:"M1.00001 13C1 14.1046 1.89543 15 3.00001 15H13C14.1046 15 15 14.1046 15 13V7.35806C15 6.77783 14.748 6.22621 14.3094 5.84632L9.2895 1.49813C8.53592 0.845383 7.41668 0.847327 6.66537 1.50268L1.68533 5.84668C1.2499 6.2265 1.00002 6.77606 1.00002 7.35386L1.00001 13Z",stroke:"#AAB2BB",strokeWidth:"2",strokeMiterlimit:"10",strokeLinejoin:"round"})})})}},7328:(e,n,t)=>{t.d(n,{A:()=>h});t(96540);var r,i,o=t(38267),l=t(7901),a=t(41459),c=t(74848);function s(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var u=o.Ay.div(r||(r=s(["\n display: flex;\n align-items: center;\n box-sizing: border-box;\n /* Same height as the input that replaces it, so the dropdown does not jump when\n one swaps for the other. */\n height: 36px;\n padding: 0 25px 0 14px;\n color: #333333;\n font-size: 13px;\n line-height: 1.154;\n cursor: pointer;\n user-select: none;\n\n &:hover {\n background-color: #1595e7;\n color: #fff;\n }\n"]))),d=o.Ay.span(i||(i=s(["\n display: inline-flex;\n align-items: center;\n margin-right: 8px;\n vertical-align: -1px;\n color: #AAB2BB;\n\n svg {\n width: 10px;\n height: 10px;\n }
1\n\n /* stroke-width 2 in a 20-unit viewBox is a hairline at 10px; 4 renders as ~2px. */\n svg path {\n stroke-width: 4;\n }\n\n ",":hover & {\n color: #fff;\n }\n"])),u);const h=function(e){var n=e.onClick;return(0,c.jsxs)(u,{"data-test-id":"fallback-font-add-row",onClick:n,children:[(0,c.jsx)(d,{children:(0,c.jsx)(l.NW,{})}),a.cM]})}},17563:(e,n,t)=>{t.d(n,{Ay:()=>m});t(96540);var r,i,o,l,a=t(38267),c=t(41719),s=t(59637),u=t(11366),d=t(42418),h=t(74848);function f(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var p=a.Ay.div(r||(r=f(["\n border: 1px solid #E8ECF0;\n border-radius: 6px;\n display: flex;\n justify-content: space-between;\n"]))),g=a.Ay.div(i||(i=f(["\n height: 38px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n border-right: 1px solid #E8ECF0;\n opacity: 0.5;\n\n ","\n\n ","\n"])),(function(e){return e.$isLast&&(0,a.AH)(o||(o=f(["\n border-right: none;\n "])))}),(function(e){return e.active&&(0,a.AH)(l||(l=f(["\n rect { fill: #1595e7; }\n opacity: 1;\n "])))})),x=function(e){return e.left="left",e.center="center",e.right="right",e.justify="justify",e}({}),v=function(e){return e.left="left",e.center="center",e.right="right",e}({}),y={left:(0,h.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,h.jsxs)("g",{children:[(0,h.jsx)("rect",{y:"13",width:"10",height:"2",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"1",width:"16",height:"2",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"9",width:"16",height:"2",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"5",width:"16",height:"2",fill:"#AAB2BB"})]})}),center:(0,h.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsx)("rect",{x:"4",y:"13",width:"8",height:"2",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"1",width:"16",height:"2",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"9",width:"16",height:"2",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"5",width:"16",height:"2",fill:"#AAB2BB"})]}),right:(0,h.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,h.jsxs)("g",{children:[(0,h.jsx)("rect",{x:"6",y:"13",width:"10",height:"2",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"1",width:"16",height:"2",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"9",width:"16",height:"2",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"5",width:"16",height:"2",fill:"#AAB2BB"})]})}),justify:(0,h.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,h.jsxs)("g",{children:[(0,h.jsx)("rect",{y:"13",width:"16",height:"2",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"1",width:"16",height:"2",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"9",width:"16",height:"2",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"5",width:"16",height:"2",fill:"#AAB2BB"})]})})},b={left:(0,h.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsxs)("g",{clipPath:"url(#clip0_10864_32720)",children:[(0,h.jsx)("rect",{x:"3",y:"9",width:"9",height:"5",rx:"1",fill:"#AAB2BB"}),(0,h.jsx)("rect",{x:"3",y:"2",width:"13",height:"5",rx:"1",fill:"#AAB2BB"}),(0,h.jsx)("rect",{width:"2",height:"16",fill:"#AAB2BB"})]}),(0,h.jsx)("defs",{children:(0,h.jsx)("clipPath",{id:"clip0_10864_32720",children:(0,h.jsx)("rect",{width:"16",height:"16",fill:"white"})})})]}),center:(0,h.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,h.jsxs)("g",{children:[(0,h.jsx)("rect",{x:"3",y:"9",width:"10",height:"5",rx:"1",fill:"#AAB2BB"}),(0,h.jsx)("rect",{x:"7",width:"2",height:"16",fill:"#AAB2BB"}),(0,h.jsx)("rect",{x:"1",y:"2",width:"14",height:"5",rx:"1",fill:"#AAB2BB"})]})}),right:(0,h.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,h.jsxs)("g",{clipPath:"url(#clip0_10864_32721)",children:[(0,h.jsx)("rect",{x:"4",y:"9",width:"9",height:"5",rx:"1",fill:"#AAB2BB"}),(0,h.jsx)("rect",{y:"2",width:"13",height:"5",rx:"1",fill:"#AAB2BB"}),(0,h.jsx)("rect",{x:"14",width:"2",height:"16",fill:"#AAB2BB"})]}),(0,h.jsx)("defs",{children:(0,h.jsx)("clipPath",{id:"clip0_10864_32721",children:(0,h.jsx)("rect",{width:"16",height:"16",fill:"white"})})})]})};const m=function(e){var n=e.type,t=void 0===n?u.X:n,r=e.exclude,i=void 0===r?[]:r,o=t===u.X?x:v,l=e.active,a=t===u.X?y:b,f=(0,c.x)(t===u.X?s.ME.TEXT_ALIGN:s.ME.ALIGN).isMixed,m=Object.keys(o).filter((function(e){return!i.includes(e)}));return(0,h.jsx)(p,{"data-test-id":"alignment",children:m.map((function(n,t){var r=t===m.length-1;return(0,h.jsx)(d.A,{text:s.EK[n]||n,style:{flex:1},children:(0,h.jsx)(g,{$isLast:r,active:!f&&n===l,onClick:function(){return e.onChange(n)},children:a[n]})},t)}))})}},4052:(e,n,t)=>{t.d(n,{A:()=>xe});var r,i,o,l,a,c,s,u,d,h,f,p,g,x,v,y,b=t(96540),m=t(21046),w=t(38267),j=t(99572),A=t(76865),C=t(34974),k=t(87535),B=t(54347),S=t(61225),L=t(67193),O=t.n(L),M=t(64251),E=t(2352),P=t(52886),_=t(23655),I=t(30993),F=t(4859),R=t(89768),D=t(42418),H=t(74848);function z(e){return function(e){if(Array.isArray(e))return N(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Z(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.")}()}function T(e){return T="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},T(e)}function W(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=T(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=T(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==T(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function $(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}
1finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||Z(e,n)||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.")}()}function Z(e,n){if(e){if("string"==typeof e)return N(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?N(e,n):void 0}}function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function V(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var U=w.Ay.div(r||(r=V([""]))),Y=w.Ay.div(i||(i=V(["\n display: flex;\n flex-grow: 1;\n margin-left: 0.5px;\n margin-right: -2px;\n"]))),G=w.Ay.div(o||(o=V(["\n position: relative;\n display: flex;\n align-items: center;\n width: 50%;\n margin: 0 -0.5px;\n"]))),J=w.Ay.div(l||(l=V(["\n display: none;\n align-items: center;\n background: #fff;\n margin-top: -1px;\n margin-right: -4px;\n margin-left: 0.5px;\n"]))),Q=w.Ay.div(a||(a=V(["\n position: relative;\n display: flex;\n align-items: center;\n width: 25%;\n margin: 0 -0.5px;\n"]))),X=w.Ay.div(c||(c=V(["\n margin-bottom: 10px;\n\n ","\n"])),(function(e){return e.$isSettingExpanded&&(0,w.AH)(s||(s=V(["\n "," {\n display: flex;\n }\n "])),J)})),K=w.Ay.div(u||(u=V(["\n position: relative;\n\n .text-input-suffix {\n pointer-events: auto;\n }\n"]))),q=w.Ay.button(d||(d=V(["\n appearance: none;\n border: none;\n padding: 0;\n background: none;\n cursor: pointer;\n\n svg {\n display: block;\n }\n"]))),ee=w.Ay.div(h||(h=V(["\n svg {\n display: block;\n }\n"]))),ne=function(e){var n=(0,b.useRef)(null),t=(0,_.A)(n),r=$((0,b.useState)(!1),2),i=r[0],o=r[1],l=function(n){t();var r="string"==typeof e.value?parseInt(e.value):e.value;n===R.A4?r+=1:r-=1,r<0?r=0:r>50&&(r=50),e.onChange(r)};return(0,H.jsx)(K,{"data-test-id":"borderWidthInput",ref:n,children:(0,H.jsx)(A.A,{value:e.isValueMixed?F.SZ:e.value,isMixed:e.isValueMixed,placeholder:e.isValueMixed?F.CJ:"",icon:(0,H.jsx)(ee,{children:(0,H.jsxs)("svg",{width:"16",height:"12",viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,H.jsxs)("g",{clipPath:"url(#clip0_4850_13401)",children:[(0,H.jsx)("rect",{x:"16",width:"0.999999",height:"16",rx:"0.499999",transform:"rotate(90 16 0)",fill:"#AAB2BB"}),(0,H.jsx)("rect",{x:"16",y:"4",width:"2",height:"16",rx:"0.5",transform:"rotate(90 16 4)",fill:"#AAB2BB"}),(0,H.jsx)("rect",{x:"16",y:"9",width:"3",height:"16",rx:"1",transform:"rotate(90 16 9)",fill:"#AAB2BB"})]}),(0,H.jsx)("defs",{children:(0,H.jsx)("clipPath",{id:"clip0_4850_13401",children:(0,H.jsx)("rect",{width:"16",height:"12",fill:"white",transform:"translate(16 12) rotate(180)"})})})]})}),suffix:i?(0,H.jsx)(R.X6,{onPlusClick:function(){return l(R.A4)},onMinusClick:function(){return l(R.mj)}}):(0,H.jsx)(q,{type:"button",onClick:e.onExpandSettingToggle,children:(0,H.jsx)("svg",{width:"9",height:"8",viewBox:"0 0 9 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,H.jsx)("path",{d:"M1 2.5L4.5 5.5L8 2.5",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),min:0,padding:[9,30,9,35],lineHeight:1.539,height:"initial",borderColor:"#E8ECF0",outline:"none",borderWidth:[1,1,1,1],borderRadius:e.isSettingExpanded?[0,6,0,0]:[0,6,6,0],dragEditable:j.T.horizontal,onChange:function(n){e.value!==n&&(t(),e.onChange(parseInt(n)))},onFocus:function(){o(!0)},onBlur:function(){o(!1)}})})},te=w.Ay.div(f||(f=V(["\n padding: 5px 0;\n"]))),re=w.Ay.div(p||(p=V(["\n width: 100%;\n position: relative;\n z-index: ",";\n\n .customizer-control-header {\n border-radius: ",";\n }\n\n .customizer-control-header-title {\n padding-left: 10px;\n padding-right: 26px;\n }\n\n .customizer-control-header-custom-icon {\n padding-left: 12px;\n\n svg {\n display: block;\n }\n }\n"])),(function(e){return e.$isDropdownOpen?"3":"2"}
1),(function(e){return e.$isSettingExpanded?"6px 0 0 0":"6px 0 0 6px"})),ie=w.Ay.div(g||(g=V(['\n margin-right: 10px;\n\n svg {\n display: block;\n width: 12px;\n height: auto;\n\n [stroke="#AAB2BB"] {\n transition: all .3s;\n }\n }\n']))),oe=w.Ay.div(x||(x=V([""]))),le=w.Ay.div(v||(v=V(["\n display: flex;\n align-items: center;\n padding: 8px 10px;\n line-height: 1.2;\n font-size: 12px;\n cursor: pointer;\n transition: all .3s;\n\n &:hover {\n background-color: #2198ED;\n color: #fff;\n\n ",' [stroke="#AAB2BB"] {\n stroke: #fff;\n }\n }\n\n ',"\n"])),ie,(function(e){return e.isActive&&"\n background-color: #2198ED;\n color: #fff;\n\n ".concat(ie,' [stroke="#AAB2BB"] {\n stroke: #fff;\n }\n ')})),ae=[{value:"solid",text:"Solid",icon:(0,H.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,H.jsx)("g",{clipPath:"url(#clip0_4850_13395)",children:(0,H.jsx)("path",{d:"M1 15L15 1",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"})}),(0,H.jsx)("defs",{children:(0,H.jsx)("clipPath",{id:"clip0_4850_13395",children:(0,H.jsx)("rect",{width:"16",height:"16",fill:"white",transform:"translate(0 16) rotate(-90)"})})})]})},{value:"dotted",text:"Dotted",icon:(0,H.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,H.jsx)("g",{clipPath:"url(#clip0_4850_13394)",children:(0,H.jsx)("path",{d:"M1 15L15 1",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"0.01 3"})}),(0,H.jsx)("defs",{children:(0,H.jsx)("clipPath",{id:"clip0_4850_13394",children:(0,H.jsx)("rect",{width:"16",height:"16",fill:"white",transform:"translate(0 16) rotate(-90)"})})})]})},{value:"dashed",text:"Dashed",icon:(0,H.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,H.jsx)("g",{clipPath:"url(#clip0_4850_13393)",children:(0,H.jsx)("path",{d:"M1 15L15 1",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"2 5"})}),(0,H.jsx)("defs",{children:(0,H.jsx)("clipPath",{id:"clip0_4850_13393",children:(0,H.jsx)("rect",{width:"16",height:"16",fill:"white",transform:"translate(0 16) rotate(-90)"})})})]})}],ce=function(e){var n=(0,b.useRef)(null),t=(0,_.A)(n),r=function(n){return(0,H.jsxs)(le,{isActive:n.value===e.value,onClick:function(){return r=n.value,t(),void e.onChange(r);var r},"data-undraggable":!0,children:[(0,H.jsx)(ie,{children:n.icon}),(0,H.jsx)(oe,{children:n.text})]},n.value)};return(0,H.jsx)(te,{"data-test-id":"borderStyleMenu",ref:n,children:ae.map((function(e){return r(e)}))})},se=(0,w.Ay)(A.A)(y||(y=V(["\n font-size: 12px;\n"]))),ue=function(e){var n=(0,b.useRef)(null),t=(0,_.A)(n);return(0,H.jsx)(se,{value:e.value||0,icon:e.icon,min:0,max:50,padding:[12,10,12,25],borderColor:"#E8ECF0",outline:"none",borderWidth:[1,1,1,1],borderRadius:e.borderRadius,dragEditable:j.T.horizontal,onChange:function(n){t(),e.onChange(parseInt(n))}})},de="top",he="left",fe="bottom",pe="right",ge=W(W(W(W({},de,(0,H.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,H.jsxs)("g",{clipPath:"url(#clip0_10475_747)",children:[(0,H.jsx)("path",{opacity:"0.43",d:"M2.5 9.00049L7.5 9.00049",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"}),(0,H.jsx)("path",{d:"M2.5 1.00049L7.5 1.00049",stroke:"#788994",strokeWidth:"2",strokeLinecap:"round"}),(0,H.jsx)("path",{opacity:"0.43",d:"M9 7.5L9 2.5",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"}),(0,H.jsx)("path",{opacity:"0.43",d:"M1.00049 7.5L1.00049 2.5",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"})]}),(0,H.jsx)("defs",{children:(0,H.jsx)("clipPath",{id:"clip0_10475_747",children:(0,H.jsx)("rect",{width:"10",height:"10",fill:"white",transform:"matrix(-4.37114e-08 -1 -1 4.37114e-08 10 10.0005)"})})})]})),pe,(0,H.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,H.jsxs)("g",{clipPath:"url(#clip0_10475_4947)",children:[(0,H.jsx)("path",{opacity:"0.43",d:"M1 3.00098L1 7.00098",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"}),(0,H.jsx)("path",{d:"M9 3.00098V7.00098",stroke:"#788994",strokeWidth:"2",strokeLinecap:"round"}),(0,H.jsx)("path",{opacity:"0.43",d:"M3 9.00098H7",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"}),(0,H.jsx)("path",{opacity:"0.43",d:"M3 1.00098L7 1.00098",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"})]}),(0,H.jsx)("defs",{children:(0,H.jsx)("clipPath",{id:"clip0_10475_4947",children:(0,H.jsx)("rect",{width:"10",height:"10",fill:"white",transform:"matrix(1 0 0 -1 0 10.0005)"})})})]})),fe,(0,H.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,H.jsxs)("g",{clipPath:"url(#clip0_10475_4974)",children:[(0,H.jsx)("path",{opacity:"0.43",d:"M6.99951 1.00049L2.99951 1.00049",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"}),(0,H.jsx)("path",{d:"M6.99951 9.00049L2.99951 9.00049",stroke:"#788994",strokeWidth:"2",strokeLinecap:"round"}),(0,H.jsx)("path",{opacity:"0.43",d:"M0.999512 3.00049L0.999512 7.00049",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"}),(0,H.jsx)("path",{opacity:"0.43",d:"M8.99951 3.00049L8.99951 7.00049",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"})]}),(0,H.jsx)("defs",{children:(0,H.jsx)("clipPath",{id:"clip0_10475_4974",children:(0,H.jsx)("rect",{width:"10",height:"10",fill:"white",transform:"matrix(-4.37114e-08 1 1 4.37114e-08 0 0.000488281)"})})})]})),he,(0,H.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,H.jsxs)("g",{clipPath:"url(#clip0_10475_5004)",children:[(0,H.jsx)("path",{opacity:"0.43",d:"M9 7L9 3",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"}),(0,H.jsx)("path",{d:"M1 7L1 3",stroke:"#788994",strokeWidth:"2",strokeLinecap:"round"}),(0,H.jsx)("path",{opacity:"0.43",d:"M7 1L3 1",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"}),(0,H.jsx)("path",{opacity:"0.43",d:"M7 9L3 9",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round"})]}),(0,H.jsx)("defs",{children:(0,H.jsx)("clipPath",{id:"clip0_10475_5004",children:(0,H.jsx)("rect",{width:"10",height:"10",fill:"white",transform:"matrix(-1 8.74228e-08 8.74228e-08 1 10 0.000488281)"})})})]}));const xe=function(e){var n,t,r,i=(0,S.wA)(),o=(0,S.d4)((function(e){return e.application.stretchRightSidebar})),l=function(e){var n=(null==e?void 0:e.width)||(null==e?void 0:e.style)||(null==e?void 0:e.color);return void 0!==n&&"object"!==T(n)},a=function(e){var n,t="solid";return l(e)?(null==e?void 0:e.style)||t:(null==e||null===(n=e.style)||void 0===n?void 0:n.top)||t},c=function(n,t){var r,i,o,a,c;return l(n)?null!==(o=null==n?void 0:n.width)&&void 0!==o?o:1:e.type!==P.h.default?null!==(a=null==n||null===(c=n.width)||void 0===c?void 0:c[t])&&void 0!==a?a:"bottom"===t?1:0:null!==(r=null==n||null===(i=n.width)||void 0===i?void 0:i[t])&&void 0!==r?r:1},s=function(e,n){var t,r="solid";return l(e)?(null==e?void 0:e.style)||r:(null==e||null===(t=e.style)||void 0===t?void 0:t[n])||r},u=function(n,t){var r,i=e.type!==P.h.default?"#E5E5E5":"#417CD6";return l(n)?(null==n?void 0:n.color)||i:(null==n||null===(r=n.color)||void 0===r?void 0:r[t])||i},d=function(){return{width:{top:c(e.value,"top"),right:c(e.value,"right"),bottom:c(e.value,"bottom"),left:c(e.value,"left")}
1,style:{top:s(e.value,"top"),right:s(e.value,"right"),bottom:s(e.value,"bottom"),left:s(e.value,"left")},color:{top:u(e.value,"top"),right:u(e.value,"right"),bottom:u(e.value,"bottom"),left:u(e.value,"left")},hide:(n=e.value,!l(n)&&(null==n?void 0:n.hide))};var n},h=function(n,t,r){try{var o,l,a;if(a=null!==(o=e.value)&&void 0!==o&&null!==(o=o.width)&&void 0!==o&&o.top&&e.type===P.h.default||e.value&&e.type!==P.h.default?O()(e.value):d(),Array.isArray(n))a[n[0]][n[1]]=t;else if("color"===n&&"string"==typeof a[n]&&"string"==typeof t)a[n]={top:t,right:t,bottom:t,left:t};else for(var c in a[n])a[n][c]=t;a.presets=r?[r]:null===(l=e.value)||void 0===l?void 0:l.presets,e.onChange(a)}catch(e){M.Cp(e);i(B.QgQ("An unexpected error occurred. Please try again, if it keeps happening, share code ".concat(E.VH," with support.")))}};return(0,b.useEffect)((function(){var n,t,r;void 0===(null===(n=e.value)||void 0===n?void 0:n.hide)||null!==(t=e.value)&&void 0!==t&&t.hide||(void 0===(null===(r=e.value)||void 0===r||null===(r=r.width)||void 0===r?void 0:r.top)&&e.type===P.h.default||e.type!==P.h.default)&&e.onChange(d())}),[null===(n=e.value)||void 0===n?void 0:n.hide]),(0,H.jsxs)(U,{children:[(0,H.jsxs)(X,{$isSettingExpanded:e.isSettingExpanded,children:[(0,H.jsxs)(Y,{children:[(0,H.jsx)(G,{children:(0,H.jsx)(D.A,{text:m._.borderStyle,disabled:"borderStyle"===o,children:(0,H.jsx)(re,{$isSettingExpanded:e.isSettingExpanded,$isDropdownOpen:"borderStyle"===o,children:(0,H.jsx)(k.A,{title:e.isValueStyleMixed?F.fR:(r=a(e.value),ae.find((function(e){return e.value===(r||"solid")})).text),customIcon:e.isValueStyleMixed?F.uI:function(e){return ae.find((function(n){return n.value===(e||"solid")})).icon}(a(e.value)),stretchContainer:function(){return i((0,B.wo2)("borderStyle"))},showController:"borderStyle"===o,dropdownStyle:{right:"calc(100% + 10px)",width:"150px"},children:(0,H.jsx)(ce,{value:e.isValueStyleMixed?F.SZ:a(e.value),onChange:function(e){h("style",e),i((0,B.wo2)(null))}})})})})}),(0,H.jsx)(G,{children:(0,H.jsx)(D.A,{text:m._.borderWidth,children:(0,H.jsx)(ne,{isSettingExpanded:e.isSettingExpanded,isValueMixed:function(n){var t;return!!e.isValueWidthMixed||!l(n)&&!(void 0===(null==n||null===(t=n.width)||void 0===t?void 0:t.top)||!Object.values(n.width).some((function(e){return e!==n.width.top})))}(e.value),value:function(n){var t,r,i;if(e.type!==P.h.default){var o=null!=n&&n.width?Object.values(n.width):[1];return Math.max.apply(Math,z(o))}return l(n)?null!==(i=null==n?void 0:n.width)&&void 0!==i?i:1:null!==(t=null==n||null===(r=n.width)||void 0===r?void 0:r.top)&&void 0!==t?t:1}(e.value),onChange:function(e){return h("width",e)},onExpandSettingToggle:e.onExpandSettingToggle})})})]}),(0,H.jsxs)(J,{children:[(0,H.jsx)(Q,{children:(0,H.jsx)(D.A,{text:m._.borderTop,children:(0,H.jsx)(ue,{icon:ge[de],borderRadius:[0,0,0,6],value:c(e.value,de),onChange:function(e){return h(["width",de],e)}})})}),(0,H.jsx)(Q,{children:(0,H.jsx)(D.A,{text:m._.borderRight,children:(0,H.jsx)(ue,{icon:ge[pe],borderRadius:[0,0,0,0],value:c(e.value,pe),onChange:function(e){return h(["width",pe],e)}})})}),(0,H.jsx)(Q,{children:(0,H.jsx)(D.A,{text:m._.borderBottom,children:(0,H.jsx)(ue,{icon:ge[fe],borderRadius:[0,0,0,0],value:c(e.value,fe),onChange:function(e){return h(["width",fe],e)}})})}),(0,H.jsx)(Q,{children:(0,H.jsx)(D.A,{text:m._.borderLeft,children:(0,H.jsx)(ue,{icon:ge[he],borderRadius:[0,0,6,0],value:c(e.value,he),onChange:function(e){return h(["width",he],e)}})})})]})]}),(0,H.jsx)(C.A,{colorType:I._A.BORDER_COLOR,color:e.isValueColorMixed?F.fR:function(n){var t,r=e.type!==P.h.default?"#E5E5E5":"#417CD6";return l(n)?(null==n?void 0:n.color)||r:null!=n&&null!==(t=n.color)&&void 0!==t&&t.top?n.color.top:"string"==typeof(null==n?void 0:n.color)?n.color:r}(e.value),onChangeColor:function(e,n){return h("color",e,n)},onChange:e.onChangePreset,presets:null===(t=e.value)||void 0===t?void 0:t.presets})]})}},34974:(e,n,t)=>{t.d(n,{A:()=>A});var r=t(96540),i=t(61225),o=t(87535),l=t(54347),a=t(7501),c=t(26571),s=t(28771),u=t(4859),d=t(88137),h=t(30993),f=t(91958),p=t(21249),g=t(755),x=t(74848);function v(e){return v="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},v(e)}function y(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function b(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};
1n%2?y(Object(t),!0).forEach((function(n){m(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):y(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function m(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=v(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==v(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return j(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?j(e,n):void 0}}(e,n)||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.")}()}function j(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}const A=function(e){var n=(0,i.wA)(),t=(0,i.d4)((function(e){return e.application.stretchRightSidebar})),v=(0,r.useRef)(null),y=(0,r.useRef)(null),m=w((0,r.useState)(e.color),2),j=m[0],A=m[1],C=w((0,p.A)(e.presets,e.color,e.colorType),3),k=C[0],B=C[1],S=C[2];(0,r.useEffect)((function(){A((function(n){return n&&e.color===g.dq&&e.colorType===h._A.TEXT_COLOR?n:e.color}))}),[e.color]);var L=(0,a.HaM)(j,!0),O=L.toLocaleLowerCase()===u.Yu,M=function(n){A(n.hex),clearTimeout(v.current),v.current=setTimeout((function(){"borderColor"===e.colorType&&(0,s.$s)("Border Color Changed",{value:n.hex,type:(0,a.MeD)(!1)})}),2e3)},E=function(n,t){var r=new CustomEvent(h.HW.tempData,{detail:null});document.dispatchEvent(r),e.onChangeColor(n.hex,t)},P=t==="color-".concat(e.colorType);return k?(0,x.jsx)(f.A,b(b({},e),{},{type:e.colorType,hexColor:L,label:B,preset:S})):(0,x.jsx)(o.A,{type:d.Kg.color,contentType:e.type||e.colorType,title:O?u.fR:function(e){return e?"transparent"===e.toLowerCase()?"None":e.toUpperCase():"None"}(L),colorIcon:O?"#fff":L,mixedIcon:O?u.uI:void 0,titleStyle:{style:{minWidth:"78px"}},width:h.l2,showController:P,disableAlpha:e.disableAlpha,dataTestId:e.colorType,onChange:M,onChangeComplete:function(e,n){return P?{}:E(e,n)},stretchContainer:function(){return n((0,l.wo2)("color-".concat(e.colorType)))},dropdownStyle:{overflow:"visible"},onMouseLeave:function(){var e;null===(e=y.current)||void 0===e||e.call(y)},children:(0,x.jsx)(c.A,{color:L,active:P,disableAlpha:e.disableAlpha,onChangeComplete:E,onChange:M,type:e.colorType,flushPendingOnChangeCompleteRef:y})})}},26571:(e,n,t)=>{t.d(n,{A:()=>jn});var r=t(10712),i=t(96540),o=t(21046),l=t(38267),a=t(54347),c=t(35793),s=t(80181),u=t(96331),d=t(74848);const h=function(e){var n=e.fullWidth?0:5;return(0,d.jsx)(u.A,{value:e.value,valueUnit:e.unit,placeholder:e.placeholder,step:1,min:0,max:e.max||100,onChange:e.onChange,borderRadius:e.borderRadius||[0,0,0,0],padding:[0,e.unit?15:n,0,n],type:"text",height:"30px",lineHeight:1.1})};var f,p,g=t(2825),x=t(81516),v=t(64251);function y(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}
1finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return b(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,n):void 0}}(e,n)||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.")}()}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function m(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var w=l.Ay.div(f||(f=m(["\n width: 36px;\n height: 36px;\n border: 1px solid #E8ECF0;\n border-radius: 6px;\n cursor: pointer;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease-in-out;\n\n svg {\n color: #788994;\n transition: all 0.2s ease-in-out;\n }\n\n &:hover {\n background-color: #1495E7;\n\n svg {\n color: #FFFFFF;\n }\n }\n\n ","\n"])),(function(e){return e.active&&(0,l.AH)(p||(p=m(["\n background-color: #1495E7;\n\n svg {\n color: #FFFFFF;\n }\n "])))}));const j=function(e){var n=y((0,i.useState)(!1),2),t=n[0],r=n[1],o=(0,i.useRef)(null),l=(0,i.useRef)(null);(0,i.useEffect)((function(){return function(){document.body.removeAttribute("data-eyedropper-active");var e=l.current;e&&(e.el.style.visibility=e.prev,l.current=null)}}),[]);var a=function(e){e?document.body.setAttribute("data-eyedropper-active","true"):document.body.removeAttribute("data-eyedropper-active")};return window.EyeDropper?(0,d.jsx)(w,{ref:o,onClick:function(){r(!0),a(!0);var n=function(){for(var e,n=(null===(e=o.current)||void 0===e?void 0:e.parentElement)||null;n&&n!==document.body;){var t=getComputedStyle(n);if("absolute"===t.position||"fixed"===t.position)return n;n=n.parentElement}return null}();n&&(l.current={el:n,prev:n.style.visibility},n.style.visibility="hidden"),(new window.EyeDropper).open().then((function(n){e.onSelectColor(n.sRGBHex)})).catch((function(e){"AbortError"!==e.name&&v.Cp(e)})).finally((function(){r(!1),a(!1);var e=l.current;e&&(e.el.style.visibility=e.prev,l.current=null)}))},"data-undraggable":!0,active:t,children:(0,d.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,d.jsxs)("g",{clipPath:"url(#clip0_128_22)",children:[(0,d.jsx)("path",{d:"M8.88281 9.11717C7.71124 7.9456 7.71124 6.0461 8.88281 4.87453L11.8787 1.87866C13.0502 0.707091 14.9497 0.70709 16.1213 1.87866C17.2929 3.05024 17.2929 4.94973 16.1213 6.1213L13.1255 9.11717C11.9539 10.2887 10.0544 10.2887 8.88281 9.11717Z",fill:"currentColor"}),(0,d.jsx)("path",{d:"M2 15L1.01942 14.8039C0.953847 15.1317 1.05647 15.4707 1.29289 15.7071L2 15ZM2.5 12.5L1.79289 11.7929C1.65329 11.9325 1.55814 12.1103 1.51942 12.3039L2.5 12.5ZM9 6L9.70711 5.29289L9 4.58579L8.29289 5.29289L9 6ZM12 9L12.7071 9.70711L13.4142 9L12.7071 8.29289L12 9ZM5.5 15.5L5.69612 16.4806C5.88971 16.4419 6.06751 16.3467 6.20711 16.2071L5.5 15.5ZM3 16L2.29289 16.7071C2.52932 16.9435 2.86826 17.0462 3.19612 16.9806L3 16ZM2.98058
115.1961L3.48058 12.6961L1.51942 12.3039L1.01942 14.8039L2.98058 15.1961ZM3.20711 13.2071L9.70711 6.70711L8.29289 5.29289L1.79289 11.7929L3.20711 13.2071ZM8.29289 6.70711L11.2929 9.70711L12.7071 8.29289L9.70711 5.29289L8.29289 6.70711ZM11.2929 8.29289L4.79289 14.7929L6.20711 16.2071L12.7071 9.70711L11.2929 8.29289ZM5.30388 14.5194L2.80388 15.0194L3.19612 16.9806L5.69612 16.4806L5.30388 14.5194ZM3.70711 15.2929L2.70711 14.2929L1.29289 15.7071L2.29289 16.7071L3.70711 15.2929Z",fill:"currentColor"}),(0,d.jsx)("rect",{x:"5.87868",y:"6",width:"3",height:"8.64559",rx:"1.5",transform:"rotate(-45 5.87868 6)",fill:"currentColor",stroke:"none"})]}),(0,d.jsx)("defs",{children:(0,d.jsx)("clipPath",{id:"clip0_128_22",children:(0,d.jsx)("rect",{width:"18",height:"18",fill:"white"})})})]})}):null};var A=t(42418),C=t(38587);const k=function(e){return(0,d.jsx)(C.A,{text:e.value,enableOnPaste:!0,onChange:function(n){return e.onChange(n)},onPaste:function(n){return setTimeout((function(){e.onChange(n.target.value,!0)}),0)},borderRadius:e.borderRadius||[0,0,0,0],padding:[0,9,0,9],height:"30px",lineHeight:1.1,placeholder:"Color"})};var B,S,L,O,M,E,P,_=t(74484);function I(e){return I="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},I(e)}function F(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?F(Object(t),!0).forEach((function(n){D(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function D(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=I(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==I(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function H(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return z(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?z(e,n):void 0}}(e,n)||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.")}()}function z(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function T(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var W=l.Ay.div(B||(B=T(["\n width: 18px;\n height: 18px; \n display: flex;\n justify-content: center;
1\n align-items: center;\n position: relative;\n"]))),$=l.Ay.div(S||(S=T(["\n position: absolute;\n width: 26px;\n height: 42px;\n background: #FFFFFF;\n border: 1px solid #E8ECF0;\n box-shadow: 0px 3px 2px rgba(58, 97, 129, 0.04);\n border-radius: 13px 13px 6px 6px;\n opacity: 0;\n visibility: hidden;\n transition: all 0.2s;\n bottom: -4px;\n\n ","\n"])),(function(e){return e.show&&(0,l.AH)(L||(L=T(["\n opacity: 1;\n visibility: visible;\n "])))})),Z=l.Ay.div(O||(O=T(["\n display: flex;\n justify-content: center;\n padding: 7px;\n cursor: pointer;\n"]))),N=l.Ay.div(M||(M=T(["\n width: 100%;\n height: 100%;\n background-color: ",";\n cursor: pointer;\n border: ",";\n border-radius: 3px;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n\n ","\n"])),(function(e){return e.$color||"#AAB2BB"}),(function(e){return e.$control?"none":"1px solid rgba(0, 0, 0, 0.1)"}),(function(e){return e.$circle&&(0,l.AH)(E||(E=T(["\n border-radius: 50%;\n "])))})),V=l.Ay.div(P||(P=T(["\n position: absolute;\n top: -35px;\n transform: translateY(-50%);\n z-index: 100;\n transition: all .2s;\n"])));const U=function(e){var n,t=H((0,i.useState)(!1),2),r=t[0],o=t[1],l=function(){o((function(e){return!e}))};return(0,d.jsxs)(W,{"data-undraggable":!0,onMouseEnter:l,onMouseLeave:l,children:[e.canDelete&&(0,d.jsx)($,{"data-test-id":"color-delete-swatch",show:e.isActive,children:(0,d.jsx)(Z,{onClick:e.onDelete,children:(0,d.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 13 13",children:(0,d.jsx)("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,d.jsx)("g",{transform:"translate(-1347.000000, -23.000000)",fill:"#AAB2BB",fillRule:"nonzero",children:(0,d.jsx)("g",{transform:"translate(1332.000000, 10.000000)",children:(0,d.jsx)("path",{d:"M25.5390557,13.4222313 C26.1020308,12.8592562 27.0147937,12.8592562 27.5777687,13.4222313 C28.1407438,13.9852063 28.1407438,14.8979692 27.5777687,15.4609443 L27.5777687,15.4609443 L23.538,19.5 L27.5777687,23.5390557 C28.1407438,24.1020308 28.1407438,25.0147937 27.5777687,25.5777687 C27.0147937,26.1407438 26.1020308,26.1407438 25.5390557,25.5777687 L21.5,21.538 L17.4609443,25.5777687 C16.9331552,26.1055578 16.0979353,26.1385446 15.5317174,25.6767292 L15.4222313,25.5777687 C14.8592562,25.0147937 14.8592562,24.1020308 15.4222313,23.5390557 L15.4222313,23.5390557 L19.462,19.5 L15.4222313,15.4609443 C14.8592562,14.8979692 14.8592562,13.9852063 15.4222313,13.4222313 C15.9852063,12.8592562 16.8979692,12.8592562 17.4609443,13.4222313 L21.5,17.462 Z"})})})})})})}),(0,d.jsxs)(N,R(R({},e.control&&{"data-test-id":"color-add-swatch"}),{},{onClick:e.onClick,title:e.label?null:null===(n=e.color)||void 0===n?void 0:n.toUpperCase(),$color:e.color,$control:e.control,$circle:e.circleType,children:[e.control?(0,d.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,d.jsx)("path",{d:"M6 3H8V11H6V3Z",fill:"#FFFFFF"}),(0,d.jsx)("path",{d:"M3 8L3 6L11 6V8H3Z",fill:"#FFFFFF"})]}):null,e.label&&r&&(0,d.jsx)(V,{children:(0,d.jsx)(_.A,{id:e.id,tip:'<span style="white-space: nowrap;">'.concat(e.label,"</span>"),tooltipPosition:"top",arrowPosition:"center",show:!0})})]}))]})};var Y,G,J,Q,X,K,q,ee,ne,te,re,ie,oe,le,ae,ce,se,ue,de,he,fe,pe,ge,xe,ve,ye="colorPicker_recent",be="HEX",me="HSL",we="RGB",je=[be,we,me].map((function(e){return{label:e,value:e}})),Ae="transparent",Ce="None",ke=t(88137),Be=t(91956),Se=t(23655),Le=t(30993),Oe=t(61225),Me=t(95791),Ee=t(28771),Pe=t(7501),_e=t(69823),Ie=t(5203),Fe=t(8177),Re=t(91125);function De(e){return De="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},De(e)}function He(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function ze(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};
1n%2?He(Object(t),!0).forEach((function(n){Te(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):He(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function Te(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=De(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=De(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==De(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function We(e){return function(e){if(Array.isArray(e))return Ne(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ze(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.")}()}function $e(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||Ze(e,n)||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.")}()}function Ze(e,n){if(e){if("string"==typeof e)return Ne(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Ne(e,n):void 0}}function Ne(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function Ve(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var Ue=[{id:"0",color:"#30DB55"},{id:"1",color:"#FFB800"},{id:"2",color:"#417CD6"},{id:"3",color:"#E8ECF0"},{id:"4",color:"#13A4EC"},{id:"5",color:"#AAB2BB"},{id:"6",color:"#A9B3BB"}],Ye=(0,l.i7)(Y||(Y=Ve(["\n 0% {opacity: 0;}\n 100% {opacity: 1;}\n"]))),Ge=l.Ay.div(G||(G=Ve(['\n display: flex;\n flex-direction: column;\n\n /* While the native EyeDropper API is open, hide the picker so it\n doesn\'t occlude the area the user is sampling. EyeDropper\n toggles body[data-eyedropper-active] for the duration of the\n OS-level pick; we use visibility (not display: none) so the\n layout stays put and the picker reappears in its original\n position when the user finishes or cancels. */\n body[data-eyedropper-active="true"] & {\n visibility: hidden;\n }\n']))),Je=l.Ay.div(J||(J=Ve(["\n width: 100%;\n height: 228px;\n position: relative;\n overflow: hidden;\n border-radius: 4px 4px 0 0;\n"]))),Qe=l.Ay.div(Q||(Q=Ve(["\n padding: 15px 13px 13px 13px;\n display: flex;\n flex-direction: column;\n position: relative;\n"]))),Xe=l.Ay.div(X||(X=Ve(["\n display: flex;\n gap: 10px;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 15px;\n"]))),Ke=l.Ay.div(K||(K=Ve(["\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 10px;\n"]))),qe=l.Ay.div(q||(q=Ve(["\n position: relative;\n width: 100%;\n height: 13px;\n"]))),en=(0,l.Ay)(qe)(ee||(ee=Ve(['\n background-color: #FF0000;\n border-radius: 20px;\n\n &::after,\n &::before {\n content: "";\n position: absolute;\n width: 10px;\n height: 11px;\n border: 1px solid #E50004;\n border-radius: 20px;\n pointer-events: none;\n z-index: 1;\n }\n\n &::after {\n right: 0;\n }\n\n .hue-horizontal {\n border: 1px solid rgba(0,0,0,0.1);\n border-left: none;
1\n border-right: none;\n z-index: 2;\n\n width: calc(100% - 12px);\n margin: 0 auto;\n }\n']))),nn=(0,l.Ay)(qe)(ne||(ne=Ve(["\n border: 1px solid #E0E0E0;\n border-radius: 20px;\n overflow: hidden;\n\n & > div > div > div {\n background: none !important;\n }\n"]))),tn=l.Ay.div(te||(te=Ve(["\n height: 30px; \n display: flex;\n align-items: center;\n"]))),rn=l.Ay.div(re||(re=Ve(["\n margin-top: 15px;\n"]))),on=l.Ay.div(ie||(ie=Ve(["\n font-family: 'Fira Sans';\n font-style: normal;\n font-weight: 600;\n font-size: 11px;\n line-height: 14px;\n letter-spacing: 0.6px;\n text-transform: uppercase;\n color: #788994;\n margin-bottom: 10px;\n"]))),ln=l.Ay.div(oe||(oe=Ve(["\n display: grid;\n grid-template-columns: repeat(8, 1fr);\n gap: 10px;\n"]))),an=l.Ay.div(le||(le=Ve(["\n margin-top: 15px;\n"]))),cn=l.Ay.div(ae||(ae=Ve(["\n width: 57px;\n\n div[class$='-option']::after {\n right: 7px;\n }\n"]))),sn=l.Ay.div(ce||(ce=Ve(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex: 1;\n\n & > div {\n margin-right: -1px\n }\n\n input {\n text-align: ",";\n }\n"])),(function(e){return e.center?"center":"left"})),un=l.Ay.div(se||(se=Ve(["\n width: 49px;\n"]))),dn=l.Ay.div(ue||(ue=Ve(["\n width: 11px;\n height: 11px;\n border: 2px solid #FFFFFF;\n filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2));\n border-radius: 7px;\n"]))),hn=(0,l.Ay)(dn)(de||(de=Ve(["\n transform: translate(-50%, -50%);\n"]))),fn=(0,l.Ay)(dn)(he||(he=Ve(["\n transform: translate(-50%, 0px);\n"]))),pn=l.Ay.div(fe||(fe=Ve(["\n width: 13px;\n height: 13px;\n background: #FFFFFF;\n border: 1px solid rgba(0, 0, 0, 0.13);\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);\n border-radius: 10px;\n margin-top: -1px;\n transform: translate(-50%, 0px);\n"]))),gn=l.Ay.div(pe||(pe=Ve(["\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;
1\n align-items: center;\n top: 0;\n left: 0;\n z-index: 2;\n animation: "," .35s both;\n"])),Ye),xn=l.Ay.div(ge||(ge=Ve(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background: rgba(7,28,38,.5);\n"]))),vn=l.Ay.div(xe||(xe=Ve(["\n background: #FFFFFF;\n box-shadow: 0px 10px 12px rgba(169, 179, 187, 0.25), 0px 0px 2px rgba(169, 179, 187, 0.5);\n border-radius: 6px;\n display: flex;\n align-items: center;\n padding: 11px 15px;\n gap: 19px;\n font-family: 'Fira Sans';\n font-style: normal;\n font-weight: 500;\n font-size: 12px;\n line-height: 14px;\n letter-spacing: 0.6px;\n text-transform: uppercase;\n z-index: 1;\n margin-top: -5px;\n"]))),yn=l.Ay.div(ve||(ve=Ve(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n\n & > div {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"]))),bn=function(e){return e===ke.oV?"#FF0000":[Ae,Ce].includes(e)?"#00000000":e},mn=function(e){try{return(0,Pe.J25)((0,x.toState)({hex:bn(e)})).hex.toLowerCase()}catch(t){var n;return null!==(n=null==e?void 0:e.toLowerCase())&&void 0!==n?n:e}},wn=new Be.A;const jn=function(e){var n,t=(0,Oe.wA)(),l=(0,Oe.d4)((function(e){return e.application.colorSwatches})),u=(0,Oe.d4)(_e.h1),f=(0,Oe.d4)((function(e){return e.presets.currentByIds})),p=(0,Oe.d4)((function(e){return e.user.current})),v=$e((0,i.useState)([]),2),y=v[0],b=v[1],m=$e((0,i.useState)(je[0]),2),w=m[0],C=m[1],B=$e((0,i.useState)((0,x.toState)({hex:bn(e.color)})),2),S=B[0],L=B[1],O=$e((0,i.useState)(null),2),M=O[0],E=O[1],P=$e((0,i.useState)(null),2),_=P[0],I=P[1],F=$e((0,i.useState)(null),2),R=F[0],D=F[1],H=(0,i.useRef)(null),z=(0,i.useRef)(null),T=(0,i.useRef)(null),W=(0,i.useRef)(e.onChangeComplete);W.current=e.onChangeComplete;var $=(0,i.useRef)(null),Z=(0,i.useRef)(null),N=(0,i.useRef)(null),V=(0,i.useRef)(null),Y=(0,i.useRef)(null);(0,i.useEffect)((function(){var n=mn(e.color);!!$.current&&mn($.current.hex)===n||(T.current=n),L((function(n){var t=(0,x.toState)({hex:bn(e.color)});return(null==n?void 0:n.rgb.a)===(null==t?void 0:t.rgb.a)?n:($.current=(0,Pe.J25)(t),t)}))}),[e.color]),(0,Ie.A)(Y,(function(){Y.current&&(S.hex!==M&&M&&(0,x.isValidHex)(M)?(q({hex:M}),ee("code")):E(null))})),(0,Fe.A)((function(){S.hex!==M&&M&&(0,x.isValidHex)(M)&&(q({hex:M}),ee("code"))}),Re.W7);var G=(0,Se.A)(N),J=(0,Me.A)().errorNotify,Q=(0,i.useMemo)((function(){var e;return u&&f["preset-colors"]?f["preset-colors"].items.map((function(e){return{id:e.id,color:e.data.color,label:e.label,version:e.version}})):null!==(e=null==l?void 0:l.map((function(e){return{id:e,color:e}})))&&void 0!==e?e:[]}),[l,u,f]),X=function(){I(null)},K=(0,i.useCallback)((function(){clearTimeout(z.current),z.current=null;var e=W.current;if(e){var n=$.current;if(null!=n&&n.hex){var t=mn(n.hex);t!==T.current&&(e(n),T.current=t)}}}),[]);(0,i.useLayoutEffect)((function(){var n=e.flushPendingOnChangeCompleteRef;if(n)return n.current=K,function(){n.current=null}}),[K,e.flushPendingOnChangeCompleteRef]);var q=function(n){var t;t=n.source==="HSV".toLocaleLowerCase()?(0,x.toState)(n,S.hsv.h):(0,x.toState)(n,n.h),e.disableAlpha&&(t.rgb.a=1,t.hsl.a=1,t.hsv.a=1);var r=(0,Pe.J25)(t);r.hex!==e.color&&(G(),e.onChange(r),clearTimeout(H.current),H.current=setTimeout((function(){var n=new CustomEvent(Le.HW.tempData,{detail:{type:e.type,value:r.hex,color:r}});document.dispatchEvent(n)}),10),clearTimeout(z.current),z.current=setTimeout((function(){K()}),1e3)),$.current=r,L(t),E(null),X()};(0,i.useEffect)((function(){var n=JSON.parse(wn.getItem(ye))||[],r=We(new Set(n));return b(r),e.active?(T.current=mn(e.color),L((0,x.toState)({hex:bn(e.color)})),p&&!e.hideSwatches&&t(a.zzT())):(C(je[0]),X(),clearTimeout(z.current),z.current=null,K(),$.current=null),function(){var e,n=null===(e=$.current)||void 0===e?void 0:e.hex;if(n){var t,i,o=[n].concat(We(r.filter((function(e){return e!==n})))).slice(0,16);t=ye,i=o,wn.setItem(t,JSON.stringify(i))}}}),[e.active]),(0,i.useEffect)((function(){return function(){clearTimeout(z.current)}}),[]);var ee=function(e){clearTimeout(V.current),V.current=setTimeout((function(){(0,Ee.$s)("Color Value Changed",{"type of change":e,source:(0,Pe.MeD)()})}),1e3)},ne=function(e,n,t){var r=parseFloat(t),i=(!t||isNaN(r)?0:r)/("a"===n?100:1);q(ze(ze({},e),{},Te({},n,i))),ee("code")},te=function(e){q({hex:e})};return(0,d.jsxs)(Ge,{onClick:function(e){var n;null!==(n=Z.current)&&void 0!==n&&n.contains(e.target)||D(null)}
1,ref:N,"data-test-id":"color-container-".concat(e.type),children:[(0,d.jsx)(Je,{"data-undraggable":!0,children:(0,d.jsx)(g.Saturation,{onChange:function(e){q(e),ee("palette")},pointer:hn,hsl:S.hsl,hsv:S.hsv})}),(0,d.jsxs)(Qe,{children:[(0,d.jsxs)(Xe,{"data-test-id":"color-pickers",children:[(0,d.jsx)(A.A,{text:o._.pickColorFromScreen,position:"bottom-center",style:{width:"auto"},children:(0,d.jsx)(j,{onSelectColor:te})}),(0,d.jsxs)(Ke,{children:[(0,d.jsx)(en,{"data-undraggable":!0,children:(0,d.jsx)(g.Hue,{onChange:q,pointer:fn,hsl:S.hsl})}),!e.disableAlpha&&(0,d.jsx)(nn,{"data-undraggable":!0,children:(0,d.jsx)(g.Alpha,{onChange:q,pointer:pn,hsl:S.hsl,rgb:S.rgb,style:{container:{margin:"0px 5px"},checkboard:{background:"url(".concat("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY0IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTY0IDEzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHJlY3QgeD0iMC41IiB5PSIxMi41IiB3aWR0aD0iMTIiIGhlaWdodD0iMTYzIiByeD0iNiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDAuNSAxMi41KSIgZmlsbD0idXJsKCNwYXR0ZXJuMCkiIGZpbGwtb3BhY2l0eT0iMC4yIi8+CjxkZWZzPgo8cGF0dGVybiBpZD0icGF0dGVybjAiIHBhdHRlcm5Db250ZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB3aWR0aD0iMS4yMzA3NyIgaGVpZ2h0PSIwLjA5NzU2MSI+Cjx1c2UgeGxpbms6aHJlZj0iI2ltYWdlMF84NF8yNjUiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMTkyMzA4IDAuMDAxNTI0MzkpIi8+CjwvcGF0dGVybj4KPGltYWdlIGlkPSJpbWFnZTBfODRfMjY1IiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBRUFBQUFCQUNBWUFBQUNxYVhIZUFBQUE0MGxFUVZSNFh1M2JRUTZFUUFoRVViai9vWHNPOFNkaDRYT3ZKQWkvcWtGM1p0NkU2NzEwKyt4dWlENlQ0MHVBQ3RBQ3FZbHpEMklBQ0ZLQmtvSGNnbVNRREpKQk1uZ0tJVDZBRHlnRjZEU1lmY0NMVHpnL3owZUdyQVNvZ0RiVDBnS3hCMk1CNXBraUJvQmdyRUVNd0lCakx4OWZBQWlDSUFoeWdta2tSZ1lqaFdNSGRpdHNMMkF2WUMrUUlIamR3emsrQm1BQUJtQkFXYzFrQ0YwYktSQUVRUkFFUVJBTUdhQUNiYUNVei9QNUJSaUt4aFFhaVYwN3VSamZZZ1FETUtEcEdBaEdDTVVDekQ0Q0JFRXcxaUFHWUlCUFpNSmgrZzgvUDhjS3BBSmZWNEVmTWVlL3NMdGFFRklBQUFBQVNVVk9SSzVDWUlJPSIvPgo8L2RlZnM+Cjwvc3ZnPgo=",") left center"),backgroundPosition:"-1px -2px",backgroundSize:"175px"}}})})]})]}),(0,d.jsxs)(tn,{"data-test-id":"color-inputs","data-undraggable":!0,children:[(0,d.jsx)(cn,{children:(0,d.jsx)(A.A,{text:o._.colorFormat,position:"bottom-center",style:{width:"100%"},children:(0,d.jsx)(r.a,{onChange:function(e){var n=je.find((function(n){return n.value===e}));C(n)},options:je,value:w,advancedProps:e.hideSwatches?{menuPlacement:"top"}:{},controlStyles:{borderRadius:"6px 0 0 6px",marginRight:"-1px",height:"30px",minHeight:"30px",transition:"none"},valueContainerStyles:{padding:"2px 0px 2px 4px"},menuStyles:e.hideSwatches?{right:"-2px",marginTop:0,marginBottom:"5px",paddingTop:0,borderRadius:"4px",borderTop:"2px solid #1595e7",":after":{display:"none"}}:{right:"-2px"},dropdwonStyles:{padding:"12px 7px 12px 5px"},optionStyles:{padding:"5px 0px 5px 9px"}})})}),(0,d.jsxs)(sn,{center:w.value!==be,children:[w.value===be&&(0,d.jsx)("div",{ref:Y,children:(0,d.jsx)(A.A,{text:o._.colorValue,position:"bottom-center",style:{width:"100%"},children:(0,d.jsx)(k,{value:(null!=M?M:bn(S.hex)).slice(0,7).toUpperCase(),onChange:function(e,n){E(e),n&&e&&(0,x.isValidHex)(e)&&(q({hex:e}),ee("code"))}})})}),w.value===we&&Object.keys(S.rgb).filter((function(e){return"a"!==e})).map((function(e){return(0,d.jsx)(h,{value:Math.round(S.rgb[e]),max:255,placeholder:e.toUpperCase(),fullWidth:!0,onChange:function(n){return ne(S.rgb,e,n)}},e)})),w.value===me&&Object.keys(S.hsl).filter((function(e){return"a"!==e})).map((function(e){return(0,d.jsx)(h,{value:Math.round(S.hsl[e]*("h"===e?1:100)),max:"h"===e?360:100,placeholder:e.toUpperCase(),fullWidth:!0,onChange:function(n){return ne(S.hsl,e,n)}},e)}))]}),!e.disableAlpha&&(0,d.jsx)(un,{"data-test-id":"color-alpha",children:(0,d.jsx)(A.A,{text:o._.opacity,position:"bottom-center",style:{width:"100%"},children:(0,d.jsx)(h,{value:Math.round(100*S.rgb.a),borderRadius:[0,6,6,0],unit:s.jJ,placeholder:"A",onChange:function(e){return ne(S.rgb,"a",e)}})})})]}),!e.hideSwatches&&(0,d.jsxs)(rn,{"data-test-id":"color-swatches",children:[(0,d.jsx)(on,{children:"Color Swatches"}),(0,d.jsxs)(ln,{ref:Z,onClick:function(e){e.target===e.currentTarget&&D(null)},children:[null===(n=p?Q:Ue)||void 0===n?void 0:n.map((function(n){return(0,d.jsx)(U,{id:n.id,color:n.color,isActive:n.color===R,onClick:function(){return function(n){if(ee("swatch"),u){clearTimeout(z.current),z.current=null;var r=(0,x.toState)(n.color);return e.onChangeComplete(r,{id:n.id,version:n.version}),T.current=mn(n.color),$.current=null,t(a.wo2(null)),void setTimeout((function(){document.dispatchEvent(new CustomEvent(Le.HW.tempData,{detail:null}))}),100)}te(n.color),D(n.color)}(n)},onDelete:function(){return function(e){I({show:!0,text:"Remove?",callback:function(){var n=Q.filter((function(n){return n.color!==e})).map((function(e){return e.color||e}));t(a.vMj(n)),X()}})}(n.color)},canDelete:!u,circleType:u,label:n.label},n.id)})),(0,d.jsx)(U,{onClick:function(){if(!p)return t(a.QGp());var e=(0,Pe.J25)(S).hex;if(Q.some((function(n){return n.color.toLowerCase()===e.toLowerCase()})))J("This color already exists!");else if(u)t(c.pF(e));else{var n=[].concat(We(Q),[e]).slice(0,32).map((function(e){return e.color||e}));t(a.vMj(n))}},control:!0,circleType:u})]})]}
1),y.length?(0,d.jsxs)(an,{"data-test-id":"color-recent",children:[(0,d.jsx)(on,{children:"Recent Colors"}),(0,d.jsx)(ln,{children:y.map((function(e,n){return(0,d.jsx)(U,{color:e,onClick:function(){te(e),ee("recent")}},n)}))})]}):null,null!=_&&_.show?(0,d.jsxs)(gn,{"data-test-id":"color-alert-delete-swatch","data-undraggable":!0,children:[(0,d.jsx)(xn,{onClick:X}),(0,d.jsxs)(vn,{children:[(0,d.jsx)("span",{children:_.text}),(0,d.jsxs)(yn,{children:[(0,d.jsx)("div",{onClick:X,children:(0,d.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,d.jsx)("path",{d:"M14 2L2 14M2 2L14 14",stroke:"#AAB2BB",strokeWidth:"2",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,d.jsx)("div",{onClick:_.callback,"data-test-id":"color-delete-swatch",children:(0,d.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,d.jsx)("path",{d:"M7.38745 0C6.95697 0 6.57483 0.275391 6.43872 0.683838L6 2H1C0.447693 2 0 2.44775 0 3C0 3.55225 0.447693 4 1 4H15C15.5523 4 16 3.55225 16 3C16 2.44775 15.5523 2 15 2H10L9.56128 0.683838C9.42517 0.275391 9.04303 0 8.61255 0H7.38745Z",fill:"#EB5757"}),(0,d.jsx)("path",{d:"M3 6V10L3.28101 12.2481C3.40612 13.2489 4.25692 14 5.26556 14H10.7344C11.7431 14 12.5939 13.2489 12.719 12.2481L13 10V6",stroke:"#EB5757",strokeWidth:"2"})]})})]})]})]}):null]})]})}},91958:(e,n,t)=>{t.d(n,{A:()=>G});var r=t(96540),i=t(38267),o=t(82320),l=t(54347),a=t(1187),c=t(50472),s=t(30993),u=t(9716),d=t(40961),h=t(23769),f=t(5203),p=t(61225),g=t(95354),x=t(63217),v=t(42418),y=t(21046),b=t(74848);function m(e){return m="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},m(e)}var w,j,A,C,k,B,S,L,O,M,E,P=["preset","label","hexColor","bordered"];function _(e){return function(e){if(Array.isArray(e))return z(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||H(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.")}()}function I(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){R(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function R(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=m(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==m(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function D(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||H(e,n)||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.")}()}function H(e,n){if(e){if("string"==typeof e)return z(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?z(e,n):void 0}}function z(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function T(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var W=(0,i.Ay)(c.n5)(w||(w=T(["\n transition: all 0.2s;\n cursor: pointer; \n overflow: hidden;\n\n ","\n\n ","\n\n &:hover {\n background-color: rgba(33, 152, 237, 0.15);\n }\n\n ","\n"])),(function(e){return e.$bordered&&(0,i.AH)(j||(j=T(["\n border-radius: 6px;\n border: 1px solid #e8ecf0;\n "])))}),(function(e){return e.$active&&(0,i.AH)(A||(A=T(["\n background-color: rgba(33, 152, 237, 0.15);\n "])))}),(function(e){return e.$highlighted&&(0,i.AH)(C||(C=T(["\n background: rgba(33, 152, 237, 0.15) !important;\n "])))})),$=i.Ay.div(k||(k=T(["\n position: absolute;\n left: 13;
1\n"]))),Z=i.Ay.div(B||(B=T(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 10px 11px; \n flex: 1;\n"]))),N=i.Ay.div(S||(S=T(["\n width: 16px;\n height: 16px;\n border-radius: 50%;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);\n\n ","\n"])),(function(e){var n=e.$color;return n&&(0,i.AH)(L||(L=T(["\n background-color: ",";\n "])),n)})),V=i.Ay.div(O||(O=T(['\n color: #2D3A41;\n font-family: "Fira Sans";\n font-size: 12px;\n font-weight: 400;\n white-space: nowrap;\n flex: 1;\n']))),U=i.Ay.div(M||(M=T(["\n cursor: pointer;\n height: 38px;\n margin: 0px;\n padding-right: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n color: #AAB2BB;\n }\n\n :hover {\n svg {\n color: #2198ED;\n }\n }\n"]))),Y=i.Ay.div(E||(E=T(["\n position: relative;\n height: 38px;\n width: 0px;\n"])));const G=function(e){var n,t=e.preset,i=e.label,m=e.hexColor,w=e.bordered,j=void 0===w||w,A=function(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==n.indexOf(r))continue;t[r]=e[r]}return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)t=o[r],-1===n.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(e,P),C=(0,p.wA)(),k=(0,p.d4)((function(e){return e.workspace.activeElement})),B=D((0,r.useState)(!1),2),S=B[0],L=B[1],O=D((0,r.useState)(""),2),M=O[0],E=O[1],I=(0,r.useRef)(null),R=D((0,a.A)(F(F({},A),{},{onChange:A.onChange})),3),H=R[0],z=R[1],T=R[2],G=M&&!S,J=(0,r.useMemo)((function(){var e;return null===(e=A.presets)||void 0===e?void 0:e.map((function(e){return e.id})).filter((function(e){return[].concat(_(g.ZC),_(g.BB)).some((function(n){return e.startsWith(n)}))})).join("-")}),[A.presets]);(0,f.A)(I,(function(e){!e.target.closest(".customizer-control-dropdown, .react-select-preset")&&I.current&&L(!1)}));var Q=function(){E("")};(0,r.useEffect)((function(){Q(),function(){var e;if(null!==(e=A.presets)&&void 0!==e&&e.length){var n=A.presets.filter((function(e){return!g.ZC.some((function(n){return e.id.startsWith(n)}))}));n.length>1||n.find((function(e){return e.id.startsWith(g.zC)&&!localStorage.getItem("".concat(x.JD).concat(x.EY))}))&&E("".concat(x.JD).concat(g.zC))}}()}),[k,J]);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(c.CJ,{$padding:[0,0,0,0],ref:I,children:(0,b.jsxs)(W,{justify:!0,centered:!0,$bordered:j,onClick:function(){C(l.wo2(null)),L((function(e){return!e}))},$active:S,$highlighted:G,children:[G&&(0,b.jsx)(Y,{children:(0,b.jsx)(x.Ay,{id:g.zC,tip:"You can unlock it to edit here or change it in the preset's settings.",hide:!M,onHide:Q},t.id)}),(0,b.jsx)($,{id:"preset-color-".concat(A.type)}),(0,b.jsx)(v.A,{text:y._.activePreset,position:"left-center",style:{flex:1,minWidth:0,width:"auto"},disabled:S,children:(0,b.jsxs)(Z,{children:[(0,b.jsx)(N,{$color:m}),(0,b.jsx)(V,{children:i})]})}),(0,b.jsx)(v.A,{text:y._.detachPreset,position:"left-center",style:{width:"auto"},disabled:S,children:(0,b.jsx)(U,{onClick:function(e){if(e.stopPropagation(),L(!1),[s._A.BACKGROUND_COLOR,s._A.GLOBAL_BACKGROUND_COLOR].includes(A.type))A.onChange({backgroundColor:A.color,presets:void 0});else{var n,r={presets:null===(n=A.presets)||void 0===n?void 0:n.filter((function(e){return e.id!==t.id}))};[s._A.TEXT_COLOR].includes(A.type)&&C(o.JIj(r)),A.onChange(r)}},children:(0,b.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsxs)("g",{clipPath:"url(#clip0_13014_12907)",children:[(0,b.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.42532 1.29961C8.15813 -0.433203 10.9676 -0.433203 12.7004 1.29961C14.4332 3.03242 14.4332 5.84187 12.7004 7.57468C12.3099 7.96521 11.6767 7.96521 11.2862 7.57468C10.8957 7.18416 10.8957 6.55099 11.2862 6.16047C12.2379 5.20871 12.2379 3.66558 11.2862 2.71382C10.3344 1.76206 8.7913 1.76206 7.83953 2.71382L7.13243 2.00672L7.83953 2.71382L6.33733 4.21602L4.923
112 2.8018L6.42532 1.29961ZM3.51442 5.63574C3.38985 6.91117 3.81601 8.23023 4.79289 9.20711C5.18342 9.59763 5.81658 9.59763 6.20711 9.20711C6.37313 9.04108 6.46857 8.8312 6.49343 8.61476L3.51442 5.63574ZM7.66266 9.78399L6.16046 11.2862C5.2087 12.2379 3.66558 12.2379 2.71382 11.2862C1.76206 10.3344 1.76206 8.79129 2.71382 7.83953C3.10435 7.44901 3.10435 6.81584 2.71382 6.42532C2.3233 6.03479 1.69013 6.03479 1.29961 6.42532C-0.433202 8.15813 -0.433202 10.9676 1.29961 12.7004C3.03242 14.4332 5.84187 14.4332 7.57468 12.7004L9.07688 11.1982L7.66266 9.78399ZM10.4856 8.36427C10.6101 7.08884 10.184 5.76978 9.20711 4.79289C8.81658 4.40237 8.18342 4.40237 7.79289 4.79289C7.62687 4.95892 7.53142 5.1688 7.50657 5.38525L10.4856 8.36427Z",fill:"currentColor"}),(0,b.jsx)("path",{d:"M1 1L13 13",stroke:"currentColor"})]}),(0,b.jsx)("defs",{children:(0,b.jsx)("clipPath",{id:"clip0_13014_12907",children:(0,b.jsx)("rect",{width:"14",height:"14",fill:"white"})})})]})})})]})}),S&&H&&(0,d.createPortal)((0,b.jsx)(u.A,{width:s.l2,wrapperStyle:{marginTop:-20},children:(0,b.jsx)(h.A,{options:H,value:z,generatePresetItem:T})}),null!==(n=document.getElementById("preset-color-".concat(A.type)))&&void 0!==n?n:document.body)]})}},14569:(e,n,t)=>{t.d(n,{A:()=>y});t(96540);var r,i,o,l,a=t(38267),c=t(41719),s=t(59637),u=t(8331),d=t(42418),h=t(47782),f=t(74848);function p(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var g=a.Ay.div(r||(r=p(["\n border: 1px solid #E8ECF0;\n padding: 3px 8px;\n border-radius: 6px;\n display: flex;\n justify-content: space-between;\n"]))),x=a.Ay.div(i||(i=p(["\n display: flex;\n justify-content: center;
1\n align-items: center;\n padding: 8px;\n opacity: 0.4;\n cursor: pointer;\n\n svg {\n display: block;\n }\n\n &:hover {\n opacity: 1;\n }\n\n ","\n\n ","\n"])),(function(e){return e.$active&&(0,a.AH)(o||(o=p(["\n opacity: 1;\n\n rect {\n fill: #1595e7;\n }\n "])))}),(function(e){return e.$disabled&&(0,a.AH)(l||(l=p(["\n opacity: 0.2 !important;\n pointer-events: none;\n "])))})),v={left:(0,f.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,f.jsxs)("g",{clipPath:"url(#clip0_10864_32720)",children:[(0,f.jsx)("rect",{x:"3",y:"9",width:"9",height:"5",rx:"1",fill:"#AAB2BB"}),(0,f.jsx)("rect",{x:"3",y:"2",width:"13",height:"5",rx:"1",fill:"#AAB2BB"}),(0,f.jsx)("rect",{width:"2",height:"16",fill:"#AAB2BB"})]}),(0,f.jsx)("defs",{children:(0,f.jsx)("clipPath",{id:"clip0_10864_32720",children:(0,f.jsx)("rect",{width:"16",height:"16",fill:"white"})})})]}),center:(0,f.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsxs)("g",{children:[(0,f.jsx)("rect",{x:"3",y:"9",width:"10",height:"5",rx:"1",fill:"#AAB2BB"}),(0,f.jsx)("rect",{opacity:"0.5",x:"7",width:"2",height:"16",fill:"#AAB2BB"}),(0,f.jsx)("rect",{x:"1",y:"2",width:"14",height:"5",rx:"1",fill:"#AAB2BB"})]})}),right:(0,f.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,f.jsxs)("g",{clipPath:"url(#clip0_10864_32721)",children:[(0,f.jsx)("rect",{x:"4",y:"9",width:"9",height:"5",rx:"1",fill:"#AAB2BB"}),(0,f.jsx)("rect",{y:"2",width:"13",height:"5",rx:"1",fill:"#AAB2BB"}),(0,f.jsx)("rect",{x:"14",width:"2",height:"16",fill:"#AAB2BB"})]}),(0,f.jsx)("defs",{children:(0,f.jsx)("clipPath",{id:"clip0_10864_32721",children:(0,f.jsx)("rect",{width:"16",height:"16",fill:"white"})})})]}),top:(0,f.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,f.jsxs)("g",{clipPath:"url(#clip0_13435_31143)",children:[(0,f.jsx)("rect",{x:"7",y:"3",width:"9",height:"5",rx:"1",transform:"rotate(90 7 3)",fill:"#AAB2BB"}),(0,f.jsx)("rect",{x:"14",y:"3",width:"13",height:"5",rx:"1",transform:"rotate(90 14 3)",fill:"#AAB2BB"}),(0,f.jsx)("rect",{x:"16",width:"2",height:"16",transform:"rotate(90 16 0)",fill:"#AAB2BB"})]}),(0,f.jsx)("defs",{children:(0,f.jsx)("clipPath",{id:"clip0_13435_31143",children:(0,f.jsx)("rect",{width:"16",height:"16",fill:"white",transform:"translate(16) rotate(90)"})})})]}),middle:(0,f.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,f.jsxs)("g",{clipPath:"url(#clip0_13435_31147)",children:[(0,f.jsx)("rect",{x:"7",y:"3",width:"10",height:"5",rx:"1",transform:"rotate(90 7 3)",fill:"#AAB2BB"}),(0,f.jsx)("rect",{opacity:"0.5",x:"16",y:"7",width:"2",height:"16",transform:"rotate(90 16 7)",fill:"#AAB2BB"}),(0,f.jsx)("rect",{x:"14",y:"1",width:"14",height:"5",rx:"1",transform:"rotate(90 14 1)",fill:"#AAB2BB"})]}),(0,f.jsx)("defs",{children:(0,f.jsx)("clipPath",{id:"clip0_13435_31147",children:(0,f.jsx)("rect",{width:"16",height:"16",fill:"white",transform:"translate(16) rotate(90)"})})})]}),bottom:(0,f.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,f.jsxs)("g",{clipPath:"url(#clip0_13435_31145)",children:[(0,f.jsx)("rect",{x:"7",y:"4",width:"9",height:"5",rx:"1",transform:"rotate(90 7 4)",fill:"#AAB2BB"}),(0,f.jsx)("rect",{x:"14",width:"13",height:"5",rx:"1",transform:"rotate(90 14 0)",fill:"#AAB2BB"}),(0,f.jsx)("rect",{x:"16",y:"14",width:"2",height:"16",transform:"rotate(90 16 14)",fill:"#AAB2BB"})]}),(0,f.jsx)("defs",{children:(0,f.jsx)("clipPath",{id:"clip0_13435_31145",children:(0,f.jsx)("rect",{width:"16",height:"16",fill:"white",transform:"translate(16) rotate(90)"})})})]})};const y=function(e){var n=e.align,t=e.valign,r=e.isAlignDisabled,i=e.isVAlignDisabled,o=e.alignLockReason,l=e.vAlignLockReason,a=e.onChange,p=(0,c.x)(s.ME.ALIGN).isMixed,y=i,b=function(e,n,t,r,i){var o=(0,f.jsx)(x,{$active:t,$disabled:r,onClick:function(){return a(e)},children:v[e]});return i?(0,f.jsx)(h.A,{reason:i,children:o},n):(0,f.jsx)(d.A,{text:s.EK[e]||e,children:o},n)};return(0,f.jsxs)(g,{children:[u.w.map((function(e,t){return b(e,t,!p&&n===e,r,o)})),u.cZ.map((function(e,n){return b(e,n+u.w.length,!y&&t===e,i,l)}))]})}},87535:(e,n,t)=>{t.d(n,{A:()=>T});var r,i,o,l,a,c,s=t(96540),u=t(38267),d=t(81516),h=t(50472),f=t(54347),p=t(5203),g=t(61225),x=t(34411),v=t(28771),y=t(88137),b=t(99572),m=t(7501),w=t(30993),j=t(4859),A=t(74848);function C(e){return C="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},C(e)}function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function B(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};
1n%2?k(Object(t),!0).forEach((function(n){S(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function S(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=C(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==C(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function L(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||O(e,n)||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.")}()}function O(e,n){if(e){if("string"==typeof e)return M(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?M(e,n):void 0}}function M(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function E(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var P=u.Ay.div(r||(r=E(["\n svg {\n display: block;\n color: #AAB2BB;\n transition: all 0.1s;\n }\n\n :hover {\n svg {\n color: #1595e7;\n }\n }\n"]))),_=u.Ay.div(i||(i=E(["\n display: block;\n width: 1000px;\n"]))),I=u.Ay.div(o||(o=E(["\n position: relative;\n\n input {\n position: absolute;\n width: 1px;\n height: 1px;\n visibility: hidden;\n opacity: 0;\n }\n"]))),F=u.Ay.div(l||(l=E(["\n border: 1px solid #E8ECF0;\n border-radius: 3px;\n height: 18px;\n width: 18px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n margin-right: -1px;
1\n margin-top: 1px;\n }\n"]))),R=u.Ay.label(a||(a=E(["\n position: absolute;\n top: 0;\n left: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));\n opacity: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n cursor: pointer;\n\n :hover {\n opacity: 1;\n }\n"]))),D=u.Ay.div(c||(c=E(['\n color: #2d3a4180;\n font-family: "Fira Sans";\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n cursor: ew-resize;\n z-index: 3;\n\n span {\n padding: 5px;\n margin: -5px;\n }\n']))),H="Choose an image...",z=function(){return(0,A.jsx)("svg",{width:"9",height:"6",viewBox:"0 0 9 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,A.jsx)("path",{d:"M1 1.5L4.5 4.5L8 1.5",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})};const T=function(e){var n=(0,g.wA)(),t=(0,s.useRef)(null),r=(0,s.useRef)(null),i=(0,s.useRef)(null),o=(0,s.useRef)(null),l=(0,s.useRef)(null),a=(0,s.useRef)(null),c=(0,g.d4)((function(e){return e.application.stretchRightSidebar})),u=L((0,s.useState)({x:0,y:0}),2),C=u[0],k=u[1],S=L((0,s.useState)(!1),2),M=S[0],E=S[1],T=function(){e.stretchContainer&&e.stretchContainer(),setTimeout((function(){!0===(null==e?void 0:e.iconSelector)&&(0,v.$s)("Icon Library Opened",{"type of change":e.showController?"off":"on"})}),100)},W=function(){return(0,A.jsx)(I,{children:(0,A.jsx)("input",{type:"file",accept:".png,.jpg,.jpeg,.gif,.svg,.webp",onChange:function(n){e.handleImageUpload(n),n.target.value=""}})})},$=(0,s.useMemo)((function(){var n=e.customIcon,t=e.colorIcon,r=e.imageIcon,i=e.iconSelector,o=e.mixedIcon;if(o)return(0,A.jsx)(h.Hc,{children:o});if(n)return(0,A.jsx)("div",{className:"customizer-control-header-custom-icon",children:n});if(i&&t)return(0,A.jsx)(h.Hc,{iconSelector:!0,marginBottom:"2px",children:(0,A.jsx)("svg",{width:"16px",height:"16px",fill:"#AAB2BB",dangerouslySetInnerHTML:{__html:t}})});return r||t?(0,A.jsx)(h.Hc,{isImage:!!r,background:r?"url(".concat(r,")"):t,children:e.onClick&&(0,A.jsxs)(R,{onClick:function(n){n.stopPropagation(),e.stretchContainer&&e.stretchContainer()},children:[(0,A.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,A.jsx)("path",{d:"M2 11C2 10.4477 1.55228 10 1 10C0.447715 10 0 10.4477 0 11H2ZM18 11C18 10.4477 17.5523 10 17 10C16.4477 10 16 10.4477 16 11H18ZM5.29289 3.29289C4.90237 3.68342 4.90237 4.31658 5.29289 4.70711C5.68342 5.09763 6.31658 5.09763 6.70711 4.70711L5.29289 3.29289ZM9 1L9.70711 0.292893C9.31658 -0.0976311 8.68342 -0.0976311 8.29289 0.292893L9 1ZM11.2929 4.70711C11.6834 5.09763 12.3166 5.09763 12.7071 4.70711C13.0976 4.31658 13.0976 3.68342 12.7071 3.29289L11.2929 4.70711ZM8 11C8 11.5523 8.44772 12 9 12C9.55229 12 10 11.5523 10 11H8ZM10 2C10 1.44772 9.55229 1 9 1C8.44772 1 8 1.44772 8 2H10ZM16 11V15H18V11H16ZM15 16H3V18H15V16ZM2 15V11H0V15H2ZM6.70711 4.70711L9.70711 1.70711L8.29289 0.292893L5.29289 3.29289L6.70711 4.70711ZM8.29289 1.70711L11.2929 4.70711L12.7071 3.29289L9.70711 0.292893L8.29289 1.70711ZM10 11V2H8V11H10ZM3 16C2.44772 16 2 15.5523 2 15H0C0 16.6569 1.34315 18 3 18V16ZM16 15C16 15.5523 15.5523 16 15 16V18C16.6569 18 18 16.6569 18 15H16Z",fill:"white"})}),W()]})}):null}),[e]);(0,p.A)(t,(function(t){!t.target.closest(".customizer, .customizer-control-dropdown, .react-select-preset")&&e.showController&&!e.imageLoading&&n(f.wo2(null))}));var Z=function(n){var t,r=null===(t=(0,d.toState)(e.title))||void 0===t?void 0:t.rgb;if(r&&e.onChange){var i=Math.round(100*r.a+(r.a/10-n));i>100?i=100:i<0&&(i=0);var a=(0,m.J25)((0,d.toState)(B(B({},r),{},{a:i/100})));o.current=a,e.onChange(a),clearTimeout(l.current),l.current=setTimeout((function(){var n=new CustomEvent(w.HW.tempData,{detail:{type:e.contentType,value:a.hex}});document.dispatchEvent(n)}),10)}},N=function(){e.onChangeComplete(o.current)},V=function(){c&&n(f.wo2(null))},U=function(n){var t=(0,m.J25)((0,d.toState)(n.target.value)),r=(0,m.$_D)(e.title),i=(0,m.$_D)(t.hex);r.toLowerCase()!==i.toLowerCase()&&(a.current.value=i,e.onChangeComplete(t))},Y=function(n){if("Enter"===n.key){var t=(0,m.J25)((0,d.toState)(n.currentTarget.value)),r=(0,m.$_D)(e.title),i=(0,m.$_D)(t.hex);if(r.toLowerCase()===i.toLowerCase())return;a.current.value=i,e.onChangeComplete(t)}};(0,s.useEffect)((function(){if(e.showController)return i.current=ne
1w ResizeObserver((function(n){window.requestAnimationFrame((function(){if(Array.isArray(n)&&n.length&&t.current){var r,i=function(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=O(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,a=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return l=e.done,e},e:function(e){a=!0,o=e},f:function(){try{l||null==t.return||t.return()}finally{if(a)throw o}}}}(n);try{for(i.s();!(r=i.n()).done;){var o=r.value,l=window.innerHeight,a=o.target.getBoundingClientRect(),c=t.current.getBoundingClientRect(),s=l-(c.top+a.height)-10,u=a.height>l-w.uF,d=10-(c.top-w.uF),h=0;h=s<0?u?d:s:-1;var f=a.width||e.width||240,p=c.left-10-f>=10;E(!p),k({x:p?c.x:c.right,y:c.y-60+h})}}catch(e){i.e(e)}finally{i.f()}}}))})),i.current.observe(r.current),function(){return i.current.disconnect()}}),[t.current,e.showController]);var G,J;return(0,A.jsxs)(h.dH,{ref:t,className:"customizer","data-test-id":e.dataTestId,onMouseLeave:e.onMouseLeave,children:[(0,A.jsxs)(h.Um,{className:"customizer-control-header",active:e.showController,borderRadius:e.borderRadius,margin:e.margin,onClick:e.onClick,children:[e.title===H&&(0,A.jsxs)(_,{children:[(0,A.jsxs)(h.Ix,B(B({className:"customizer-control-header-title"},e.titleStyle),{},{$isTitleDefault:e.title===H,children:[e.imageLoading&&(0,A.jsxs)("svg",{style:{position:"relative",top:"-1px"},width:"26",height:"6",viewBox:"0 0 26 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,A.jsx)("circle",{cx:"3",cy:"3",r:"3",fill:"#4593E1",children:(0,A.jsx)("animate",{attributeName:"opacity",dur:"1.5s",values:"0.2;0.2;1;0.2;0.2;",keyTimes:"0; 0.45; 0.5; 0.9; 1",repeatCount:"indefinite",begin:"0.1"})}),(0,A.jsx)("circle",{cx:"13",cy:"3",r:"3",fill:"#4593E1",children:(0,A.jsx)("animate",{attributeName:"opacity",dur:"1.5s",values:"0.2;0.2;1;0.2;0.2;",keyTimes:"0; 0.45; 0.5; 0.9; 1",repeatCount:"indefinite",begin:"0.2"})}),(0,A.jsx)("circle",{cx:"23",cy:"3",r:"3",fill:"#4593E1",children:(0,A.jsx)("animate",{attributeName:"opacity",dur:"1.5s",values:"0.2;0.2;1;0.2;0.2;",keyTimes:"0; 0.45; 0.5; 0.9; 1",repeatCount:"indefinite",begin:"0.3"})})]}),!e.imageLoading&&e.title]})),W()]}),e.title!==H&&!e.onClick&&(0,A.jsx)(h.D1,{onClick:T}),e.title!==H&&$,e.title!==H&&(0,A.jsxs)(h.gr,{$fullWidth:!$,children:[(0,A.jsx)(h.Ix,B(B({className:"customizer-control-header-title"},e.titleStyle),{},{$isTitleDefault:e.title===H,$isTitleImage:Boolean(e.imageIcon),children:e.imageLoading&&!e.previousLoadingValue?(0,A.jsxs)("svg",{style:{marginLeft:"50px"},width:"26",height:"6",viewBox:"0 0 26 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,A.jsx)("circle",{cx:"3",cy:"3",r:"3",fill:"#4593E1",children:(0,A.jsx)("animate",{attributeName:"opacity",dur:"1.5s",values:"0.2;0.2;1;0.2;0.2;",keyTimes:"0; 0.45; 0.5; 0.9; 1",repeatCount:"indefinite",begin:"0.1"})}),(0,A.jsx)("circle",{cx:"13",cy:"3",r:"3",fill:"#4593E1",children:(0,A.jsx)("animate",{attributeName:"opacity",dur:"1.5s",values:"0.2;0.2;1;0.2;0.2;",keyTimes:"0; 0.45; 0.5; 0.9; 1",repeatCount:"indefinite",begin:"0.2"})}),(0,A.jsx)("circle",{cx:"23",cy:"3",r:"3",fill:"#4593E1",children:(0,A.jsx)("animate",{attributeName:"opacity",dur:"1.5s",values:"0.2;0.2;1;0.2;0.2;",keyTimes:"0; 0.45; 0.5; 0.9; 1",repeatCount:"indefinite",begin:"0.3"})})]}):function(n){var t;if(null!=n&&null!==(t=n.toLowerCase)&&void 0!==t&&t.call(n).includes(j.Yu))return j._3[e.type]||n;if(e.type===y.Kg.color){var r=(0,m.$_D)(n);return(0,A.jsx)("input",{ref:a,className:"ccht-color-input",type:"text",placeholder:"#000000",defaultValue:r,onBlur:U,onKeyDown:Y},r)}if(e.imageIcon){var i=e.imageIcon.split(".").pop().split("?")[0],o="".concat(n.replace(".".concat(i),""),".");return(0,A.jsxs)(s.Fragment,{children:[(0,A.jsx)("span",{className:"ccht-image-name",children:o}),(0,A.jsx)("span",{className:"ccht-image-type",children:i})]})}return n}(e.title)})),e.type===y.Kg.color&&(J=null===(G=(0,d.toState)(e.title))||void 0===G?void 0:G.rgb.a,e.mixedIcon?null:e.disableAlpha?(0,A.jsx)(D,{"data-undraggable":!0,style:{cursor:"not-allowed"},children:(0,A.jsxs)("span",{children:[Math.round(100*J),"%"]})}):(0,A.jsx)(D,{"data-undraggable":!0,children:(0,A.jsx)(b.A,{type:b.T.horizontal,onStart:V,onChange:Z,onFinish:N,children:(0,A.jsxs)("span",{children:[Math.round(100*J),"%"]})})}))]}),e.title!==H&&function(){if(!e.hideControls)return(0,A.jsxs)(h.w9,{className:"customizer-control-header-control
1s",squareIcon:e.squareDropdownIcon,children:[e.hiddenable?(0,A.jsx)(P,{onClick:e.onClickHide,children:e.hidden?(0,A.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,A.jsxs)("g",{clipPath:"url(#clip0_9191_37832)",children:[(0,A.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.679 2.49257C9.8211 2.17662 8.91762 2 7.99997 2C4.89351 2 1.94694 4.02402 0.383337 6.62556C-0.125012 7.47135 -0.125014 8.52885 0.383342 9.37465C0.795605 10.0606 1.30401 10.7063 1.88614 11.2854L3.75888 9.41266L4.13546 9.03607C4.04709 8.70562 3.99998 8.35831 3.99998 8C3.99998 5.79086 5.79084 4 7.99998 4C8.3583 4 8.70562 4.04712 9.03607 4.13549L9.58576 3.5858L10.679 2.49257ZM11.8645 6.96392C11.9529 7.29437 12 7.64168 12 8C12 10.2091 10.2091 12 7.99998 12C7.64166 12 7.29434 11.9529 6.96388 11.8645L6.58731 12.2411L5.3208 13.5076C6.1789 13.8234 7.08246 14 7.99997 14C11.1064 14 14.0505 11.9762 15.6134 9.37472C16.1215 8.52883 16.1215 7.47137 15.6134 6.62548C15.2016 5.94002 14.6939 5.29465 14.1126 4.71584L12.4142 6.41422L11.8645 6.96392Z",fill:"currentColor"}),(0,A.jsx)("circle",{cx:"8",cy:"8",r:"2",fill:"currentColor"}),(0,A.jsx)("path",{d:"M7 9L2 14",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),(0,A.jsx)("path",{d:"M14 2.00003L8 8.00003",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,A.jsx)("defs",{children:(0,A.jsx)("clipPath",{id:"clip0_9191_37832",children:(0,A.jsx)("rect",{width:"16",height:"14",fill:"white",transform:"translate(0 1)"})})})]}):(0,A.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,A.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.383337 6.62556C1.94694 4.02402 4.89351 2 7.99997 2C11.1064 2 14.0505 4.02398 15.6134 6.62548C16.1215 7.47137 16.1215 8.52883 15.6134 9.37472C14.0505 11.9762 11.1064 14 7.99997 14C4.89351 14 1.94695 11.9761 0.383342 9.37465C-0.125014 8.52885 -0.125012 7.47135 0.383337 6.62556ZM7.99998 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 7.99998 4C5.79084 4 3.99998 5.79086 3.99998 8C3.99998 10.2091 5.79084 12 7.99998 12Z",fill:"currentColor"}),(0,A.jsx)("circle",{cx:"8",cy:"8",r:"2",fill:"currentColor"})]})}):(0,A.jsx)(P,{onClick:e.onClick?null:T,children:e.squareDropdownIcon?(0,A.jsx)(F,{children:(0,A.jsx)("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,A.jsx)("path",{d:"M1 2.99988L4 5.99988L7 2.99988",stroke:"#AAB2BB",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}):(0,A.jsx)(z,{})}),e.onRemove&&(0,A.jsx)(P,{onClick:function(n){n.stopPropagation(),e.onRemove()},children:(0,A.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,A.jsx)("path",{d:"M4 4L12 12M12 4L4 12",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}()]}),(0,A.jsx)(x.A,{initPosition:C,onDraggStart:function(){i.current.disconnect()},children:(0,A.jsx)(h.Wj,{ref:r,className:"customizer-control-dropdown",show:e.showController,width:e.width,dropdownStyle:M?B(B({},e.dropdownStyle||{}),{},{right:"auto",left:"calc(100% + 10px)"}):e.dropdownStyle,children:e.children})})]})}},42418:(e,n,t)=>{t.d(n,{A:()=>P});var r,i,o,l,a,c,s,u,d,h,f,p,g,x,v,y=t(96540),b=t(40961),m=t(38267),w=t(31606),j=t(37557),A=t(74848);function C(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return k(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(e,n):void 0}}
1(e,n)||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.")}()}function k(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function B(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var S=m.Ay.div(r||(r=B(["\n position: relative;\n width: 100%;\n pointer-events: auto;\n"]))),L=m.Ay.div(i||(i=B(["\n position: fixed;\n z-index: 9999;\n pointer-events: none;\n"]))),O=(0,m.Ay)(j.t2)(o||(o=B(["\n position: absolute;\n pointer-events: none;\n"]))),M=m.Ay.div(l||(l=B(["\n position: absolute;\n pointer-events: none;\n ","\n ","\n\n ","\n\n ","\n"])),j.BP,j.qL,(function(e){var n=e.$maxWidth;return n&&(0,m.AH)(a||(a=B(["\n width: max-content;\n max-width: ","px;\n white-space: pre-line;\n "])),n)}),(function(e){var n=e.$position,t=e.$gap;return"bottom-center"===n?(0,m.AH)(c||(c=B(["\n top: calc(100% + ","px);\n left: 50%;\n transform: translateX(-50%);\n "])),t):"bottom-left"===n?(0,m.AH)(s||(s=B(["\n top: calc(100% + ","px);\n left: 0;\n "])),t):"bottom-right"===n?(0,m.AH)(u||(u=B(["\n top: calc(100% + ","px);\n right: 0;\n "])),t):"bottom-right-edge"===n?(0,m.AH)(d||(d=B(["\n top: calc(100% + ","px);\n right: calc(50% - 15px);\n "])),t):"bottom-left-edge"===n?(0,m.AH)(h||(h=B(["\n top: calc(100% + ","px);\n left: calc(50% - 15px);\n "])),t):"top-center"===n?(0,m.AH)(f||(f=B(["\n bottom: calc(100% + ","px);\n left: 50%;\n transform: translateX(-50%);\n "])),t):"top-left"===n?(0,m.AH)(p||(p=B(["\n bottom: calc(100% + ","px);\n left: 0;\n "])),t):"top-right"===n?(0,m.AH)(g||(g=B(["\n bottom: calc(100% + ","px);\n right: 0;\n "])),t):"right-center"===n?(0,m.AH)(x||(x=B(["\n top: 50%;\n left: calc(100% + 17px);\n transform: translateY(-50%);\n "]))):"left-center"===n?(0,m.AH)(v||(v=B(["\n top: 50%;\n right: calc(100% + 17px);\n transform: translateY(-50%);\n "]))):null})),E=function(e){var n=e.$position,t=e.$gap,r="bottom-left-edge"===n||"bottom-right-edge"===n?t-5:Math.max(0,t-5),i={};return"bottom-right-edge"===n||"bottom-left-edge"===n||n.startsWith("bottom")?i={top:"calc(100% + ".concat(r,"px)"),left:"50%",transform:"translateX(-50%)"}:n.startsWith("top")?i={bottom:"calc(100% + ".concat(r,"px)"),left:"50%",transform:"translateX(-50%) rotate(180deg)"}:"left-center"===n?i={top:"50%",right:"calc(100% + 6px)",transform:"translateY(-50%) rotate(90deg)"}:"right-center"===n&&(i={top:"50%",left:"calc(100% + 6px)",transform:"translateY(-50%) rotate(-90deg)"}),(0,A.jsx)(O,{style:i})};const P=function(e){var n=e.text,t=e.content,r=e.position,i=void 0===r?"bottom-center":r,o=e.style,l=e.maxWidth,a=e.disabled,c=void 0!==a&&a,s=e.disableAutoFlip,u=void 0!==s&&s,d=e.clearanceSelector,h=e.gap,f=void 0===h?12:h,p=e.delay,g=void 0===p?1e3:p,x=e.children,v=C((0,y.useState)(!1),2),m=v[0],j=v[1],k=C((0,y.useState)(null),2),B=k[0],O=k[1],P=C((0,y.useState)(i),2),_=P[0],I=P[1],F=C((0,y.useState)(!1),2),R=F[0],D=F[1],H=(0,y.useRef)(null),z=(0,y.useRef)(null),T=(0,y.useRef)(null),W=(0,y.useCallback)((function(){T.current&&clearTimeout(T.current),j(!1)}),[]),$=(0,y.useCallback)((function(){(0,w.h)(W),W()}),[W]);(0,y.useEffect)((function(){return function(){T.current&&clearTimeout(T.current),(0,w.h)(W)}}),[W]),(0,y.useEffect)((function(){c&&$()}),[c,$]),(0,y.useEffect)((function(){if(m)return window.addEventListener("scroll",$,!0),window.addEventListener("resize",$),function(){window.removeEventListener("scroll",$,!0),window.removeEventListener("resize",$)}}),[m,$]),(0,y.useLayoutEffect)((function(){if(m&&z.current&&!R&&!u&&B){var e=z.current.getBoundingClientRect(),n=f,t=window.innerWidth,r=window.innerHeight,i=_.startsWith("bottom")||_.startsWith("top"),o=_.startsWith("bottom"),l="right-center"===_,a=e.left<8||e.right>t-8;if(i&&a&&("bottom-center"===_||"top-center"===_)){var c="top-center"===_?e.top<8?"bottom":"top":e.bottom>r-8?"top":"bottom",s=e.right>t-8?"".concat(c,"-right"):"".concat(c,"-left");return I(s),void D(!0)}var d=!1;if(i){var h=e.height+n,p=r-(B.top+B.height)-8,g=B.top-8,x=o?p:g;d=x<h&&(o?g:p)>x}else{var v=e.width+17,y=t-(B.left+B.width)-8,b=B.left-8,w=l?y:b;d=w<v&&(l?b:y)>w}if(d){var j=function(e){switch(e){case"left-center":return"right-center";case"right-center":return"left-center";case"top-center":return"bottom-center";case"top-left":return"bottom-left";case"top-right":return"bottom-right";case"bottom-center":case"bottom-left":case"bottom-right":case"bottom-left-edge":case"bottom-right-edge":return"top-center";default:return e}}(_);j!==_&&I(j)}D(!0)}}),[m,_,R,B,u,f]);return(0,A.jsxs)(S,{ref:H,style:o,onMouseEnter:function(){c||(T.current&&clearTimeout(T.current),T.current=setTimeout((function(){!function(){var e,n=H.current;if(n){var t=n.getBoundingClientRect(),r=null!==(e=n.querySelector("[data-tooltip-anchor]"))&&void 0!==e?e:n.firstElementChild,i=null==r?void 0:r.getBoundingClientRect();(!i||0===i.width&&0===i.height)&&(i=t);var o=i.top+i.height;if(d){var l=document.querySelector(d),a=null==l?void 0:l.getBoundingClientRect().bottom;void 0!==a&&a>o&&(o=a)}
1O({top:i.top,left:i.left,width:i.width,height:o-i.top})}}(),(0,w.c)(W),I(i),D(!1),j(!0)}),g))},onMouseLeave:function(){$()},onMouseDown:function(){$()},children:[x,function(){if(!m||!B||"undefined"==typeof document)return null;var e=function(e,n){e.left,e.width;var t=e.top+e.height/2;switch(n){case"bottom-left":case"bottom-right":case"bottom-center":case"bottom-left-edge":case"bottom-right-edge":case"top-center":case"top-left":case"top-right":default:return{top:e.top,left:e.left,width:e.width,height:e.height};case"right-center":return{top:t,left:e.left+e.width,width:0,height:0};case"left-center":return{top:t,left:e.left,width:0,height:0}}}(B,_),r=e.top,i=e.left,o=e.width,a=e.height;return b.createPortal((0,A.jsxs)(L,{style:{top:r,left:i,width:o,height:a},children:[(0,A.jsx)(M,{ref:z,$position:_,$maxWidth:l,$gap:f,children:null!=t?t:n}),(0,A.jsx)(E,{$position:_,$gap:f})]}),document.body)}()]})}},75991:(e,n,t)=>{t.d(n,{A:()=>pe});var r,i,o,l,a,c,s,u,d,h,f,p,g,x,v,y,b,m=t(96540),w=t(94389),j=t(40961),A=t(2550),C=(t(596),t(62582)),k=t(5203),B=t(38267);function S(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var L="#AAB2BB",O="#E8ECF0",M="#2D3A41",E="#2198ED",P="#FFFFFF",_="#AAB2BB",I="#EB5757",F="#7C7D83",R="#313235",D=B.Ay.div(r||(r=S(["\n box-sizing: border-box;\n flex: 1 1 50%;\n width: 50%;\n min-width: 0;\n position: relative;\n display: flex;\n align-items: center;\n gap: 9px;\n height: 100%;\n cursor: pointer;\n user-select: none;\n background: ",";\n transition: border-color 0.15s, box-shadow 0.15s;\n padding: 0 11px;\n border: 1px solid\n ",";\n border-radius: 6px 0 0 6px;\n box-shadow: ",";\n z-index: ",";\n"])),P,(function(e){var n=e.$invalid,t=e.$focused;return n?I:t?E:O}),(function(e){return e.$focused?"0 0 0 1px ".concat(E):"none"}),(function(e){return e.$focused?1:0})),H=B.Ay.div(i||(i=S(["\n width: 272px;\n font-family: 'Fira Sans', sans-serif;\n\n .react-datepicker {\n border: 0;\n background: transparent;\n font-family: 'Fira Sans', sans-serif;\n display: block;\n }\n\n .react-datepicker__navigation,\n .react-datepicker__current-month {\n display: none;\n }\n\n .react-datepicker__month-container {\n padding: 0;\n width: 100%;\n float: none;\n }\n\n .react-datepicker__header {\n background: transparent;\n border-bottom: 0;\n padding: 0;\n }\n\n .react-datepicker__day-names {\n position: relative;\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 0;\n padding: 16px 0 14px 0;\n margin: 0 -5px 8px;\n }\n\n .react-datepicker__day-names::after {\n content: '';\n position: absolute;\n left: 5px;\n right: 5px;\n bottom: 0;\n height: 1px;\n background: ",";\n }\n\n .react-datepicker__day-name {\n margin: 0;\n width: auto;\n font-size: 12px;\n font-weight: 400;\n color: ",";\n line-height: 1;\n }\n\n .react-datepicker__month {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 5px;\n }\n\n .react-datepicker__week {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 5px;\n }\n\n .react-datepicker__day {\n margin: 0;\n width: auto;\n height: 27px;\n line-height: 27px;\n font-size: 15px;\n font-weight: 500;\n color: ",";\n border-radius: 27px;\n cursor: pointer;\n transition: background 0.15s ease, color 0.15s ease;\n }\n\n .react-datepicker__day:hover {\n background: rgba(33, 152, 237, 0.1);\n color: ",";\n border-radius: 27px;\n }\n\n .react-datepicker__day--selected,\n .react-datepicker__day--keyboard-selected,\n .react-datepicker__day--selected:hover,\n .react-datepicker__day--keyboard-selected:hover {\n background: ",";\n color: ",";\n }\n\n .react-datepicker__day--outside-month {\n visibility: hidden;\n }\n\n .react-datepicker__day--disabled {\n color: ",";\n cursor: default;\n }\n\n .react-datepicker__day--disabled:hover {\n background: transparent;\n }\n\n .react-datepicker__monthPicker {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 5px;\n margin: 0;\n margin-top: 20px;\n }\n\n .react-datepicker__month-wrapper {\n display: contents;\n }\n\n .react-datepicker__month-text {\n margin: 0;\n width: auto;\n height: 27px;\n line-height: 27px;\n font-size: 15px;\n font-weight: 500;\n color: ",";\n border-radius: 27px;\n padding: 0 8px;\n cursor: pointer;\n transition: background 0.15s ease, color 0.15s ease;\n }\n\n .react-datepicker__month-text:hover {\n background: rgba(33, 152, 237, 0.1);\n color: ",";\n border-radius: 27px;\n }\n\n .react-datepicker__month-text--selected,\n .react-datepicker__month-text--keyboard-selected,\n .react-datepicker__month-text--selected:hover,\n .react-datepicker__month-text--keyboard-selected:hover {\n background: ",";\n color: ",";\n }\n"])),O,F,M,M,E,P,_,M,M,E,P),z=B.Ay.div(o||(o=S(["\n display: flex;
1\n align-items: center;\n justify-content: center;\n gap: 32px;\n width: 100%;\n margin-bottom: 8px;\n"]))),T=B.Ay.button(l||(l=S(["\n appearance: none;\n border: 0;\n background: transparent;\n padding: 0;\n width: 16px;\n height: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n color: ",";\n\n &:disabled {\n opacity: 0.3;\n cursor: default;\n }\n"])),M),W=B.Ay.div(a||(a=S(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 24px;\n"]))),$=B.Ay.button(c||(c=S(["\n appearance: none;\n border: 0;\n background: transparent;\n padding: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n font-family: 'Fira Sans', sans-serif;\n font-size: 15px;\n font-weight: 500;\n color: ",";\n line-height: normal;\n\n svg {\n transition: transform 0.15s ease;\n transform: translateY(1px) rotate(","deg);\n }\n"])),R,(function(e){return e.$open?180:0})),Z=B.Ay.span(s||(s=S(["\n font-family: 'Fira Sans', sans-serif;\n font-size: 15px;\n font-weight: 500;\n color: ",";\n"])),R),N=B.Ay.div(u||(u=S(["\n position: fixed;\n top: ","px;\n left: ","px;\n width: 0;\n height: 0;\n z-index: 30;\n /* drop-shadow's gaussian blur looks ~2Ã larger than box-shadow's blur for\n the same radius value, so we halve the blur radii to visually match the\n box-shadow used elsewhere (e.g., ContextMenu) */\n filter: drop-shadow(0 2px 7px rgba(0, 46, 83, 0.1))\n drop-shadow(0 0 1px rgba(169, 179, 187, 0.5));\n\n /* FloatingContent's Container: kill its box-shadow so only our combined\n filter:drop-shadow casts shadow around the union of body+arrow */\n & > div > div {\n box-shadow: none !important;\n }\n\n /* Kill the per-arrow drop-shadow so the parent filter is the only source */\n svg[viewBox='0 0 21 9'] {\n filter: none !important;\n }\n"])),(function(e){return e.$top}),(function(e){return e.$left})),V=B.Ay.span(d||(d=S(["\n display: flex;\n flex-shrink: 0;\n"]))),U=B.Ay.span(h||(h=S(["\n flex: 1;\n color: ",";\n line-height: 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])),(function(e){return e.$placeholder?_:M})),Y=B.Ay.div(f||(f=S(["\n box-sizing: border-box;\n flex: 1 1 50%;\n width: 50%;\n min-width: 0;\n position: relative;\n display: flex;\n align-items: center;\n gap: 9px;\n height: 100%;\n cursor: pointer;\n user-select: none;\n background: ",";\n transition: border-color 0.15s, box-shadow 0.15s;\n padding: 0 28px 0 11px;\n margin-left: -1px;\n border: 1px solid\n ",";\n border-radius: 0 6px 6px 0;\n box-shadow: ",";\n z-index: ",";\n"])),P,(function(e){var n=e.$invalid,t=e.$focused;return n?I:t?E:O}),(function(e){return e.$focused?"0 0 0 1px ".concat(E):"none"}),(function(e){return e.$focused?1:0})),G=B.Ay.button(p||(p=S(["\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n appearance: none;\n border: 0;\n background: transparent;\n padding: 0;\n margin: 0;\n font-family: inherit;\n font-size: 12px;\n line-height: 16px;\n color: ",";\n opacity: 0.5;\n cursor: pointer;\n transition: color 0.2s, opacity 0.2s;\n\n &:hover {\n color: ",";\n opacity: 1;\n }\n"])),M,E),J=B.Ay.div(g||(g=S(["\n width: 55px;\n height: 253px;\n display: flex;\n flex-direction: column;\n font-family: 'Fira Sans', sans-serif;\n"]))),Q=B.Ay.div(x||(x=S(["\n font-size: 15px;\n font-weight: 500;\n color: ",";\n text-align: center;\n padding: 0 0 10px;\n border-bottom: 1px solid ",";\n margin: 0;\n"])),R,O),X=B.Ay.div(v||(v=S(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding: 10px 0 0;\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n"]))),K=B.Ay.button(y||(y=S(["\n appearance: none;\n border: 0;\n height: 27px;\n line-height: 27px;\n padding: 0;\n margin: 0 auto;\n font-family: inherit;\n font-size: 15px;\n font-weight: 400;\n color: ",";\n background: ",";\n border-radius: 3px;\n width: 54px;\n cursor: pointer;\n transition: background 0.15s ease, color 0.15s ease;\n flex-shrink: 0;\n\n &:hover {\n background: ",";\n }\n"])),(function(e){return e.$selected?P:M}),(function(e){return e.$selected?E:"transparent"}),(function(e){return e.$selected?E:"rgba(33, 152, 237, 0.1)"})),q=B.Ay.div(b||(b=S(["\n display: flex;
1\n align-items: stretch;\n width: 100%;\n height: 40px;\n font-family: inherit;\n font-size: 13px;\n color: ",";\n"])),M),ee=t(74848),ne=function(){return(0,ee.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,ee.jsx)("path",{d:"M11 1L5 8L11 15",stroke:L,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},te=function(){return(0,ee.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,ee.jsx)("path",{d:"M5 1L11 8L5 15",stroke:L,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},re=function(){return(0,ee.jsx)("svg",{width:"9",height:"5",viewBox:"0 0 9 5",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,ee.jsx)("path",{d:"M1 1L4.5 4L8 1",stroke:L,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},ie=t(7901);function oe(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return le(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?le(e,n):void 0}}(e,n)||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.")}()}function le(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}const ae=function(e,n){var t=oe((0,m.useState)(null),2),r=t[0],i=t[1];return(0,m.useLayoutEffect)((function(){if(n){var t=function(){var n=e.current;if(n){var t=n.getBoundingClientRect(),r=window.innerHeight-t.bottom,o=t.top,l=r<330&&o>r;i({top:l?t.top-10:t.bottom+10,left:t.left+t.width/2,placement:l?"top":"bottom"})}};return t(),window.addEventListener("scroll",t,!0),window.addEventListener("resize",t),function(){window.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t)}}i(null)}),[n,e]),r};function ce(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return se(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?se(e,n):void 0}}(e,n)||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.")}()}function se(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}const ue=function(e){var n=e.date,t=e.open,r=e.invalid,i=e.icon,o=e.onOpenChange,l=e.onChange,a=ce((0,m.useState)(!1),2),c=a[0],s=a[1],u=(0,m.useRef)(null),d=(0,m.useRef)(null),h=ae(u,t);(0,k.A)(d,(function(e){var n;null!==(n=u.current)&&void 0!==n&&n.contains(e.target)||(o(!1),s(!1))}));var f=function(){s((function(e){return!e}))},p=function(e){e.stopPropagation()};return(0,ee.jsxs)(D,{ref:u,$invalid:r,$focused:t,onClick:function(){o(!t),s(!1)},children:[(0,ee.jsx)(V,{children:i||(0,ee.jsx)(ie.Uo,{})}),(0,ee.jsx)(U,{$placeholder:!n,children:n?(0,w.Yq)(n):"MM/DD/YY"}),t&&h&&(0,j.createPortal)((0,ee.jsx)(N,{ref:d,className:"expiration-date-popup",$to
1p:h.top,$left:h.left,onClick:p,onMouseDown:p,children:(0,ee.jsx)(C.A,{color:P,useShadow:!0,borderRadius:"6px",padding:"22px 20px",minWidth:"0",arrowPosition:"top"===h.placement?"bottom-center":"top-center",contentPosition:"top"===h.placement?"top-center":"bottom-center",children:(0,ee.jsx)(H,{children:(0,ee.jsx)(A.Ay,{inline:!0,selected:n,onChange:function(e){if(e){var t=n?new Date(e.getFullYear(),e.getMonth(),e.getDate(),n.getHours(),n.getMinutes()):new Date(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),0,0,0);l(t),c||o(!1)}},showMonthYearPicker:c,onMonthChange:function(){s(!1)},renderCustomHeader:function(e){var n=e.date,t=e.decreaseMonth,r=e.increaseMonth,i=e.prevMonthButtonDisabled,o=e.nextMonthButtonDisabled;return(0,ee.jsxs)(z,{children:[(0,ee.jsx)(T,{type:"button",onClick:t,disabled:i,"aria-label":"Previous month",children:(0,ee.jsx)(ne,{})}),(0,ee.jsxs)(W,{children:[(0,ee.jsxs)($,{type:"button",$open:c,onClick:f,children:[w.oy[n.getMonth()],(0,ee.jsx)(re,{})]}),(0,ee.jsx)(Z,{children:n.getFullYear()})]}),(0,ee.jsx)(T,{type:"button",onClick:r,disabled:o,"aria-label":"Next month",children:(0,ee.jsx)(te,{})})]})}})})})}),document.body)]})};const de=function(e){var n=e.date,t=e.open,r=e.invalid,i=e.onOpenChange,o=e.onChange,l=(0,m.useRef)(null),a=(0,m.useRef)(null),c=(0,m.useRef)(null),s=(0,m.useRef)(null),u=!!n&&n.getHours()>=12,d=ae(l,t),h=(0,m.useRef)(!1);(0,m.useLayoutEffect)((function(){if(t){if(!h.current&&d){var e=c.current,n=s.current;e&&n&&(e.scrollTop=n.offsetTop-e.offsetTop-e.clientHeight/2+n.clientHeight/2,h.current=!0)}}else h.current=!1}),[t,d]),(0,k.A)(a,(function(e){var n;null!==(n=l.current)&&void 0!==n&&n.contains(e.target)||i(!1)}));var f=n?n.getHours()%12:-1,p=n?n.getMinutes():-1,g=function(e){e.stopPropagation()};return(0,ee.jsxs)(Y,{ref:l,$invalid:r,$focused:t,onClick:function(){i(!t)},children:[(0,ee.jsx)(V,{children:(0,ee.jsx)(ie.O4,{})}),(0,ee.jsx)(U,{$placeholder:!n,children:n?(0,w.G2)(n):"hh:mm"}),(0,ee.jsx)(G,{type:"button",onClick:function(e){if(e.stopPropagation(),n){var t=new Date(n);t.setHours(t.getHours()+(t.getHours()>=12?-12:12)),o(t)}else{var r=new Date,i=r.getHours()%12,l=u?i:i+12;o(new Date(r.getFullYear(),r.getMonth(),r.getDate(),l,r.getMinutes()))}},children:u?"PM":"AM"}),t&&d&&(0,j.createPortal)((0,ee.jsx)(N,{ref:a,className:"expiration-date-popup",$top:d.top,$left:d.left,onClick:g,onMouseDown:g,children:(0,ee.jsx)(C.A,{color:P,useShadow:!0,borderRadius:"6px",padding:"20px 15px 0",minWidth:"0",arrowPosition:"top"===d.placement?"bottom-center":"top-center",contentPosition:"top"===d.placement?"top-center":"bottom-center",children:(0,ee.jsxs)(J,{children:[(0,ee.jsx)(Q,{children:"Time"}),(0,ee.jsx)(X,{ref:c,children:w.CN.map((function(e){var t=e.hour===f&&e.minute===p;return(0,ee.jsx)(K,{ref:t?s:void 0,type:"button",$selected:t,onClick:function(){return function(e){var t=null!=n?n:new Date,r=e.hour+(u?12:0),l=new Date(t.getFullYear(),t.getMonth(),t.getDate(),r,e.minute);o(l),i(!1)}(e)},children:e.label},e.label)}))})]})})}),document.body)]})};function he(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return fe(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?fe(e,n):void 0}}(e,n)||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.")}()}function fe(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}const pe=function(e){var n=e.value,t=e.invalid,r=e.dateIcon,i=e.timezone,o=e.onChange,l=(0,w.$x)(n,i),a=he((0,m.useState)(!1),2),c=a[0],s=a[1],u=he((0,m.useState)(!1),2),d=u[0],h=u[1],f=function(e){o((0,w.AV)(e,i))};return(0,ee.jsxs)(q,{children:[(0,ee.jsx)(ue,{date:l,open:c,invalid:t,icon:r,onOpenChange:function(e){s(e),e&&h(!1)},onChange:f}),(0,ee.jsx)(de,{date:l,open:d,invalid:t,onOpenChange:function(e){h(e),e&&s(!1)},onChange:f})]})}},94389:(e,n,t)=>{t.d(n,{$x:()=>d,AV:()=>h,CN:()=>u,G2:()=>p,Yq:()=>f,oy:()=>s});var r=t(74353),i=t.n(r),o=t(83826),l=t.n(o),a=t(88569),c=t.n(a);i().extend(l()),i().extend(c());var s=["January","February","March","April","May","June","July","August","September","October","November","December"],u=function(){for(var e=[],n=0;n<12;n+=1)for(var t=0;t<60;t+=15){var r=0===n?12:n;e.push({hour:n,minute:t,label:"".concat(String(r).padStart(2,"0"),":").concat(String(t).padStart(2,"0"))})}return e}(),d=function(e,n){if(!e)return null;var t=i()(e);if(!t.isValid())return null;var r=t.tz(n);return new Date(r.year(),r.month(),r.date(),r.hour(),r.minute(),r.second())},h=function(e,n){var t=function(e){return String(e).padStart(2,"0")},r="".concat(e.getFullYear(),"-").concat(t(e.getMonth()+1),"-").concat(t(e.getDate())," ").concat(t(e.getHours()),":").concat(t(e.getMinutes()),":").concat(t(e.getSeconds()));return i().tz(r,n).utc().toISOString()},f=function(e){var n=String(e.getMonth()+1).padStart(2,"0"),t=String(e.getDate()).padStart(2,"0"),r=String(e.getFullYear()%100).padStart(2,"0");return"".concat(n,"/").concat(t,"/").concat(r)},p=function(e){var n=e.getHours(),t=String(n%12==0?12:n%12).padStart(2,"0"),r=String(e.getMinutes()).padStart(2,"0");return"".concat(t,":").concat(r)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.