@gem-sdk/components 12.0.0-dev.133 → 12.0.0-dev.138

package/dist/esm/marquee/components/Marquee.liquid.js

@@ -1,19 +1,19 @@
-import{template as e,cls as s,WrapRenderChildren as t,RenderChildren as i,RenderIf as r,isLocalEnv as o,baseAssetURL as d}from"@gem-sdk/core";import a from"./MarqueeBase.liquid.js";import{useMarqueeLiquidStyles as m}from"../common/helpers.js";import{createClass as l,createStyle as p,createStateOrContext as c,If as n}from"@gem-sdk/system";import{getMarqueeStyles as u,getAlignStyles as $,getContentStyles as v,getFastMarqueeChildrenIconStyles as g}from"../common/styles.js";import{getAlignClasses as f,getContentClasses as S,getWrapperClasses as h,getFastMarqueeContentClasses as y,getFastMarqueeClasses as q,getFastMarqueeContentChildrenClasses as j,getFastMarqueeChildrenIconClasses as k}from"../common/classes.js";let Marquee=({children:w,style:B,builderAttrs:C,rawChildren:b,advanced:E,...M})=>{let{styles:O,setting:I,builderProps:P}=M,{iconSeparatorColor:x,backgroundColor:A}=O||{},{iconSeparatorSvg:F,isShowIconSeparator:G}=I||{},H=b.length,{isFullWidth:N,getIsFullWidthValue:R}=m(I,O),{styleHeight:_,styleWidth:J,getWidthForWrapperItem:T,getHeightOfIconSeparatorSize:V,getWidthOfIconSeparatorSize:W,getIconPosition:z,getItemPaddingRightSpacingValue:D,getWidthForItem:K}=u({itemSize:H,setting:I,styles:O}),L=()=>({desktop:R("desktop"),tablet:R("tablet"),mobile:R("mobile")}),Q=l(f),U=p($(O)),X=p(v({style:B,backgroundColor:A,styleWidth:J,styleHeight:_})),Y=l(S),Z=l(h(P?.uid)),ee=l(y),es=l(q),et=l(j(N)),ei=e=>p(g({index:e,itemSize:H,iconSeparatorColor:x,getHeightOfIconSeparatorSize:V,getWidthOfIconSeparatorSize:W,getIconPosition:z})),er=l(k),eo=e=>p({...D(e),"text-wrap":"wrap",...T()}),ed=p(K()),ea=c({setting:{...I,uid:P?.uid},styles:O}),em=()=>r(o,'<script src="{{ \'gp-marquee-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${d}/assets-v2/gp-marquee-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return e`
-  ${em()}
-  <gp-marquee data-id="${P?.uid}" class="${s(P?.uid,E?.cssClass)}">
+import{cls as e,WrapRenderChildren as s,RenderChildren as t,template as i,RenderIf as r,isLocalEnv as o,baseAssetURL as a}from"@gem-sdk/core";import d from"./MarqueeBase.liquid.js";import{useMarqueeLiquidStyles as m}from"../common/helpers.js";import{createClass as l,createStyle as p,createStateOrContext as c,If as n}from"@gem-sdk/system";import{getMarqueeStyles as u,getAlignStyles as $,getContentStyles as v,getFastMarqueeChildrenIconStyles as g}from"../common/styles.js";import{getAlignClasses as f,getContentClasses as S,getWrapperClasses as h,getFastMarqueeContentClasses as y,getFastMarqueeClasses as j,getFastMarqueeContentChildrenClasses as q,getFastMarqueeChildrenIconClasses as k}from"../common/classes.js";let w=({children:w,style:B,builderAttrs:C,rawChildren:b,advanced:E,...O})=>{let{styles:I,setting:M,builderProps:P}=O,{iconSeparatorColor:x,backgroundColor:A}=I||{},{iconSeparatorSvg:F,isShowIconSeparator:G}=M||{},H=b.length,{isFullWidth:N,getIsFullWidthValue:R}=m(M,I),{styleHeight:_,styleWidth:J,getWidthForWrapperItem:T,getHeightOfIconSeparatorSize:V,getWidthOfIconSeparatorSize:W,getIconPosition:z,getItemPaddingRightSpacingValue:D,getWidthForItem:K}=u({itemSize:H,setting:M,styles:I}),L=l(f),Q=p($(I)),U=p(v({style:B,backgroundColor:A,styleWidth:J,styleHeight:_})),X=l(S),Y=l(h(P?.uid)),Z=l(y),ee=l(j),es=l(q(N)),et=e=>p(g({index:e,itemSize:H,iconSeparatorColor:x,getHeightOfIconSeparatorSize:V,getWidthOfIconSeparatorSize:W,getIconPosition:z})),ei=l(k),er=e=>p({...D(e),"text-wrap":"wrap",...T()}),eo=p(K()),ea=c({setting:{...M,uid:P?.uid},styles:I});return i`
+  ${r(o,'<script src="{{ \'gp-marquee-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${a}/assets-v2/gp-marquee-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  <gp-marquee data-id="${P?.uid}" class="${e(P?.uid,E?.cssClass)}">
     <script gp-data type="application/json">${JSON.stringify(ea)}</script>
-    <div class="${Q}" style="${U}">
-      <div class="${Y}" style="${X}">
-        <div class="${Z}">
-            <div class="${es}">
-              ${a({speed:M.setting?.speed,autoFill:!0,direction:M.setting?.direction,play:(M.setting?.speed??0)>0,pauseOnHover:M.setting?.stopOnHover,isFullWidthResponsive:L(),children:`
-                  <div class="${ee}">
-                  ${b?.length?t({uid:P?.uid??"",customProps:b[0]?.customProps},b.map((s,t)=>{if(s)return e`
-                              <div class="${et}"
-                                style="${eo(t)}">
-                                ${i({...s,index:t,itemBorderStyle:O?.itemBorderStyle,itemCorner:O?.itemCorner,itemBackgroundColor:O?.itemBackgroundColor,hasItemShadow:I?.hasItemShadow,itemShadow:O?.itemShadow,itemStyles:ed})}
-                                ${n(!!(G&&F),e`<span style="${ei(t)}"
-                                    class="${er}">
+    <div class="${L}" style="${Q}">
+      <div class="${X}" style="${U}">
+        <div class="${Y}">
+            <div class="${ee}">
+              ${d({autoFill:!0,direction:O.setting?.direction,play:(O.setting?.speed??0)>0,pauseOnHover:O.setting?.stopOnHover,isFullWidthResponsive:{desktop:R("desktop"),tablet:R("tablet"),mobile:R("mobile")},children:`
+                  <div class="${Z}">
+                  ${b?.length?s({uid:P?.uid??"",customProps:b[0]?.customProps},b.map((e,s)=>{if(e)return i`
+                              <div class="${es}"
+                                style="${er(s)}">
+                                ${t({...e,index:s,itemBorderStyle:I?.itemBorderStyle,itemCorner:I?.itemCorner,itemBackgroundColor:I?.itemBackgroundColor,hasItemShadow:M?.hasItemShadow,itemShadow:I?.itemShadow,itemStyles:eo})}
+                                ${n(!!(G&&F),i`<span style="${et(s)}"
+                                    class="${ei}">
                                     ${F}
                                 </span>`)}
                               </div>
@@ -25,4 +25,4 @@ import{template as e,cls as s,WrapRenderChildren as t,RenderChildren as i,Render
       </div>
     </div>
   </gp-marquee>
-`};export{Marquee as default};
+`};export{w as default};

package/dist/esm/marquee/components/MarqueeBase.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{memo as a,forwardRef as i,useCallback as m,Fragment as t,Children as s}from"react";import{useMarqueeBase as l}from"../hooks/useMarqueeBase.js";import{createStyle as n}from"@gem-sdk/system";let Marquee=i(function(a,i){let{className:c="",onFinish:o,onCycleComplete:d,children:u,isFullWidth:f,uniqueId:h}=a,{containerRef:q,containerStyle:p,childStyle:y,marqueeStyle:v,marqueeRef:N,multiplier:M}=l(a,i),k=m(r=>[...Array(Number.isFinite(r)&&r>=0?r:0)].map((r,a)=>e(t,{children:s.map(u,r=>e("div",{"marquee-item-key":`${h}-${a+100}`,style:y,className:"rfm-child",children:r}))},a)),[y,u,h]),$=n(p),g=n(y),A=n(v);return r("div",{ref:q,style:{...$,overflow:"unset"},className:"rfm-marquee-container "+c,children:[r("div",{className:"rfm-marquee",style:A,onAnimationIteration:d,onAnimationEnd:o,children:[e("div",{className:"rfm-initial-child-container",ref:N,children:s.map(u,r=>e("div",{style:g,"marquee-item-key":`${h}-0`,className:`rfm-child ${f?"gp-w-full":""}`,children:r},String(r)))}),k(M-1)]}),e("div",{className:"rfm-marquee",style:v,children:k(M)})]})});var MarqueeBase=a(Marquee);export{MarqueeBase as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{memo as i,forwardRef as a,useCallback as m,Fragment as t,Children as s}from"react";import{useMarqueeBase as l}from"../hooks/useMarqueeBase.js";import{createStyle as n}from"@gem-sdk/system";let c=a(function(i,a){let{className:c="",onFinish:o,onCycleComplete:d,children:f,isFullWidth:u,uniqueId:h}=i,{containerRef:p,containerStyle:y,childStyle:v,marqueeStyle:q,marqueeRef:N,multiplier:k}=l(i,a),$=m(r=>[...Array(Number.isFinite(r)&&r>=0?r:0)].map((r,i)=>e(t,{children:s.map(f,r=>e("div",{"marquee-item-key":`${h}-${i+100}`,style:v,className:"rfm-child",children:r}))},i)),[v,f,h]),g=n(y),A=n(v),j=n(q);return r("div",{ref:p,style:{...g,overflow:"unset"},className:"rfm-marquee-container "+c,children:[r("div",{className:"rfm-marquee",style:j,onAnimationIteration:d,onAnimationEnd:o,children:[e("div",{className:"rfm-initial-child-container",ref:N,children:s.map(f,r=>e("div",{style:A,"marquee-item-key":`${h}-0`,className:`rfm-child ${u?"gp-w-full":""}`,children:r},String(r)))}),$(k-1)]}),e("div",{className:"rfm-marquee",style:q,children:$(k)})]})});var o=i(c);export{o as default};

package/dist/esm/marquee/components/MarqueeBase.liquid.js

@@ -1,14 +1,14 @@
-import{template as e}from"@gem-sdk/core";import{getContainerBaseStyle as r,getMarqueeBaseStyle as s,getChildBaseStyle as i}from"../common/styles.js";import{createStyle as m}from"@gem-sdk/system";let MarqueeBase=a=>{let{style:l={},autoFill:t=!1,play:d=!0,pauseOnHover:o=!1,pauseOnClick:c=!1,direction:f="left",delay:v=0,loop:u=0,children:n,isFullWidthResponsive:$}=a??{},q=m(r({style:l,play:d,pauseOnHover:o,pauseOnClick:c})),y=m(s({play:d,direction:f,delay:v,loop:u,autoFill:t,isFullWidthResponsive:$})),p=m(i(f,$));return e`
-  <div style="${q}" class="rfm-marquee-container">
-    <div class="rfm-marquee" style="${y}">
+import{template as e}from"@gem-sdk/core";import{getContainerBaseStyle as r,getMarqueeBaseStyle as s,getChildBaseStyle as i}from"../common/styles.js";import{createStyle as m}from"@gem-sdk/system";let l=l=>{let{style:t={},autoFill:a=!1,play:d=!0,pauseOnHover:o=!1,pauseOnClick:c=!1,direction:f="left",delay:v=0,loop:n=0,children:u,isFullWidthResponsive:$}=l??{},y=m(r({style:t,play:d,pauseOnHover:o,pauseOnClick:c})),p=m(s({play:d,direction:f,delay:v,loop:n,autoFill:a,isFullWidthResponsive:$})),q=m(i(f,$));return e`
+  <div style="${y}" class="rfm-marquee-container">
+    <div class="rfm-marquee" style="${p}">
       <div class="rfm-initial-child-container">
         ${e`
-        <div style="${p}" class="${"rfm-child"}">
-          ${n}
+        <div style="${q}" class="${"rfm-child"}">
+          ${u}
         </div>
         `}
       </div>
     </div>
-    <div class="rfm-marquee placeholder-marquee" style="${y}"></div>
+    <div class="rfm-marquee placeholder-marquee" style="${p}"></div>
   </div>
-  `};export{MarqueeBase as default};
+  `};export{l as default};

package/dist/esm/marquee/components/MarqueeItem.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as m}from"react/jsx-runtime";import{composeClasses as t,isEmptyChildren as r}from"@gem-sdk/core";import o from"../../grid/components/ChildrenDroppable.js";import s,{memo as i,Children as l}from"react";import{useMarqueeItem as a}from"../hooks/useMarqueeItem.js";import{createStyle as p,createClass as u,If as d}from"@gem-sdk/system";import{getItemWrapperStyles as c}from"../common/styles.js";import{getItemWrapperClasses as n,getPlaceHolderWrapperClasses as f}from"../common/classes.js";let MarqueeItem=({children:i,builderAttrs:g,builderProps:h,itemBackgroundColor:y,itemBorderStyle:q,itemCorner:I,itemShadow:j,index:M,activeItem:N,hoverItem:v,timeToScroll:x,setHoverItem:$,setActiveItem:b,hasItemShadow:k,...C})=>{let{isActive:F}=a({index:M,activeItem:N,hoverItem:v,timeToScroll:x,setHoverItem:$,setActiveItem:b}),W=p(c({itemBackgroundColor:y,itemBorderStyle:q,itemCorner:I,itemShadow:j,hasItemShadow:k,itemStyle:C.itemStyle})),E=u(t("gp-w-full gp-h-full gp-bg-[#3C67FF26] gp-absolute gp-top-0 gp-left-0 gp-z-10")),S=u(n(h?.uid,C.className)),w=u(f);return e("div",{...g,...C,className:S,style:W,children:[m("div",{className:w}),r(i)?m(o,{}):l.toArray(i).map(e=>s.cloneElement(e,{maxWidthWithEmptyChildren:"400px",isNotFullWidth:!0,options:{uniqueId:`${h?.uid}-${M}`}})),d(F,m("div",{className:E}))]})};var MarqueeItem$1=i(MarqueeItem);export{MarqueeItem$1 as default};
+import{jsxs as e,jsx as m}from"react/jsx-runtime";import{composeClasses as t,isEmptyChildren as o}from"@gem-sdk/core";import r from"../../grid/components/ChildrenDroppable.js";import s,{memo as i,Children as l}from"react";import{useMarqueeItem as p}from"../hooks/useMarqueeItem.js";import{createStyle as a,createClass as d,If as u}from"@gem-sdk/system";import{getItemWrapperStyles as c}from"../common/styles.js";import{getItemWrapperClasses as n,getPlaceHolderWrapperClasses as f}from"../common/classes.js";var g=i(({children:i,builderAttrs:g,builderProps:h,itemBackgroundColor:y,itemBorderStyle:j,itemCorner:N,itemShadow:v,index:x,activeItem:b,hoverItem:k,timeToScroll:q,setHoverItem:C,setActiveItem:F,hasItemShadow:I,...W})=>{let{isActive:E}=p({index:x,activeItem:b,hoverItem:k,timeToScroll:q,setHoverItem:C,setActiveItem:F}),M=a(c({itemBackgroundColor:y,itemBorderStyle:j,itemCorner:N,itemShadow:v,hasItemShadow:I,itemStyle:W.itemStyle})),S=d(t("gp-w-full gp-h-full gp-bg-[#3C67FF26] gp-absolute gp-top-0 gp-left-0 gp-z-10")),$=d(n(h?.uid,W.className)),w=d(f);return e("div",{...g,...W,className:$,style:M,children:[m("div",{className:w}),o(i)?m(r,{}):l.toArray(i).map(e=>s.cloneElement(e,{maxWidthWithEmptyChildren:"400px",isNotFullWidth:!0,options:{uniqueId:`${h?.uid}-${x}`}})),u(E,m("div",{className:S}))]})});export{g as default};

package/dist/esm/marquee/components/MarqueeItem.liquid.js

@@ -1,7 +1,7 @@
-import{template as e,WrapRenderChildren as s,RenderChildren as t}from"@gem-sdk/core";import{createStyle as m,createClass as o}from"@gem-sdk/system";import{getItemWrapperClasses as r,getPlaceHolderWrapperClasses as i}from"../common/classes.js";import{getItemWrapperStyles as l}from"../common/styles.js";let MarqueeItem=({builderProps:d,itemBackgroundColor:a,itemBorderStyle:u,itemCorner:c,itemShadow:p,rawChildren:f,itemStyles:n,hasItemShadow:y})=>{let $=m(l({itemBackgroundColor:a,itemBorderStyle:u,itemCorner:c,itemShadow:p,hasItemShadow:y,itemStyle:n})),v=o(r(d?.uid)),g=o(i);return e`<div
+import{WrapRenderChildren as s,RenderChildren as t,template as m}from"@gem-sdk/core";import{createStyle as o,createClass as e}from"@gem-sdk/system";import{getItemWrapperClasses as r,getPlaceHolderWrapperClasses as i}from"../common/classes.js";import{getItemWrapperStyles as l}from"../common/styles.js";let d=({builderProps:d,itemBackgroundColor:a,itemBorderStyle:u,itemCorner:c,itemShadow:p,rawChildren:f,itemStyles:n,hasItemShadow:y})=>{let $=o(l({itemBackgroundColor:a,itemBorderStyle:u,itemCorner:c,itemShadow:p,hasItemShadow:y,itemStyle:n})),v=e(r(d?.uid)),g=e(i);return m`<div
       class="${v}"
       style="${$}"
     >
       <div className="${g}"></div>
-      ${f?.length?s({uid:d?.uid??"",customProps:f[0]?.customProps},f.map(s=>{if(s)return e`${t({...s,isNotFullWidth:!0,isNotLazyload:!0})}`})):""}
-    </div>`};export{MarqueeItem as default};
+      ${f?.length?s({uid:d?.uid??"",customProps:f[0]?.customProps},f.map(s=>{if(s)return m`${t({...s,isNotFullWidth:!0,isNotLazyload:!0})}`})):""}
+    </div>`};export{d as default};

package/dist/esm/marquee/hooks/useMarquee.js

@@ -1 +1 @@
-import{useEditorMode as e,filterToolbarPreview as r}from"@gem-sdk/core";import{useMemo as t,Children as o}from"react";let useMarquee=({children:u,isPause:m,isPreview:i,rate:a=0,speed:c=0})=>{let d=e(),p=t(()=>o.count(r(u)),[u]),s=t(()=>"edit"!==d||!m&&(!!i||"edit"!==d||a>0),[a,i,d,m]),f=t(()=>s?(c??0)*100:a,[a,s,c]);return{itemSize:p,isPlay:s,rateUse:f}};export{useMarquee};
+import{useEditorMode as e,filterToolbarPreview as r}from"@gem-sdk/core";import{useMemo as t,Children as o}from"react";let m=({children:m,isPause:i,isPreview:u,rate:c=0,speed:d=0})=>{let p=e(),a=t(()=>o.count(r(m)),[m]),f=t(()=>"edit"!==p||!i&&(!!u||"edit"!==p||c>0),[c,u,p,i]),l=t(()=>f?(d??0)*100:c,[c,f,d]);return{itemSize:a,isPlay:f,rateUse:l}};export{m as useMarquee};

package/dist/esm/marquee/hooks/useMarqueeBase.js

@@ -1 +1 @@
-import{useEditorMode as e}from"@gem-sdk/core";import{useState as t,useRef as r,useCallback as n,useEffect as u,useMemo as i}from"react";let useMarqueeBase=(o,a)=>{let{style:c={},autoFill:d=!1,play:s=!0,pauseOnHover:l=!1,pauseOnClick:h=!1,direction:m="left",speed:p=50,delay:g=0,loop:w=0,onMount:f,children:v,isFullWidth:y}=o??{},B=e(),[M,T]=t(0),[$,b]=t(0),[x,R]=t(1),[k,q]=t(!1),C=r(null),z=a||C,L=r(null),O=r(null),W=n(()=>{if(L.current&&z.current){let e=z.current.getBoundingClientRect(),t=L.current.getBoundingClientRect(),r=e.width,n=t.width;n<40||(y?(n=r,L.current.style.width=`${n}px`):L.current.style.width="auto",("up"===m||"down"===m)&&(r=e.height,n=t.height),d&&r&&n?R(Math.min(60,n<r?Math.ceil(r/n)+1:1)):R(2),T(r),b(n))}},[d,z,m,y,v]);u(()=>{if(k&&L.current&&z.current){let e=new ResizeObserver(()=>{O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{W()},600)});return e.observe(L.current),e.observe(z.current),()=>{e&&e.disconnect()}}},[W,z,k]),u(()=>{"edit"===B&&(O.current=setTimeout(()=>{W()},500))},[v,W,B]),u(()=>(q(!0),()=>{O.current&&clearTimeout(O.current)}),[]),u(()=>{"function"==typeof f&&f()},[f]);let j=i(()=>d?$*x/p:$<M?M/p:$/p,[d,M,$,x,p]),A=i(()=>({...c,marginLeft:"1px","--pause-on-hover":!s||l?"paused":"running","--pause-on-click":!s||l&&!h||h?"paused":"running","--width":"up"===m||"down"===m?"100vh":"100%","--transform":"up"===m?"rotate(-90deg)":"down"===m?"rotate(90deg)":"none"}),[c,s,l,h,m]),D=i(()=>({"--play":s?"running":"paused","--direction":"left"===m?"normal":"reverse","--duration":`${j}s`,"--delay":`${g}s`,"--iteration-count":w?`${w}`:"infinite","--min-width":d?"auto":"100%",width:y?"100%":"auto"}),[s,m,j,g,w,d,y]),E=i(()=>({"--transform":"up"===m?"rotate(90deg)":"down"===m?"rotate(-90deg)":"none",width:y?"100%":"auto",minWidth:y?"100%":"unset"}),[m,y]);return{containerStyle:A,marqueeStyle:D,childStyle:E,marqueeRef:L,containerRef:z,calculateWidth:W,multiplier:x}};export{useMarqueeBase};
+import{useEditorMode as e}from"@gem-sdk/core";import{useState as t,useRef as r,useCallback as n,useEffect as u,useMemo as i}from"react";let o=(o,c)=>{let{style:a={},autoFill:d=!1,play:l=!0,pauseOnHover:s=!1,pauseOnClick:h=!1,direction:m="left",speed:p=50,delay:g=0,loop:w=0,onMount:f,children:v,isFullWidth:y}=o??{},T=e(),[$,b]=t(0),[x,B]=t(0),[M,R]=t(1),[k,C]=t(!1),q=r(null),z=c||q,L=r(null),O=r(null),W=n(()=>{if(L.current&&z.current){let e=z.current.getBoundingClientRect(),t=L.current.getBoundingClientRect(),r=e.width,n=t.width;n<40||(y?(n=r,L.current.style.width=`${n}px`):L.current.style.width="auto",("up"===m||"down"===m)&&(r=e.height,n=t.height),d&&r&&n?R(Math.min(60,n<r?Math.ceil(r/n)+1:1)):R(2),b(r),B(n))}},[d,z,m,y,v]);u(()=>{if(k&&L.current&&z.current){let e=new ResizeObserver(()=>{O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{W()},600)});return e.observe(L.current),e.observe(z.current),()=>{e&&e.disconnect()}}},[W,z,k]),u(()=>{"edit"===T&&(O.current=setTimeout(()=>{W()},500))},[v,W,T]),u(()=>(C(!0),()=>{O.current&&clearTimeout(O.current)}),[]),u(()=>{"function"==typeof f&&f()},[f]);let j=i(()=>d?x*M/p:x<$?$/p:x/p,[d,$,x,M,p]),A=i(()=>({...a,marginLeft:"1px","--pause-on-hover":!l||s?"paused":"running","--pause-on-click":!l||s&&!h||h?"paused":"running","--width":"up"===m||"down"===m?"100vh":"100%","--transform":"up"===m?"rotate(-90deg)":"down"===m?"rotate(90deg)":"none"}),[a,l,s,h,m]),D=i(()=>({"--play":l?"running":"paused","--direction":"left"===m?"normal":"reverse","--duration":`${j}s`,"--delay":`${g}s`,"--iteration-count":w?`${w}`:"infinite","--min-width":d?"auto":"100%",width:y?"100%":"auto"}),[l,m,j,g,w,d,y]),E=i(()=>({"--transform":"up"===m?"rotate(90deg)":"down"===m?"rotate(-90deg)":"none",width:y?"100%":"auto",minWidth:y?"100%":"unset"}),[m,y]);return{containerStyle:A,marqueeStyle:D,childStyle:E,marqueeRef:L,containerRef:z,calculateWidth:W,multiplier:M}};export{o as useMarqueeBase};

package/dist/esm/marquee/hooks/useMarqueeItem.js

@@ -1 +1 @@
-import{useRef as t,useState as e,useEffect as u}from"react";let timeout=null,useMarqueeItem=r=>{let{index:o,activeItem:i,hoverItem:m,timeToScroll:n=0,setHoverItem:c,setActiveItem:l}=r??{},a=t(!0),[T,s]=e(!1),f=t(!1);return u(()=>{m===o?.toString()?(s(!0),timeout&&clearTimeout(timeout),timeout=setTimeout(()=>{f.current||(s(!1),c?.())},1e3)):s(!1)},[m,o,c]),u(()=>{if(a.current){timeout=setTimeout(()=>{a.current=!1},500);return}return i===o?.toString()?(s(!0),f.current=!0,timeout&&clearTimeout(timeout),timeout=setTimeout(()=>{s(!1),f.current=!1,l?.()},n+1e3)):s(!1),()=>{timeout&&clearTimeout(timeout)}},[i,o,l,n]),{isActive:T}};export{useMarqueeItem};
+import{useRef as e,useState as t,useEffect as r}from"react";let u=null,n=n=>{let{index:o,activeItem:i,hoverItem:c,timeToScroll:m=0,setHoverItem:l,setActiveItem:T}=n??{},a=e(!0),[s,f]=t(!1),g=e(!1);return r(()=>{c===o?.toString()?(f(!0),u&&clearTimeout(u),u=setTimeout(()=>{g.current||(f(!1),l?.())},1e3)):f(!1)},[c,o,l]),r(()=>{if(a.current){u=setTimeout(()=>{a.current=!1},500);return}return i===o?.toString()?(f(!0),g.current=!0,u&&clearTimeout(u),u=setTimeout(()=>{f(!1),g.current=!1,T?.()},m+1e3)):f(!1),()=>{u&&clearTimeout(u)}},[i,o,T,m]),{isActive:s}};export{n as useMarqueeItem};

package/dist/esm/marquee/hooks/useMarqueeScrollToItem.js

@@ -1 +1 @@
-import{useRef as e,useState as r,useMemo as t,useEffect as u}from"react";import n from"../../carousel-v3/hooks/useTrackPreviewPause.js";import{useTransition as i}from"./useTransition.js";import{useCurrentDevice as o,isBrowser as l}from"@gem-sdk/core";let useMarqueeScrollToItem=c=>{let{setting:m,builderProps:a,styles:s}=c,d=e(null),T=o(),{speed:f,direction:v,isPreview:g,itemWidthType:q}=m||{},{itemMaxWidth:w}=s||{},h=e(null),S=e(null),p=e(null),I=e(null),[b,k]=r(),[y,B]=r(),[E,M]=r(0),[N,O]=r(!1),[R,_]=r(!1),{isFirstPreviewClicked:C}=n(g),$=t(()=>E||(f&&C&&g&&!N?100*f:0),[f,C,g,E,N]),j=e=>{let r=d.current?.getBoundingClientRect(),t=window.innerWidth,u=d.current?.querySelector(`.gem-marquee-item-${e}`);if(!u)return;let n=u.getBoundingClientRect().left,i=u.getBoundingClientRect().width;if(n>0&&n+20<t)return;let o=n+i/2-t/2;i>t&&(o=n-(r?.left||0));let l=o/1e3;return l},J=e=>{let r=e.detail;a?.uid===r.id&&("activeItem"===r.field&&k(r.value),"hoverItem"===r.field&&B(r.value))};i((e,r)=>{if(void 0===e||!r||e==f&&r==v)return;I.current&&clearTimeout(I.current);let t=f||0;return M(100*t),I.current=setTimeout(()=>{M(0)},3e3),()=>{I.current&&clearTimeout(I.current)}},[f,v]),i(e=>{e!==$&&void 0!==e&&0===$&&L()},[$]),i(e=>{e&&JSON.stringify(e)!==JSON.stringify(w)&&(h.current&&clearTimeout(h.current),_(!0),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{L()},1500),h.current=setTimeout(()=>{_(!1)},3e3))},[w]),u(()=>(window.addEventListener("update-marquee",J),()=>{window.removeEventListener("update-marquee",J)}),[]),u(()=>{if(void 0!==b)return P(b||"0"),()=>{p.current&&clearTimeout(p.current),h.current&&clearTimeout(h.current)}},[b]),u(()=>()=>{p.current&&clearTimeout(p.current),h.current&&clearTimeout(h.current),S.current&&clearTimeout(S.current)},[]),u(()=>{N&&O(!1)},[g]);let L=e=>{let r=d.current?.querySelector(".first-block");r?.scrollIntoView({inline:"center",block:"nearest",behavior:e?"smooth":void 0})},P=e=>{if(q?.[T]==="BASE_ON_NUMBER_OF_ITEMS")return;if(S.current&&clearTimeout(S.current),_(!0),S.current=setTimeout(()=>{_(!1)},2e3),"0"==e){L(!0);return}let r=d.current?.querySelector(`.gem-marquee-item-${e}`);r?.scrollIntoView({inline:"center",block:"nearest",behavior:"smooth"})},V=t(()=>l()?j(parseInt(b??"0")):void 0,[b]),x=e=>`gem-marquee-item gem-marquee-item-${e}`;return{rate:$,wrapperElement:d,timeToScroll:V,hoverItem:y,setHoverItem:B,setActiveItem:k,getTimeScroll:j,activeItem:b,direction:v,isPause:R,scrollTime:1e3*Math.abs(V??0),scrollToItemClass:x}};export{useMarqueeScrollToItem};
+import{useRef as e,useState as r,useMemo as t,useEffect as u}from"react";import n from"../../carousel-v3/hooks/useTrackPreviewPause.js";import{useTransition as i}from"./useTransition.js";import{useCurrentDevice as o,isBrowser as l}from"@gem-sdk/core";let c=c=>{let{setting:m,builderProps:a,styles:s}=c,d=e(null),T=o(),{speed:f,direction:v,isPreview:g,itemWidthType:q}=m||{},{itemMaxWidth:w}=s||{},h=e(null),p=e(null),I=e(null),S=e(null),[b,k]=r(),[y,B]=r(),[E,C]=r(0),[M,N]=r(!1),[O,R]=r(!1),{isFirstPreviewClicked:_}=n(g),$=t(()=>E||(f&&_&&g&&!M?100*f:0),[f,_,g,E,M]),j=e=>{let r=d.current?.getBoundingClientRect(),t=window.innerWidth,u=d.current?.querySelector(`.gem-marquee-item-${e}`);if(!u)return;let n=u.getBoundingClientRect().left,i=u.getBoundingClientRect().width;if(n>0&&n+20<t)return;let o=n+i/2-t/2;i>t&&(o=n-(r?.left||0));let l=o/1e3;return l},J=e=>{let r=e.detail;a?.uid===r.id&&("activeItem"===r.field&&k(r.value),"hoverItem"===r.field&&B(r.value))};i((e,r)=>{if(void 0===e||!r||e==f&&r==v)return;S.current&&clearTimeout(S.current);let t=f||0;return C(100*t),S.current=setTimeout(()=>{C(0)},3e3),()=>{S.current&&clearTimeout(S.current)}},[f,v]),i(e=>{e!==$&&void 0!==e&&0===$&&L()},[$]),i(e=>{e&&JSON.stringify(e)!==JSON.stringify(w)&&(h.current&&clearTimeout(h.current),R(!0),I.current&&clearTimeout(I.current),I.current=setTimeout(()=>{L()},1500),h.current=setTimeout(()=>{R(!1)},3e3))},[w]),u(()=>(window.addEventListener("update-marquee",J),()=>{window.removeEventListener("update-marquee",J)}),[]),u(()=>{if(void 0!==b)return P(b||"0"),()=>{I.current&&clearTimeout(I.current),h.current&&clearTimeout(h.current)}},[b]),u(()=>()=>{I.current&&clearTimeout(I.current),h.current&&clearTimeout(h.current),p.current&&clearTimeout(p.current)},[]),u(()=>{M&&N(!1)},[g]);let L=e=>{let r=d.current?.querySelector(".first-block");r?.scrollIntoView({inline:"center",block:"nearest",behavior:e?"smooth":void 0})},P=e=>{if(q?.[T]==="BASE_ON_NUMBER_OF_ITEMS")return;if(p.current&&clearTimeout(p.current),R(!0),p.current=setTimeout(()=>{R(!1)},2e3),"0"==e){L(!0);return}let r=d.current?.querySelector(`.gem-marquee-item-${e}`);r?.scrollIntoView({inline:"center",block:"nearest",behavior:"smooth"})},V=t(()=>l()?j(parseInt(b??"0")):void 0,[b]);return{rate:$,wrapperElement:d,timeToScroll:V,hoverItem:y,setHoverItem:B,setActiveItem:k,getTimeScroll:j,activeItem:b,direction:v,isPause:O,scrollTime:1e3*Math.abs(V??0),scrollToItemClass:e=>`gem-marquee-item gem-marquee-item-${e}`}};export{c as useMarqueeScrollToItem};

package/dist/esm/marquee/hooks/useMarqueeStyles.js

@@ -1 +1 @@
-import{useCurrentDevice as e,getResponsiveValueByScreen as r}from"@gem-sdk/core";import{useMemo as t}from"react";let useMarqueeStyles=u=>{let{styles:l,setting:o,itemSize:s}=u,{itemMaxWidth:a}=l||{},{itemWidthType:c}=o||{},m=e(),_=t(()=>r(c,m),[c,m]),E=t(()=>{let e=r(a,m);return"FIT_CONTENT"===_&&(e="auto"),"BASE_ON_NUMBER_OF_ITEMS"===_&&(e=`calc(100% / ${s})`),e},[m,a,s,_]),M=t(()=>E?.includes("%"),[E]);return{isFullWidth:M}};export{useMarqueeStyles};
+import{useCurrentDevice as e,getResponsiveValueByScreen as r}from"@gem-sdk/core";import{useMemo as t}from"react";let o=o=>{let{styles:l,setting:u,itemSize:c}=o,{itemMaxWidth:m}=l||{},{itemWidthType:_}=u||{},a=e(),s=t(()=>r(_,a),[_,a]),E=t(()=>{let e=r(m,a);return"FIT_CONTENT"===s&&(e="auto"),"BASE_ON_NUMBER_OF_ITEMS"===s&&(e=`calc(100% / ${c})`),e},[a,m,c,s]),N=t(()=>E?.includes("%"),[E]);return{isFullWidth:N}};export{o as useMarqueeStyles};

package/dist/esm/marquee/hooks/useTransition.js

@@ -1 +1 @@
-import{useRef as r,useEffect as t}from"react";let useTransition=(e,n)=>{let u=r(null);t(()=>{u.current=e},[e]);let l=r([]);t(()=>{null!==l.current&&u.current?.(...l.current),l.current=n},n)};export{useTransition};
+import{useRef as r,useEffect as t}from"react";let e=(e,n)=>{let u=r(null);t(()=>{u.current=e},[e]);let l=r([]);t(()=>{null!==l.current&&u.current?.(...l.current),l.current=n},n)};export{e as useTransition};

package/dist/esm/marquee/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"./common/classes.js";import e from"./settings/Marquee.js";import t from"./settings/MarqueeItem.js";let marqueeSetting={Marquee:e,MarqueeItem:t};export{marqueeSetting};
+import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"./common/classes.js";import e from"./settings/Marquee.js";import t from"./settings/MarqueeItem.js";let r={Marquee:e,MarqueeItem:t};export{r as marqueeSetting};

package/dist/esm/marquee/next.js

@@ -1 +1 @@
-import e from"next/dynamic";import o from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Marquee=e(()=>import("./components/Marquee.js"),{loading:o}),MarqueeItem=e(()=>import("./components/MarqueeItem.js"),{loading:o});var marqueeComponents={Marquee,MarqueeItem};export{marqueeComponents as default};
+import o from"next/dynamic";import e from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let m=o(()=>import("./components/Marquee.js"),{loading:e}),t=o(()=>import("./components/MarqueeItem.js"),{loading:e});var r={Marquee:m,MarqueeItem:t};export{r as default};

package/dist/esm/marquee/settings/Marquee.js

@@ -1,5 +1,5 @@
-import{MarqueePresets as e}from"./configs/presets.js";import{MarqueeSettingsV2 as o}from"./configs/settings-v2.js";import{SettingUIV2 as s}from"./configs/ui-v2.js";let config={tag:"Marquee",label:"Marquee",icon:`
+import{MarqueePresets as e}from"./configs/presets.js";import{MarqueeSettingsV2 as o}from"./configs/settings-v2.js";import{SettingUIV2 as s}from"./configs/ui-v2.js";let i={tag:"Marquee",label:"Marquee",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M4.96586 7.25C4.96586 6.14543 5.86129 5.25 6.96586 5.25H17.0346C18.1391 5.25 19.0346 6.14543 19.0346 7.25V16.7484C19.0346 17.853 18.1391 18.7484 17.0346 18.7484H6.96586C5.86129 18.7484 4.96586 17.853 4.96586 16.7484V7.25ZM9.36039 6.25H6.96586C6.41357 6.25 5.96586 6.69772 5.96586 7.25V16.7484C5.96586 17.3007 6.41357 17.7484 6.96586 17.7484H9.36039L9.36039 6.25ZM10.3604 17.7484V6.25H14.1455V17.7484H10.3604ZM15.1455 17.7484H17.0346C17.5869 17.7484 18.0346 17.3007 18.0346 16.7484V7.25C18.0346 6.69771 17.5869 6.25 17.0346 6.25H15.1455V17.7484ZM3.31666 10.5447C3.51708 10.7346 3.52555 11.0511 3.33558 11.2515L2.61349 12.0133L3.33449 12.7691C3.52509 12.969 3.51762 13.2854 3.31781 13.4761C3.118 13.6667 2.8015 13.6592 2.6109 13.4594L1.693 12.4971C1.43561 12.2273 1.43493 11.803 1.69148 11.5324L2.60981 10.5636C2.79978 10.3632 3.11625 10.3547 3.31666 10.5447ZM20.6827 10.5458C20.8825 10.3552 21.199 10.3627 21.3896 10.5625L22.3075 11.5247C22.5649 11.7946 22.5656 12.2188 22.309 12.4894L21.3907 13.4583C21.2007 13.6587 20.8843 13.6672 20.6839 13.4772C20.4834 13.2872 20.475 12.9707 20.6649 12.7703L21.387 12.0085L20.666 11.2527C20.4754 11.0529 20.4829 10.7364 20.6827 10.5458ZM21.5839 12.215C21.5838 12.2149 21.584 12.2151 21.5839 12.215V12.215Z" fill="white"/>
   </svg>
-  `,settings:o,ui:[],uiV2:s,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee","Carousel","CarouselV3","CarouselItem","CarouselItemV3"]}},presets:e,locales:{editor:{en:{no_slider:"No Slider"}}}};export{config as default};
+  `,settings:o,ui:[],uiV2:s,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee","Carousel","CarouselV3","CarouselItem","CarouselItemV3"]}},presets:e,locales:{editor:{en:{no_slider:"No Slider"}}}};export{i as default};

package/dist/esm/marquee/settings/MarqueeItem.js

@@ -1 +1 @@
-let config={tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};export{config as default};
+let e={tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};export{e as default};

package/dist/esm/marquee/settings/configs/child-image-template.js

@@ -1 +1 @@
-let renderChildImageTemplate=e=>({tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}},childrens:[{tag:"Image",label:"Image",styles:{shape:{desktop:{width:"auto",height:"auto"}},enableBorder:"none"},advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"}}}},settings:{image:{src:e,width:260,height:110},srcSet:{desktop:{src:e,width:260,height:110}},isAdaptive:!1,isNotLazyload:!0}}]});export{renderChildImageTemplate};
+let e=e=>({tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}},childrens:[{tag:"Image",label:"Image",styles:{shape:{desktop:{width:"auto",height:"auto"}},enableBorder:"none"},advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"}}}},settings:{image:{src:e,width:260,height:110},srcSet:{desktop:{src:e,width:260,height:110}},isAdaptive:!1,isNotLazyload:!0}}]});export{e as renderChildImageTemplate};

package/dist/esm/marquee/settings/configs/child-template.js

@@ -1 +1 @@
-let ChildTemplate={tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};export{ChildTemplate};
+let e={tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};export{e as ChildTemplate};

package/dist/esm/marquee/settings/configs/child-text-template.js

@@ -1 +1 @@
-let renderChildTextTemplate=e=>({tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}},childrens:[{tag:"Text",label:"Text",settings:{text:e},advanced:{"spacing-setting":{desktop:{padding:{top:"8px",bottom:"8px"}}}},styles:{typo:{attrs:{bold:!0}}}}]});export{renderChildTextTemplate};
+let e=e=>({tag:"MarqueeItem",label:"Marquee Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}},childrens:[{tag:"Text",label:"Text",settings:{text:e},advanced:{"spacing-setting":{desktop:{padding:{top:"8px",bottom:"8px"}}}},styles:{typo:{attrs:{bold:!0}}}}]});export{e as renderChildTextTemplate};

package/dist/esm/marquee/settings/configs/presets.js

@@ -1,4 +1,4 @@
-import{renderChildImageTemplate as C}from"./child-image-template.js";import{renderChildTextTemplate as e}from"./child-text-template.js";let MarqueePresets=[{id:"marquee-text",name:"Marquee",icon:{desktop:`
+import{renderChildImageTemplate as C}from"./child-image-template.js";import{renderChildTextTemplate as e}from"./child-text-template.js";let t=[{id:"marquee-text",name:"Marquee",icon:{desktop:`
          <svg width="126" height="80" viewBox="0 0 126 80" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_10250_27622)">
 <path d="M0 3C0 1.34315 1.34315 0 3 0H123C124.657 0 126 1.34315 126 3V77C126 78.6569 124.657 80 123 80H3C1.34315 80 0 78.6569 0 77V3Z" fill="#212121"/>
@@ -43,4 +43,4 @@ import{renderChildImageTemplate as C}from"./child-image-template.js";import{rend
         </clipPath>
         </defs>
         </svg>
-        `},components:[{tag:"Marquee",advanced:{"spacing-setting":{desktop:{padding:{type:"custom",top:"16px",bottom:"16px",left:"0px",right:"0px"}}}},styles:{itemSpacing:{desktop:"60px",mobile:"20px"},itemMaxWidth:{desktop:"300px",tablet:"300px",mobile:"150px"}},settings:{childItem:["Item 1","Item 2","Item 3","Item 4","Item 5"],itemWidthType:{desktop:"BASE_ON_NUMBER_OF_ITEMS",tablet:"BASE_ON_NUMBER_OF_ITEMS",mobile:"CUSTOM"}},childrens:[C("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-fd204759-bd9d-4564-9e30-3ff2facb72de.png"),C("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-83e1af8d-ad67-4b33-83ee-51f80fee6167.png"),C("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-eee8f948-1544-47ee-acc0-8fe5b99f735a.png"),C("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-2b1f58d6-457d-4734-a2f5-b5db983ef2fb.png"),C("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-af77021a-12c9-40dd-8132-2c59edf287dc.png")]}]}];export{MarqueePresets};
+        `},components:[{tag:"Marquee",advanced:{"spacing-setting":{desktop:{padding:{type:"custom",top:"16px",bottom:"16px",left:"0px",right:"0px"}}}},styles:{itemSpacing:{desktop:"60px",mobile:"20px"},itemMaxWidth:{desktop:"300px",tablet:"300px",mobile:"150px"}},settings:{childItem:["Item 1","Item 2","Item 3","Item 4","Item 5"],itemWidthType:{desktop:"BASE_ON_NUMBER_OF_ITEMS",tablet:"BASE_ON_NUMBER_OF_ITEMS",mobile:"CUSTOM"}},childrens:[C("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-fd204759-bd9d-4564-9e30-3ff2facb72de.png"),C("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-83e1af8d-ad67-4b33-83ee-51f80fee6167.png"),C("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-eee8f948-1544-47ee-acc0-8fe5b99f735a.png"),C("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-2b1f58d6-457d-4734-a2f5-b5db983ef2fb.png"),C("https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-af77021a-12c9-40dd-8132-2c59edf287dc.png")]}]}];export{t as MarqueePresets};

package/dist/esm/marquee/settings/configs/settings-v2.js

@@ -1,2 +1,2 @@
-import{ChildTemplate as e}from"./child-template.js";let MarqueeSettingsV2=[{id:"setting",controls:[{id:"itemWidthType",type:"select",options:[{label:"Fit to content",value:"FIT_CONTENT",subTitle:"Match the width of the element inside",disableHoverIcon:!0},{label:"Based on the item count",value:"BASE_ON_NUMBER_OF_ITEMS",subTitle:"Max item width is screen width divided by the number of items",disableHoverIcon:!0},{label:"Custom",value:"CUSTOM",subTitle:"Set the max width as you want",disableHoverIcon:!0}],devices:{desktop:{default:"FIT_CONTENT"},tablet:{default:"FIT_CONTENT"},mobile:{default:"FIT_CONTENT"}}},{id:"activeItem",type:"input",default:"0"},{id:"hoverItem",type:"input",default:"0"},{id:"childItem",label:"Item management",type:"child-item",childTemplate:e,default:["Item 1","Item 2","Item 3","Item 4"]},{id:"isShowIconSeparator",label:"isShowIconSeparator",type:"toggle",default:!1},{id:"iconSeparatorSvg",label:"iconSeparatorSvg",type:"icon",default:`<svg height="20px" width="20px" data-name="dot-outline-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817731477569896">
-              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M156,128a28,28,0,1,1-28-28A28,28,0,0,1,156,128Z"></path></svg>`},{id:"stopOnHover",label:"stopOnHover",type:"toggle",default:!0},{id:"speed",label:"speed",type:"input:slider",hideInput:!0,useOnlyUnitInit:!0,hideUnit:!0,min:0,max:4,step:.1,default:1},{id:"direction",label:"direction",type:"segment",options:[{label:"Left",value:"left",type:"direction",tooltip:"Left"},{label:"Right",value:"right",type:"direction",tooltip:"Right"}],default:"left"},{id:"isPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"hasItemShadow",label:"hasItemShadow",type:"toggle",default:!1}]},{id:"style",controls:[{id:"iconSeparatorSize",label:"iconSeparatorSize",type:"input:stepper",devices:{desktop:{default:16}}},{id:"iconSeparatorColor",label:"iconSeparatorColor",type:"color-picker-v2",default:"text-2"},{id:"itemSpacing",label:"Spacing",type:"input:slider",units:["px"],min:0,max:80,step:1,ignoreMax:!0,devices:{desktop:{default:"60px"}}},{id:"itemMaxWidth",label:"itemMaxWidth",type:"input:unit",units:["px"],placeholder:"Auto",min:40,devices:{desktop:{default:"300px"},tablet:{default:"300px"},mobile:{default:"150px"}}},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"100%",height:"Auto"}}},settingConfig:{width:{name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"32px",medium:"64px",large:"96px"}}},hiddenSettings:["gap","shape","padding"]},{id:"itemBorderStyle",type:"border",label:"Border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"#000000"},compoDefaultValue:{borderType:"style-1",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"itemCorner",type:"radius-preset",label:"Border Radius",default:{radiusType:"none"},compoDefaultValue:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},{id:"itemBackgroundColor",type:"color-picker-v2",devices:{desktop:{default:"transparent"}},compoDefaultValue:{desktop:{default:"bg-2"}}},{id:"backgroundColor",type:"color-picker-v2",devices:{desktop:{default:"transparent"}},compoDefaultValue:{desktop:{default:"#DDDDDD"}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"itemShadow",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}]}];export{MarqueeSettingsV2};
+import{ChildTemplate as e}from"./child-template.js";let t=[{id:"setting",controls:[{id:"itemWidthType",type:"select",options:[{label:"Fit to content",value:"FIT_CONTENT",subTitle:"Match the width of the element inside",disableHoverIcon:!0},{label:"Based on the item count",value:"BASE_ON_NUMBER_OF_ITEMS",subTitle:"Max item width is screen width divided by the number of items",disableHoverIcon:!0},{label:"Custom",value:"CUSTOM",subTitle:"Set the max width as you want",disableHoverIcon:!0}],devices:{desktop:{default:"FIT_CONTENT"},tablet:{default:"FIT_CONTENT"},mobile:{default:"FIT_CONTENT"}}},{id:"activeItem",type:"input",default:"0"},{id:"hoverItem",type:"input",default:"0"},{id:"childItem",label:"Item management",type:"child-item",childTemplate:e,default:["Item 1","Item 2","Item 3","Item 4"]},{id:"isShowIconSeparator",label:"isShowIconSeparator",type:"toggle",default:!1},{id:"iconSeparatorSvg",label:"iconSeparatorSvg",type:"icon",default:`<svg height="20px" width="20px" data-name="dot-outline-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817731477569896">
+              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M156,128a28,28,0,1,1-28-28A28,28,0,0,1,156,128Z"></path></svg>`},{id:"stopOnHover",label:"stopOnHover",type:"toggle",default:!0},{id:"speed",label:"speed",type:"input:slider",hideInput:!0,useOnlyUnitInit:!0,hideUnit:!0,min:0,max:4,step:.1,default:1},{id:"direction",label:"direction",type:"segment",options:[{label:"Left",value:"left",type:"direction",tooltip:"Left"},{label:"Right",value:"right",type:"direction",tooltip:"Right"}],default:"left"},{id:"isPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"hasItemShadow",label:"hasItemShadow",type:"toggle",default:!1}]},{id:"style",controls:[{id:"iconSeparatorSize",label:"iconSeparatorSize",type:"input:stepper",devices:{desktop:{default:16}}},{id:"iconSeparatorColor",label:"iconSeparatorColor",type:"color-picker-v2",default:"text-2"},{id:"itemSpacing",label:"Spacing",type:"input:slider",units:["px"],min:0,max:80,step:1,ignoreMax:!0,devices:{desktop:{default:"60px"}}},{id:"itemMaxWidth",label:"itemMaxWidth",type:"input:unit",units:["px"],placeholder:"Auto",min:40,devices:{desktop:{default:"300px"},tablet:{default:"300px"},mobile:{default:"150px"}}},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"100%",height:"Auto"}}},settingConfig:{width:{name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"32px",medium:"64px",large:"96px"}}},hiddenSettings:["gap","shape","padding"]},{id:"itemBorderStyle",type:"border",label:"Border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"#000000"},compoDefaultValue:{borderType:"style-1",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"itemCorner",type:"radius-preset",label:"Border Radius",default:{radiusType:"none"},compoDefaultValue:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},{id:"itemBackgroundColor",type:"color-picker-v2",devices:{desktop:{default:"transparent"}},compoDefaultValue:{desktop:{default:"bg-2"}}},{id:"backgroundColor",type:"color-picker-v2",devices:{desktop:{default:"transparent"}},compoDefaultValue:{desktop:{default:"#DDDDDD"}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"itemShadow",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}]}];export{t as MarqueeSettingsV2};

package/dist/esm/marquee/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"itemSpacing"}}]},{label:"Item style",controls:[{setting:{id:"itemWidthType"},label:"Max width"},{label:"Custom width",setting:{id:"itemMaxWidth"},conditionDisplay:'itemWidthType == "CUSTOM"'}],moreSettings:{type:"collapse",controls:[{label:"Background",setting:{id:"itemBackgroundColor"}},{label:"Border",setting:{id:"itemBorderStyle"}},{label:"Corner",setting:{id:"itemCorner"}},{label:"Shadow",setting:{id:"itemShadow"},options:{updateFields:[{field:"enable",settingId:"hasItemShadow"}]},controlChangeTrigger:{settings:[{condition:"itemShadow.enable === true",source:["itemShadow","hasItemShadow"],action:{controlId:"hasItemShadow",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"itemShadow.enable === false",source:["itemShadow","hasItemShadow"],action:{controlId:"hasItemShadow",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{controls:[{label:"Separator",setting:{id:"isShowIconSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{setting:{id:"iconSeparatorSvg"},conditionDisplay:"isShowIconSeparator == true",label:"Icon"},{label:"Icon size",setting:{id:"iconSeparatorSize"},conditionDisplay:"isShowIconSeparator == true"},{label:"Icon color",setting:{id:"iconSeparatorColor"},conditionDisplay:"isShowIconSeparator == true"}]},{label:"Marquee effect",controls:[{label:"Direction",setting:{id:"direction"}},{label:"Stop on hover",setting:{id:"stopOnHover"}},{label:"Speed",setting:{id:"speed"}},{setting:{id:"isPreview"},layout:"vertical"}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"sizeSetting",field:"width"}}},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"32px",showValue:!0},{label:"Medium",value:"48px",showValue:!0},{label:"Large",value:"64px",showValue:!0}]}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{padding:{type:"custom",top:"16px",bottom:"16px",left:"0px",right:"0px"}}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let e=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"itemSpacing"}}]},{label:"Item style",controls:[{setting:{id:"itemWidthType"},label:"Max width"},{label:"Custom width",setting:{id:"itemMaxWidth"},conditionDisplay:'itemWidthType == "CUSTOM"'}],moreSettings:{type:"collapse",controls:[{label:"Background",setting:{id:"itemBackgroundColor"}},{label:"Border",setting:{id:"itemBorderStyle"}},{label:"Corner",setting:{id:"itemCorner"}},{label:"Shadow",setting:{id:"itemShadow"},options:{updateFields:[{field:"enable",settingId:"hasItemShadow"}]},controlChangeTrigger:{settings:[{condition:"itemShadow.enable === true",source:["itemShadow","hasItemShadow"],action:{controlId:"hasItemShadow",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"itemShadow.enable === false",source:["itemShadow","hasItemShadow"],action:{controlId:"hasItemShadow",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{controls:[{label:"Separator",setting:{id:"isShowIconSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{setting:{id:"iconSeparatorSvg"},conditionDisplay:"isShowIconSeparator == true",label:"Icon"},{label:"Icon size",setting:{id:"iconSeparatorSize"},conditionDisplay:"isShowIconSeparator == true"},{label:"Icon color",setting:{id:"iconSeparatorColor"},conditionDisplay:"isShowIconSeparator == true"}]},{label:"Marquee effect",controls:[{label:"Direction",setting:{id:"direction"}},{label:"Stop on hover",setting:{id:"stopOnHover"}},{label:"Speed",setting:{id:"speed"}},{setting:{id:"isPreview"},layout:"vertical"}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"sizeSetting",field:"width"}}},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"32px",showValue:!0},{label:"Medium",value:"48px",showValue:!0},{label:"Large",value:"64px",showValue:!0}]}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{padding:{type:"custom",top:"16px",bottom:"16px",left:"0px",right:"0px"}}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};

package/dist/esm/menu/components/DropdownMenu.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import t from"next/link";import{cls as l,getGlobalColorStateClass as p,getGlobalColorStateStyle as o}from"@gem-sdk/core";import i from"./NavigationMenu.js";import n from"../../text/components/Text.js";let DropdownMenu=({setting:g={},styles:s})=>{let{data:a}=g;return e("div",{className:"gp-flex gp-justify-center",children:e("div",{className:"gp-inline-flex gp-items-center",children:a?.ROOT?.childrens?.map(g=>r("div",{className:"gp-group gp-relative gp-mx-4 gp-flex gp-cursor-pointer gp-items-center gp-bg-transparent gp-py-4",children:[r("div",{children:[e(t,{href:a?.[g]?.link??"",children:e(n,{styles:s,setting:{htmlTag:"span",text:a?.[g]?.title,excludeFlex:!0}})}),!!a?.[g]?.childrens?.length&&e("span",{className:l("gp-ml-1.5 gp-inline-flex gp-transition-all gp-duration-[300ms] group-hover:gp-rotate-180",p("text",s?.color)),style:{...o("c",s?.color)},children:e("svg",{width:"14",height:"7",viewBox:"0 0 15 8",fill:"currentColor",children:e("path",{d:"M7.4995 8C7.22536 8 6.95108 7.90234 6.74217 7.70703L0.313881 1.70703C-0.104627 1.31641 -0.104627 0.683594 0.313881 0.292969C0.732389 -0.0976562 1.41037 -0.0976562 1.82888 0.292969L7.4995 5.5875L13.1711 0.29375C13.5896 -0.0968752 14.2676 -0.0968752 14.6861 0.29375C15.1046 0.684375 15.1046 1.31719 14.6861 1.70781L8.25783 7.70781C8.04858 7.90312 7.77404 8 7.4995 8Z",fill:"currentColor"})})})]}),e("div",{className:"gp-absolute gp-top-full gp-mt-2 gp-hidden gp-cursor-default gp-bg-white gp-pb-3 gp-pt-4 before:gp-absolute before:gp-bottom-full before:gp-h-2 before:gp-w-full group-hover:gp-block",children:!!a?.[g]?.childrens?.length&&e(i,{data:a,menu:a?.[g]?.childrens,styles:s})})]},g))})})};export{DropdownMenu as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"next/link";import{getGlobalColorStateStyle as l,cls as p,getGlobalColorStateClass as i}from"@gem-sdk/core";import o from"./NavigationMenu.js";import n from"../../text/components/Text.js";let g=({setting:g={},styles:s})=>{let{data:a}=g;return e("div",{className:"gp-flex gp-justify-center",children:e("div",{className:"gp-inline-flex gp-items-center",children:a?.ROOT?.childrens?.map(g=>t("div",{className:"gp-group gp-relative gp-mx-4 gp-flex gp-cursor-pointer gp-items-center gp-bg-transparent gp-py-4",children:[t("div",{children:[e(r,{href:a?.[g]?.link??"",children:e(n,{styles:s,setting:{htmlTag:"span",text:a?.[g]?.title,excludeFlex:!0}})}),!!a?.[g]?.childrens?.length&&e("span",{className:p("gp-ml-1.5 gp-inline-flex gp-transition-all gp-duration-[300ms] group-hover:gp-rotate-180",i("text",s?.color)),style:{...l("c",s?.color)},children:e("svg",{width:"14",height:"7",viewBox:"0 0 15 8",fill:"currentColor",children:e("path",{d:"M7.4995 8C7.22536 8 6.95108 7.90234 6.74217 7.70703L0.313881 1.70703C-0.104627 1.31641 -0.104627 0.683594 0.313881 0.292969C0.732389 -0.0976562 1.41037 -0.0976562 1.82888 0.292969L7.4995 5.5875L13.1711 0.29375C13.5896 -0.0968752 14.2676 -0.0968752 14.6861 0.29375C15.1046 0.684375 15.1046 1.31719 14.6861 1.70781L8.25783 7.70781C8.04858 7.90312 7.77404 8 7.4995 8Z",fill:"currentColor"})})})]}),e("div",{className:"gp-absolute gp-top-full gp-mt-2 gp-hidden gp-cursor-default gp-bg-white gp-pb-3 gp-pt-4 before:gp-absolute before:gp-bottom-full before:gp-h-2 before:gp-w-full group-hover:gp-block",children:!!a?.[g]?.childrens?.length&&e(o,{data:a,menu:a?.[g]?.childrens,styles:s})})]},g))})})};export{g as default};

package/dist/esm/menu/components/MegaMenu.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{cls as l,getGlobalColorStateClass as r,getGlobalColorStateStyle as p}from"@gem-sdk/core";import g from"./SubMegaMenu.js";import i from"../../text/components/Text.js";let MegaMenu=({setting:o={},styles:s})=>{let{data:n}=o;return e("div",{className:"gp-flex gp-justify-center",children:e("div",{className:"gp-relative gp-inline-flex gp-items-center",children:n?.ROOT?.childrens?.map(o=>t("div",{className:"gp-group gp-mx-4 gp-flex gp-cursor-pointer gp-items-center gp-bg-transparent gp-py-4",children:[t("div",{children:[e(i,{styles:s,setting:{htmlTag:"span",text:n?.[o]?.title,excludeFlex:!0}}),!!n?.[o]?.childrens?.length&&e("span",{className:l("gp-ml-1.5 gp-inline-flex gp-transition-all gp-duration-[300ms] group-hover:gp-rotate-180",r("text",s?.color)),style:{...p("c",s?.color)},children:e("svg",{fill:"inherit",width:"14",height:"7",viewBox:"0 0 15 8",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fill:"inherit",d:"M7.4995 8C7.22536 8 6.95108 7.90234 6.74217 7.70703L0.313881 1.70703C-0.104627 1.31641 -0.104627 0.683594 0.313881 0.292969C0.732389 -0.0976562 1.41037 -0.0976562 1.82888 0.292969L7.4995 5.5875L13.1711 0.29375C13.5896 -0.0968752 14.2676 -0.0968752 14.6861 0.29375C15.1046 0.684375 15.1046 1.31719 14.6861 1.70781L8.25783 7.70781C8.04858 7.90312 7.77404 8 7.4995 8Z"})})})]}),e("div",{className:"gp-absolute gp-left-0 gp-top-full gp-mt-2 gp-hidden gp-max-w-[800px] gp-cursor-default gp-bg-white before:gp-absolute before:gp-bottom-full before:gp-h-2 before:gp-w-full group-hover:gp-block",children:!!n?.[o]?.childrens?.length&&e("div",{className:"gp-grid gp-grid-cols-[auto_auto_auto_auto] gp-gap-8 gp-p-4",children:e(g,{data:n,menu:n?.[o]?.childrens,styles:s})})})]},o))})})};export{MegaMenu as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{getGlobalColorStateStyle as l,cls as r,getGlobalColorStateClass as p}from"@gem-sdk/core";import g from"./SubMegaMenu.js";import i from"../../text/components/Text.js";let o=({setting:o={},styles:s})=>{let{data:n}=o;return e("div",{className:"gp-flex gp-justify-center",children:e("div",{className:"gp-relative gp-inline-flex gp-items-center",children:n?.ROOT?.childrens?.map(o=>t("div",{className:"gp-group gp-mx-4 gp-flex gp-cursor-pointer gp-items-center gp-bg-transparent gp-py-4",children:[t("div",{children:[e(i,{styles:s,setting:{htmlTag:"span",text:n?.[o]?.title,excludeFlex:!0}}),!!n?.[o]?.childrens?.length&&e("span",{className:r("gp-ml-1.5 gp-inline-flex gp-transition-all gp-duration-[300ms] group-hover:gp-rotate-180",p("text",s?.color)),style:{...l("c",s?.color)},children:e("svg",{fill:"inherit",width:"14",height:"7",viewBox:"0 0 15 8",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fill:"inherit",d:"M7.4995 8C7.22536 8 6.95108 7.90234 6.74217 7.70703L0.313881 1.70703C-0.104627 1.31641 -0.104627 0.683594 0.313881 0.292969C0.732389 -0.0976562 1.41037 -0.0976562 1.82888 0.292969L7.4995 5.5875L13.1711 0.29375C13.5896 -0.0968752 14.2676 -0.0968752 14.6861 0.29375C15.1046 0.684375 15.1046 1.31719 14.6861 1.70781L8.25783 7.70781C8.04858 7.90312 7.77404 8 7.4995 8Z"})})})]}),e("div",{className:"gp-absolute gp-left-0 gp-top-full gp-mt-2 gp-hidden gp-max-w-[800px] gp-cursor-default gp-bg-white before:gp-absolute before:gp-bottom-full before:gp-h-2 before:gp-w-full group-hover:gp-block",children:!!n?.[o]?.childrens?.length&&e("div",{className:"gp-grid gp-grid-cols-[auto_auto_auto_auto] gp-gap-8 gp-p-4",children:e(g,{data:n,menu:n?.[o]?.childrens,styles:s})})})]},o))})})};export{o as default};

package/dist/esm/menu/components/Menu.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import t from"./DropdownMenu.js";import r from"./MegaMenu.js";let Menu=({setting:n={},styles:o})=>{let{submenuStyle:s="MegaMenu"}=n;return"DropdownMenu"===s?e(t,{setting:n,styles:o}):e(r,{setting:n,styles:o})};export{Menu as default};
+import{jsx as e}from"react/jsx-runtime";import t from"./DropdownMenu.js";import r from"./MegaMenu.js";let n=({setting:n={},styles:o})=>{let{submenuStyle:s="MegaMenu"}=n;return"DropdownMenu"===s?e(t,{setting:n,styles:o}):e(r,{setting:n,styles:o})};export{n as default};

package/dist/esm/menu/components/NavigationMenu.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t,jsxs as l}from"react/jsx-runtime";import r from"next/link";import{cls as i,getGlobalColorStateClass as p,getGlobalColorStateStyle as n}from"@gem-sdk/core";import o from"./SubNavigationMenu.js";import g from"../../text/components/Text.js";let NavigationMenu=({data:c,menu:s,styles:a})=>e(t,{children:s?.map(t=>l("div",{className:"gp-group gp-relative gp-flex gp-h-10 gp-max-w-[256px] gp-cursor-pointer gp-items-center gp-pl-4 gp-transition-all gp-duration-[200ms]",children:[l("div",{className:"gp-flex gp-items-center gp-truncate gp-pr-10",children:[e(r,{href:c?.[t]?.link??"",children:e(g,{styles:a,setting:{htmlTag:"span",text:c?.[t]?.title,excludeFlex:!0}})}),!!c?.[t]?.childrens?.length&&e("span",{className:i("custom-menu-icon gp-absolute gp-right-0 gp-hidden group-hover:gp-inline-block",p("text",a?.color)),style:{...n("c",a?.color)},children:e("svg",{width:16,height:16,viewBox:"0 0 256 512",fill:"currentColor",children:e("path",{fill:"currentColor",d:"M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z"})})})]}),!!c?.[t]?.childrens?.length&&e("div",{className:"gp-absolute gp-left-full gp-top-0 gp-hidden gp-flex-col gp-bg-white group-hover:gp-flex",children:e(o,{data:c,menu:c?.[t]?.childrens,styles:a})})]},t))});export{NavigationMenu as default};
+import{jsx as e,Fragment as t,jsxs as l}from"react/jsx-runtime";import r from"next/link";import{getGlobalColorStateStyle as i,cls as p,getGlobalColorStateClass as n}from"@gem-sdk/core";import o from"./SubNavigationMenu.js";import g from"../../text/components/Text.js";let c=({data:c,menu:s,styles:a})=>e(t,{children:s?.map(t=>l("div",{className:"gp-group gp-relative gp-flex gp-h-10 gp-max-w-[256px] gp-cursor-pointer gp-items-center gp-pl-4 gp-transition-all gp-duration-[200ms]",children:[l("div",{className:"gp-flex gp-items-center gp-truncate gp-pr-10",children:[e(r,{href:c?.[t]?.link??"",children:e(g,{styles:a,setting:{htmlTag:"span",text:c?.[t]?.title,excludeFlex:!0}})}),!!c?.[t]?.childrens?.length&&e("span",{className:p("custom-menu-icon gp-absolute gp-right-0 gp-hidden group-hover:gp-inline-block",n("text",a?.color)),style:{...i("c",a?.color)},children:e("svg",{width:16,height:16,viewBox:"0 0 256 512",fill:"currentColor",children:e("path",{fill:"currentColor",d:"M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z"})})})]}),!!c?.[t]?.childrens?.length&&e("div",{className:"gp-absolute gp-left-full gp-top-0 gp-hidden gp-flex-col gp-bg-white group-hover:gp-flex",children:e(o,{data:c,menu:c?.[t]?.childrens,styles:a})})]},t))});export{c as default};

package/dist/esm/menu/components/SubMegaMenu.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t,jsxs as n}from"react/jsx-runtime";import l from"../../text/components/Text.js";let SubMegaMenu=({data:s,menu:a,styles:r})=>e(t,{children:a?.map(t=>n("div",{children:[e("span",{className:"gp-cursor-pointer gp-truncate gp-transition-all gp-duration-[200ms]",children:e(l,{styles:r,setting:{htmlTag:"span",text:s?.[t]?.title,excludeFlex:!0}})}),e("div",{className:"gp-mt-3",children:!!s?.[t]?.childrens?.length&&s?.[t]?.childrens?.map(t=>e("div",{className:"gp-cursor-pointer gp-truncate gp-py-1 gp-transition-all gp-duration-[200ms]",children:e(l,{styles:r,setting:{htmlTag:"span",text:s?.[t]?.title,excludeFlex:!0}})},t))})]},t))});export{SubMegaMenu as default};
+import{jsx as t,Fragment as e,jsxs as l}from"react/jsx-runtime";import n from"../../text/components/Text.js";let s=({data:s,menu:r,styles:a})=>t(e,{children:r?.map(e=>l("div",{children:[t("span",{className:"gp-cursor-pointer gp-truncate gp-transition-all gp-duration-[200ms]",children:t(n,{styles:a,setting:{htmlTag:"span",text:s?.[e]?.title,excludeFlex:!0}})}),t("div",{className:"gp-mt-3",children:!!s?.[e]?.childrens?.length&&s?.[e]?.childrens?.map(e=>t("div",{className:"gp-cursor-pointer gp-truncate gp-py-1 gp-transition-all gp-duration-[200ms]",children:t(n,{styles:a,setting:{htmlTag:"span",text:s?.[e]?.title,excludeFlex:!0}})},e))})]},e))});export{s as default};

package/dist/esm/menu/components/SubNavigationMenu.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as l,jsxs as t}from"react/jsx-runtime";import{cls as r,getGlobalColorStateClass as i,getGlobalColorStateStyle as p}from"@gem-sdk/core";import g from"next/link";import n from"../../text/components/Text.js";let SubNavigationMenu=({data:o,menu:c,styles:s})=>{let h=(l,o)=>o?.map(o=>t("div",{className:"gp-group gp-relative gp-flex gp-h-10 gp-items-center gp-whitespace-nowrap gp-pl-4 gp-pr-7",children:[t("div",{className:"gp-flex gp-items-center",children:[e(g,{href:l?.[o]?.link??"",children:e(n,{styles:s,setting:{htmlTag:"span",text:l?.[o]?.title,excludeFlex:!0}})}),!!l?.[o]?.childrens?.length&&e("span",{className:r("gp-absolute gp-right-0 gp-hidden group-hover:gp-inline-flex",i("text",s?.color)),style:{...p("c",s?.color)},children:e("svg",{fill:"currentColor",width:16,height:16,viewBox:"0 0 256 512",children:e("path",{fill:"currentColor",d:"M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z"})})})]}),!!l?.[o]?.childrens?.length&&e("div",{className:"gp-absolute gp-left-full gp-top-0 gp-hidden gp-flex-col gp-bg-white group-hover:gp-flex",children:h(l,l?.[o]?.childrens)})]},o));return e(l,{children:h(o,c)})};export{SubNavigationMenu as default};
+import{jsx as e,Fragment as l,jsxs as t}from"react/jsx-runtime";import{getGlobalColorStateStyle as r,cls as i,getGlobalColorStateClass as p}from"@gem-sdk/core";import g from"next/link";import n from"../../text/components/Text.js";let o=({data:o,menu:c,styles:s})=>{let h=(l,o)=>o?.map(o=>t("div",{className:"gp-group gp-relative gp-flex gp-h-10 gp-items-center gp-whitespace-nowrap gp-pl-4 gp-pr-7",children:[t("div",{className:"gp-flex gp-items-center",children:[e(g,{href:l?.[o]?.link??"",children:e(n,{styles:s,setting:{htmlTag:"span",text:l?.[o]?.title,excludeFlex:!0}})}),!!l?.[o]?.childrens?.length&&e("span",{className:i("gp-absolute gp-right-0 gp-hidden group-hover:gp-inline-flex",p("text",s?.color)),style:{...r("c",s?.color)},children:e("svg",{fill:"currentColor",width:16,height:16,viewBox:"0 0 256 512",children:e("path",{fill:"currentColor",d:"M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z"})})})]}),!!l?.[o]?.childrens?.length&&e("div",{className:"gp-absolute gp-left-full gp-top-0 gp-hidden gp-flex-col gp-bg-white group-hover:gp-flex",children:h(l,l?.[o]?.childrens)})]},o));return e(l,{children:h(o,c)})};export{o as default};

package/dist/esm/menu/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"next/link";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import t from"./settings/Menu.js";let menuSetting={Menu:t};export{menuSetting};
+import"react/jsx-runtime";import"next/link";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import t from"./settings/Menu.js";let e={Menu:t};export{e as menuSetting};

package/dist/esm/menu/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import m from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Menu=o(()=>import("./components/Menu.js"),{loading:m});var menu={Menu};export{menu as default};
+import o from"next/dynamic";import m from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let t=o(()=>import("./components/Menu.js"),{loading:m});var r={Menu:t};export{r as default};

package/dist/esm/menu/settings/Menu.js

@@ -1 +1 @@
-import{MenuSettings as t}from"./configs/settings.js";let config={tag:"Menu",label:"Menu",settings:t};export{config as default};
+import{MenuSettings as t}from"./configs/settings.js";let e={tag:"Menu",label:"Menu",settings:t};export{e as default};

package/dist/esm/menu/settings/configs/settings.js

@@ -1 +1 @@
-let MenuSettings=[{id:"setting",controls:[{id:"submenuStyle",type:"select",label:"Submenu Style",options:[{value:"DropdownMenu",label:"Dropdown Menu"},{value:"MegaMenu",label:"Mega Menu"}],default:"DropdownMenu"},{id:"data",type:"menu",label:"Edit Menu",default:{ROOT:{id:"ROOT",title:"Root",childrens:["1","2","3"]},1:{id:"1",title:"Menu 1",link:"",childrens:["13","14"]},2:{id:"2",title:"Menu 2",link:"",childrens:["6","7","8"]},6:{id:"6",title:"Sub Menu 2.1",childrens:[]},7:{id:"7",title:"Sub Menu 2.2",childrens:["10","11"]},8:{id:"8",title:"Sub Menu 2.3",childrens:["12"]},9:{id:"9",title:"Sub Menu 2.4",childrens:[]},10:{id:"10",title:"Sub Menu 2.2.1",childrens:[]},11:{id:"11",title:"Sub Menu 2.2.2",childrens:[]},12:{id:"12",title:"Sub Menu 2.3.1",childrens:[]},3:{id:"3",title:"Menu 3",link:"",childrens:[]},13:{id:"13",title:"Sub Menu 1.1",link:"",childrens:[]},14:{id:"14",title:"Sub Menu 1.2",link:"",childrens:[]}}}]},{id:"style",controls:[{id:"typography",type:"typography",label:"Typography",default:{type:"paragraph-1"}},{id:"behavior-state",type:"behavior-state",controls:[{id:"color",label:"Text Color",type:"colorpicker",default:{normal:"brand",hover:"brand"},state:{normal:!0,hover:!0}},{id:"hasTextShadow",type:"toggle",label:"Enable Text Shadow",default:{hover:!1,normal:!1},state:{normal:!0,hover:!0}},{id:"textShadow",type:"textShadow",label:"Text Shadow",default:{hover:{type:"shadow-1"},normal:{type:"shadow-1"}},hideOnState:{normal:!0,hover:!0},state:{normal:!0,hover:!0}}]},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"Default"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"}]}];export{MenuSettings};
+let e=[{id:"setting",controls:[{id:"submenuStyle",type:"select",label:"Submenu Style",options:[{value:"DropdownMenu",label:"Dropdown Menu"},{value:"MegaMenu",label:"Mega Menu"}],default:"DropdownMenu"},{id:"data",type:"menu",label:"Edit Menu",default:{ROOT:{id:"ROOT",title:"Root",childrens:["1","2","3"]},1:{id:"1",title:"Menu 1",link:"",childrens:["13","14"]},2:{id:"2",title:"Menu 2",link:"",childrens:["6","7","8"]},6:{id:"6",title:"Sub Menu 2.1",childrens:[]},7:{id:"7",title:"Sub Menu 2.2",childrens:["10","11"]},8:{id:"8",title:"Sub Menu 2.3",childrens:["12"]},9:{id:"9",title:"Sub Menu 2.4",childrens:[]},10:{id:"10",title:"Sub Menu 2.2.1",childrens:[]},11:{id:"11",title:"Sub Menu 2.2.2",childrens:[]},12:{id:"12",title:"Sub Menu 2.3.1",childrens:[]},3:{id:"3",title:"Menu 3",link:"",childrens:[]},13:{id:"13",title:"Sub Menu 1.1",link:"",childrens:[]},14:{id:"14",title:"Sub Menu 1.2",link:"",childrens:[]}}}]},{id:"style",controls:[{id:"typography",type:"typography",label:"Typography",default:{type:"paragraph-1"}},{id:"behavior-state",type:"behavior-state",controls:[{id:"color",label:"Text Color",type:"colorpicker",default:{normal:"brand",hover:"brand"},state:{normal:!0,hover:!0}},{id:"hasTextShadow",type:"toggle",label:"Enable Text Shadow",default:{hover:!1,normal:!1},state:{normal:!0,hover:!0}},{id:"textShadow",type:"textShadow",label:"Text Shadow",default:{hover:{type:"shadow-1"},normal:{type:"shadow-1"}},hideOnState:{normal:!0,hover:!0},state:{normal:!0,hover:!0}}]},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"Default"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"}]}];export{e as MenuSettings};

package/dist/esm/modal/common/helpers.js

@@ -1 +1 @@
-import{unmountComponentAtNode as e}from"react-dom";let rootDialogId="root-dialog-portal";function getOrCreateRootDialog(e){let o=e??rootDialogId,t=document.getElementById(o);if(t)return t;let d=document.createElement("div");return d.setAttribute("id",o),d.setAttribute("aria-modal","true"),d.setAttribute("role","dialog"),document.body.appendChild(d),d}function removeElementReconfirm(o){let t=o??rootDialogId,d=document.getElementById(t);d&&(e(d),d.parentNode?.removeChild(d))}function addBodyClass(){document.body.classList.add("confirm-dialog-body-element")}function removeBodyClass(){document.body.classList.remove("confirm-dialog-body-element")}export{addBodyClass,getOrCreateRootDialog,removeBodyClass,removeElementReconfirm};
+import{unmountComponentAtNode as e}from"react-dom";let t="root-dialog-portal";function o(e){let o=e??t,d=document.getElementById(o);if(d)return d;let n=document.createElement("div");return n.setAttribute("id",o),n.setAttribute("aria-modal","true"),n.setAttribute("role","dialog"),document.body.appendChild(n),n}function d(o){let d=o??t,n=document.getElementById(d);n&&(e(n),n.parentNode?.removeChild(n))}function n(){document.body.classList.add("confirm-dialog-body-element")}function r(){document.body.classList.remove("confirm-dialog-body-element")}export{n as addBodyClass,o as getOrCreateRootDialog,r as removeBodyClass,d as removeElementReconfirm};

package/dist/esm/modal/components/Modal.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{cls as i,isEmptyChildren as r}from"@gem-sdk/core";import{useRef as l,useCallback as n,useEffect as p}from"react";import{createPortal as a}from"react-dom";import d from"../../grid/components/ChildrenDroppable.js";import c from"../hooks/useModalContainer.js";import g from"./ZoomButton.js";let Modal=({setting:s,styles:m,children:u,willUnmount:h,closeOnEscape:f,onKeypressEscape:w,keyCodeForClose:v,closeOnClickOutside:x,onClose:y,contentClass:C,wrapperContentClasses:b,disableIframeClickEvent:k,lockBodyScroll:L,zoomButton:N,closeButtonClassName:M})=>{let{open:A}=s??{},j=c(),Z=l(null),E=l(null),z=l(null),{isShowButton:B=!1,isZoomIn:J,onToggleZoom:O}=N??{},S=n(e=>{let t=e.code,o="Escape"===t;v?.includes(t),f&&o&&w?.(e)},[f,v,w]);p(()=>(document.addEventListener("keydown",S,!1),()=>{document.removeEventListener("keydown",S,!1),h?.()}),[S,h]);let D=n(e=>{let t=e.target===Z.current,o=e.target===E.current;(x&&t||o)&&(window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:!1}),"*"),y?.())},[x,y]);return(p(()=>{window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:A}),"*")},[A]),p(()=>{if(!A||!L)return;let{style:e}=document.body;return z.current={overflow:e.overflow,touchAction:e.touchAction},e.overflow="hidden",e.touchAction="none",()=>{let t=z.current;t&&(e.overflow=t.overflow,e.touchAction=t.touchAction,z.current=null)}},[A,L]),j&&A)?a(e(t,{children:e("div",{className:"gp-fixed gp-inset-0 gp-z-50 gp-overflow-y-auto","data-disable-iframe-click-event":k||!1,children:o("div",{className:"gp-min-h-screen gp-px-4 gp-text-center",children:[e("div",{ref:Z,className:i("gp-fixed gp-inset-0 gp-bg-black/60 gp-backdrop-blur-sm gp-transition-all gp-duration-100",{"gp-opacity-100":A,"gp-opacity-0":!A}),onClick:D,"aria-hidden":!0}),e("span",{className:"gp-inline-block gp-h-screen gp-align-middle"}),o("div",{className:i("gp-relative gp-my-8 gp-inline-block gp-w-full gp-overflow-hidden gp-rounded gp-bg-white gp-p-6 gp-text-left gp-align-middle gp-shadow-xl gp-transition-all gp-duration-100",{"gp-max-w-2xl":!m?.width,"gp-scale-100 gp-opacity-100":A,"gp-scale-0 gp-opacity-0":!A},C),style:{width:m?.width},children:[e("div",{className:i("gp-absolute gp-right-[16px] gp-top-[16px] gp-z-10 gp-cursor-pointer",M??""),onClick:D,"aria-hidden":"true",children:e("svg",{ref:E,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M11.1758 12.0241C11.4101 12.2584 11.79 12.2584 12.0243 12.0241C12.2586 11.7898 12.2586 11.4099 12.0243 11.1755L8.84858 7.9998L12.0243 4.82407C12.2586 4.58975 12.2586 4.20986 12.0243 3.97554C11.79 3.74123 11.4101 3.74123 11.1758 3.97554L8.00005 7.15128L4.82431 3.97554C4.59 3.74123 4.2101 3.74123 3.97578 3.97554C3.74147 4.20986 3.74147 4.58975 3.97578 4.82407L7.15152 7.9998L3.97579 11.1755C3.74147 11.4099 3.74147 11.7898 3.97579 12.0241C4.2101 12.2584 4.59 12.2584 4.82431 12.0241L8.00005 8.84833L11.1758 12.0241Z",fill:"#676767"})})}),B&&e(g,{isZoomIn:J,onToggleZoom:O}),e("div",{className:b,children:r(u)?e(d,{}):u})]})]})})}),j):null};export{Modal as default};
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{cls as i,isEmptyChildren as r}from"@gem-sdk/core";import{useRef as n,useCallback as l,useEffect as p}from"react";import{createPortal as a}from"react-dom";import d from"../../grid/components/ChildrenDroppable.js";import c from"../hooks/useModalContainer.js";import g from"./ZoomButton.js";let s=({setting:s,styles:m,children:u,willUnmount:h,closeOnEscape:f,onKeypressEscape:w,keyCodeForClose:v,closeOnClickOutside:x,onClose:y,contentClass:C,wrapperContentClasses:b,disableIframeClickEvent:k,lockBodyScroll:L,zoomButton:N,closeButtonClassName:A})=>{let{open:M}=s??{},j=c(),Z=n(null),E=n(null),z=n(null),{isShowButton:B=!1,isZoomIn:J,onToggleZoom:O}=N??{},S=l(e=>{let t=e.code;v?.includes(t),f&&"Escape"===t&&w?.(e)},[f,v,w]);p(()=>(document.addEventListener("keydown",S,!1),()=>{document.removeEventListener("keydown",S,!1),h?.()}),[S,h]);let D=l(e=>{let t=e.target===Z.current,o=e.target===E.current;(x&&t||o)&&(window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:!1}),"*"),y?.())},[x,y]);return(p(()=>{window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:M}),"*")},[M]),p(()=>{if(!M||!L)return;let{style:e}=document.body;return z.current={overflow:e.overflow,touchAction:e.touchAction},e.overflow="hidden",e.touchAction="none",()=>{let t=z.current;t&&(e.overflow=t.overflow,e.touchAction=t.touchAction,z.current=null)}},[M,L]),j&&M)?a(e(t,{children:e("div",{className:"gp-fixed gp-inset-0 gp-z-50 gp-overflow-y-auto","data-disable-iframe-click-event":k||!1,children:o("div",{className:"gp-min-h-screen gp-px-4 gp-text-center",children:[e("div",{ref:Z,className:i("gp-fixed gp-inset-0 gp-bg-black/60 gp-backdrop-blur-sm gp-transition-all gp-duration-100",{"gp-opacity-100":M,"gp-opacity-0":!M}),onClick:D,"aria-hidden":!0}),e("span",{className:"gp-inline-block gp-h-screen gp-align-middle"}),o("div",{className:i("gp-relative gp-my-8 gp-inline-block gp-w-full gp-overflow-hidden gp-rounded gp-bg-white gp-p-6 gp-text-left gp-align-middle gp-shadow-xl gp-transition-all gp-duration-100",{"gp-max-w-2xl":!m?.width,"gp-scale-100 gp-opacity-100":M,"gp-scale-0 gp-opacity-0":!M},C),style:{width:m?.width},children:[e("div",{className:i("gp-absolute gp-right-[16px] gp-top-[16px] gp-z-10 gp-cursor-pointer",A??""),onClick:D,"aria-hidden":"true",children:e("svg",{ref:E,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M11.1758 12.0241C11.4101 12.2584 11.79 12.2584 12.0243 12.0241C12.2586 11.7898 12.2586 11.4099 12.0243 11.1755L8.84858 7.9998L12.0243 4.82407C12.2586 4.58975 12.2586 4.20986 12.0243 3.97554C11.79 3.74123 11.4101 3.74123 11.1758 3.97554L8.00005 7.15128L4.82431 3.97554C4.59 3.74123 4.2101 3.74123 3.97578 3.97554C3.74147 4.20986 3.74147 4.58975 3.97578 4.82407L7.15152 7.9998L3.97579 11.1755C3.74147 11.4099 3.74147 11.7898 3.97579 12.0241C4.2101 12.2584 4.59 12.2584 4.82431 12.0241L8.00005 8.84833L11.1758 12.0241Z",fill:"#676767"})})}),B&&e(g,{isZoomIn:J,onToggleZoom:O}),e("div",{className:b,children:r(u)?e(d,{}):u})]})]})})}),j):null};export{s as default};

package/dist/esm/modal/components/ZoomButton.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{cls as C}from"@gem-sdk/core";import"react";let ZoomButton=({isZoomIn:e,onToggleZoom:o})=>{let i=()=>{o?.()},l=t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:t("path",{d:"M6.77246 0C10.5128 0 13.5448 3.03212 13.5449 6.77246C13.5449 8.41757 12.9568 9.9243 11.9814 11.0977L15.8115 14.9277C16.0556 15.1718 16.0555 15.5674 15.8115 15.8115C15.5674 16.0556 15.1718 16.0556 14.9277 15.8115L11.0977 11.9814C9.9243 12.9568 8.41757 13.5449 6.77246 13.5449C3.03212 13.5448 0 10.5128 0 6.77246C9.91359e-05 3.03218 3.03218 9.49436e-05 6.77246 0ZM6.77246 1.25C3.72254 1.25009 1.2501 3.72253 1.25 6.77246C1.25 9.82248 3.72247 12.2948 6.77246 12.2949C8.28607 12.2949 9.65677 11.6854 10.6543 10.6992C10.6614 10.6914 10.6673 10.6823 10.6748 10.6748C10.6824 10.6673 10.6914 10.6614 10.6992 10.6543C11.6854 9.65677 12.2949 8.28607 12.2949 6.77246C12.2948 3.72247 9.82247 1.25 6.77246 1.25ZM6.86328 3.40234C7.2082 3.40251 7.4881 3.68242 7.48828 4.02734V6.23828H9.69824C10.0433 6.23828 10.3231 6.51826 10.3232 6.86328C10.3231 7.20832 10.0433 7.48828 9.69824 7.48828H7.48828V9.69824C7.48828 10.0433 7.20832 10.3231 6.86328 10.3232C6.51822 10.3231 6.23828 10.0433 6.23828 9.69824V7.48828H4.02734C3.68238 7.48815 3.40251 7.20824 3.40234 6.86328C3.40252 6.51834 3.68239 6.23841 4.02734 6.23828H6.23828V4.02734C6.23846 3.6824 6.51833 3.40248 6.86328 3.40234Z",fill:"#AAAAAA"})}),r=t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:t("path",{d:"M8.77441 2C12.5157 2 15.5487 5.03247 15.5488 8.77344C15.5488 10.4191 14.9613 11.927 13.9854 13.1006L17.8164 16.9307C18.0602 17.1747 18.0603 17.5704 17.8164 17.8145C17.5724 18.0581 17.1766 18.0582 16.9326 17.8145L13.1016 13.9844C11.9279 14.9598 10.4199 15.5469 8.77441 15.5469C5.03309 15.5468 2 12.5145 2 8.77344C2.00009 5.0325 5.03314 2.00004 8.77441 2ZM8.77441 3.25C5.72333 3.25004 3.25009 5.72302 3.25 8.77344C3.25 11.8239 5.72327 14.2968 8.77441 14.2969C10.2896 14.2969 11.6611 13.6858 12.6592 12.6982C12.6655 12.6913 12.671 12.6835 12.6777 12.6768C12.6843 12.6702 12.6924 12.6644 12.6992 12.6582C13.6874 11.6603 14.2988 10.2887 14.2988 8.77344C14.2987 5.723 11.8255 3.25 8.77441 3.25ZM11.7012 8.23926C12.0463 8.23926 12.3262 8.51908 12.3262 8.86426C12.3259 9.20921 12.0462 9.48926 11.7012 9.48926H6.02832C5.68347 9.48906 5.40358 9.20909 5.40332 8.86426C5.40332 8.5192 5.68331 8.23945 6.02832 8.23926H11.7012Z",fill:"#AAAAAA"})});return t("button",{type:"button","aria-label":"Toggle zoom mode",className:C("gp-absolute gp-top-[74px] gp-right-4 gp-z-20 gp-flex gp-items-center gp-justify-center gp-text-[#AAAAAA] gp-transition"),onClick:i,children:e?r:l})};export{ZoomButton as default};
+import{jsx as C}from"react/jsx-runtime";import{cls as t}from"@gem-sdk/core";import"react";let e=({isZoomIn:e,onToggleZoom:o})=>{let i=C("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:C("path",{d:"M6.77246 0C10.5128 0 13.5448 3.03212 13.5449 6.77246C13.5449 8.41757 12.9568 9.9243 11.9814 11.0977L15.8115 14.9277C16.0556 15.1718 16.0555 15.5674 15.8115 15.8115C15.5674 16.0556 15.1718 16.0556 14.9277 15.8115L11.0977 11.9814C9.9243 12.9568 8.41757 13.5449 6.77246 13.5449C3.03212 13.5448 0 10.5128 0 6.77246C9.91359e-05 3.03218 3.03218 9.49436e-05 6.77246 0ZM6.77246 1.25C3.72254 1.25009 1.2501 3.72253 1.25 6.77246C1.25 9.82248 3.72247 12.2948 6.77246 12.2949C8.28607 12.2949 9.65677 11.6854 10.6543 10.6992C10.6614 10.6914 10.6673 10.6823 10.6748 10.6748C10.6824 10.6673 10.6914 10.6614 10.6992 10.6543C11.6854 9.65677 12.2949 8.28607 12.2949 6.77246C12.2948 3.72247 9.82247 1.25 6.77246 1.25ZM6.86328 3.40234C7.2082 3.40251 7.4881 3.68242 7.48828 4.02734V6.23828H9.69824C10.0433 6.23828 10.3231 6.51826 10.3232 6.86328C10.3231 7.20832 10.0433 7.48828 9.69824 7.48828H7.48828V9.69824C7.48828 10.0433 7.20832 10.3231 6.86328 10.3232C6.51822 10.3231 6.23828 10.0433 6.23828 9.69824V7.48828H4.02734C3.68238 7.48815 3.40251 7.20824 3.40234 6.86328C3.40252 6.51834 3.68239 6.23841 4.02734 6.23828H6.23828V4.02734C6.23846 3.6824 6.51833 3.40248 6.86328 3.40234Z",fill:"#AAAAAA"})}),l=C("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:C("path",{d:"M8.77441 2C12.5157 2 15.5487 5.03247 15.5488 8.77344C15.5488 10.4191 14.9613 11.927 13.9854 13.1006L17.8164 16.9307C18.0602 17.1747 18.0603 17.5704 17.8164 17.8145C17.5724 18.0581 17.1766 18.0582 16.9326 17.8145L13.1016 13.9844C11.9279 14.9598 10.4199 15.5469 8.77441 15.5469C5.03309 15.5468 2 12.5145 2 8.77344C2.00009 5.0325 5.03314 2.00004 8.77441 2ZM8.77441 3.25C5.72333 3.25004 3.25009 5.72302 3.25 8.77344C3.25 11.8239 5.72327 14.2968 8.77441 14.2969C10.2896 14.2969 11.6611 13.6858 12.6592 12.6982C12.6655 12.6913 12.671 12.6835 12.6777 12.6768C12.6843 12.6702 12.6924 12.6644 12.6992 12.6582C13.6874 11.6603 14.2988 10.2887 14.2988 8.77344C14.2987 5.723 11.8255 3.25 8.77441 3.25ZM11.7012 8.23926C12.0463 8.23926 12.3262 8.51908 12.3262 8.86426C12.3259 9.20921 12.0462 9.48926 11.7012 9.48926H6.02832C5.68347 9.48906 5.40358 9.20909 5.40332 8.86426C5.40332 8.5192 5.68331 8.23945 6.02832 8.23926H11.7012Z",fill:"#AAAAAA"})});return C("button",{type:"button","aria-label":"Toggle zoom mode",className:t("gp-absolute gp-top-[74px] gp-right-4 gp-z-20 gp-flex gp-items-center gp-justify-center gp-text-[#AAAAAA] gp-transition"),onClick:()=>{o?.()},children:e?l:i})};export{e as default};

package/dist/esm/modal/components/confirm.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useRef as n,useCallback as o,useEffect as t}from"react";import{cls as i}from"@gem-sdk/core";import{ELEMENT_Z_INDEX as p}from"../../common/const.js";import{addBodyClass as r,getOrCreateRootDialog as a,removeBodyClass as g,removeElementReconfirm as s}from"../common/helpers.js";import{render as c}from"react-dom";function createElementReconfirm(l){let n=a(l.dialogId);c(e(Dialog,{...l}),n)}let Dialog=({title:r,content:a,willUnmount:c,closeOnEscape:d,onKeypressEscape:m,keyCodeForClose:f,closeOnClickOutside:u,onClickOutside:x,buttons:C,dialogId:h,overlayClassName:b,className:k})=>{let v=n(null),w=o(()=>{g(),s(h)},[h]),y=o(e=>{let l=e.code,n="Escape"===l;f?.includes(l)&&w(),d&&n&&(m?.(e),w())},[w,d,f,m]);t(()=>(document.addEventListener("keydown",y,!1),()=>{document.removeEventListener("keydown",y,!1),c?.()}),[y,c]);let N=e=>{e.onClick&&e.onClick(),w()},E=e=>{let l=e.target===v.current;u&&l&&(x?.(),w())};return e("div",{className:"gp-fixed gp-inset-0 gp-z-100 gp-overflow-y-auto",style:{zIndex:p.CART_DRAWER_CONFIRM_MODAL},children:l("div",{className:"gp-min-h-screen gp-px-4 gp-text-center",children:[e("div",{ref:v,className:i("gp-fixed gp-inset-0 gp-bg-black/60 gp-backdrop-blur-sm",b),onClick:E,"aria-hidden":!0}),e("span",{className:"gp-inline-block gp-h-screen gp-align-middle"}),l("div",{className:i("gp-relative gp-my-8 gp-inline-flex gp-min-w-[320px] gp-flex-col gp-overflow-hidden gp-bg-white gp-p-6 gp-text-left gp-align-middle gp-shadow-xl gp-transition-all",k),children:[r,a,e("div",{className:"gp-flex gp-justify-center gp-gap-4 gp-pt-6",children:C?.map((l,n)=>e("button",{onClick:()=>N(l),className:i("gp-inline-flex gp-select-none gp-items-center gp-justify-center gp-rounded-md gp-border gp-border-transparent gp-bg-slate-400 gp-py-2 gp-px-5 gp-text-base gp-font-medium gp-text-white gp-shadow-sm gp-transition-all gp-duration-300 gp-ease-in-out",l.className),children:l.label},n))})]})]})})};function openConfirm(e){r(),createElementReconfirm({...e,dialogId:`dialog-${Math.floor(1e5*Math.random())}`})}Dialog.defaultProps={buttons:[{label:"Cancel",onClick:()=>null},{label:"Confirm",onClick:()=>null}],closeOnClickOutside:!0,closeOnEscape:!0,keyCodeForClose:[],willUnmount:()=>null,afterClose:()=>null,onClickOutside:()=>null,onKeypressEscape:()=>null};export{Dialog as default,openConfirm};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useRef as n,useCallback as t,useEffect as o}from"react";import{cls as p}from"@gem-sdk/core";import{ELEMENT_Z_INDEX as i}from"../../common/const.js";import{addBodyClass as r,getOrCreateRootDialog as a,removeBodyClass as g,removeElementReconfirm as s}from"../common/helpers.js";import{render as c}from"react-dom";let d=({title:r,content:a,willUnmount:c,closeOnEscape:d,onKeypressEscape:m,keyCodeForClose:u,closeOnClickOutside:f,onClickOutside:x,buttons:h,dialogId:C,overlayClassName:b,className:k})=>{let v=n(null),w=t(()=>{g(),s(C)},[C]),y=t(e=>{let l=e.code;u?.includes(l)&&w(),d&&"Escape"===l&&(m?.(e),w())},[w,d,u,m]);o(()=>(document.addEventListener("keydown",y,!1),()=>{document.removeEventListener("keydown",y,!1),c?.()}),[y,c]);let N=e=>{e.onClick&&e.onClick(),w()};return e("div",{className:"gp-fixed gp-inset-0 gp-z-100 gp-overflow-y-auto",style:{zIndex:i.CART_DRAWER_CONFIRM_MODAL},children:l("div",{className:"gp-min-h-screen gp-px-4 gp-text-center",children:[e("div",{ref:v,className:p("gp-fixed gp-inset-0 gp-bg-black/60 gp-backdrop-blur-sm",b),onClick:e=>{let l=e.target===v.current;f&&l&&(x?.(),w())},"aria-hidden":!0}),e("span",{className:"gp-inline-block gp-h-screen gp-align-middle"}),l("div",{className:p("gp-relative gp-my-8 gp-inline-flex gp-min-w-[320px] gp-flex-col gp-overflow-hidden gp-bg-white gp-p-6 gp-text-left gp-align-middle gp-shadow-xl gp-transition-all",k),children:[r,a,e("div",{className:"gp-flex gp-justify-center gp-gap-4 gp-pt-6",children:h?.map((l,n)=>e("button",{onClick:()=>N(l),className:p("gp-inline-flex gp-select-none gp-items-center gp-justify-center gp-rounded-md gp-border gp-border-transparent gp-bg-slate-400 gp-py-2 gp-px-5 gp-text-base gp-font-medium gp-text-white gp-shadow-sm gp-transition-all gp-duration-300 gp-ease-in-out",l.className),children:l.label},n))})]})]})})};function m(l){r(),function(l){let n=a(l.dialogId);c(e(d,{...l}),n)}({...l,dialogId:`dialog-${Math.floor(1e5*Math.random())}`})}d.defaultProps={buttons:[{label:"Cancel",onClick:()=>null},{label:"Confirm",onClick:()=>null}],closeOnClickOutside:!0,closeOnEscape:!0,keyCodeForClose:[],willUnmount:()=>null,afterClose:()=>null,onClickOutside:()=>null,onKeypressEscape:()=>null};export{m as openConfirm};

package/dist/esm/modal/hooks/useModalContainer.js

@@ -1 +1 @@
-import{useId as e}from"@gem-sdk/core";import{useState as o,useEffect as r}from"react";import{getOrCreateRootDialog as t}from"../common/helpers.js";let useModalContainer=()=>{let[m,a]=o(),l=e();return r(()=>{let e=t(`dialog-${l}`);a(e)},[l]),m};export{useModalContainer as default};
+import{useId as e}from"@gem-sdk/core";import{useState as o,useEffect as r}from"react";import{getOrCreateRootDialog as t}from"../common/helpers.js";let m=()=>{let[m,l]=o(),a=e();return r(()=>{let e=t(`dialog-${a}`);l(e)},[a]),m};export{m as default};

package/dist/esm/modal/index.js

@@ -1 +1 @@
-export{openConfirm}from"./components/confirm.js";import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"react-dom";import o from"./settings/Modal.js";let modalSetting={Modal:o};export{modalSetting};
+export{openConfirm}from"./components/confirm.js";import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"react-dom";import o from"./settings/Modal.js";let t={Modal:o};export{t as modalSetting};

package/dist/esm/modal/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import m from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Modal=o(()=>import("./components/Modal.js"),{loading:m});var modal={Modal};export{modal as default};
+import o from"next/dynamic";import m from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let t=o(()=>import("./components/Modal.js"),{loading:m});var r={Modal:t};export{r as default};

package/dist/esm/modal/settings/Modal.js

@@ -1 +1 @@
-import{ModalSettings as t}from"./configs/settings.js";let config={tag:"Modal",label:"Modal",settings:t};export{config as default};
+import{ModalSettings as t}from"./configs/settings.js";let o={tag:"Modal",label:"Modal",settings:t};export{o as default};

package/dist/esm/modal/settings/configs/settings.js

@@ -1 +1 @@
-let ModalSettings=[{id:"setting",controls:[{id:"open",type:"toggle",label:"Open",default:!0}]},{id:"style",controls:[]}];export{ModalSettings};
+let t=[{id:"setting",controls:[{id:"open",type:"toggle",label:"Open",default:!0}]},{id:"style",controls:[]}];export{t as ModalSettings};

package/dist/esm/next.js

@@ -1,2 +1,2 @@
 'use client';
-import t from"./accordion/next.js";import o from"./article/next.js";import r from"./hero-banner/next.js";import m from"./breadcrumb/next.js";import e from"./button/next.js";import i from"./carousel-v3/next.js";import n from"./carousel/next.js";import s from"./cart/next.js";import p from"./code/next.js";import x from"./collection/next.js";import f from"./countdown-timer/next.js";import j from"./coupon/next.js";import a from"./dialog/next.js";import c from"./estimate-delivery/next.js";import u from"./form/next.js";import l from"./grid/next.js";import d from"./header/next.js";import h from"./heading/next.js";import b from"./icon/next.js";import g from"./icon-list/next.js";import y from"./icon-list-hoz/next.js";import v from"./icon-list-v2/next.js";import k from"./image/next.js";import w from"./image-comparison/next.js";import q from"./image-detection/next.js";import z from"./input/next.js";import A from"./line/next.js";import B from"./link/next.js";import C from"./marquee/next.js";import D from"./menu/next.js";import E from"./modal/next.js";import F from"./pagination/next.js";import G from"./post-purchase/advanced-list/next.js";import H from"./post-purchase/button/next.js";import I from"./post-purchase/callout-banner/next.js";import J from"./post-purchase/countdown-timer/next.js";import K from"./post-purchase/image/next.js";import L from"./post-purchase/line/next.js";import M from"./post-purchase/link/next.js";import N from"./post-purchase/text/next.js";import O from"./post-purchase/product/next.js";import P from"./post-purchase/buyer-consent/next.js";import Q from"./product/next.js";import R from"./radio/next.js";import S from"./select/next.js";import T from"./tab/next.js";import U from"./text/next.js";import V from"./textarea/next.js";import W from"./video/next.js";import X from"./third-party/next.js";import Y from"./third-party-instant/next.js";import Z from"./stock-counter/next.js";import $ from"./third-party-slot/next.js";import _ from"./shop-pay-installment/next.js";import tt from"./sticky/next.js";var next={...t,...o,...r,...m,...e,...n,...i,...s,...p,...x,...f,...j,...a,...c,...u,...l,...d,...h,...b,...g,...y,...v,...k,...w,...q,...z,...A,...B,...C,...D,...E,...F,...G,...H,...I,...J,...K,...L,...M,...N,...O,...P,...Q,...R,...S,...T,...U,...V,...W,...X,...Y,...Z,...$,..._,...tt};export{next as default};
+import t from"./accordion/next.js";import o from"./article/next.js";import r from"./hero-banner/next.js";import m from"./breadcrumb/next.js";import e from"./button/next.js";import i from"./carousel-v3/next.js";import n from"./carousel/next.js";import s from"./cart/next.js";import p from"./code/next.js";import x from"./collection/next.js";import f from"./countdown-timer/next.js";import j from"./coupon/next.js";import a from"./dialog/next.js";import c from"./estimate-delivery/next.js";import u from"./form/next.js";import l from"./grid/next.js";import d from"./header/next.js";import h from"./heading/next.js";import b from"./icon/next.js";import g from"./icon-list/next.js";import y from"./icon-list-hoz/next.js";import v from"./icon-list-v2/next.js";import k from"./image/next.js";import w from"./image-comparison/next.js";import q from"./image-detection/next.js";import z from"./input/next.js";import A from"./line/next.js";import B from"./link/next.js";import C from"./marquee/next.js";import D from"./menu/next.js";import E from"./modal/next.js";import F from"./pagination/next.js";import G from"./post-purchase/advanced-list/next.js";import H from"./post-purchase/button/next.js";import I from"./post-purchase/callout-banner/next.js";import J from"./post-purchase/countdown-timer/next.js";import K from"./post-purchase/image/next.js";import L from"./post-purchase/line/next.js";import M from"./post-purchase/link/next.js";import N from"./post-purchase/text/next.js";import O from"./post-purchase/product/next.js";import P from"./post-purchase/buyer-consent/next.js";import Q from"./product/next.js";import R from"./radio/next.js";import S from"./select/next.js";import T from"./tab/next.js";import U from"./text/next.js";import V from"./textarea/next.js";import W from"./video/next.js";import X from"./third-party/next.js";import Y from"./third-party-instant/next.js";import Z from"./stock-counter/next.js";import $ from"./third-party-slot/next.js";import _ from"./shop-pay-installment/next.js";import tt from"./sticky/next.js";var to={...t,...o,...r,...m,...e,...n,...i,...s,...p,...x,...f,...j,...a,...c,...u,...l,...d,...h,...b,...g,...y,...v,...k,...w,...q,...z,...A,...B,...C,...D,...E,...F,...G,...H,...I,...J,...K,...L,...M,...N,...O,...P,...Q,...R,...S,...T,...U,...V,...W,...X,...Y,...Z,...$,..._,...tt};export{to as default};

package/dist/esm/notification/components/Notice.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useState as o,useRef as i,useCallback as g,useEffect as p}from"react";import{cls as n}from"@gem-sdk/core";import a from"./icons/CloseIcon.js";let Notify=r((r,s)=>{let{style:c,className:l,duration:d=4.5,eventKey:m,content:u,closable:f,props:h,type:x,onClick:w,onNoticeClose:b}=r,[y,N]=o(!1),k=i(),v=g(()=>{b?.(m)},[b,m]);return p(()=>{!y&&d&&(k.current=setTimeout(()=>{v()},1e3*d));let e=k.current;return()=>{e&&clearTimeout(e)}},[d,y,v]),e("div",{"aria-hidden":!0,...h,ref:s,className:n("gp-flex gp-gap-2 gp-rounded gp-px-4 gp-py-2 gp-shadow-md",{"gp-bg-g-info gp-text-white":"info"===x,"gp-bg-g-success gp-text-white":"success"===x,"gp-bg-g-error gp-text-white":"error"===x,"gp-bg-g-warning gp-text-white":"warning"===x,"gp-bg-white gp-text-black":"default"===x||!x},l),style:c,onMouseEnter:()=>{N(!0)},onMouseLeave:()=>{N(!1)},onClick:w,children:[t("div",{children:u}),f&&t("button",{tabIndex:0,onClick:e=>{e.preventDefault(),e.stopPropagation(),v()},children:t(a,{className:"gp-w-4"})})]})});Notify.displayName="Notify";export{Notify as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useState as o,useRef as g,useCallback as p,useEffect as i}from"react";import{cls as n}from"@gem-sdk/core";import a from"./icons/CloseIcon.js";let s=r((r,s)=>{let{style:c,className:l,duration:d=4.5,eventKey:m,content:u,closable:f,props:h,type:x,onClick:w,onNoticeClose:b}=r,[y,N]=o(!1),k=g(),v=p(()=>{b?.(m)},[b,m]);return i(()=>{!y&&d&&(k.current=setTimeout(()=>{v()},1e3*d));let e=k.current;return()=>{e&&clearTimeout(e)}},[d,y,v]),e("div",{"aria-hidden":!0,...h,ref:s,className:n("gp-flex gp-gap-2 gp-rounded gp-px-4 gp-py-2 gp-shadow-md",{"gp-bg-g-info gp-text-white":"info"===x,"gp-bg-g-success gp-text-white":"success"===x,"gp-bg-g-error gp-text-white":"error"===x,"gp-bg-g-warning gp-text-white":"warning"===x,"gp-bg-white gp-text-black":"default"===x||!x},l),style:c,onMouseEnter:()=>{N(!0)},onMouseLeave:()=>{N(!1)},onClick:w,children:[t("div",{children:u}),f&&t("button",{tabIndex:0,onClick:e=>{e.preventDefault(),e.stopPropagation(),v()},children:t(a,{className:"gp-w-4"})})]})});s.displayName="Notify";export{s as default};

package/dist/esm/notification/components/Notifications.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t,Fragment as e}from"react/jsx-runtime";import{forwardRef as o,useState as l,useCallback as r,useImperativeHandle as p,useMemo as i}from"react";import{createPortal as g}from"react-dom";import{cls as f}from"@gem-sdk/core";import n from"./Notice.js";let Notifications=o((o,m)=>{let{container:s,maxCount:c}=o,[a,x]=l([]),d=r(t=>{let e=a.find(e=>e.key===t);e?.onClose?.(),x(e=>e.filter(e=>e.key!==t))},[a]);p(m,()=>({open:t=>{x(e=>{let o=[...e],l=o.findIndex(e=>e.key===t.key);return l>=0?o[l]=t:o.push(t),c&&o.length>c&&(o=o.slice(-c)),o})},close:t=>{d(t)},destroy:()=>{x([])}}),[c,d]);let h=i(()=>{let t={};return a.forEach(e=>{let{placement:o="top-right"}=e;t[o]=[...t[o]||[],e]}),t},[a]);if(!s)return null;let u=t(e,{children:Object.keys(h).map(e=>{let o=h[e];return t("div",{style:{zIndex:9999999},className:f("gp-fixed gp-flex gp-max-h-screen gp-items-end gp-gap-2",{"gp-left-1/2 gp-top-4 -gp-translate-x-1/2 gp-flex-col":"top"===e,"gp-bottom-4 gp-left-1/2 -gp-translate-x-1/2 gp-flex-col":"bottom"===e,"gp-left-4 gp-top-4 gp-flex-col":"top-left"===e,"gp-right-4 gp-top-4 gp-flex-col":"top-right"===e,"gp-bottom-4 gp-left-4 gp-flex-col-reverse":"bottom-left"===e,"gp-bottom-4 gp-right-4 gp-flex-col-reverse":"bottom-right"===e}),children:o?.map(e=>{let{key:o,...l}=e;return t(n,{eventKey:o,...l,onNoticeClose:d},o)})},e)})});return g(u,s)});Notifications.displayName="Notifications";export{Notifications as default};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{forwardRef as o,useState as l,useCallback as r,useImperativeHandle as p,useMemo as g}from"react";import{createPortal as i}from"react-dom";import{cls as f}from"@gem-sdk/core";import m from"./Notice.js";let n=o((o,n)=>{let{container:s,maxCount:c}=o,[a,x]=l([]),d=r(e=>{let t=a.find(t=>t.key===e);t?.onClose?.(),x(t=>t.filter(t=>t.key!==e))},[a]);p(n,()=>({open:e=>{x(t=>{let o=[...t],l=o.findIndex(t=>t.key===e.key);return l>=0?o[l]=e:o.push(e),c&&o.length>c&&(o=o.slice(-c)),o})},close:e=>{d(e)},destroy:()=>{x([])}}),[c,d]);let h=g(()=>{let e={};return a.forEach(t=>{let{placement:o="top-right"}=t;e[o]=[...e[o]||[],t]}),e},[a]);if(!s)return null;let u=e(t,{children:Object.keys(h).map(t=>{let o=h[t];return e("div",{style:{zIndex:9999999},className:f("gp-fixed gp-flex gp-max-h-screen gp-items-end gp-gap-2",{"gp-left-1/2 gp-top-4 -gp-translate-x-1/2 gp-flex-col":"top"===t,"gp-bottom-4 gp-left-1/2 -gp-translate-x-1/2 gp-flex-col":"bottom"===t,"gp-left-4 gp-top-4 gp-flex-col":"top-left"===t,"gp-right-4 gp-top-4 gp-flex-col":"top-right"===t,"gp-bottom-4 gp-left-4 gp-flex-col-reverse":"bottom-left"===t,"gp-bottom-4 gp-right-4 gp-flex-col-reverse":"bottom-right"===t}),children:o?.map(t=>{let{key:o,...l}=t;return e(m,{eventKey:o,...l,onNoticeClose:d},o)})},t)})});return i(u,s)});n.displayName="Notifications";export{n as default};

package/dist/esm/notification/components/icons/CloseIcon.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as l}from"react/jsx-runtime";let DismissIcon=s=>l("svg",{fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...s,children:l("path",{d:"m4.397 4.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084-.073.084Z"})});export{DismissIcon as default};
+import{jsx as l}from"react/jsx-runtime";let a=a=>l("svg",{fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...a,children:l("path",{d:"m4.397 4.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084-.073.084Z"})});export{a as default};