@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

package/dist/cjs/grid/components/col/common/styles.js

@@ -0,0 +1 @@
+"use strict";var system=require("@gem-sdk/system"),core=require("@gem-sdk/core");const getStyles=(e,t)=>{let{styles:s,justifyContent:o,order:r,layout:i,parentTag:l,children:n}=e,c=core.getResponsiveValue(i,"display"),a={},p=["IconListItem","ThirdPartySlot"];for(let e of core.DEVICES)a[e]="fit"===core.getResponsiveValueByScreen(c,e)||i&&core.isColumnDirectionExist(i,e)||p.includes(l||"")?"none":s?.display?.[e];let y=()=>{let e=Object.fromEntries(Object.entries(s?.order??{}).map(([e,t])=>[e,String(t)])),o=r??e;return t?{desktop:o?.desktop,tablet:o?.desktop,mobile:o?.desktop}:o},m=system.createStyle({...core.makeStyleResponsive("cg",s?.gap),...core.makeStyleResponsive("rg",s?.gap),...core.makeStyleResponsive("ai",s?.alignItem),...core.makeStyleResponsive("jc",o??s?.justifyContent),...core.makeStyleResponsive("o",y()),...core.makeStyleResponsive("d",n?s?.display:a)});return{colStyle:m}};exports.getStyles=getStyles;

package/dist/cjs/grid/components/root/Root.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const Root=({children:e})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:e});exports.default=Root;

package/dist/cjs/grid/components/root/Root.liquid.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const Root=({children:e})=>e;exports.default=({children:e})=>e;

package/dist/cjs/grid/components/row/Row.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),Head=require("next/head"),ChildrenDroppable=require("../ChildrenDroppable.js"),HTML5Embed=require("../../../video/components/HTML5Embed.js"),helpers$1=require("../../../video/common/helpers.js"),LiteYouTubeEmbed=require("../../../video/components/LiteYouTubeEmbed.js"),system=require("@gem-sdk/system"),useRowSetting=require("../../hooks/useRowSetting.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),core=require("@gem-sdk/core");const Row=e=>{let{styles:s,setting:t,children:r}=e,{isSection:i,as:l="div"}=t??{},{background:o}=s??{},{builderAttrs:a,cacheHeightOutViewport:m,bgVideo:n,isRowEmpty:u,rowClassEditorOnly:d,isRenderPlaceholderViewBox:c,isPostPurchase:p,ref:j,postPurchaseVerticalAlign:x}=useRowSetting.useRowSettings(e),{rowStyle:h,backgroundBoxStyle:y,embedVideoStyle:R,sectionStyle:g}=styles.getRowStyle(e,p),{rowAttr:b}=attrs.getAttr(e),{rowClass:v,backgroundBoxClass:f,backgroundBoxInnerClass:C,sectionClass:k,wrapperYoutubeClasses:q,iframeYoutubeClasses:E}=classes.getClass(e),w=system.createClass({[v]:!0,[d]:!0}),H=React.useMemo(()=>{if(!helpers.checkHasBackgroundVideo(o))return;if(n?.videoType==="html5"&&!n.videoHtml5||n?.videoType==="youtube"&&!n.video)return null;if(n?.videoType==="html5"&&n.videoHtml5)return jsxRuntime.jsx(HTML5Embed.default,{muted:!0,loop:n.loop,controls:!1,autoplay:!0,src:n.videoHtml5,title:"Video",className:"gp-relative",style:R});let e=n?.video??"",s=helpers$1.getYoutubeVideoId(e);if(!helpers$1.youtubeVideoRegex.test(e)||!s)return;let t=`&loop=${n?.loop?1:0}&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return jsxRuntime.jsx(LiteYouTubeEmbed.default,{id:s,autoplay:!0,title:"",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:!1,style:R,wrapperClass:q,iframeClass:E})},[o,n,R,E,q]),T=React.Children.map(r,e=>!!core.isEmptyChildren(e)),L=jsxRuntime.jsxs("div",{ref:j,...a,...b,style:h(p),className:w,children:[!!H&&jsxRuntime.jsx("div",{className:f,style:y,children:jsxRuntime.jsx("div",{className:C,children:H})}),c?jsxRuntime.jsx("div",{style:{height:`${m}px`}}):jsxRuntime.jsx(jsxRuntime.Fragment,{children:u?jsxRuntime.jsx(ChildrenDroppable.default,{}):React.Children.map(r,s=>React.isValidElement(s)?React.createElement(s.type,{hiddenEmptyCol:e.hiddenEmptyCol&&!core.isEmptyChildren(s)&&!T,...s.props,key:s.key,order:t?.order,layout:t?.layout,justifyContent:p?x():t?.verticalAlign}):null)})]});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!!s?.preloadBgImage&&jsxRuntime.jsxs(Head,{children:[!!o?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.desktop.image.src,as:"image"}),!!o?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.tablet.image.src,as:"image"}),!!o?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.mobile.image.src,as:"image"})]}),i?jsxRuntime.jsx(l,{className:k,style:g,children:L}):L]})};exports.default=Row;

package/dist/cjs/grid/components/row/Row.liquid.js

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),HTML5Embed_liquid=require("../../../video/components/HTML5Embed.liquid.js"),system=require("@gem-sdk/system"),helpers$2=require("../../../video/common/helpers.js"),LiteYouTubeEmbed_liquid=require("../../../video/components/LiteYouTubeEmbed.liquid.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),helpers$3=require("../../../hero-banner/common/helpers.js");const Row=e=>{let{styles:r,setting:s,rawChildren:t,builderProps:o}=e,{isSection:l}=s??{},{background:i}=r??{},a=l?"section":"div",{stateData:d}=helpers.getData(e),{rowStyle:p,backgroundBoxStyle:c,embedVideoStyle:n,sectionStyle:u}=styles.getRowStyle(e),{rowAttr:m}=attrs.getAttr(e),{rowClass:g,backgroundBoxClass:$,backgroundBoxInnerClass:f,sectionClass:h,wrapperYoutubeClasses:y,iframeYoutubeClasses:b}=classes.getClass(e),v=system.createClass({[g]:!0}),k=()=>{if(!helpers.checkHasBackgroundVideo(i))return;let e=helpers$3.getResponsiveSetting(i||{});if(helpers.isRenderHtmlVideo(i))return HTML5Embed_liquid.default({uid:o?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:n});if(helpers.isRenderYoutubeVideo(i)){let r=e?.desktop?.video??"",s=helpers$2.getYoutubeVideoId(r)||"",t=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return LiteYouTubeEmbed_liquid.default({uid:o?.uid,id:s,autoplay:!0,title:"Video",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,preload:!0,style:n,wrapperClass:y,iframeClass:b})}},q=()=>{if(helpers.checkHasBackgroundVideo(i))return core.template`
+      ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    `},R=core.template`
+    <gp-row gp-data='${d}' ${{...m}} class="${v}" style="${p()}">
+      ${system.If(!!k(),core.template`
+          <div class="${$}" style="${c}">
+            <div class="${f}">${k()}</div>
+          </div>
+        `)}
+
+      ${core.WrapRenderChildren({uid:o?.uid||"",customProps:t?.[0].customProps},t?.map(e=>{if(e)return core.RenderChildren({...e,order:s?.order,layout:s?.layout,justifyContent:s?.verticalAlign})}))}
+
+      ${q()}
+    </gp-row>
+  `;return core.template`
+    ${core.RenderIf(!!r?.preloadBgImage,`${core.RenderIf(!!i?.desktop?.image?.src,`<link rel="preload" href="${i?.desktop?.image?.src}" as="image" />`)}${core.RenderIf(!!i?.tablet?.image?.src,`<link rel="preload" href="${i?.tablet?.image?.src}" as="image" />`)}${core.RenderIf(!!i?.mobile?.image?.src,`<link rel="preload" href="${i?.mobile?.image?.src}" as="image" />`)}`)}
+
+    ${core.RenderIf(!!l,"{% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}")}
+
+    ${system.If(l,core.template`
+        <${a}
+          class="${h} ${l?helpers$1.getSettingPreloadData("gps-lazy"):""}"
+          style="${u}"
+        >
+          ${R}
+        </${a}>
+      `,core.template`${R}`)}
+  `};exports.default=Row;

package/dist/cjs/grid/components/row/common/attrs.js

@@ -0,0 +1 @@
+"use strict";var system=require("@gem-sdk/system");const getAttr=t=>{let{builderProps:e,setting:r,customAttrs:i}=t,s=system.createAttr({"data-id":e?.uidInteraction??e?.uid??"",id:e?.uid??"","data-same-height-subgrid-container":!!r?.sameHeightSubgridContainer,...i});return{rowAttr:s}};exports.getAttr=getAttr;

package/dist/cjs/grid/components/row/common/classes.js

@@ -0,0 +1 @@
+"use strict";var system=require("@gem-sdk/system");const getClass=s=>{let{builderProps:e,advanced:l,className:g}=s,a=system.createClass({"gp-background-video gp-absolute gp-overflow-hidden gp-w-full gp-h-full left-0 top-0":!0}),t=system.createClass({"gp-bg-video gp-relative gp-h-full":!0}),p=system.createClass({...g&&{[g]:!0},...e?.uid&&{[e.uid]:!0},"gp-relative gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full gp-grid-rows-[1fr]":!0,...l?.cssClass&&{[l?.cssClass]:!0}}),r=system.createClass({"gp-mx-auto gp-max-w-full [&_*]:gp-max-w-full":!0}),u=system.createClass({"gp-pb-[56.25%] gp-h-full gp-w-full !gp-max-w-none gp-background-article":!0}),o=system.createClass({"!gp-w-[500%] !gp-ml-[-200%] !gp-h-full !gp-max-w-none gp-scale-[104%]":!0});return{rowClass:p,backgroundBoxClass:a,backgroundBoxInnerClass:t,sectionClass:r,wrapperYoutubeClasses:u,iframeYoutubeClasses:o}};exports.getClass=getClass;

package/dist/cjs/grid/components/row/common/helpers.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../../../carousel/components/arrow/common/helpers.js");const defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t,r)=>t?.[e]===!0?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"0px"}:r?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:r?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:r?.[e]!==void 0?{contentWidth:r?.[e],wrapperWidth:`calc(${r?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=(e,t)=>{let r=getStyleByDevice("desktop",t,e),d=getStyleByDevice("tablet",t,e),o=getStyleByDevice("mobile",t,e);return{content:{desktop:r.contentWidth,tablet:d.contentWidth,mobile:o.contentWidth},wrapper:{desktop:r.wrapperWidth,tablet:d.wrapperWidth,mobile:o.wrapperWidth},padding:{desktop:r.wrapperPadding,tablet:d.wrapperPadding,mobile:o.wrapperPadding}}},getData=e=>{let{styles:t,builderProps:r}=e,d=system.createStateOrContext({background:t?.background,uid:r?.uid});return{stateData:core.dataStringify(d).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let o=e?.[d],i=t?.[d];o&&i&&(r[d]=reduceRadiusForState(o.width,i))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}const checkHasBackgroundVideo=e=>core.DEVICES.some(t=>{let r=core.getValueByDevice(e,t);return!!r&&(r?.videoType==="html5"&&r?.videoHtml5||r?.videoType==="youtube"&&r?.video)}),isRenderHtmlVideo=e=>{let t=helpers.getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,o=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==o},isRenderYoutubeVideo=e=>{let t=helpers.getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,o=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==o};exports.checkHasBackgroundVideo=checkHasBackgroundVideo,exports.createStyleObject=createStyleObject,exports.getData=getData,exports.getInnerRadiusExcludeBorder=getInnerRadiusExcludeBorder,exports.isRenderHtmlVideo=isRenderHtmlVideo,exports.isRenderYoutubeVideo=isRenderYoutubeVideo;

package/dist/cjs/grid/components/row/common/styles.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("./helpers.js"),helper=require("../../../../post-purchase/common/helper.js");const getRowStyle=(e,t)=>{let{children:r,setting:o,builderProps:s,styles:l,style:i,advanced:p,isNotFullWidth:a,parentStyle:c}=e,{isSection:n,layout:d,horizontalAlign:m,responsive:y,inlineAlignment:b}=o??{},{width:u,columnGap:g,rowGap:k,fullWidth:S,background:v,verticalGutter:h,verticalGutterMobile:R,enablePagePadding:f,height:x}=l??{},w=helpers.getInnerRadiusExcludeBorder(p?.border,p?.rounded),B=(e,t)=>{let r=e?.normal,o=t?.normal;if(!r||!o||o?.borderType=="none"||"square"===r.radiusType||"none"===r.radiusType)return!1;for(let e in r)if(Object.hasOwn(r,e)&&"0px"!==r[e])return!0;return!1},D=core.makeStyleResponsive("of",{desktop:B(w.desktop,core.getValueByDevice(p?.border,"desktop"))?"hidden":void 0,tablet:B(w.tablet,core.getValueByDevice(p?.border,"tablet"))?"hidden":void 0,mobile:B(w.mobile,core.getValueByDevice(p?.border,"mobile"))?"hidden":void 0}),j=s?.builderData?.childrens?.length,q={...core.makeStyleResponsive("aspect",{desktop:"16/9"})},V=core.isEmptyChildren(r)||!j,O={desktop:u?.desktop==="default"?"1200px":u?.desktop,tablet:u?.tablet==="default"?"1200px":u?.tablet,mobile:u?.mobile==="default"?"1200px":u?.mobile},T=helpers.createStyleObject(t?O:u,S),[C,E]=core.splitStyle(["pos","top","left","bottom","right","z"],i),G=()=>({...n?E:i,...core.makeStyleResponsive("cg",h),...core.makeStyleResponsive("rg",R),...d?core.composeGridLayout(d):core.makeStyleResponsive("gtc",y),...core.makeStyleResponsive("w",T.content),...core.makeStyleResponsive("h",x),...n?{}:D}),L=()=>({"--mb":"0px","--mt":"0px",...core.makeStyleResponsive("cg",g),...core.makeStyle({pc:b,rg:k?helper.postPurchaseViewSpacing[k]:"0px"})}),z=e=>({...core.getStyleBackgroundByDevice(v,e),...core.getGradientBgrStyleByDevice(v,{desktop:!0,tablet:!0,mobile:!0}),...core.makeStyleResponsive("pc",m)}),H=()=>{let e=a&&!V;return e?{marginLeft:"0px",marginRight:"0px"}:{}},I=()=>({...core.composeRadius(w)}),P=(e=!1)=>system.createStyle({...G(),...z(),...H(),...e?L():{},...o?.sameHeightSubgridContainer&&c}),Y=system.createStyle({...I()}),A=system.createStyle({...q,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),F=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},J={desktop:F(f?.desktop),tablet:F(f?.tablet),mobile:F(f?.mobile)},K=system.createStyle({...C,...core.makeStyleResponsive("w",T.wrapper),...core.makeStyleResponsive("pl",J),...core.makeStyleResponsive("pr",J)});return{embedVideoStyle:A,backgroundBoxStyle:Y,rowStyle:P,sectionStyle:K}};exports.getRowStyle=getRowStyle;

package/dist/cjs/grid/components/section/Section.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),Loading=require("../../../common/components/Loading.js");require("@gem-sdk/core");var Row=require("../row/Row.js");const Section=e=>{let t=React.useMemo(()=>{let{builderProps:t}=e;return t?.builderData?.name==="SectionLoading"},[e]);return t?jsxRuntime.jsx(Loading.default,{}):jsxRuntime.jsx(Row.default,{...e,setting:{...e.setting,as:"section",isSection:!0}})};exports.default=Section;

package/dist/cjs/grid/components/section/Section.liquid.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Row_liquid=require("../row/Row.liquid.js");const Section=e=>Row_liquid.default({...e,setting:{...e.setting,isSection:!0}});exports.default=Section;

package/dist/cjs/grid/hooks/useRowSetting.js

@@ -0,0 +1 @@
+"use strict";var React=require("react"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),useInView=require("../../common/hooks/useInView.js");const useRowSettings=e=>{let{setting:t,styles:i,children:s,maxWidthWithEmptyChildren:o,builderAttrs:r}=e,{isSection:n,lazy:u,layout:c,blockAlignment:a}=t??{},{background:d}=i??{},g=core.useCurrentDevice(),[l,p]=React.useState(500),m=core.useEditorMode(),R=core.usePageType(),w=core.getBgVideoByDevice(d,g),y=React.useMemo(()=>core.isEmptyChildren(s),[s]),[S,h]=useInView.useInView({initialInView:!u,triggerOnce:!0,skip:!n,onChange:(e,t)=>{if("edit"==m&&!e&&t){let e=getComputedStyle(t),i=t?.getBoundingClientRect().height;p((i-=parseFloat(e.paddingTop)+parseFloat(e.paddingBottom))??500)}}}),C=React.useMemo(()=>!h&&"edit"==m&&"POST_PURCHASE"!==R,[h,m,R]),P=React.useMemo(()=>"edit"!==m&&u&&!h,[h,u,m]),V=()=>{let e=o&&y&&"edit"===m;if(!e)return{};let t=core.getResponsiveValue(c,"display"),i=t[g];return{width:"fit"===i?"fit-content":"400px"}},k=system.createClass({...V,"gp-content-visibility-hidden":P}),v=()=>({desktop:a,tablet:a,mobile:a});return{ref:S,isRowEmpty:y,cacheHeightOutViewport:l,bgVideo:w,rowClassEditorOnly:k,isRenderPlaceholderViewBox:C,builderAttrs:r,children:s,isPostPurchase:"POST_PURCHASE"===R,postPurchaseVerticalAlign:v}};exports.useRowSettings=useRowSettings;

package/dist/cjs/grid/index.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube");var Root$1=require("./settings/Root.js"),Section$1=require("./settings/Section.js"),Row$1=require("./settings/Row.js"),Col$1=require("./settings/Col.js");const gridSetting={Root:Root$1.default,Section:Section$1.default,Row:Row$1.default,Col:Col$1.default};exports.gridSetting=gridSetting;

package/dist/cjs/grid/next.js

@@ -1,28 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dynamic = require('next/dynamic');
-var Loading = require('../common/components/Loading.js');
-require('react/jsx-runtime');
-
-const Section = dynamic(()=>Promise.resolve().then(function () { return require('./components/Section.js'); }), {
-    loading: Loading.default
-});
-const Row = dynamic(()=>Promise.resolve().then(function () { return require('./components/Row.js'); }), {
-    loading: Loading.default
-});
-const Root = dynamic(()=>Promise.resolve().then(function () { return require('./components/Root.js'); }), {
-    loading: Loading.default
-});
-const Col = dynamic(()=>Promise.resolve().then(function () { return require('./components/Col.js'); }), {
-    loading: Loading.default
-});
-var grid = {
-    Row,
-    Col,
-    Section,
-    Root
-};
-
-exports.default = grid;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Root=dynamic(()=>Promise.resolve().then(function(){return require("./components/root/Root.js")}),{loading:Loading.default}),Section=dynamic(()=>Promise.resolve().then(function(){return require("./components/section/Section.js")}),{loading:Loading.default}),Row=dynamic(()=>Promise.resolve().then(function(){return require("./components/row/Row.js")}),{loading:Loading.default}),Col=dynamic(()=>Promise.resolve().then(function(){return require("./components/col/Col.js")}),{loading:Loading.default});var grid={Row,Col,Section,Root};exports.default=grid;

package/dist/cjs/grid/settings/Col.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const config={tag:"Col",label:"Block",settings:[],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},placeholder:{notAppendBeforeAfter:!0},toolbar:{hide:!0,parent:!0},sideBar:{hide:!0,tab:{setting:{hide:!0}}}}};exports.default=config;

package/dist/cjs/grid/settings/Root.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const config={tag:"Root",label:"Root",settings:[],editorConfigs:{placeholder:{notAppendBeforeAfter:!0},sideBar:{hide:!0}}};exports.default=config;

package/dist/cjs/grid/settings/Row.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/row/ui-v2.js"),uiV1=require("./configs/row/ui-v1.js"),settings=require("./configs/row/settings.js"),presets=require("./configs/row/presets.js");const config={tag:"Row",label:"Row",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="M2.25 3.00391C1.83579 3.00391 1.5 3.33969 1.5 3.75391C1.5 4.16812 1.83579 4.50391 2.25 4.50391L21.7514 4.50391C22.1656 4.50391 22.5014 4.16812 22.5014 3.75391C22.5014 3.33969 22.1656 3.00391 21.7514 3.00391H2.25ZM2.25 19.4988C1.83579 19.4988 1.5 19.8346 1.5 20.2488C1.5 20.663 1.83579 20.9988 2.25 20.9988H9.67911C10.0933 20.9988 10.4291 20.663 10.4291 20.2488C10.4291 19.8346 10.0933 19.4988 9.67911 19.4988H2.25ZM1.5 9.25207C1.5 8.83786 1.83579 8.50207 2.25 8.50207L9.67911 8.50207C10.0933 8.50207 10.4291 8.83786 10.4291 9.25207C10.4291 9.66628 10.0933 10.0021 9.67911 10.0021L2.25 10.0021C1.83579 10.0021 1.5 9.66628 1.5 9.25207ZM2.25 14.0012C1.83579 14.0012 1.5 14.337 1.5 14.7512C1.5 15.1654 1.83579 15.5012 2.25 15.5012L9.67911 15.5012C10.0933 15.5012 10.4291 15.1654 10.4291 14.7512C10.4291 14.337 10.0933 14.0012 9.67911 14.0012L2.25 14.0012ZM13.5725 9.25207C13.5725 8.83786 13.9083 8.50207 14.3225 8.50207H21.7516C22.1658 8.50207 22.5016 8.83786 22.5016 9.25207C22.5016 9.66628 22.1658 10.0021 21.7516 10.0021H14.3225C13.9083 10.0021 13.5725 9.66628 13.5725 9.25207ZM14.3225 14.0012C13.9083 14.0012 13.5725 14.337 13.5725 14.7512C13.5725 15.1654 13.9083 15.5012 14.3225 15.5012H21.7516C22.1658 15.5012 22.5016 15.1654 22.5016 14.7512C22.5016 14.337 22.1658 14.0012 21.7516 14.0012H14.3225Z" fill="white"/>
+  </svg>
+  `,settings:settings.RowSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:presets.RowPreset,editorConfigs:{placeholder:{notAppendLeftRight:!0},slots:{children:!0},toolbar:{parent:!0}},rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:"16px"}}}},styles:{width:{desktop:"default"}}}};exports.default=config;

package/dist/cjs/grid/settings/Section.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Row=require("./Row.js"),settings=require("./configs/section/settings.js"),uiV1=require("./configs/section/ui-v1.js"),uiV2=require("./configs/section/ui-v2.js");const config={...Row.default,tag:"Section",label:"Section",settings:settings.SectionSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,init:[{tag:"Section",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{enablePagePadding:{desktop:!1,tablet:!1,mobile:!1}},advanced:{blockPadding:"base","spacing-setting":{desktop:{padding:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)"}}}},childrens:[{tag:"Col",childrens:[]}]}],advanced:{blockPadding:"base","spacing-setting":{desktop:{padding:{top:"30px",bottom:"30px"}},mobile:{padding:{top:"20px",bottom:"20px"}}}},editorConfigs:{sideBar:{hide:!0},toolbar:{parent:!0}}};exports.default=config;

package/dist/cjs/grid/settings/configs/row/presets.js

@@ -0,0 +1,23 @@
+"use strict";const RowPreset=[{id:"layout-1-col",name:{en:"Row"},icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="96" height="48" rx="4" fill="#5E5E5E"/>
+        </svg>
+      `},components:[{tag:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{padding:{top:"var(--g-s-l)",bottom:"var(--g-s-l)",left:"var(--g-s-l)",right:"var(--g-s-l)",linked:!1}}}},childrens:[{tag:"Col",childrens:[]}]}],flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]}]}]}},{id:"layout-2-col",name:{en:"Row"},icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="46" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="50" width="46" height="48" rx="3" fill="#5E5E5E"/>
+        </svg>
+      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},{id:"layout-3-col",name:{en:"Row"},icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="33.3335" width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="66.6665" width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
+        </svg>
+      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fill"},mobile:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},{id:"layout-4-col",name:{en:"Row"},icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="21" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="25" width="21" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="50" width="21" height="48" rx="3" fill="#5E5E5E"/>
+        <rect x="75" width="21" height="48" rx="3" fill="#5E5E5E"/>
+        </svg>
+      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[3,3,3,3],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[3,3,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]}];exports.RowPreset=RowPreset;

package/dist/cjs/grid/settings/configs/row/settings.js

@@ -0,0 +1 @@
+"use strict";const RowSettings=[{id:"setting",controls:[{id:"layout",type:"layout",devices:{desktop:{default:{cols:[12],display:"fill",gap:"8px"}}}},{id:"horizontalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align horizontal center",iconName:"gp-align-center"},{label:"End",value:"end",tooltip:"Align right",iconName:"gp-align-right"},{label:"Distribute",value:"space-between",tooltip:"Distribute horizontal spacing",iconName:"gp-align-space-between"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top",iconName:"gp-align-top"},{label:"Center",value:"center",tooltip:"Align vertical center",iconName:"gp-align-center-vertical"},{label:"End",value:"end",tooltip:"Align bottom",iconName:"gp-align-bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"inlineAlignment",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align center",iconName:"gp-align-center"},{label:"End",value:"end",tooltip:"Align end",iconName:"gp-align-right"}],default:"start"},{id:"blockAlignment",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top"},{label:"Center",value:"center",tooltip:"Align center"},{label:"End",value:"end",tooltip:"Align bottom"}],default:"start"}]},{id:"style",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,fallbackValueRule:"init-value",devices:{desktop:{default:"default"}},displayOptions:[{label:"Default",value:"default",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"height",type:"option:value",devices:{desktop:{default:"auto"}},options:[{label:"Full",value:"100%",tooltip:"Stretch to fill <br> vertical space"},{label:"Fit",value:"auto",tooltip:"Adjust size <br> based on content"}]},{id:"verticalGutter",type:"input:slider",units:["px"],min:0,max:120,fallbackValue:0,ignoreMax:!0,devices:{desktop:{default:"16px"}}},{id:"verticalGutterMobile",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,devices:{desktop:{default:"0px"}}},{id:"columnGap",type:"input:slider",min:0,max:120,step:1,ignoreMax:!0,units:["%"],showDefaultUnit:!0,devices:{desktop:{default:"1%"}}},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0}}}},{id:"preloadBgImage",type:"toggle",label:"Preload",default:!1},{id:"border",type:"border-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{normal:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}}}},{id:"rounded",type:"corner-v2",devices:{desktop:{default:{normal:void 0}}},compoDefaultValue:{desktop:{default:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}}},{id:"boxShadow",type:"shadow-v2",devices:{desktop:{default:{normal:{}}}},compoDefaultValue:{desktop:{default:{normal:{}}}}}]}];exports.RowSettings=RowSettings;

package/dist/cjs/grid/settings/configs/row/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"group",label:{en:"Layout"},controls:[{type:"control",setting:{id:"layout"},layout:"vertical"},{type:"control",label:{en:"Column gap"},setting:{id:"columnGap"},condition:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{type:"group",label:{en:"Align"},condition:"(layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)) && pageType != \"POST_PURCHASE\"",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType != \"POST_PURCHASE\"",setting:{id:"horizontalAlign"}},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",setting:{id:"inlineAlignment"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"},condition:'pageType != "POST_PURCHASE"'},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'}]},{type:"group",label:{en:"Align"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",controls:[{type:"control",label:{en:"Horizontal"},setting:{id:"inlineAlignment"}}]},{type:"group",condition:'pageType != "POST_PURCHASE"',controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image" && pageType != "POST_PURCHASE"'}]}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/grid/settings/configs/row/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:{en:"Column spacing"},conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{setting:{id:"verticalGutter"},label:{en:"Gap"},conditionDisplay:"layout.cols.length > 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:{en:"Gap"},conditionDisplay:"layout.cols.length === 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Column spacing"},controls:[{label:{en:"Gap"},setting:{id:"columnGap"},options:{fullWidth:!0},conditionDisplay:'pageType == "POST_PURCHASE" && !!layout.cols && layout.cols.length > 1',conditionEnable:"!!layout.cols && layout.cols.length > 1"}]},{label:{en:"Size",cn:"尺寸",es:"Tama\xf1o"},options:{disableMessage:"Setting is available when the number of columns is > 1"},controls:[{setting:{id:"width"},label:{en:"Width",es:"Ancho",cn:"宽度"}},{setting:{id:"height"},label:{en:"Height"}},{label:{en:"Padding",cn:"填充",es:"Relleno"},conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background",cn:"背景",es:"Fondo"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape",cn:"形状",es:"Forma"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border",cn:"边界",es:"Borde"},setting:{id:"border",state:"normal"}},{label:{en:"Corner",cn:"角落",es:"Esquina"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow",cn:"阴影",es:"Sombra"},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}}}]},{label:{en:"Align column"},controls:[{id:"verticalAlign",label:{en:"Vertical"},setting:{id:"verticalAlign"},conditionDisplay:"((!!layout.cols && layout.cols.length > 1) || (!!layout.cols && layout.cols.length == 1 && height == '100%')) && pageType != \"POST_PURCHASE\""},{id:"horizontalAlign",label:{en:"Horizontal"},setting:{id:"horizontalAlign"},conditionDisplay:"layout.display !== 'fill' && pageType != \"POST_PURCHASE\"",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]},{controls:[{label:{en:"Align"},setting:{id:"inlineAlignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionDisplay:"pageType == \"POST_PURCHASE\" && layout.display !== 'fill'",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))'}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/grid/settings/configs/section/settings.js

@@ -0,0 +1 @@
+"use strict";const SectionSettings=[{id:"setting",controls:[{id:"layout",type:"layout",devices:{desktop:{default:{cols:[12],display:"fill",gap:"8px"}}}},{id:"horizontalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",tooltip:"Align horizontal center",iconName:"gp-align-center"},{label:"End",value:"end",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"start"}}},{id:"verticalAlign",type:"option:value",options:[{label:"Start",value:"start",tooltip:"Align top",iconName:"gp-align-top"},{label:"Center",value:"center",tooltip:"Align vertical center",iconName:"gp-align-center-vertical"},{label:"End",value:"end",tooltip:"Align bottom",iconName:"gp-align-bottom"},{label:"Between",value:"space-between",tooltip:"Distribute vertical spacing",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"start"}}},{id:"inlineAlignment",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-justify-content-top"},{label:"Center",value:"center",iconName:"gp-justify-content-center"},{label:"End",value:"end",iconName:"gp-justify-content-bottom"}],default:"start"},{id:"blockAlignment",type:"option:value",options:[{label:"Start",value:"start",iconName:"gp-justify-content-top"},{label:"Center",value:"center",iconName:"gp-justify-content-center"},{label:"End",value:"end",iconName:"gp-justify-content-bottom"}],default:"start"},{id:"optimize",type:"group",label:"Optimize (Experimental)",controls:[{id:"lazy",type:"toggle",label:"Lazyload",default:!1}]}]},{id:"style",controls:[{id:"enablePagePadding",label:"Page padding",type:"toggle",devices:{desktop:{default:!1},tablet:{default:!1},mobile:{default:!1}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,devices:{desktop:{default:"16px"}}},{id:"verticalGutterMobile",type:"input:slider",units:["px"],min:0,max:120,ignoreMax:!0,devices:{desktop:{default:"0px"}}},{id:"columnGap",type:"input:slider",min:0,max:120,step:1,ignoreMax:!0,units:["%"],showDefaultUnit:!0,devices:{desktop:{default:"0%"}}},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!1}}}},{id:"preloadBgImage",type:"toggle",label:"Preload",default:!1}]}];exports.SectionSettings=SectionSettings;

package/dist/cjs/grid/settings/configs/section/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"control",label:{en:"Layout"},setting:{id:"layout"},layout:"vertical"},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"},condition:'pageType != "POST_PURCHASE"'},{condition:'fullWidth === false || pageType == "POST_PURCHASE"',type:"control",label:{en:"Width"},setting:{id:"width"},layout:"horizontal"},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:"!!layout.cols && layout.cols.length > 1"}]},{type:"group",label:{en:"Align"},condition:"layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType != \"POST_PURCHASE\"",setting:{id:"horizontalAlign"}},{type:"control",label:{en:"Vertical"},setting:{id:"blockAlignment"},condition:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",setting:{id:"inlineAlignment"}}]},{type:"group",condition:'pageType != "POST_PURCHASE"',controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image"'}]}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/grid/settings/configs/section/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:{en:"Column spacing"},conditionDisplay:"childrens > 1",controls:[{setting:{id:"verticalGutter"},label:{en:"Gap"},conditionDisplay:'layout.cols.length > 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:{en:"Gap"},conditionDisplay:'layout.cols.length === 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{label:{en:"Column gap"},setting:{id:"columnGap"},conditionDisplay:'pageType == "POST_PURCHASE"',conditionEnable:"!!layout.cols && layout.cols.length > 1"}]},{label:{en:"Size"},controls:[{id:"Width",setting:{id:"width"},label:{en:"Width"},layout:"horizontal",conditionDisplay:'pageType !== "POST_PURCHASE"'},{label:{en:"Width"},layout:"horizontal",controlConfig:{id:"width-post-purchase",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,linkWithSetting:{name:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},conditionDisplay:'pageType === "POST_PURCHASE"'},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)"}},tablet:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)",left:"var(--g-s-l)",right:"var(--g-s-l)",linked:!1}}}},conditionDisplay:'pageType !== "POST_PURCHASE"'},{setting:{id:"enablePagePadding"},label:{en:"Page padding"},help:{content:"Page padding controls the <br> space between the browser <br> edge and sections. Adjust it in <br> Global Style > Page Padding."},conditionDisplay:'pageType !== "POST_PURCHASE"'}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},controlConfig:{id:"boxShadow",type:"shadow-v2"},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}}}]},{label:{en:"Align"},conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout.display !== 'fill' || (!!layout.cols && layout.cols.length > 1))",controls:[{id:"verticalAlign",label:{en:"Vertical"},setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"},{id:"horizontalAlign",label:{en:"Horizontal"},setting:{id:"horizontalAlign"},conditionDisplay:"layout.display !== 'fill'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/header/components/Header.js

@@ -1,41 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var dynamic = require('next/dynamic');
-var React = require('react');
-var SalePageHeaderWarning = require('./SalePageHeaderWarning.js');
-
-const BasicHeader = dynamic(()=>Promise.resolve().then(function () { return require('./kind/basic/index.js'); }));
-const ModernHeader = dynamic(()=>Promise.resolve().then(function () { return require('./kind/modern/index.js'); }));
-const Header = ({ builderAttrs, builderProps, style, setting, styles, children })=>{
-    const { kind, ...rest } = setting ?? {};
-    const HeaderComponent = kind === 'morden' ? ModernHeader : BasicHeader;
-    const pageType = core.usePageType();
-    const isSalesPage = React.useMemo(()=>pageType === 'GP_FUNNEL_PAGE', [
-        pageType
-    ]);
-    if (builderProps?.isPreview && isSalesPage) return null;
-    return /*#__PURE__*/ jsxRuntime.jsxs("nav", {
-        "data-id": builderProps?.uid,
-        className: core.cls('gp-w-full', builderProps?.uid),
-        ...builderAttrs,
-        style: {
-            ...style,
-            ...core.getGlobalColorResponsiveStyle('bgc', styles?.headerBg),
-            ...core.makeStyleResponsive('h', styles?.height)
-        },
-        children: [
-            isSalesPage && /*#__PURE__*/ jsxRuntime.jsx(SalePageHeaderWarning.default, {}),
-            /*#__PURE__*/ jsxRuntime.jsx(HeaderComponent, {
-                ...rest,
-                ...styles
-            }),
-            children
-        ]
-    });
-};
-
-exports.default = Header;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),dynamic=require("next/dynamic"),React=require("react"),SalePageHeaderWarning=require("./SalePageHeaderWarning.js");const BasicHeader=dynamic(()=>Promise.resolve().then(function(){return require("./kind/basic/index.js")})),ModernHeader=dynamic(()=>Promise.resolve().then(function(){return require("./kind/modern/index.js")})),Header=({builderAttrs:e,builderProps:r,style:a,setting:i,styles:n,children:s})=>{let{kind:t,...d}=i??{},o="morden"===t?ModernHeader:BasicHeader,u=core.usePageType(),c=React.useMemo(()=>"GP_FUNNEL_PAGE"===u,[u]);return r?.isPreview&&c?null:jsxRuntime.jsxs("nav",{"data-id":r?.uid,className:core.cls("gp-z-10 hover:gp-z-50",r?.uid),...e,style:{...a,...core.getGlobalColorResponsiveStyle("bgc",n?.headerBg),...core.makeStyleResponsive("h",n?.height)},children:[c&&jsxRuntime.jsx(SalePageHeaderWarning.default,{}),jsxRuntime.jsx(o,{...d,...n}),s]})};exports.default=Header;

package/dist/cjs/header/components/SalePageHeaderWarning.js

@@ -1,62 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
-
-const SalePageHeaderWarning = ({ builderAttrs })=>{
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        ...builderAttrs,
-        className: "editor-content gp-absolute gp-left-0 gp-top-0 gp-z-[999]  gp-h-[calc(100%_+_2px)] gp-w-[calc(100%_+_2px)] gp-justify-center gp-rounded gp-border gp-border-[#F44336] gp-bg-white/80 gp-p-[8px]",
-        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-            className: "gp-inline-flex gp-h-auto gp-min-h-[40px] gp-w-full gp-items-center gp-gap-[6px] gp-rounded-lg gp-bg-red-100 gp-p-[8px] mobile:gp-items-start",
-            children: [
-                /*#__PURE__*/ jsxRuntime.jsx("span", {
-                    className: "gp-h-5 gp-min-w-[20px]",
-                    children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
-                        width: "20",
-                        height: "20",
-                        viewBox: "0 0 20 20",
-                        fill: "none",
-                        xmlns: "http://www.w3.org/2000/svg",
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                d: "M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44772 14.5 9 14.0523 9 13.5C9 12.9477 9.44772 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",
-                                fill: "#C3362B"
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                d: "M10.75 6.25001C10.75 5.8358 10.4142 5.50001 10 5.5C9.5858 5.49999 9.25001 5.83578 9.25 6.24999L9.24994 10.75C9.24993 11.1642 9.58572 11.5 9.99993 11.5C10.4141 11.5 10.7499 11.1642 10.7499 10.75L10.75 6.25001Z",
-                                fill: "#C3362B"
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                fillRule: "evenodd",
-                                clipRule: "evenodd",
-                                d: "M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17ZM10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5Z",
-                                fill: "#C3362B"
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsxRuntime.jsxs("span", {
-                    className: "gp-text-xs gp-leading-5 gp-text-[#C3362B]",
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsx("span", {
-                            className: "gp-font-semibold",
-                            children: "Header"
-                        }),
-                        " is not available for",
-                        ' ',
-                        /*#__PURE__*/ jsxRuntime.jsx("span", {
-                            className: "gp-font-semibold",
-                            children: "Sales Page"
-                        }),
-                        ". You should delete this element."
-                    ]
-                })
-            ]
-        })
-    });
-};
-
-exports.default = SalePageHeaderWarning;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");require("react");const SalePageHeaderWarning=({builderAttrs:e})=>jsxRuntime.jsx("div",{...e,className:"editor-content gp-absolute gp-left-0 gp-top-0 gp-z-[999]  gp-h-[calc(100%_+_2px)] gp-w-[calc(100%_+_2px)] gp-justify-center gp-rounded gp-border gp-border-[#F44336] gp-bg-white/80 gp-p-[8px]",children:jsxRuntime.jsxs("div",{className:"gp-inline-flex gp-h-auto gp-min-h-[40px] gp-w-full gp-items-center gp-gap-[6px] gp-rounded-lg gp-bg-red-100 gp-p-[8px] mobile:gp-items-start",children:[jsxRuntime.jsx("span",{className:"gp-h-5 gp-min-w-[20px]",children:jsxRuntime.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44772 14.5 9 14.0523 9 13.5C9 12.9477 9.44772 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",fill:"#C3362B"}),jsxRuntime.jsx("path",{d:"M10.75 6.25001C10.75 5.8358 10.4142 5.50001 10 5.5C9.5858 5.49999 9.25001 5.83578 9.25 6.24999L9.24994 10.75C9.24993 11.1642 9.58572 11.5 9.99993 11.5C10.4141 11.5 10.7499 11.1642 10.7499 10.75L10.75 6.25001Z",fill:"#C3362B"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17ZM10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5Z",fill:"#C3362B"})]})}),jsxRuntime.jsxs("span",{className:"gp-text-xs gp-leading-5 gp-text-[#C3362B]",children:[jsxRuntime.jsx("span",{className:"gp-font-semibold",children:"Header"})," is not available for"," ",jsxRuntime.jsx("span",{className:"gp-font-semibold",children:"Sales Page"}),". You should delete this element."]})]})});exports.default=SalePageHeaderWarning;

package/dist/cjs/header/components/icons/ChevronLeft.js

@@ -1,18 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const ChevronLeft = (props)=>{
-    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
-        ...props,
-        viewBox: "0 0 24 24",
-        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-            fill: "currentColor",
-            d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z"
-        })
-    });
-};
-
-exports.default = ChevronLeft;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const ChevronLeft=e=>jsxRuntime.jsx("svg",{...e,viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{fill:"currentColor",d:"M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z"})});exports.default=ChevronLeft;

package/dist/cjs/header/components/icons/Dismiss.js

@@ -1,18 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const Dismiss = (props)=>{
-    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
-        ...props,
-        viewBox: "0 0 24 24",
-        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-            d: "m4.397 4.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084-.073.084Z",
-            fill: "currentColor"
-        })
-    });
-};
-
-exports.default = Dismiss;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const Dismiss=e=>jsxRuntime.jsx("svg",{...e,viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{d:"m4.397 4.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084-.073.084Z",fill:"currentColor"})});exports.default=Dismiss;

package/dist/cjs/header/components/icons/MenuIcon.js

@@ -1,18 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const MenuIcon = (props)=>{
-    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
-        ...props,
-        viewBox: "0 0 24 24",
-        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-            fill: "currentColor",
-            d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
-        })
-    });
-};
-
-exports.default = MenuIcon;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const MenuIcon=e=>jsxRuntime.jsx("svg",{...e,viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{fill:"currentColor",d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"})});exports.default=MenuIcon;

package/dist/cjs/header/components/kind/basic/DesktopMenu.js

@@ -1,36 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var DesktopMenuItem = require('./DesktopMenuItem.js');
-
-const DesktopMenu = ({ menu, height, arrow, textColor, menuTextColor, typography, typo, headerBg, menuBg, className })=>{
-    const rootMenu = menu?.ROOT;
-    const appendTypoClass = core.composeTypographyClassName(typo, typography);
-    const appendTypoStyle = core.composeTypographyStyle(typo, typography);
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: core.cls('gp-flex gp-flex-1 gp-items-center gp-justify-center', className),
-        children: /*#__PURE__*/ jsxRuntime.jsx("ul", {
-            className: core.cls('gp-flex', appendTypoClass),
-            style: {
-                ...core.makeStyleResponsive('h', height),
-                ...appendTypoStyle
-            },
-            children: rootMenu?.childrens?.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(DesktopMenuItem.default, {
-                    id: id,
-                    menu: menu,
-                    arrow: arrow,
-                    depth: 0,
-                    maxDepth: 2,
-                    menuTextColor: menuTextColor,
-                    textColor: textColor,
-                    headerBg: headerBg,
-                    menuBg: menuBg
-                }, id))
-        })
-    });
-};
-
-exports.default = DesktopMenu;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),DesktopMenuItem=require("./DesktopMenuItem.js");const DesktopMenu=({menu:e,height:t,arrow:r,textColor:s,menuTextColor:o,typography:p,typo:n,headerBg:u,menuBg:l,className:c,itemEnableHoverEffect:a,enableDropdownHoverEffect:m})=>{let i=e?.ROOT,x=core.composeTypographyClassName(n,p);return jsxRuntime.jsx("div",{className:core.cls("gp-flex gp-flex-1 gp-items-center gp-justify-center gp-px-3",c),children:jsxRuntime.jsx("ul",{className:core.cls("gp-flex gp-flex-wrap gp-justify-center",x),style:{...core.makeStyleResponsive("h",t)},children:i?.childrens?.map(t=>jsxRuntime.jsx(DesktopMenuItem.default,{id:t,menu:e,arrow:r,depth:0,maxDepth:2,menuTextColor:o,textColor:s,headerBg:u,menuBg:l,typography:p,typo:n,enableHoverEffect:a,enableDropdownHoverEffect:m},t))})})};exports.default=DesktopMenu;

package/dist/cjs/header/components/kind/basic/DesktopMenuItem.js

@@ -1,66 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var Link = require('next/link');
-
-const DesktopMenuItem = ({ id, menu, arrow, textColor, menuTextColor, depth = 0, maxDepth = 2, menuBg })=>{
-    const item = menu?.[id];
-    if (!item || depth > maxDepth) return null;
-    const lastDepth = depth === maxDepth;
-    const renderChild = !!item?.childrens?.length && !lastDepth;
-    const hasCaret = renderChild && !!arrow;
-    return /*#__PURE__*/ jsxRuntime.jsxs("li", {
-        className: core.cls('gp-group gp-relative gp-inline-flex gp-flex-1 gp-cursor-pointer gp-items-center gp-gap-2 gp-whitespace-nowrap gp-px-4 gp-py-2 gp-transition-colors gp-duration-300', {
-            'gp-justify-center': depth === 0,
-            'gp-min-w-[200px] gp-border-b last:gp-border-b-transparent': depth > 0
-        }),
-        style: {
-            ...core.getGlobalColorStateStyle('c', depth === 0 ? textColor : menuTextColor)
-        },
-        children: [
-            item?.link && !item.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Link, {
-                href: item.link,
-                title: item.title,
-                children: item.title
-            }) : /*#__PURE__*/ jsxRuntime.jsx("span", {
-                children: item?.title
-            }),
-            hasCaret && /*#__PURE__*/ jsxRuntime.jsx("span", {
-                dangerouslySetInnerHTML: {
-                    __html: arrow
-                },
-                className: core.cls('gp-ml-auto gp-shrink-0 [&>svg]:gp-w-4', {
-                    '-gp-rotate-90': depth === 1
-                })
-            }),
-            renderChild && /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: core.cls('gp-invisible gp-absolute gp-min-w-max gp-opacity-0 gp-transition-all gp-duration-300 gp-ease-in-out [li:hover>div&]:gp-visible [li:hover>div&]:gp-opacity-100', {
-                    'gp-left-0 gp-top-full': depth === 0,
-                    'gp-left-full gp-top-0 gp-translate-y-4 [li:hover>div&]:gp-translate-y-0': depth === 1
-                }),
-                children: /*#__PURE__*/ jsxRuntime.jsx("ul", {
-                    className: core.cls('gp-flex gp-flex-col gp-shadow-card-2', {
-                        'gp-ml-4': depth === 1
-                    }),
-                    style: {
-                        ...core.getGlobalColorResponsiveStyle('bgc', menuBg)
-                    },
-                    children: item?.childrens?.map((childId)=>/*#__PURE__*/ jsxRuntime.jsx(DesktopMenuItem, {
-                            id: childId,
-                            menu: menu,
-                            depth: depth + 1,
-                            maxDepth: maxDepth,
-                            arrow: arrow,
-                            menuTextColor: menuTextColor,
-                            menuBg: menuBg
-                        }, childId))
-                })
-            })
-        ]
-    });
-};
-
-exports.default = DesktopMenuItem;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Link=require("next/link");const DesktopMenuItem=({id:e,menu:t,arrow:r,textColor:l,menuTextColor:p,depth:i=0,maxDepth:s=2,menuBg:n,typo:o,typography:g,enableHoverEffect:a,enableDropdownHoverEffect:c})=>{let u=t?.[e];if(!u||i>s)return null;let m=i===s,x=core.composeTypographyStyle(o,g),d=!!u?.childrens?.length&&!m,h=d&&!!r,v=core.getGlobalColorStateStyle("c",0===i?l:p),f=0===i&&a||0!==i&&c?v:core.filterHoverVariables(v);return jsxRuntime.jsxs("li",{className:core.cls("gp-group gp-relative gp-inline-flex gp-flex-1 gp-cursor-pointer gp-items-center gp-gap-2 gp-whitespace-nowrap gp-px-4 gp-py-2 gp-transition-colors gp-duration-300 !gp-max-w-fit hover:gp-z-50",{"gp-justify-center":0===i,"gp-min-w-[200px] gp-border-b last:gp-border-b-transparent":i>0}),style:{...x,...f},children:[u?.link&&!u.childrens?.length?jsxRuntime.jsx(Link,{href:u.link,title:u.title,children:u.title}):jsxRuntime.jsx("span",{children:u?.title}),h&&jsxRuntime.jsx("span",{dangerouslySetInnerHTML:{__html:r},className:core.cls("gp-ml-auto gp-shrink-0 [&>svg]:gp-h-4 [&>svg]:gp-w-auto",{"-gp-rotate-90":1===i})}),d&&jsxRuntime.jsx("div",{className:core.cls("gp-invisible gp-absolute gp-min-w-max gp-opacity-0 gp-transition-all gp-duration-300 gp-ease-in-out [li:hover>div&]:gp-visible [li:hover>div&]:gp-opacity-100 gp-z-[100]",{"gp-left-0 gp-top-full":0===i,"gp-left-full gp-top-0 gp-translate-y-4 [li:hover>div&]:gp-translate-y-0":1===i}),children:jsxRuntime.jsx("ul",{className:core.cls("gp-flex gp-flex-col gp-shadow-card-2 gp-relative",{"gp-ml-4":1===i}),style:{...core.getGlobalColorResponsiveStyle("bgc",n)},children:u?.childrens?.map(e=>jsxRuntime.jsx(DesktopMenuItem,{id:e,menu:t,depth:i+1,maxDepth:s,arrow:r,menuTextColor:p,menuBg:n,typo:o,typography:g,enableHoverEffect:a,enableDropdownHoverEffect:c},e))})})]})};exports.default=DesktopMenuItem;