@gem-sdk/components 17.0.0-dev.28 → 17.0.0-staging.5

package/dist/esm/link/settings/Link.js

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

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

@@ -1 +1 @@
-let e=[{id:"setting",controls:[{id:"type",label:"Link Type",type:"select",options:[{value:"auto",label:"Auto"},{value:"product",label:"Product"},{value:"collection",label:"Collection"},{value:"custom",label:"Custom"}],default:"auto"},{id:"href",label:"Href",type:"input",default:"#",hide:!0},{id:"target",label:"Open in",type:"select",options:[{value:"_self",label:"Current Tab"},{value:"_blank",label:"New Tab"},{value:"_top",label:"Top"}],default:"_self"}]}];export{e as LinkSettings};
+let LinkSettings=[{id:"setting",controls:[{id:"type",label:"Link Type",type:"select",options:[{value:"auto",label:"Auto"},{value:"product",label:"Product"},{value:"collection",label:"Collection"},{value:"custom",label:"Custom"}],default:"auto"},{id:"href",label:"Href",type:"input",default:"#",hide:!0},{id:"target",label:"Open in",type:"select",options:[{value:"_self",label:"Current Tab"},{value:"_blank",label:"New Tab"},{value:"_top",label:"Top"}],default:"_self"}]}];export{LinkSettings};

package/dist/esm/marquee/common/classes.js

@@ -1 +1 @@
-import{composeClasses as e,cls as l}from"@gem-sdk/core";let g=e("gp-flex gp-w-full gp-relative"),t=e("!gp-relative"),s=g=>e(l("gem-marquee gp-overflow-hidden gp-flex gp-items-center gp-w-full gp-h-full",g)),p=e("gp-overflow-hidden gp-w-full gp-h-full"),r=e("gp-flex gp-items-center gp-marque-child-item gem-child-marquee-item gp-w-full"),a=g=>e(l("gp-inline-flex gp-items-center gp-relative gp-transition-all",g?"gp-w-full":"")),i=e("gp-inline-flex gp-items-center  [&>svg]:gp-h-full [&>svg]:gp-w-full"),n=(g,t)=>e(l("gp-relative gp-overflow-hidden gem-marquee-item ",t,g,`gem-marquee-item-${g}`)),m=e("first-block gp-w-[0.01px]");export{g as getAlignClasses,t as getContentClasses,i as getFastMarqueeChildrenIconClasses,p as getFastMarqueeClasses,a as getFastMarqueeContentChildrenClasses,r as getFastMarqueeContentClasses,n as getItemWrapperClasses,m as getPlaceHolderWrapperClasses,s as getWrapperClasses};
+import{composeClasses as e,cls as s}from"@gem-sdk/core";let getAlignClasses=e("gp-flex gp-w-full gp-relative"),getContentClasses=e("!gp-relative"),getWrapperClasses=l=>e(s("gem-marquee gp-overflow-hidden gp-flex gp-items-center gp-w-full gp-h-full",l)),getFastMarqueeClasses=e("gp-overflow-hidden gp-w-full gp-h-full"),getFastMarqueeContentClasses=e("gp-flex gp-items-center gp-marque-child-item gem-child-marquee-item gp-w-full"),getFastMarqueeContentChildrenClasses=l=>e(s("gp-inline-flex gp-items-center gp-relative gp-transition-all",l?"gp-w-full":"")),getFastMarqueeChildrenIconClasses=e("gp-inline-flex gp-items-center  [&>svg]:gp-h-full [&>svg]:gp-w-full"),getItemWrapperClasses=(l,t)=>e(s("gp-relative gp-overflow-hidden gem-marquee-item ",t,l,`gem-marquee-item-${l}`)),getPlaceHolderWrapperClasses=e("first-block gp-w-[0.01px]");export{getAlignClasses,getContentClasses,getFastMarqueeChildrenIconClasses,getFastMarqueeClasses,getFastMarqueeContentChildrenClasses,getFastMarqueeContentClasses,getItemWrapperClasses,getPlaceHolderWrapperClasses,getWrapperClasses};

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

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"@gem-sdk/core";let t=(t,r)=>{let{itemWidthType:i}=t||{},u=t=>{let u=e(i,t);if("FIT_CONTENT"===u)return!1;if("BASE_ON_NUMBER_OF_ITEMS"===u)return!0;let l=e(r?.itemMaxWidth,t);return l?.includes("%")};return{isFullWidth:u("desktop"),getIsFullWidthValue:u}};export{t as useMarqueeLiquidStyles};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";let useMarqueeLiquidStyles=(t,r)=>{let{itemWidthType:i}=t||{},u=t=>{let u=e(i,t);if("FIT_CONTENT"===u)return!1;if("BASE_ON_NUMBER_OF_ITEMS"===u)return!0;let l=e(r?.itemMaxWidth,t);return l?.includes("%")};return{isFullWidth:u("desktop"),getIsFullWidthValue:u}};export{useMarqueeLiquidStyles};

package/dist/esm/marquee/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,getHeightByShapeGlobalSize as t,makeStyleWithDefault as o,getWidthByShapeGlobalSize as l,getGlobalColorResponsiveStyle as a,makeStyle as i,getSingleColorVariable as p,getStyleShadow as r,getRadiusStyleActiveState as n,getValueByDevice as b,getResponsiveValueByScreen as s}from"@gem-sdk/core";let d=t=>({...e("jc",t?.align)}),m=e=>{let{style:t,backgroundColor:o,styleWidth:l,styleHeight:i}=e||{};return{...i,...l,...t,...a("bg",o)}},u=e=>{let{index:t,itemSize:o,iconSeparatorColor:l,getHeightOfIconSeparatorSize:a,getWidthOfIconSeparatorSize:p,getIconPosition:r}=e??{};return{...i({c:l}),...t<o?r():"0px",...a?.(),...p?.()}},g=e=>{let{itemBackgroundColor:t,itemBorderStyle:o,itemCorner:l,itemShadow:b,hasItemShadow:s,itemStyle:d}=e||{};return{...a("bg",t),...n({...l,active:{...l||{},radiusType:"custom"}}),...d,...r({value:b,styleAppliedFor:"box-shadow",isEnableShadow:s}),...i({b:o?.border,bw:o?.width,bc:p(o?.color)})}},c=a=>{let{setting:i,styles:p,itemSize:r=0}=a||{},{sizeSetting:n,iconSeparatorSize:d,itemSpacing:m}=p||{},{itemWidthType:u,isShowIconSeparator:g,iconSeparatorSvg:c}=i||{},k=e("h",t(n)),x=o("w",l(n,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),h=e=>{let t=s(p?.itemMaxWidth,e),o=parseInt(t??"0");t=Math.max(o,40)+"px";let l=s(u,e);return"FIT_CONTENT"===l&&(t="auto"),"BASE_ON_NUMBER_OF_ITEMS"===l&&(t=`calc(100% / ${r})`),t},w=e=>"auto"===h(e)?"unset":h(e),S=e=>{let t=s(m,e);return t??"0px"},y=g&&c,I=(e,t)=>{let o=s(p?.itemSpacing,e),l=0>parseInt(o||"0")?"0px":o??"0px";return y?"0px":t<r&&l||"0px"};return{styleHeight:k,styleWidth:x,getIconPosition:()=>({...e("ml",{desktop:S("desktop"),tablet:S("tablet"),mobile:S("mobile")}),...e("mr",{desktop:S("desktop"),tablet:S("tablet"),mobile:S("mobile")})}),getWidthOfIconSeparatorSize:()=>({...e("w",{desktop:`${b(d,"desktop")||0}px`,tablet:`${b(d,"tablet")||0}px`,mobile:`${b(d,"mobile")||0}px`}),...e("minw",{desktop:`${b(d,"desktop")||0}px`,tablet:`${b(d,"tablet")||0}px`,mobile:`${b(d,"mobile")||0}px`})}),getHeightOfIconSeparatorSize:()=>e("h",{desktop:`${b(d,"desktop")||0}px`,tablet:`${b(d,"tablet")||0}px`,mobile:`${b(d,"mobile")||0}px`}),getWidthForWrapperItem:()=>({...e("w",{desktop:h("desktop"),tablet:h("tablet"),mobile:h("mobile")}),...e("minw",{desktop:h("desktop"),tablet:h("tablet"),mobile:h("mobile")}),...e("maxw",{desktop:w("desktop"),tablet:w("tablet"),mobile:w("mobile")})}),getItemPaddingRightSpacingValue:t=>({...e("pr",{desktop:I("desktop",t),tablet:I("tablet",t),mobile:I("mobile",t)})}),getWidthForItem:()=>e("w",{desktop:"calc(100%)",tablet:"calc(100%)",mobile:"calc(100%)"})}},k=(e,t)=>{let o=s(t,e);return o?"100%":"auto"},x=t=>({...e("w",{desktop:k("desktop",t),tablet:k("tablet",t),mobile:k("mobile",t)}),...e("minw",{desktop:k("desktop",t),tablet:k("tablet",t),mobile:k("mobile",t)})}),h=e=>{let{style:t,play:o,pauseOnHover:l,pauseOnClick:a}=e??{};return{...t,"--pause-on-hover":!o||l?"paused":"running","--pause-on-click":!o||l&&!a||a?"paused":"running","--width":"100%","--transform":"none","min-width":"100%"}},w=e=>{let{play:t,direction:o,delay:l,loop:a,autoFill:i}=e||{};return{"--play":t?"running":"paused","--direction":"left"===o?"normal":"reverse","--delay":`${l}s`,"--iteration-count":a?`${a}`:"infinite","--min-width":i?"auto":"100%",...x(e?.isFullWidthResponsive)}},S=(e,t)=>({"--transform":"up"===e?"rotate(90deg)":"down"===e?"rotate(-90deg)":"none",...x(t)});export{d as getAlignStyles,S as getChildBaseStyle,h as getContainerBaseStyle,m as getContentStyles,u as getFastMarqueeChildrenIconStyles,g as getItemWrapperStyles,w as getMarqueeBaseStyle,c as getMarqueeStyles,x as getWidthMarquee};
+import{makeStyleResponsive as e,getGlobalColorResponsiveStyle as t,getRadiusStyleActiveState as l,getStyleShadow as a,makeStyle as o,getSingleColorVariable as i,getHeightByShapeGlobalSize as r,makeStyleWithDefault as s,getWidthByShapeGlobalSize as p,getValueByDevice as n,getResponsiveValueByScreen as d}from"@gem-sdk/core";let getAlignStyles=t=>({...e("jc",t?.align)}),getContentStyles=e=>{let{style:l,backgroundColor:a,styleWidth:o,styleHeight:i}=e||{};return{...i,...o,...l,...t("bg",a)}},getFastMarqueeChildrenIconStyles=e=>{let{index:t,itemSize:l,iconSeparatorColor:a,getHeightOfIconSeparatorSize:i,getWidthOfIconSeparatorSize:r,getIconPosition:s}=e??{};return{...o({c:a}),...t<l?s():"0px",...i?.(),...r?.()}},getItemWrapperStyles=e=>{let{itemBackgroundColor:r,itemBorderStyle:s,itemCorner:p,itemShadow:n,hasItemShadow:d,itemStyle:b}=e||{};return{...t("bg",r),...l({...p,active:{...p||{},radiusType:"custom"}}),...b,...a({value:n,styleAppliedFor:"box-shadow",isEnableShadow:d}),...o({b:s?.border,bw:s?.width,bc:i(s?.color)})}},getMarqueeStyles=t=>{let{setting:l,styles:a,itemSize:o=0}=t||{},{sizeSetting:i,iconSeparatorSize:b,itemSpacing:u}=a||{},{itemWidthType:m,isShowIconSeparator:g,iconSeparatorSvg:h}=l||{},k=e("h",r(i)),c=s("w",p(i,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),x=e=>{let t=d(a?.itemMaxWidth,e),l=parseInt(t??"0");t=Math.max(l,40)+"px";let i=d(m,e);return"FIT_CONTENT"===i&&(t="auto"),"BASE_ON_NUMBER_OF_ITEMS"===i&&(t=`calc(100% / ${o})`),t},w=e=>"auto"===x(e)?"unset":x(e),y=()=>({...e("w",{desktop:x("desktop"),tablet:x("tablet"),mobile:x("mobile")}),...e("minw",{desktop:x("desktop"),tablet:x("tablet"),mobile:x("mobile")}),...e("maxw",{desktop:w("desktop"),tablet:w("tablet"),mobile:w("mobile")})}),S=()=>({...e("w",{desktop:`${n(b,"desktop")||0}px`,tablet:`${n(b,"tablet")||0}px`,mobile:`${n(b,"mobile")||0}px`}),...e("minw",{desktop:`${n(b,"desktop")||0}px`,tablet:`${n(b,"tablet")||0}px`,mobile:`${n(b,"mobile")||0}px`})}),W=()=>e("h",{desktop:`${n(b,"desktop")||0}px`,tablet:`${n(b,"tablet")||0}px`,mobile:`${n(b,"mobile")||0}px`}),M=e=>{let t=d(u,e);return t??"0px"},$=()=>({...e("ml",{desktop:M("desktop"),tablet:M("tablet"),mobile:M("mobile")}),...e("mr",{desktop:M("desktop"),tablet:M("tablet"),mobile:M("mobile")})}),q=t=>({...e("pr",{desktop:B("desktop",t),tablet:B("tablet",t),mobile:B("mobile",t)})}),C=g&&h,B=(e,t)=>{let l=d(a?.itemSpacing,e),i=0>parseInt(l||"0")?"0px":l??"0px";return C?"0px":t<o&&i||"0px"},I=()=>e("w",{desktop:"calc(100%)",tablet:"calc(100%)",mobile:"calc(100%)"});return{styleHeight:k,styleWidth:c,getIconPosition:$,getWidthOfIconSeparatorSize:S,getHeightOfIconSeparatorSize:W,getWidthForWrapperItem:y,getItemPaddingRightSpacingValue:q,getWidthForItem:I}},getWidthValue=(e,t)=>{let l=d(t,e);return l?"100%":"auto"},getWidthMarquee=t=>({...e("w",{desktop:getWidthValue("desktop",t),tablet:getWidthValue("tablet",t),mobile:getWidthValue("mobile",t)}),...e("minw",{desktop:getWidthValue("desktop",t),tablet:getWidthValue("tablet",t),mobile:getWidthValue("mobile",t)})}),getContainerBaseStyle=e=>{let{style:t,play:l,pauseOnHover:a,pauseOnClick:o}=e??{};return{...t,"--pause-on-hover":!l||a?"paused":"running","--pause-on-click":!l||a&&!o||o?"paused":"running","--width":"100%","--transform":"none","min-width":"100%"}},getMarqueeBaseStyle=e=>{let{play:t,direction:l,delay:a,loop:o,autoFill:i}=e||{};return{"--play":t?"running":"paused","--direction":"left"===l?"normal":"reverse","--delay":`${a}s`,"--iteration-count":o?`${o}`:"infinite","--min-width":i?"auto":"100%",...getWidthMarquee(e?.isFullWidthResponsive)}},getChildBaseStyle=(e,t)=>({"--transform":"up"===e?"rotate(90deg)":"down"===e?"rotate(-90deg)":"none",...getWidthMarquee(t)});export{getAlignStyles,getChildBaseStyle,getContainerBaseStyle,getContentStyles,getFastMarqueeChildrenIconStyles,getItemWrapperStyles,getMarqueeBaseStyle,getMarqueeStyles,getWidthMarquee};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{filterToolbarPreview as s,isEmptyChildren as t,cls as i}from"@gem-sdk/core";import{useMemo as o,Children as m,isValidElement as a}from"react";import{useMarqueeStyles as l}from"../hooks/useMarqueeStyles.js";import{useMarqueeScrollToItem as d}from"../hooks/useMarqueeScrollToItem.js";import c from"./MarqueeBase.js";import{useMarquee as n}from"../hooks/useMarquee.js";import{createClass as u,createStyle as h,If as p}from"@gem-sdk/system";import{getAlignClasses as v,getContentClasses as y,getWrapperClasses as f,getFastMarqueeClasses as S,getFastMarqueeContentClasses as N,getFastMarqueeContentChildrenClasses as w,getFastMarqueeChildrenIconClasses as I}from"../common/classes.js";import{getMarqueeStyles as k,getAlignStyles as j,getContentStyles as q,getFastMarqueeChildrenIconStyles as M}from"../common/styles.js";let g=({children:g,style:B,builderAttrs:C,advanced:x,...H})=>{let{styles:T,setting:F,builderProps:P}=H,{iconSeparatorSvg:_,isShowIconSeparator:A,stopOnHover:L,speed:O}=F||{},{backgroundColor:W,iconSeparatorColor:b}=T||{},z=o(()=>m.count(s(g)),[g]),{isFullWidth:D}=l({setting:F,styles:T,itemSize:z}),{styleHeight:E,styleWidth:G,getWidthForWrapperItem:J,getHeightOfIconSeparatorSize:K,getWidthOfIconSeparatorSize:Q,getIconPosition:R,getItemPaddingRightSpacingValue:U,getWidthForItem:V}=k({setting:F,styles:T,itemSize:z}),{rate:X,wrapperElement:Y,scrollTime:Z,hoverItem:$,setHoverItem:ee,setActiveItem:er,activeItem:es,direction:et,isPause:ei,scrollToItemClass:eo}=d({...H}),{isPlay:em,rateUse:ea}=n({children:g,isPause:ei,isPreview:P?.isPreview,rate:X,speed:O}),el=u(v),ed=h(j(T)),ec=h(q({style:B,backgroundColor:W,styleWidth:G,styleHeight:E})),en=u(y),eu=u(f(P?.uid)),eh=u(S),ep=u(N),ev=u(w(D)),ey=e=>h(M({index:e,itemSize:z,iconSeparatorColor:b,getHeightOfIconSeparatorSize:K,getWidthOfIconSeparatorSize:Q,getIconPosition:R})),ef=u(I),eS=e=>h({...U(e),"text-wrap":"wrap",...J()}),eN=h(V());return e("div",{"data-id":P?.uid,className:i(P?.uid,x?.cssClass),children:e("div",{className:el,style:ed,children:r("div",{"data-id":P?.uid,className:en,style:ec,...C,children:[e("div",{className:eu,ref:Y,children:e("div",{className:eh,children:e(c,{autoFill:!0,play:em,speed:ea,isFullWidth:D,pauseOnHover:L,direction:et,uniqueId:P?.uid,style:{...G,width:"100%"},children:e("div",{className:ep,children:t(g)?e("div",{children:"No Slider"}):m.map(s(g),(s,t)=>a(s)?r("div",{className:ev,style:eS(t),children:[e(s.type,{...s.props,index:t,activeItem:es,hoverItem:$,timeToScroll:Z,setHoverItem:ee,setActiveItem:er,className:eo(t),itemBorderStyle:T?.itemBorderStyle,itemCorner:T?.itemCorner,itemBackgroundColor:T?.itemBackgroundColor,hasItemShadow:F?.hasItemShadow,itemShadow:T?.itemShadow,itemStyle:eN}),p(!!(A&&_),e("span",{style:ey(t),className:ef,dangerouslySetInnerHTML:{__html:_??""}}))]},s.key):null)})})})}),s(g,!0)]})})})};export{g as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{filterToolbarPreview as s,cls as t,isEmptyChildren as i}from"@gem-sdk/core";import{useMemo as o,Children as m,isValidElement as a}from"react";import{useMarqueeStyles as l}from"../hooks/useMarqueeStyles.js";import{useMarqueeScrollToItem as d}from"../hooks/useMarqueeScrollToItem.js";import c from"./MarqueeBase.js";import{useMarquee as n}from"../hooks/useMarquee.js";import{createClass as u,createStyle as h,If as p}from"@gem-sdk/system";import{getAlignClasses as v,getContentClasses as y,getWrapperClasses as f,getFastMarqueeClasses as S,getFastMarqueeContentClasses as N,getFastMarqueeContentChildrenClasses as w,getFastMarqueeChildrenIconClasses as I}from"../common/classes.js";import{getMarqueeStyles as k,getAlignStyles as j,getContentStyles as q,getFastMarqueeChildrenIconStyles as M}from"../common/styles.js";let Marquee=({children:g,style:B,builderAttrs:C,advanced:x,...H})=>{let{styles:T,setting:F,builderProps:P}=H,{iconSeparatorSvg:_,isShowIconSeparator:A,stopOnHover:L,speed:O}=F||{},{backgroundColor:W,iconSeparatorColor:b}=T||{},z=o(()=>m.count(s(g)),[g]),{isFullWidth:D}=l({setting:F,styles:T,itemSize:z}),{styleHeight:E,styleWidth:G,getWidthForWrapperItem:J,getHeightOfIconSeparatorSize:K,getWidthOfIconSeparatorSize:Q,getIconPosition:R,getItemPaddingRightSpacingValue:U,getWidthForItem:V}=k({setting:F,styles:T,itemSize:z}),{rate:X,wrapperElement:Y,scrollTime:Z,hoverItem:$,setHoverItem:ee,setActiveItem:er,activeItem:es,direction:et,isPause:ei,scrollToItemClass:eo}=d({children:g,style:B,builderAttrs:C,...H}),{isPlay:em,rateUse:ea}=n({children:g,isPause:ei,isPreview:P?.isPreview,rate:X,speed:O}),el=u(v),ed=h(j(T)),ec=h(q({style:B,backgroundColor:W,styleWidth:G,styleHeight:E})),en=u(y),eu=u(f(P?.uid)),eh=u(S),ep=u(N),ev=u(w(D)),ey=e=>h(M({index:e,itemSize:z,iconSeparatorColor:b,getHeightOfIconSeparatorSize:K,getWidthOfIconSeparatorSize:Q,getIconPosition:R})),ef=u(I),eS=e=>h({...U(e),"text-wrap":"wrap",...J()}),eN=h(V());return e("div",{"data-id":P?.uid,className:t(P?.uid,x?.cssClass),children:e("div",{className:el,style:ed,children:r("div",{"data-id":P?.uid,className:en,style:ec,...C,children:[e("div",{className:eu,ref:Y,children:e("div",{className:eh,children:e(c,{autoFill:!0,play:em,speed:ea,isFullWidth:D,pauseOnHover:L,direction:et,uniqueId:P?.uid,style:{...G,width:"100%"},children:e("div",{className:ep,children:i(g)?e("div",{children:"No Slider"}):m.map(s(g),(s,t)=>a(s)?r("div",{className:ev,style:eS(t),children:[e(s.type,{...s.props,index:t,activeItem:es,hoverItem:$,timeToScroll:Z,setHoverItem:ee,setActiveItem:er,className:eo(t),itemBorderStyle:T?.itemBorderStyle,itemCorner:T?.itemCorner,itemBackgroundColor:T?.itemBackgroundColor,hasItemShadow:F?.hasItemShadow,itemShadow:T?.itemShadow,itemStyle:eN}),p(!!(A&&_),e("span",{style:ey(t),className:ef,dangerouslySetInnerHTML:{__html:_??""}}))]},s.key):null)})})})}),s(g,!0)]})})})};export{Marquee as default};

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

@@ -1,19 +1,19 @@
-import{cls as e,WrapRenderChildren as s,RenderChildren as t,template 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 u}from"@gem-sdk/system";import{getMarqueeStyles as n,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 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}=n({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(q),es=l(j(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()),ed=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="${d}/assets-v2/gp-marquee-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  <gp-marquee data-id="${P?.uid}" gp-data='${JSON.stringify(ed)}'
-   class="${e(P?.uid,E?.cssClass)}">
-   <div class="${L}" style="${Q}">
-      <div class="${X}" style="${U}">
-         <div class="${Y}">
-            <div class="${ee}">
-               ${a({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})}
-                     ${u(!!(G&&F),i`<span style="${et(s)}"
-                        class="${ei}">
+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 u}from"@gem-sdk/system";import{getMarqueeStyles as n,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}=n({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}" gp-data='${JSON.stringify(ea)}'
+   class="${s(P?.uid,E?.cssClass)}">
+   <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})}
+                     ${u(!!(G&&F),e`<span style="${ei(t)}"
+                        class="${er}">
                         ${F}
                      </span>`)}
                   </div>
@@ -25,4 +25,4 @@ import{cls as e,WrapRenderChildren as s,RenderChildren as t,template as i,Render
       </div>
    </div>
 </gp-marquee>
-`};export{w as default};
+`};export{Marquee 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 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};
+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};

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 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}">
+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}">
       <div class="rfm-initial-child-container">
         ${e`
-        <div style="${q}" class="${"rfm-child"}">
-          ${u}
+        <div style="${p}" class="${"rfm-child"}">
+          ${n}
         </div>
         `}
       </div>
     </div>
-    <div class="rfm-marquee placeholder-marquee" style="${p}"></div>
+    <div class="rfm-marquee placeholder-marquee" style="${y}"></div>
   </div>
-  `};export{l as default};
+  `};export{MarqueeBase 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 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};
+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};

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

@@ -1,7 +1,7 @@
-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
+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
       class="${v}"
       style="${$}"
     >
       <div className="${g}"></div>
-      ${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};
+      ${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};

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 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};
+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};

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 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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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 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};
+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};

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 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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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 r={Marquee:e,MarqueeItem:t};export{r as 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 marqueeSetting={Marquee:e,MarqueeItem:t};export{marqueeSetting};

package/dist/esm/marquee/next.js

@@ -1 +1 @@
-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};
+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};

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 i={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 config={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{i 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{config as default};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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 t=[{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 MarqueePresets=[{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{t as 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{MarqueePresets};

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

@@ -1,2 +1,2 @@
-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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1,2 +1,2 @@
 'use client';
-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};
+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};

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{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};
+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};

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 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};
+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};

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{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};
+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};

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

@@ -1,2 +1,2 @@
 'use client';
-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};
+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};

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{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};
+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};

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 e={Menu:t};export{e as 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 menuSetting={Menu:t};export{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 t=o(()=>import("./components/Menu.js"),{loading:m});var r={Menu:t};export{r 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 Menu=o(()=>import("./components/Menu.js"),{loading:m});var menu={Menu};export{menu as default};

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

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

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as i,jsxs as t}from"react/jsx-runtime";import{useRef as p,useCallback as l,useEffect as r}from"react";import{cls as a,isEmptyChildren as n}from"@gem-sdk/core";import{createPortal as o}from"react-dom";import g from"../hooks/useModalContainer.js";import d from"../../grid/components/ChildrenDroppable.js";let s=({setting:s,styles:c,children:m,willUnmount:h,closeOnEscape:u,onKeypressEscape:w,keyCodeForClose:f,closeOnClickOutside:v,onClose:x,contentClass:y,disableIframeClickEvent:C})=>{let{open:k}=s??{},b=g(),L=p(null),N=p(null),M=l(e=>{let i=e.code;f?.includes(i),u&&"Escape"===i&&w?.(e)},[u,f,w]);r(()=>(document.addEventListener("keydown",M,!1),()=>{document.removeEventListener("keydown",M,!1),h?.()}),[M,h]);let j=l(e=>{let i=e.target===L.current,t=e.target===N.current;(v&&i||t)&&(window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:!1}),"*"),x?.())},[v,x]);return(r(()=>{window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:k}),"*")},[k]),b&&k)?o(e(i,{children:e("div",{className:"gp-fixed gp-inset-0 gp-z-50 gp-overflow-y-auto","data-disable-iframe-click-event":C||!1,children:t("div",{className:"gp-min-h-screen gp-px-4 gp-text-center",children:[e("div",{ref:L,className:a("gp-fixed gp-inset-0 gp-bg-black/60 gp-backdrop-blur-sm gp-transition-all gp-duration-100",{"gp-opacity-100":k,"gp-opacity-0":!k}),onClick:j,"aria-hidden":!0}),e("span",{className:"gp-inline-block gp-h-screen gp-align-middle"}),t("div",{className:a("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":!c?.width,"gp-scale-100 gp-opacity-100":k,"gp-scale-0 gp-opacity-0":!k},y),style:{width:c?.width},children:[e("div",{className:"gp-absolute gp-right-[16px] gp-top-[16px] gp-z-10 gp-cursor-pointer",onClick:j,"aria-hidden":"true",children:e("svg",{ref:N,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"})})}),e("div",{children:n(m)?e(d,{}):m})]})]})})}),b):null};export{s as default};
+import{jsx as e,Fragment as i,jsxs as t}from"react/jsx-runtime";import{useRef as p,useCallback as l,useEffect as r}from"react";import{cls as a,isEmptyChildren as n}from"@gem-sdk/core";import{createPortal as o}from"react-dom";import d from"../hooks/useModalContainer.js";import g from"../../grid/components/ChildrenDroppable.js";let Modal=({setting:s,styles:c,children:m,willUnmount:h,closeOnEscape:u,onKeypressEscape:w,keyCodeForClose:f,closeOnClickOutside:v,onClose:x,contentClass:y,disableIframeClickEvent:C})=>{let{open:k}=s??{},b=d(),L=p(null),N=p(null),M=l(e=>{let i=e.code,t="Escape"===i;f?.includes(i),u&&t&&w?.(e)},[u,f,w]);r(()=>(document.addEventListener("keydown",M,!1),()=>{document.removeEventListener("keydown",M,!1),h?.()}),[M,h]);let j=l(e=>{let i=e.target===L.current,t=e.target===N.current;(v&&i||t)&&(window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:!1}),"*"),x?.())},[v,x]);return(r(()=>{window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:k}),"*")},[k]),b&&k)?o(e(i,{children:e("div",{className:"gp-fixed gp-inset-0 gp-z-50 gp-overflow-y-auto","data-disable-iframe-click-event":C||!1,children:t("div",{className:"gp-min-h-screen gp-px-4 gp-text-center",children:[e("div",{ref:L,className:a("gp-fixed gp-inset-0 gp-bg-black/60 gp-backdrop-blur-sm gp-transition-all gp-duration-100",{"gp-opacity-100":k,"gp-opacity-0":!k}),onClick:j,"aria-hidden":!0}),e("span",{className:"gp-inline-block gp-h-screen gp-align-middle"}),t("div",{className:a("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":!c?.width,"gp-scale-100 gp-opacity-100":k,"gp-scale-0 gp-opacity-0":!k},y),style:{width:c?.width},children:[e("div",{className:"gp-absolute gp-right-[16px] gp-top-[16px] gp-z-10 gp-cursor-pointer",onClick:j,"aria-hidden":"true",children:e("svg",{ref:N,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"})})}),e("div",{children:n(m)?e(g,{}):m})]})]})})}),b):null};export{Modal 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 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};
+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};

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 m=()=>{let[m,l]=o(),a=e();return r(()=>{let e=t(`dialog-${a}`);l(e)},[a]),m};export{m 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 useModalContainer=()=>{let[m,a]=o(),l=e();return r(()=>{let e=t(`dialog-${l}`);a(e)},[l]),m};export{useModalContainer as default};

package/dist/esm/modal/index.js

@@ -1 +1 @@
-export{openConfirm}from"./components/confirm.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"react-dom";import o from"./settings/Modal.js";let t={Modal:o};export{t as modalSetting};
+export{openConfirm}from"./components/confirm.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"react-dom";import o from"./settings/Modal.js";let modalSetting={Modal:o};export{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 t=o(()=>import("./components/Modal.js"),{loading:m});var r={Modal:t};export{r 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 Modal=o(()=>import("./components/Modal.js"),{loading:m});var modal={Modal};export{modal as default};

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

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

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

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