@gem-sdk/components 16.1.0-staging.1 → 17.0.0-dev.9

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

@@ -1,16 +1,16 @@
-import{template as e,WrapRenderChildren as o,RenderChildren as s,RenderIf as r,hasTranslatedLiquid as t,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getBackgroundTranslated as l,getSettingPreloadData as m}from"../../../helpers.js";import p from"../../../video/components/HTML5Embed.liquid.js";import{createClass as d,If as n}from"@gem-sdk/system";import{getYoutubeVideoId as c}from"../../../video/common/helpers.js";import u from"../../../video/components/LiteYouTubeEmbed.liquid.js";import{getAttr as f}from"./common/attrs.js";import{Row as g}from"../../settings/configs/row/translate.js";import{getClass as $}from"./common/classes.js";import{getRowStyle as y}from"./common/styles.js";import{getData as k,checkHasBackgroundVideo as j,isRenderHtmlVideo as v,isRenderYoutubeVideo as b}from"./common/helpers.js";import{getResponsiveSetting as w}from"../../../hero-banner/common/helpers.js";let Row=h=>{let{styles:C,setting:E,rawChildren:S,builderProps:q}=h,{isSection:L}=E??{},{background:P}=C??{},R=L?"section":"div",T=l({background:P,uid:q?.uid,enableTranslate:!!g?.background?.id,pageContext:h.pageContext??{}}),{stateData:V}=k(h,T),{rowStyle:x,backgroundBoxStyle:z,embedVideoStyle:A,sectionStyle:N}=y({rowProps:h,type:"Liquid",translatedBackground:T}),{rowAttr:_}=f(h),{rowClass:G,backgroundBoxClass:I,backgroundBoxInnerClass:M,sectionClass:O,wrapperYoutubeClasses:B,iframeYoutubeClasses:H}=$(h),U=d({[G]:!0}),Y=()=>{if(!j(P))return;let e=w(P||{});if(v(P))return p({uid:q?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:A});if(b(P)){let o=e?.desktop?.video??"",s=c(o)||"",r=t(o),i=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return u({uid:q?.uid,id:s,autoplay:!0,title:"Video",translatedVideoUrl:r?o:"",controls:!1,params:i,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,preload:!0,style:A,wrapperClass:B,iframeClass:H})}},D=()=>{if(j(P))return e`
-      ${r(i,`<script ${m('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${m('class="gps-link" delay',"src")}="${a}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-    `},F=e`
-    <gp-row gp-data='${V}' ${{..._}} class="${U}" style="${x()}">
+import{template as e,WrapRenderChildren as o,RenderChildren as s,RenderIf as r,hasTranslatedLiquid as t,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getBackgroundTranslated as l,getSettingPreloadData as m}from"../../../helpers.js";import p from"../../../video/components/HTML5Embed.liquid.js";import{createClass as d,If as n}from"@gem-sdk/system";import{getYoutubeVideoId as c}from"../../../video/common/helpers.js";import u from"../../../video/components/LiteYouTubeEmbed.liquid.js";import{getAttr as f}from"./common/attrs.js";import{Row as g}from"../../settings/configs/row/translate.js";import{getClass as $}from"./common/classes.js";import{getRowStyle as y}from"./common/styles.js";import{getData as k,checkHasBackgroundVideo as j,isRenderHtmlVideo as v,isRenderYoutubeVideo as b}from"./common/helpers.js";import{getResponsiveSetting as w}from"../../../hero-banner/common/helpers.js";let h=h=>{let{styles:C,setting:E,rawChildren:S,builderProps:q}=h,{isSection:L}=E??{},{background:P}=C??{},T=L?"section":"div",V=l({background:P,uid:q?.uid,enableTranslate:!!g?.background?.id,pageContext:h.pageContext??{}}),{stateData:x}=k(h,V),{rowStyle:z,backgroundBoxStyle:A,embedVideoStyle:N,sectionStyle:R}=y({rowProps:h,type:"Liquid",translatedBackground:V}),{rowAttr:_}=f(h),{rowClass:G,backgroundBoxClass:I,backgroundBoxInnerClass:M,sectionClass:O,wrapperYoutubeClasses:B,iframeYoutubeClasses:H}=$(h),U=d({[G]:!0}),Y=()=>{if(!j(P))return;let e=w(P||{});if(v(P))return p({uid:q?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:N});if(b(P)){let o=e?.desktop?.video??"",s=c(o)||"",r=t(o),i=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return u({uid:q?.uid,id:s,autoplay:!0,title:"Video",translatedVideoUrl:r?o:"",controls:!1,params:i,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,style:N,wrapperClass:B,iframeClass:H})}},D=e`
+    <gp-row gp-data='${x}' ${{..._}} class="${U}" style="${z()}">
       ${n(!!Y(),e`
-          <div class="${I}" style="${z}">
+          <div class="${I}" style="${A}">
             <div class="${M}">${Y()}</div>
           </div>
         `)}
 
       ${o({uid:q?.uid||"",customProps:S?.[0].customProps},S?.map(e=>{if(e)return s({...e,order:E?.order,layout:E?.layout,justifyContent:E?.verticalAlign})}))}
 
-      ${D()}
+      ${(()=>{if(j(P))return e`
+      ${r(i,`<script ${m('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${m('class="gps-link" delay',"src")}="${a}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    `})()}
     </gp-row>
   `;return e`
     ${r(!!C?.preloadBgImage,`${r(!!P?.desktop?.image?.src,`<link rel="preload" href="${P?.desktop?.image?.src}" as="image" />`)}${r(!!P?.tablet?.image?.src,`<link rel="preload" href="${P?.tablet?.image?.src}" as="image" />`)}${r(!!P?.mobile?.image?.src,`<link rel="preload" href="${P?.mobile?.image?.src}" as="image" />`)}`)}
@@ -18,11 +18,11 @@ import{template as e,WrapRenderChildren as o,RenderChildren as s,RenderIf as r,h
     ${r(!!L,"{% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}")}
 
     ${n(L,e`
-        <${R}
+        <${T}
           class="${O} ${L?m("gps-lazy"):""}"
-          style="${N}"
+          style="${R}"
         >
-          ${F}
-        </${R}>
-      `,e`${F}`)}
-  `};export{Row as default};
+          ${D}
+        </${T}>
+      `,e`${D}`)}
+  `};export{h as default};

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

@@ -1 +1 @@
-import{createAttr as t}from"@gem-sdk/system";let getAttr=e=>{let{builderProps:i,setting:r,customAttrs:d}=e,a=t({"data-id":i?.uidInteraction??i?.uid??"",id:i?.uid??"","data-same-height-subgrid-container":!!r?.sameHeightSubgridContainer,...d});return{rowAttr:a}};export{getAttr};
+import{createAttr as t}from"@gem-sdk/system";let e=e=>{let{builderProps:i,setting:r,customAttrs:d}=e,a=t({"data-id":i?.uidInteraction??i?.uid??"",id:i?.uid??"","data-same-height-subgrid-container":!!r?.sameHeightSubgridContainer,...d});return{rowAttr:a}};export{e as getAttr};

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

@@ -1 +1 @@
-import{createClass as g}from"@gem-sdk/system";let getClass=l=>{let{builderProps:p,advanced:e,className:a}=l,o=g({"gp-background-video gp-absolute gp-overflow-hidden gp-w-full gp-h-full left-0 top-0 !gp-block":!0}),s=g({"gp-bg-video gp-relative gp-h-full":!0}),t=g({...a&&{[a]:!0},...p?.uid&&{[p.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,...e?.cssClass&&{[e?.cssClass]:!0}}),u=g({"gp-mx-auto gp-max-w-full [&_*]:gp-max-w-full":!0}),r=g({"gp-pb-[56.25%] gp-h-full gp-w-full !gp-max-w-none gp-background-article":!0}),i=g({"!gp-w-[500%] !gp-ml-[-200%] !gp-h-full !gp-max-w-none gp-scale-[104%]":!0});return{rowClass:t,backgroundBoxClass:o,backgroundBoxInnerClass:s,sectionClass:u,wrapperYoutubeClasses:r,iframeYoutubeClasses:i}};export{getClass};
+import{createClass as g}from"@gem-sdk/system";let p=p=>{let{builderProps:l,advanced:e,className:o}=p,a=g({"gp-background-video gp-absolute gp-overflow-hidden gp-w-full gp-h-full left-0 top-0 !gp-block":!0}),u=g({"gp-bg-video gp-relative gp-h-full":!0}),s=g({...o&&{[o]:!0},...l?.uid&&{[l.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,...e?.cssClass&&{[e?.cssClass]:!0}}),t=g({"gp-mx-auto gp-max-w-full [&_*]:gp-max-w-full":!0}),r=g({"gp-pb-[56.25%] gp-h-full gp-w-full !gp-max-w-none gp-background-article":!0}),i=g({"!gp-w-[500%] !gp-ml-[-200%] !gp-h-full !gp-max-w-none gp-scale-[104%]":!0});return{rowClass:s,backgroundBoxClass:a,backgroundBoxInnerClass:u,sectionClass:t,wrapperYoutubeClasses:r,iframeYoutubeClasses:i}};export{p as getClass};

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

@@ -1 +1 @@
-import{dataStringify as e,DEVICES as t,getValueByDevice as r}from"@gem-sdk/core";import{createStateOrContext as d}from"@gem-sdk/system";let getResponsiveSetting=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,d=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:d}},defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[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)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[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=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}},getData=(t,r)=>{let{builderProps:i}=t,o=d({background:r,uid:i?.uid});return{stateData:e(o).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 i=e?.[d],o=t?.[d];i&&o&&(r[d]=reduceRadiusForState(i.width,o))}),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)}}let checkHasBackgroundVideo=e=>t.some(t=>{let d=r(e,t);return!!d&&(d?.videoType==="html5"&&d?.videoHtml5||d?.videoType==="youtube"&&d?.video)}),isRenderHtmlVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==i},isRenderYoutubeVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==i};export{checkHasBackgroundVideo,createStyleObject,getData,getInnerRadiusExcludeBorder,isRenderHtmlVideo,isRenderYoutubeVideo};
+import{DEVICES as e,getValueByDevice as t,dataStringify as r}from"@gem-sdk/core";import{createStateOrContext as p}from"@gem-sdk/system";let d=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,p=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:p}},a={desktop:"1200px",tablet:"100%",mobile:"100%"},o=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${a[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${a[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${a[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},i=e=>{let t=o("desktop",e),r=o("tablet",e),p=o("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:p.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:p.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:p.wrapperPadding}}},l=(e,t)=>{let{builderProps:d}=e,a=p({background:t,uid:d?.uid});return{stateData:r(a).replaceAll("'","'")}};function n(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(p=>{let d=e?.[p],a=t?.[p];d&&a&&(r[p]=function(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),p=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,p)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[p]||0))+"px"]));return{...p,radiusType:t.radiusType}}(d.width,a))}),r}function b(e,t){return{desktop:n(e?.desktop,t?.desktop),tablet:n(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:n(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}let c=r=>e.some(e=>{let p=t(r,e);return!!p&&(p?.videoType==="html5"&&p?.videoHtml5||p?.videoType==="youtube"&&p?.video)}),u=e=>{let t=d(e||{}),r=t.desktop?.videoType,p=t.tablet?.videoType,a=t.mobile?.videoType;return"html5"==r||"html5"==p||"html5"==a},s=e=>{let t=d(e||{}),r=t.desktop?.videoType,p=t.tablet?.videoType,a=t.mobile?.videoType;return"youtube"==r||"youtube"==p||"youtube"==a};export{c as checkHasBackgroundVideo,i as createStyleObject,l as getData,b as getInnerRadiusExcludeBorder,u as isRenderHtmlVideo,s as isRenderYoutubeVideo};

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import e from"../../../common/components/Loading.js";import"@gem-sdk/core";import r from"../row/Row.js";let Section=i=>{let n=o(()=>{let{builderProps:t}=i;return t?.builderData?.name==="SectionLoading"},[i]);return n?t(e,{}):t(r,{...i,setting:{...i.setting,as:"section",isSection:!0}})};export{Section as default};
+import{jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import e from"../../../common/components/Loading.js";import"@gem-sdk/core";import r from"../row/Row.js";let i=i=>{let m=o(()=>{let{builderProps:t}=i;return t?.builderData?.name==="SectionLoading"},[i]);return m?t(e,{}):t(r,{...i,setting:{...i.setting,as:"section",isSection:!0}})};export{i as default};

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

@@ -1 +1 @@
-import t from"../row/Row.liquid.js";let Section=i=>t({...i,setting:{...i.setting,isSection:!0}});export{Section as default};
+import t from"../row/Row.liquid.js";let i=i=>t({...i,setting:{...i.setting,isSection:!0}});export{i as default};

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

@@ -1 +1 @@
-import{useRef as e,useMemo as t}from"react";import{useCurrentDevice as i,useEditorMode as r,usePageType as n,getBgVideoByDevice as o,isEmptyChildren as l,getResponsiveValue as s}from"@gem-sdk/core";import{createClass as u}from"@gem-sdk/system";import{useInView as c}from"../../common/hooks/useInView.js";let useRowSettings=m=>{let{setting:d,styles:g,children:h,maxWidthWithEmptyChildren:p,builderAttrs:f}=m,{isSection:a,lazy:w,layout:y,blockAlignment:P}=d??{},{background:S}=g??{},T=i(),k=r(),R=n(),C=o(S,T),b=e(null),v=t(()=>l(h),[h]),x=e=>{b.current&&(clearTimeout(b.current),b.current=null);let t=e?.getBoundingClientRect().height;e.style.height=`${t||500}px`,e.style.overflow="hidden"},E=e=>{b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{e.style.height="",e.style.overflow="",b.current=null},1500)},[H,O]=c({initialInView:!w,triggerOnce:!0,skip:!a,onChange:(e,t)=>{t&&t instanceof HTMLElement&&"edit"===k&&(e?E(t):x(t))}}),A=t(()=>!O&&"edit"==k&&"POST_PURCHASE"!==R,[O,k,R]),I=t(()=>"edit"!==k&&w&&!O,[O,w,k]),U=()=>{let e=p&&v&&"edit"===k;if(!e)return{};let t=s(y,"display"),i=t[T];return{width:"fit"===i?"fit-content":"400px"}},V=u({...U,"gp-content-visibility-hidden":I}),_=()=>({desktop:P,tablet:P,mobile:P});return{ref:H,isRowEmpty:v,bgVideo:C,rowClassEditorOnly:V,isRenderPlaceholderViewBox:A,builderAttrs:f,children:h,isPostPurchase:"POST_PURCHASE"===R,postPurchaseVerticalAlign:_}};export{useRowSettings};
+import{useRef as e,useMemo as t}from"react";import{useCurrentDevice as i,useEditorMode as r,usePageType as n,getBgVideoByDevice as o,isEmptyChildren as l,getResponsiveValue as s}from"@gem-sdk/core";import{createClass as u}from"@gem-sdk/system";import{useInView as c}from"../../common/hooks/useInView.js";let m=m=>{let{setting:d,styles:g,children:h,maxWidthWithEmptyChildren:p,builderAttrs:a}=m,{isSection:f,lazy:y,layout:P,blockAlignment:w}=d??{},{background:T}=g??{},k=i(),S=r(),C=n(),R=o(T,k),b=e(null),v=t(()=>l(h),[h]),x=e=>{b.current&&(clearTimeout(b.current),b.current=null);let t=e?.getBoundingClientRect().height;e.style.height=`${t||500}px`,e.style.overflow="hidden"},A=e=>{b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{e.style.height="",e.style.overflow="",b.current=null},1500)},[E,H]=c({initialInView:!y,triggerOnce:!0,skip:!f,onChange:(e,t)=>{t&&t instanceof HTMLElement&&"edit"===S&&(e?A(t):x(t))}}),O=t(()=>!H&&"edit"==S&&"POST_PURCHASE"!==C,[H,S,C]),V=t(()=>"edit"!==S&&y&&!H,[H,y,S]),I=u({...()=>{let e=p&&v&&"edit"===S;if(!e)return{};let t=s(P,"display"),i=t[k];return{width:"fit"===i?"fit-content":"400px"}},"gp-content-visibility-hidden":V});return{ref:E,isRowEmpty:v,bgVideo:R,rowClassEditorOnly:I,isRenderPlaceholderViewBox:O,builderAttrs:a,children:h,isPostPurchase:"POST_PURCHASE"===C,postPurchaseVerticalAlign:()=>({desktop:w,tablet:w,mobile:w})}};export{m as useRowSettings};

package/dist/esm/grid/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import t from"./settings/Root.js";import o from"./settings/Section.js";import i from"./settings/Row.js";import e from"./settings/Col.js";let gridSetting={Root:t,Section:o,Row:i,Col:e};export{gridSetting};
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import t from"./settings/Root.js";import o from"./settings/Section.js";import e from"./settings/Row.js";import i from"./settings/Col.js";let r={Root:t,Section:o,Row:e,Col:i};export{r as gridSetting};

package/dist/esm/grid/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Root=o(()=>import("./components/root/Root.js"),{loading:t}),Section=o(()=>import("./components/section/Section.js"),{loading:t}),Row=o(()=>import("./components/row/Row.js"),{loading:t}),Col=o(()=>import("./components/col/Col.js"),{loading:t});var grid={Row,Col,Section,Root};export{grid as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let m=o(()=>import("./components/root/Root.js"),{loading:t}),n=o(()=>import("./components/section/Section.js"),{loading:t}),r=o(()=>import("./components/row/Row.js"),{loading:t}),i=o(()=>import("./components/col/Col.js"),{loading:t});var e={Row:r,Col:i,Section:n,Root:m};export{e as default};

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

@@ -1 +1 @@
-let 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}}}}};export{config as default};
+let e={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}}}}};export{e as default};

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

@@ -1 +1 @@
-let config={tag:"Root",label:"Root",settings:[],editorConfigs:{placeholder:{notAppendBeforeAfter:!0},sideBar:{hide:!0}}};export{config as default};
+let e={tag:"Root",label:"Root",settings:[],editorConfigs:{placeholder:{notAppendBeforeAfter:!0},sideBar:{hide:!0}}};export{e as default};

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

@@ -1,5 +1,5 @@
-import{SettingUIV2 as o}from"./configs/row/ui-v2.js";import{RowSettings as t}from"./configs/row/settings.js";import{RowPreset as e}from"./configs/row/presets.js";let config={tag:"Row",label:"Row",icon:`
+import{SettingUIV2 as t}from"./configs/row/ui-v2.js";import{RowSettings as e}from"./configs/row/settings.js";import{RowPreset as o}from"./configs/row/presets.js";let i={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:t,ui:[],uiV2:o,presets:e,editorConfigs:{placeholder:{notAppendLeftRight:!0},slots:{children:!0},toolbar:{parent:!0}},rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:"16px"}}}},styles:{width:{desktop:"default"}}}};export{config as default};
+  `,settings:e,ui:[],uiV2:t,presets:o,editorConfigs:{placeholder:{notAppendLeftRight:!0},slots:{children:!0},toolbar:{parent:!0}},rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:"16px"}}}},styles:{width:{desktop:"default"}}}};export{i as default};

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

@@ -1 +1 @@
-import t from"./Row.js";import{SectionSettings as o}from"./configs/section/settings.js";import{SettingUIV2 as i}from"./configs/section/ui-v2.js";let config={...t,tag:"Section",label:"Section",settings:o,ui:[],uiV2:i,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}}};export{config as default};
+import t from"./Row.js";import{SectionSettings as o}from"./configs/section/settings.js";import{SettingUIV2 as i}from"./configs/section/ui-v2.js";let e={...t,tag:"Section",label:"Section",settings:o,ui:[],uiV2:i,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}}};export{e as default};

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

@@ -1,4 +1,4 @@
-let RowPreset=[{id:"layout-1-col",name:"Row",icon:{desktop:`
+let t=[{id:"layout-1-col",name:"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>
@@ -20,4 +20,4 @@ let RowPreset=[{id:"layout-1-col",name:"Row",icon:{desktop:`
         <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:[]}]}]}];export{RowPreset};
+      `},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:[]}]}]}];export{t as RowPreset};

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

@@ -1 +1 @@
-let 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:{}}}}}]}];export{RowSettings};
+let e=[{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:{}}}}}]}];export{e as RowSettings};

package/dist/esm/grid/settings/configs/row/translate.js

@@ -1 +1 @@
-let Row={background:{id:"background",fields:["image.src","video","videoHtml5"]}},Section={background:{id:"background",fields:["image.src","video","videoHtml5"]}};export{Row,Section};
+let d={background:{id:"background",fields:["image.src","video","videoHtml5"]}},e={background:{id:"background",fields:["image.src","video","videoHtml5"]}};export{d as Row,e as Section};

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

@@ -1 +1 @@
-let SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{setting:{id:"verticalGutter"},label:"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:"Gap",conditionDisplay:"layout?.cols.length === 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Column spacing",controls:[{label:"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:"Size",options:{disableMessage:"Setting is available when the number of columns is > 1"},controls:[{setting:{id:"width"},label:"Width"},{setting:{id:"height"},label:"Height"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"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:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',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}}}]},{label:"Align column",controls:[{id:"verticalAlign",label:"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:"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:"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("%"))'}]}];export{SettingUIV2};
+let o=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{setting:{id:"verticalGutter"},label:"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:"Gap",conditionDisplay:"layout?.cols.length === 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Column spacing",controls:[{label:"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:"Size",options:{disableMessage:"Setting is available when the number of columns is > 1"},controls:[{setting:{id:"width"},label:"Width"},{setting:{id:"height"},label:"Height"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"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:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',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}}}]},{label:"Align column",controls:[{id:"verticalAlign",label:"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:"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:"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("%"))'}]}];export{o as SettingUIV2};

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

@@ -1 +1 @@
-let 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}]}];export{SectionSettings};
+let e=[{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}]}];export{e as SectionSettings};

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

@@ -1 +1 @@
-let SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Column spacing",conditionDisplay:"childrens > 1",controls:[{setting:{id:"verticalGutter"},label:"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:"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:"Column gap",setting:{id:"columnGap"},conditionDisplay:'pageType == "POST_PURCHASE"',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:"Size",controls:[{id:"Width",setting:{id:"width"},label:"Width",layout:"horizontal",conditionDisplay:'pageType !== "POST_PURCHASE"'},{label:"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:"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:"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:"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:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Align",conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout?.display !== 'fill' || (!!layout?.cols && layout?.cols.length > 1))",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout?.cols && layout?.cols.length > 1"},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];export{SettingUIV2};
+let o=[{controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Column spacing",conditionDisplay:"childrens > 1",controls:[{setting:{id:"verticalGutter"},label:"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:"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:"Column gap",setting:{id:"columnGap"},conditionDisplay:'pageType == "POST_PURCHASE"',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:"Size",controls:[{id:"Width",setting:{id:"width"},label:"Width",layout:"horizontal",conditionDisplay:'pageType !== "POST_PURCHASE"'},{label:"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:"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:"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:"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:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Align",conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout?.display !== 'fill' || (!!layout?.cols && layout?.cols.length > 1))",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout?.cols && layout?.cols.length > 1"},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];export{o as SettingUIV2};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{usePageType as a,cls as d,getGlobalColorResponsiveStyle as i,makeStyleResponsive as o}from"@gem-sdk/core";import t from"next/dynamic";import{useMemo as m}from"react";import n from"./SalePageHeaderWarning.js";let BasicHeader=t(()=>import("./kind/basic/index.js")),ModernHeader=t(()=>import("./kind/modern/index.js")),Header=({builderAttrs:t,builderProps:s,style:c,setting:p,styles:l,children:g})=>{let{kind:H,...f}=p??{},h="morden"===H?ModernHeader:BasicHeader,u=a(),x=m(()=>"GP_FUNNEL_PAGE"===u,[u]);return s?.isPreview&&x?null:e("nav",{"data-id":s?.uid,className:d("gp-z-10 hover:gp-z-50",s?.uid),...t,style:{...c,...i("bgc",l?.headerBg),...o("h",l?.height)},children:[x&&r(n,{}),r(h,{...f,...l}),g]})};export{Header as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{usePageType as i,makeStyleResponsive as t,getGlobalColorResponsiveStyle as m,cls as a}from"@gem-sdk/core";import d from"next/dynamic";import{useMemo as o}from"react";import n from"./SalePageHeaderWarning.js";let s=d(()=>import("./kind/basic/index.js")),p=d(()=>import("./kind/modern/index.js")),l=({builderAttrs:d,builderProps:l,style:c,setting:g,styles:f,children:h})=>{let{kind:u,...x}=g??{},j="morden"===u?p:s,P=i(),k=o(()=>"GP_FUNNEL_PAGE"===P,[P]);return l?.isPreview&&k?null:e("nav",{"data-id":l?.uid,className:a("gp-z-10 hover:gp-z-50",l?.uid),...d,style:{...c,...m("bgc",f?.headerBg),...t("h",f?.height)},children:[k&&r(n,{}),r(j,{...x,...f}),h]})};export{l as default};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as p}from"react/jsx-runtime";import"react";let SalePageHeaderWarning=({builderAttrs:l})=>e("div",{...l,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:p("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:[e("span",{className:"gp-h-5 gp-min-w-[20px]",children:p("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("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"}),e("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"}),e("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"})]})}),p("span",{className:"gp-text-xs gp-leading-5 gp-text-[#C3362B]",children:[e("span",{className:"gp-font-semibold",children:"Header"})," is not available for"," ",e("span",{className:"gp-font-semibold",children:"Sales Page"}),". You should delete this element."]})]})});export{SalePageHeaderWarning as default};
+import{jsx as e,jsxs as p}from"react/jsx-runtime";import"react";let l=({builderAttrs:l})=>e("div",{...l,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:p("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:[e("span",{className:"gp-h-5 gp-min-w-[20px]",children:p("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("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"}),e("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"}),e("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"})]})}),p("span",{className:"gp-text-xs gp-leading-5 gp-text-[#C3362B]",children:[e("span",{className:"gp-font-semibold",children:"Header"})," is not available for"," ",e("span",{className:"gp-font-semibold",children:"Sales Page"}),". You should delete this element."]})]})});export{l as default};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";let ChevronLeft=r=>e("svg",{...r,viewBox:"0 0 24 24",children:e("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"})});export{ChevronLeft as default};
+import{jsx as e}from"react/jsx-runtime";let r=r=>e("svg",{...r,viewBox:"0 0 24 24",children:e("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"})});export{r as default};

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";let MenuIcon=r=>e("svg",{...r,viewBox:"0 0 24 24",children:e("path",{fill:"currentColor",d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"})});export{MenuIcon as default};
+import{jsx as e}from"react/jsx-runtime";let r=r=>e("svg",{...r,viewBox:"0 0 24 24",children:e("path",{fill:"currentColor",d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"})});export{r as default};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{composeTypographyClassName as t,cls as r,makeStyleResponsive as p}from"@gem-sdk/core";import o from"./DesktopMenuItem.js";let DesktopMenu=({menu:l,height:m,arrow:n,textColor:s,menuTextColor:a,typography:f,typo:c,headerBg:g,menuBg:i,className:u,itemEnableHoverEffect:d,enableDropdownHoverEffect:x})=>{let h=l?.ROOT,y=t(c,f);return e("div",{className:r("gp-flex gp-flex-1 gp-items-center gp-justify-center gp-px-3",u),children:e("ul",{className:r("gp-flex gp-flex-wrap gp-justify-center",y),style:{...p("h",m)},children:h?.childrens?.map(t=>e(o,{id:t,menu:l,arrow:n,depth:0,maxDepth:2,menuTextColor:a,textColor:s,headerBg:g,menuBg:i,typography:f,typo:c,enableHoverEffect:d,enableDropdownHoverEffect:x},t))})})};export{DesktopMenu as default};
+import{jsx as e}from"react/jsx-runtime";import{composeTypographyClassName as t,makeStyleResponsive as r,cls as p}from"@gem-sdk/core";import o from"./DesktopMenuItem.js";let l=({menu:l,height:m,arrow:n,textColor:a,menuTextColor:s,typography:f,typo:c,headerBg:g,menuBg:i,className:u,itemEnableHoverEffect:d,enableDropdownHoverEffect:x})=>{let h=l?.ROOT,y=t(c,f);return e("div",{className:p("gp-flex gp-flex-1 gp-items-center gp-justify-center gp-px-3",u),children:e("ul",{className:p("gp-flex gp-flex-wrap gp-justify-center",y),style:{...r("h",m)},children:h?.childrens?.map(t=>e(o,{id:t,menu:l,arrow:n,depth:0,maxDepth:2,menuTextColor:s,textColor:a,headerBg:g,menuBg:i,typography:f,typo:c,enableHoverEffect:d,enableDropdownHoverEffect:x},t))})})};export{l as default};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as p}from"react/jsx-runtime";import{composeTypographyStyle as t,getGlobalColorStateStyle as l,filterHoverVariables as r,cls as g,getGlobalColorResponsiveStyle as i}from"@gem-sdk/core";import n from"next/link";let DesktopMenuItem=({id:a,menu:o,arrow:s,textColor:m,menuTextColor:c,depth:u=0,maxDepth:d=2,menuBg:f,typo:h,typography:v,enableHoverEffect:x,enableDropdownHoverEffect:y})=>{let b=o?.[a];if(!b||u>d)return null;let w=u===d,k=t(h,v),D=!!b?.childrens?.length&&!w,N=D&&!!s,I=l("c",0===u?m:c),M=0===u&&x||0!==u&&y?I:r(I);return e("li",{className:g("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===u,"gp-min-w-[200px] gp-border-b last:gp-border-b-transparent":u>0}),style:{...k,...M},children:[b?.link?p(n,{href:b.link,title:b.title,className:"gp-w-full",children:b.title}):p("span",{children:b?.title}),N&&p("span",{dangerouslySetInnerHTML:{__html:s},className:g("gp-ml-auto gp-shrink-0 [&>svg]:gp-h-4 [&>svg]:gp-w-auto",{"-gp-rotate-90":1===u})}),D&&p("div",{className:g("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===u,"gp-left-full gp-top-0 gp-translate-y-4 [li:hover>div&]:gp-translate-y-0":1===u}),children:p("ul",{className:g("gp-flex gp-flex-col gp-shadow-card-2 gp-relative",{"gp-ml-4":1===u}),style:{...i("bgc",f)},children:b?.childrens?.map(e=>p(DesktopMenuItem,{id:e,menu:o,depth:u+1,maxDepth:d,arrow:s,menuTextColor:c,menuBg:f,typo:h,typography:v,enableHoverEffect:x,enableDropdownHoverEffect:y},e))})})]})};export{DesktopMenuItem as default};
+import{jsxs as e,jsx as p}from"react/jsx-runtime";import{composeTypographyStyle as t,getGlobalColorStateStyle as l,filterHoverVariables as r,cls as g,getGlobalColorResponsiveStyle as i}from"@gem-sdk/core";import a from"next/link";let n=({id:o,menu:s,arrow:c,textColor:m,menuTextColor:d,depth:u=0,maxDepth:f=2,menuBg:h,typo:v,typography:x,enableHoverEffect:y,enableDropdownHoverEffect:b})=>{let w=s?.[o];if(!w||u>f)return null;let k=u===f,N=t(v,x),D=!!w?.childrens?.length&&!k,H=l("c",0===u?m:d),j=0===u&&y||0!==u&&b?H:r(H);return e("li",{className:g("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===u,"gp-min-w-[200px] gp-border-b last:gp-border-b-transparent":u>0}),style:{...N,...j},children:[w?.link?p(a,{href:w.link,title:w.title,className:"gp-w-full",children:w.title}):p("span",{children:w?.title}),D&&!!c&&p("span",{dangerouslySetInnerHTML:{__html:c},className:g("gp-ml-auto gp-shrink-0 [&>svg]:gp-h-4 [&>svg]:gp-w-auto",{"-gp-rotate-90":1===u})}),D&&p("div",{className:g("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===u,"gp-left-full gp-top-0 gp-translate-y-4 [li:hover>div&]:gp-translate-y-0":1===u}),children:p("ul",{className:g("gp-flex gp-flex-col gp-shadow-card-2 gp-relative",{"gp-ml-4":1===u}),style:{...i("bgc",h)},children:w?.childrens?.map(e=>p(n,{id:e,menu:s,depth:u+1,maxDepth:f,arrow:c,menuTextColor:d,menuBg:h,typo:v,typography:x,enableHoverEffect:y,enableDropdownHoverEffect:b},e))})})]})};export{n as default};

package/dist/esm/header/components/kind/basic/MenuMobileItem.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{composeTypographyStyle as l,getGlobalColorStateStyle as r,filterHoverVariables as n,cls as a,getGlobalColorResponsiveStyle as p}from"@gem-sdk/core";import i from"next/link";import{useState as o,useRef as s}from"react";import{Transition as g}from"react-transition-group";import c from"../../icons/ChevronLeft.js";import m from"../../icons/Dismiss.js";let duration=300,defaultStyle={transitionDuration:"300ms",opacity:0},transitionStyles={entering:{opacity:1,transform:"translateX(0)"},entered:{opacity:1,transform:"translateX(0)"},exiting:{opacity:0,transform:"translateX(50px)"},exited:{opacity:0,transform:"translateX(50px)"},unmounted:{opacity:0}},MenuMobileItem=({id:u,menu:f,arrow:d,menuBg:h,menuTextColor:y,closeMenu:x,depth:b=0,maxDepth:v=2,typo:w,typography:N,enableHoverEffect:k})=>{let[j,C]=o(!1),D=s(null),M=l(w,N),I=f?.[u];if(!I||b>v)return null;let S=b===v,X=!!I?.childrens?.length&&!S,z=X&&!!d,P=e=>{e.preventDefault(),e.stopPropagation(),C(e=>!e)},q=r("c",y),E=k?q:n(q);return e("li",{className:a("gp-group gp-flex gp-cursor-pointer gp-gap-2 gp-whitespace-nowrap gp-px-4 gp-py-2",{"gp-flex-col gp-border-b last:gp-border-b-transparent":b>0}),style:{...E,...p("bgc",h)},children:[e("div",{className:"gp-flex gp-w-full gp-items-center gp-justify-between","aria-hidden":!0,onClick:!I?.link&&z?P:void 0,children:[I?.link?t(i,{href:I.link,title:I.title,className:"gp-w-full",children:I.title}):t("span",{style:{...M},children:I?.title}),z&&t("span",{role:"button",tabIndex:0,"aria-expanded":j,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&P(e)},onClick:P,dangerouslySetInnerHTML:{__html:d},className:a("gp-ml-auto gp-transition-all gp-duration-200 [&>svg]:gp-w-5",{"gp-rotate-0":b>0&&!j,"gp-rotate-180":b>0&&j,"-gp-rotate-90":0===b}),style:{...M}})]}),X&&t(g,{in:j,timeout:300,nodeRef:D,unmountOnExit:!0,children:l=>e("div",{ref:D,className:a("gp-z-10 gp-flex gp-cursor-default gp-flex-col gp-transition-all",{"gp-absolute gp-left-0 gp-top-0 gp-h-full gp-w-full":0===b}),style:{...p("bgc",h),...defaultStyle,...transitionStyles[l]},children:[0===b&&e("div",{className:"gp-relative gp-flex gp-h-10 gp-w-full gp-items-center gp-justify-between gp-border-b",children:[t("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),C(!1)},className:"gp-relative gp-z-1 gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",children:t(c,{className:"gp-w-5"})}),t("div",{"aria-hidden":!0,onClick:e=>{e.preventDefault(),e.stopPropagation(),C(!1)},className:"gp-absolute gp-inset-0 gp-flex gp-items-center gp-justify-center",children:t("span",{className:"gp-font-semibold",children:I.title})}),t("button",{onClick:x,"aria-label":"Close menu",className:"gp-relative gp-z-1 gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",style:{...r("c",y)},children:t(m,{className:"gp-w-5"})})]}),t("ul",{className:a("gp-flex gp-flex-col"),children:I?.childrens?.map(e=>t(MenuMobileItem,{id:e,menu:f,depth:b+1,maxDepth:v,arrow:d,menuBg:h,menuTextColor:y},e))})]})})]})};export{MenuMobileItem as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{composeTypographyStyle as l,getGlobalColorStateStyle as r,filterHoverVariables as p,cls as n,getGlobalColorResponsiveStyle as a}from"@gem-sdk/core";import i from"next/link";import{useState as s,useRef as o}from"react";import{Transition as g}from"react-transition-group";import c from"../../icons/ChevronLeft.js";import m from"../../icons/Dismiss.js";let u={transitionDuration:"300ms",opacity:0},f={entering:{opacity:1,transform:"translateX(0)"},entered:{opacity:1,transform:"translateX(0)"},exiting:{opacity:0,transform:"translateX(50px)"},exited:{opacity:0,transform:"translateX(50px)"},unmounted:{opacity:0}},d=({id:h,menu:x,arrow:y,menuBg:b,menuTextColor:v,closeMenu:w,depth:N=0,maxDepth:k=2,typo:j,typography:C,enableHoverEffect:D})=>{let[X,z]=s(!1),I=o(null),M=l(j,C),P=x?.[h];if(!P||N>k)return null;let q=!!P?.childrens?.length&&N!==k,E=q&&!!y,L=e=>{e.preventDefault(),e.stopPropagation(),z(e=>!e)},T=r("c",v),_=D?T:p(T);return e("li",{className:n("gp-group gp-flex gp-cursor-pointer gp-gap-2 gp-whitespace-nowrap gp-px-4 gp-py-2",{"gp-flex-col gp-border-b last:gp-border-b-transparent":N>0}),style:{..._,...a("bgc",b)},children:[e("div",{className:"gp-flex gp-w-full gp-items-center gp-justify-between","aria-hidden":!0,onClick:!P?.link&&E?L:void 0,children:[P?.link?t(i,{href:P.link,title:P.title,className:"gp-w-full",children:P.title}):t("span",{style:{...M},children:P?.title}),E&&t("span",{role:"button",tabIndex:0,"aria-expanded":X,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&L(e)},onClick:L,dangerouslySetInnerHTML:{__html:y},className:n("gp-ml-auto gp-transition-all gp-duration-200 [&>svg]:gp-w-5",{"gp-rotate-0":N>0&&!X,"gp-rotate-180":N>0&&X,"-gp-rotate-90":0===N}),style:{...M}})]}),q&&t(g,{in:X,timeout:300,nodeRef:I,unmountOnExit:!0,children:l=>e("div",{ref:I,className:n("gp-z-10 gp-flex gp-cursor-default gp-flex-col gp-transition-all",{"gp-absolute gp-left-0 gp-top-0 gp-h-full gp-w-full":0===N}),style:{...a("bgc",b),...u,...f[l]},children:[0===N&&e("div",{className:"gp-relative gp-flex gp-h-10 gp-w-full gp-items-center gp-justify-between gp-border-b",children:[t("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),z(!1)},className:"gp-relative gp-z-1 gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",children:t(c,{className:"gp-w-5"})}),t("div",{"aria-hidden":!0,onClick:e=>{e.preventDefault(),e.stopPropagation(),z(!1)},className:"gp-absolute gp-inset-0 gp-flex gp-items-center gp-justify-center",children:t("span",{className:"gp-font-semibold",children:P.title})}),t("button",{onClick:w,"aria-label":"Close menu",className:"gp-relative gp-z-1 gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",style:{...r("c",v)},children:t(m,{className:"gp-w-5"})})]}),t("ul",{className:n("gp-flex gp-flex-col"),children:P?.childrens?.map(e=>t(d,{id:e,menu:x,depth:N+1,maxDepth:k,arrow:y,menuBg:b,menuTextColor:v},e))})]})})]})};export{d as default};

package/dist/esm/header/components/kind/basic/MobileMenu.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as r,composeTypographyClassName as l,cls as i,getGlobalColorStateStyle as a,getGlobalColorResponsiveStyle as n}from"@gem-sdk/core";import{useState as o,useRef as s}from"react";import{Transition as p}from"react-transition-group";import{useBodyOverlay as c}from"../../../hooks/useBodyOverlay.js";import g from"../../icons/Dismiss.js";import m from"../../icons/MenuIcon.js";import d from"./MenuMobileItem.js";let duration=300,defaultStyle={transitionDuration:"300ms",opacity:0},transitionStyles={entering:{opacity:1,transform:"translateX(0)"},entered:{opacity:1,transform:"translateX(0)"},exiting:{opacity:0,transform:"translateX(-50px)"},exited:{opacity:0,transform:"translateX(-50px)"},unmounted:{opacity:0}},overlayTransitionStyles={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},MobileMenu=({menu:u,typography:y,typo:f,arrow:b,menuTextColor:h,menuBg:v,textColor:x,className:w,itemEnableHoverEffect:M})=>{let N=r(),[j,k]=o(!1),S=s(null),O=s(null),z=u?.ROOT;c(j);let C=e=>{"edit"!==N&&k(e)},T=l(f,y);return e("div",{ref:O,className:i("gp-relative gp-z-5 gp-h-full gp-items-center gp-justify-center",w),children:[t("button",{"aria-label":"Menu",onClick:()=>{C(!0)},style:{...a("c",x)},children:t(m,{className:"gp-w-8"})}),t(p,{in:j,timeout:300,nodeRef:S,unmountOnExit:!1,children:r=>e("div",{className:"gp-fixed gp-inset-0 gp-z-[999] gp-overflow-hidden",style:{pointerEvents:j?"auto":"none",visibility:j?"visible":"hidden"},children:[t("div",{"aria-hidden":!0,"aria-label":"Overlay",onClick:()=>{C(!1)},className:"gp-fixed gp-inset-0 gp-z-[999] gp-bg-slate-600/40",style:{...defaultStyle,...overlayTransitionStyles[r]}}),e("div",{className:"gp-relative gp-inset-0 gp-z-[9999] gp-h-full gp-w-full gp-max-w-[400px] gp-overflow-hidden",style:{...defaultStyle,...transitionStyles[r],...n("bgc",v)},children:[t("div",{className:"gp-flex gp-h-10 gp-items-center gp-border-b gp-pl-4",children:t("button",{onClick:()=>C(!1),className:"gp-ml-auto gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",style:{...a("c",h)},children:t(g,{className:"gp-w-5"})})}),t("ul",{role:"menu",className:i("gp-w-full scrollbar:!gp-h-1.5 scrollbar:!gp-w-1.5 scrollbar:gp-bg-transparent scrollbar-track:!gp-rounded scrollbar-track:!gp-bg-slate-100 scrollbar-thumb:!gp-rounded scrollbar-thumb:!gp-bg-slate-300",T),ref:S,style:{...n("bgc",v)},children:z?.childrens?.map(e=>t(d,{id:e,menu:u,arrow:b,depth:0,maxDepth:2,menuBg:v,menuTextColor:h,closeMenu:()=>C(!1),typo:f,typography:y,enableHoverEffect:M},e))})]})]})})]})};export{MobileMenu as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as r,composeTypographyClassName as l,getGlobalColorStateStyle as i,getGlobalColorResponsiveStyle as a,cls as n}from"@gem-sdk/core";import{useState as o,useRef as p}from"react";import{Transition as s}from"react-transition-group";import{useBodyOverlay as c}from"../../../hooks/useBodyOverlay.js";import g from"../../icons/Dismiss.js";import m from"../../icons/MenuIcon.js";import d from"./MenuMobileItem.js";let u={transitionDuration:"300ms",opacity:0},f={entering:{opacity:1,transform:"translateX(0)"},entered:{opacity:1,transform:"translateX(0)"},exiting:{opacity:0,transform:"translateX(-50px)"},exited:{opacity:0,transform:"translateX(-50px)"},unmounted:{opacity:0}},b={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},y=({menu:y,typography:h,typo:x,arrow:v,menuTextColor:w,menuBg:N,textColor:j,className:k,itemEnableHoverEffect:M})=>{let O=r(),[z,C]=o(!1),X=p(null),D=p(null),E=y?.ROOT;c(z);let B=e=>{"edit"!==O&&C(e)},I=l(x,h);return e("div",{ref:D,className:n("gp-relative gp-z-5 gp-h-full gp-items-center gp-justify-center",k),children:[t("button",{"aria-label":"Menu",onClick:()=>{B(!0)},style:{...i("c",j)},children:t(m,{className:"gp-w-8"})}),t(s,{in:z,timeout:300,nodeRef:X,unmountOnExit:!1,children:r=>e("div",{className:"gp-fixed gp-inset-0 gp-z-[999] gp-overflow-hidden",style:{pointerEvents:z?"auto":"none",visibility:z?"visible":"hidden"},children:[t("div",{"aria-hidden":!0,"aria-label":"Overlay",onClick:()=>{B(!1)},className:"gp-fixed gp-inset-0 gp-z-[999] gp-bg-slate-600/40",style:{...u,...b[r]}}),e("div",{className:"gp-relative gp-inset-0 gp-z-[9999] gp-h-full gp-w-full gp-max-w-[400px] gp-overflow-hidden",style:{...u,...f[r],...a("bgc",N)},children:[t("div",{className:"gp-flex gp-h-10 gp-items-center gp-border-b gp-pl-4",children:t("button",{onClick:()=>B(!1),className:"gp-ml-auto gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",style:{...i("c",w)},children:t(g,{className:"gp-w-5"})})}),t("ul",{role:"menu",className:n("gp-w-full scrollbar:!gp-h-1.5 scrollbar:!gp-w-1.5 scrollbar:gp-bg-transparent scrollbar-track:!gp-rounded scrollbar-track:!gp-bg-slate-100 scrollbar-thumb:!gp-rounded scrollbar-thumb:!gp-bg-slate-300",I),ref:X,style:{...a("bgc",N)},children:E?.childrens?.map(e=>t(d,{id:e,menu:y,arrow:v,depth:0,maxDepth:2,menuBg:N,menuTextColor:w,closeMenu:()=>B(!1),typo:x,typography:h,enableHoverEffect:M},e))})]})]})})]})};export{y as default};

package/dist/esm/header/components/kind/basic/index.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{makeStyleResponsive as i,cls as l}from"@gem-sdk/core";import r from"next/dynamic";import p from"../../../../cart/components/Cart.js";import"react";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import s from"../../../../image/components/Image.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";import a from"../../../../cart/components/CheckoutNow.js";let MobileMenu=r(()=>import("./MobileMenu.js")),DesktopMenu=r(()=>import("./DesktopMenu.js")),BasicHeader=({btnBgColor:r,btnBorder:n,btnRounded:m,btnSpacing:c,btnTextColor:g,btnTypography:d,btnType:b,btnWidth:h,openMode:u,buyNow:f,breakpoint:y,...x})=>{let k=!!x.menu?.ROOT.childrens?.length;return e("div",{className:"gp-relative gp-z-50 gp-flex gp-items-center gp-px-4 gp-justify-between",style:i("h",x.height),children:[k?e(t,{children:[o(MobileMenu,{...x,className:l({"gp-flex":"desktop"===y,"gp-hidden tablet:gp-flex":"tablet"===y,"gp-hidden mobile:gp-flex":"mobile"===y})}),o(DesktopMenu,{...x,className:l({"!gp-hidden":"desktop"===y,"tablet:!gp-hidden":"tablet"===y,"mobile:!gp-hidden":"mobile"===y})})]}):null,!!x.logo&&o("div",{className:l({"gp-justify-center":"desktop"===y&&k,"tablet:gp-justify-center":"tablet"===y&&k,"mobile:gp-justify-center":"mobile"===y&&k,"gp-flex gp-items-center":"desktop"===y,"tablet:gp-flex tablet:gp-items-center":"tablet"===y,"mobile:gp-flex mobile:gp-items-center":"mobile"===y,"gp-order-first":"desktop"!==y,"mobile:gp-order-[0]":!0,"tablet:gp-order-[0]":"tablet"===y}),children:o(s,{style:i("maxh",x.height),setting:{srcSet:x.logo,alt:"Logo",quality:100,isAdaptive:!0},styles:{customAspectRadio:x.customAspectRadio,aspectRatio:x.logoAspectRatio,width:x.logoWidth,objectFit:x.layout,opacity:{normal:0,hover:0}}})}),e("div",{className:"gp-flex gp-items-center gp-gap-4",children:[f&&o(a,{className:"mobile:gp-hidden",setting:{label:"Buy Now",openMode:u},styles:{backgroundColor:r,borderBtn:n,roundedBtn:m,btnSpacing:c,textColor:g,typography:d,type:b,width:h}}),o(p,{setting:{iconOnly:!0,svgIcon:x.cartIcon,enableHoverEffect:x.cardEnableHoverEffect??!0},styles:{iconColor:x.cartIconColor}})]})]})};export{BasicHeader as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{cls as i,makeStyleResponsive as l}from"@gem-sdk/core";import r from"next/dynamic";import p from"../../../../cart/components/Cart.js";import"react";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import s from"../../../../image/components/Image.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";import a from"../../../../cart/components/CheckoutNow.js";let m=r(()=>import("./MobileMenu.js")),n=r(()=>import("./DesktopMenu.js")),c=({btnBgColor:r,btnBorder:c,btnRounded:g,btnSpacing:d,btnTextColor:b,btnTypography:h,btnType:f,btnWidth:u,openMode:y,buyNow:x,breakpoint:j,...k})=>{let v=!!k.menu?.ROOT.childrens?.length;return e("div",{className:"gp-relative gp-z-50 gp-flex gp-items-center gp-px-4 gp-justify-between",style:l("h",k.height),children:[v?e(t,{children:[o(m,{...k,className:i({"gp-flex":"desktop"===j,"gp-hidden tablet:gp-flex":"tablet"===j,"gp-hidden mobile:gp-flex":"mobile"===j})}),o(n,{...k,className:i({"!gp-hidden":"desktop"===j,"tablet:!gp-hidden":"tablet"===j,"mobile:!gp-hidden":"mobile"===j})})]}):null,!!k.logo&&o("div",{className:i({"gp-justify-center":"desktop"===j&&v,"tablet:gp-justify-center":"tablet"===j&&v,"mobile:gp-justify-center":"mobile"===j&&v,"gp-flex gp-items-center":"desktop"===j,"tablet:gp-flex tablet:gp-items-center":"tablet"===j,"mobile:gp-flex mobile:gp-items-center":"mobile"===j,"gp-order-first":"desktop"!==j,"mobile:gp-order-[0]":!0,"tablet:gp-order-[0]":"tablet"===j}),children:o(s,{style:l("maxh",k.height),setting:{srcSet:k.logo,alt:"Logo",quality:100,isAdaptive:!0},styles:{customAspectRadio:k.customAspectRadio,aspectRatio:k.logoAspectRatio,width:k.logoWidth,objectFit:k.layout,opacity:{normal:0,hover:0}}})}),e("div",{className:"gp-flex gp-items-center gp-gap-4",children:[x&&o(a,{className:"mobile:gp-hidden",setting:{label:"Buy Now",openMode:y},styles:{backgroundColor:r,borderBtn:c,roundedBtn:g,btnSpacing:d,textColor:b,typography:h,type:f,width:u}}),o(p,{setting:{iconOnly:!0,svgIcon:k.cartIcon,enableHoverEffect:k.cardEnableHoverEffect??!0},styles:{iconColor:k.cartIconColor}})]})]})};export{c as default};

package/dist/esm/header/components/kind/modern/index.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../../../cart/components/Cart.js";import"react";import{makeStyleResponsive as r}from"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../../../../image/components/AdaptiveImage.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";let ModernHeader=m=>e("div",{className:"gp-relative gp-flex gp-items-center gp-px-4",style:r("h",m.height),children:["Coming Soon",t("div",{className:"gp-ml-auto gp-flex gp-items-center gp-pr-4",children:t(o,{setting:{iconOnly:!0,enableHoverEffect:m.cardEnableHoverEffect??!0}})})]});export{ModernHeader as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../../../cart/components/Cart.js";import"react";import{makeStyleResponsive as r}from"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../../../../image/components/AdaptiveImage.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";let m=m=>e("div",{className:"gp-relative gp-flex gp-items-center gp-px-4",style:r("h",m.height),children:["Coming Soon",t("div",{className:"gp-ml-auto gp-flex gp-items-center gp-pr-4",children:t(o,{setting:{iconOnly:!0,enableHoverEffect:m.cardEnableHoverEffect??!0}})})]});export{m as default};

package/dist/esm/header/hooks/useBodyOverlay.js

@@ -1 +1 @@
-import{useEffect as e}from"react";let useBodyOverlay=t=>{e(()=>{let e=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10),d=window.innerWidth-document.documentElement.clientWidth;t?(document.body.style.overflow="hidden",document.body.style.paddingRight=`${e+d}px`):(document.body.style.overflow="",document.body.style.paddingRight="")},[t])};export{useBodyOverlay};
+import{useEffect as e}from"react";let t=t=>{e(()=>{let e=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10),d=window.innerWidth-document.documentElement.clientWidth;t?(document.body.style.overflow="hidden",document.body.style.paddingRight=`${e+d}px`):(document.body.style.overflow="",document.body.style.paddingRight="")},[t])};export{t as useBodyOverlay};

package/dist/esm/header/index.js

@@ -1 +1 @@
-export{default as Header}from"./components/Header.js";export{default as BasicHeader}from"./components/kind/basic/index.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";import"../cart/components/shop-pay-button/ShopPayButton.js";import"react-transition-group";import e from"./settings/Header.js";let headerSetting={Header:e};export{headerSetting};
+export{default as Header}from"./components/Header.js";export{default as BasicHeader}from"./components/kind/basic/index.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";import"../cart/components/shop-pay-button/ShopPayButton.js";import"react-transition-group";import t from"./settings/Header.js";let e={Header:t};export{e as headerSetting};

package/dist/esm/header/next.js

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

package/dist/esm/header/settings/Header.js

@@ -1,8 +1,8 @@
-import{HeaderPreset as e}from"./configs/presets.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";import{HeaderSettings as r}from"./configs/settings.js";let config={tag:"Header",label:"Header",icon:`
+import{HeaderPreset as e}from"./configs/presets.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";import{HeaderSettings as r}from"./configs/settings.js";let l={tag:"Header",label:"Header",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M5.875 17.7183H8.625V26.3325H5.875V17.7183Z" fill="currentColor"/>
     <path d="M31.375 17.7183H34.125V26.3325H31.375V17.7183Z" fill="currentColor"/>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 6.71826V14.9683H34.75V6.71826H5.25ZM3.75 3.96826C3.05964 3.96826 2.5 4.52791 2.5 5.21826V16.4683C2.5 17.1586 3.05964 17.7183 3.75 17.7183H36.25C36.9404 17.7183 37.5 17.1586 37.5 16.4683V5.21826C37.5 4.52791 36.9404 3.96826 36.25 3.96826H3.75Z" fill="currentColor"/>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M31.3754 29.0825H8.625V33.2821H31.3754V29.0825ZM5.875 26.3325V34.7821C5.875 35.4724 6.43464 36.0321 7.125 36.0321H32.8754C33.5658 36.0321 34.1254 35.4724 34.1254 34.7821V26.3325H5.875Z" fill="currentColor"/>
   </svg>
-  `,settings:r,editorConfigs:{toolbar:{parent:!0}},uiV2:o,presets:e};export{config as default};
+  `,settings:r,editorConfigs:{toolbar:{parent:!0}},uiV2:o,presets:e};export{l as default};

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

@@ -1,7 +1,7 @@
-let HeaderPreset=[{id:"instant-header",name:"Header",icon:{desktop:`
+let e=[{id:"instant-header",name:"Header",icon:{desktop:`
       <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M5.875 17.7183H8.625V26.3325H5.875V17.7183Z" fill="#D6D6D6"/>
         <path d="M31.375 17.7183H34.125V26.3325H31.375V17.7183Z" fill="#D6D6D6"/>
         <path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 6.71826V14.9683H34.75V6.71826H5.25ZM3.75 3.96826C3.05964 3.96826 2.5 4.52791 2.5 5.21826V16.4683C2.5 17.1586 3.05964 17.7183 3.75 17.7183H36.25C36.9404 17.7183 37.5 17.1586 37.5 16.4683V5.21826C37.5 4.52791 36.9404 3.96826 36.25 3.96826H3.75Z" fill="#D6D6D6"/>
         <path fill-rule="evenodd" clip-rule="evenodd" d="M31.3754 29.0825H8.625V33.2821H31.3754V29.0825ZM5.875 26.3325V34.7821C5.875 35.4724 6.43464 36.0321 7.125 36.0321H32.8754C33.5658 36.0321 34.1254 35.4724 34.1254 34.7821V26.3325H5.875Z" fill="#D6D6D6"/>
-      </svg>`},components:[{tag:"Header"}]}];export{HeaderPreset};
+      </svg>`},components:[{tag:"Header"}]}];export{e as HeaderPreset};

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

@@ -1,4 +1,4 @@
-let HeaderSettings=[{id:"setting",controls:[{id:"breakpoint",label:"Breakpoint",type:"select",hideOnMode:{mobileOnly:!0},options:[{label:"From desktop and smaller",subTitle:"Display menu icon for desktop, tablet and mobile",value:"desktop"},{label:"From tablet and smaller",subTitle:"Display menu icon for tablet and mobile",value:"tablet"},{label:"Only mobile",subTitle:"Display menu icon for only mobile",value:"mobile"}],default:"mobile"},{id:"itemEnableHoverEffect",type:"toggle",default:!1},{id:"enableDropdownHoverEffect",type:"toggle",default:!1},{id:"cardEnableHoverEffect",type:"toggle",default:!1},{id:"menu",label:"Menu",type:"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:[]}}},{type:"group",label:"Logo",id:"logo-group",controls:[{id:"logo",label:"Logo",type:"image-select",devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:800,height:533}}}},{id:"logoAspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"auto"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Fill",value:"fill"},{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"None",value:"none"},{label:"Scale down",value:"scale-down"}],devices:{desktop:{default:"contain"}}},{id:"logoWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"80px"}}}]},{id:"arrow",label:"Arrow Icon",type:"icon",default:`<svg data-name="chevron down" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+let e=[{id:"setting",controls:[{id:"breakpoint",label:"Breakpoint",type:"select",hideOnMode:{mobileOnly:!0},options:[{label:"From desktop and smaller",subTitle:"Display menu icon for desktop, tablet and mobile",value:"desktop"},{label:"From tablet and smaller",subTitle:"Display menu icon for tablet and mobile",value:"tablet"},{label:"Only mobile",subTitle:"Display menu icon for only mobile",value:"mobile"}],default:"mobile"},{id:"itemEnableHoverEffect",type:"toggle",default:!1},{id:"enableDropdownHoverEffect",type:"toggle",default:!1},{id:"cardEnableHoverEffect",type:"toggle",default:!1},{id:"menu",label:"Menu",type:"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:[]}}},{type:"group",label:"Logo",id:"logo-group",controls:[{id:"logo",label:"Logo",type:"image-select",devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:800,height:533}}}},{id:"logoAspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"auto"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Fill",value:"fill"},{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"None",value:"none"},{label:"Scale down",value:"scale-down"}],devices:{desktop:{default:"contain"}}},{id:"logoWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"80px"}}}]},{id:"arrow",label:"Arrow Icon",type:"icon",default:`<svg data-name="chevron down" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.57576 6.77583C4.81007 6.54152 5.18997 6.54152 5.42429 6.77583L8.20002 9.55157L10.9758 6.77583C11.2101 6.54152 11.59 6.54152 11.8243 6.77583C12.0586 7.01015 12.0586 7.39005 11.8243 7.62436L8.62429 10.8244C8.38997 11.0587 8.01007 11.0587 7.77576 10.8244L4.57576 7.62436C4.34145 7.39005 4.34145 7.01015 4.57576 6.77583Z" fill="currentColor"/>
 </svg>
-`},{id:"cart-setting",type:"group",label:"Cart Setting",controls:[{id:"cartIcon",label:"Cart Icon",type:"icon",default:'<svg data-name="cart" width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>'}]}]},{id:"style",controls:[{id:"height",label:"Height",type:"input:unit",units:["px"],devices:{desktop:{default:"60px"}}},{id:"typography",label:"Typography",type:"typography",default:{type:"paragraph-1"}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"background-group",label:"Background",type:"group",controls:[{id:"headerBg",type:"color-picker-v2",label:"Header",devices:{desktop:{default:"#FFFFFF"}}},{id:"menuBg",type:"color-picker-v2",label:"Menu",info:"Dropdown and collapse menu background color",compoDefaultValue:{desktop:{default:"#FFFFFF"}},devices:{desktop:{default:"#FFFFFF"}}}]},{id:"color-state",type:"behavior-state",controls:[{id:"textColor",label:"Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-1"}},{id:"menuTextColor",label:"Menu Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"text-1"},default:{normal:"text-1"}},{id:"cartIconColor",type:"color-picker-v2",label:"Cart Icon Color",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-1"}}]}]}];export{HeaderSettings};
+`},{id:"cart-setting",type:"group",label:"Cart Setting",controls:[{id:"cartIcon",label:"Cart Icon",type:"icon",default:'<svg data-name="cart" width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>'}]}]},{id:"style",controls:[{id:"height",label:"Height",type:"input:unit",units:["px"],devices:{desktop:{default:"60px"}}},{id:"typography",label:"Typography",type:"typography",default:{type:"paragraph-1"}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"background-group",label:"Background",type:"group",controls:[{id:"headerBg",type:"color-picker-v2",label:"Header",devices:{desktop:{default:"#FFFFFF"}}},{id:"menuBg",type:"color-picker-v2",label:"Menu",info:"Dropdown and collapse menu background color",compoDefaultValue:{desktop:{default:"#FFFFFF"}},devices:{desktop:{default:"#FFFFFF"}}}]},{id:"color-state",type:"behavior-state",controls:[{id:"textColor",label:"Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-1"}},{id:"menuTextColor",label:"Menu Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"text-1"},default:{normal:"text-1"}},{id:"cartIconColor",type:"color-picker-v2",label:"Cart Icon Color",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-1"}}]}]}];export{e as HeaderSettings};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:"Logo",controls:[{label:"Image",type:"combo",getValueFromSettingID:"logo.src",comboType:"image",isHideClear:!0,popoverLabel:"Image",controls:[{type:"control",label:"Source",layout:"vertical",options:{labelVariant:"primary"},setting:{id:"logo"}},{type:"control",label:"Aspect Ratio",setting:{id:"logoAspectRatio"}},{type:"control",conditionDisplay:'logoAspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:"Object Fit",setting:{id:"layout"}}]},{id:"Width",label:"Width",setting:{id:"logoWidth"},layout:"horizontal"}]},{label:"Menu management",controls:[{id:"menu",label:"Order",setting:{id:"menu"}}]},{label:"Menu item style",controls:[{label:"Text style",type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"typo.type",isTypoValue:!0,isHideClear:!0,controls:[{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Icon",setting:{id:"arrow"}},{label:"Hover",type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"itemEnableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Dropdown",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",isHideClear:!0,help:{content:"Dropdown menu appears when hovering on a menu item"},popoverLabel:"Dropdown menu",controls:[{label:"Text color",popoverLabel:"Text color",setting:{id:"menuTextColor",state:"normal"}},{label:"Background",popoverLabel:"Background",setting:{id:"menuBg"}},{label:"Hover",type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"enableDropdownHoverEffect"},popoverLabel:"Hover",controls:[{label:"Text color",setting:{id:"menuTextColor",state:"hover"}}]}]}]},{label:"Cart",controls:[{label:"Icon",setting:{id:"cartIcon"}},{label:"Icon color",setting:{id:"cartIconColor",state:"normal"}},{label:"Hover",type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"cardEnableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Icon color",setting:{id:"cartIconColor",state:"hover"}}]}]},{label:"Size",controls:[{id:"height",label:"Height",setting:{id:"height"},controlConfig:{id:"height",type:"dropdown:input",units:["px"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{id:"headerBg",label:"Color",setting:{id:"headerBg"},layout:"horizontal"}]},{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}}}]},{label:"Display condition",controls:[{id:"breakpoint",label:"Menu icon",setting:{id:"breakpoint"}},{layout:"vertical",controlConfig:{id:"showMenuIconBanner",type:"banner",message:"The devices that will show menu icon.",closable:!0}}]}];export{SettingUIV2};
+let e=[{label:"Logo",controls:[{label:"Image",type:"combo",getValueFromSettingID:"logo.src",comboType:"image",isHideClear:!0,popoverLabel:"Image",controls:[{type:"control",label:"Source",layout:"vertical",options:{labelVariant:"primary"},setting:{id:"logo"}},{type:"control",label:"Aspect Ratio",setting:{id:"logoAspectRatio"}},{type:"control",conditionDisplay:'logoAspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:"Object Fit",setting:{id:"layout"}}]},{id:"Width",label:"Width",setting:{id:"logoWidth"},layout:"horizontal"}]},{label:"Menu management",controls:[{id:"menu",label:"Order",setting:{id:"menu"}}]},{label:"Menu item style",controls:[{label:"Text style",type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"typo.type",isTypoValue:!0,isHideClear:!0,controls:[{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Icon",setting:{id:"arrow"}},{label:"Hover",type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"itemEnableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Dropdown",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",isHideClear:!0,help:{content:"Dropdown menu appears when hovering on a menu item"},popoverLabel:"Dropdown menu",controls:[{label:"Text color",popoverLabel:"Text color",setting:{id:"menuTextColor",state:"normal"}},{label:"Background",popoverLabel:"Background",setting:{id:"menuBg"}},{label:"Hover",type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"enableDropdownHoverEffect"},popoverLabel:"Hover",controls:[{label:"Text color",setting:{id:"menuTextColor",state:"hover"}}]}]}]},{label:"Cart",controls:[{label:"Icon",setting:{id:"cartIcon"}},{label:"Icon color",setting:{id:"cartIconColor",state:"normal"}},{label:"Hover",type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"cardEnableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Icon color",setting:{id:"cartIconColor",state:"hover"}}]}]},{label:"Size",controls:[{id:"height",label:"Height",setting:{id:"height"},controlConfig:{id:"height",type:"dropdown:input",units:["px"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{id:"headerBg",label:"Color",setting:{id:"headerBg"},layout:"horizontal"}]},{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}}}]},{label:"Display condition",controls:[{id:"breakpoint",label:"Menu icon",setting:{id:"breakpoint"}},{layout:"vertical",controlConfig:{id:"showMenuIconBanner",type:"banner",message:"The devices that will show menu icon.",closable:!0}}]}];export{e as SettingUIV2};

package/dist/esm/heading/components/Heading.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import r from"../../text/components/Text.js";let Heading=({setting:a={},styles:n={},builderAttrs:s,style:l,builderProps:u,advanced:c,children:i})=>{let o=t(()=>{switch(a.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},[a.htmlTag]);return e(r,{builderProps:u,builderAttrs:s,advanced:c,style:l,styles:n,setting:{text:a.text,htmlTag:o,globalSize:a.globalSize,background:a.background},children:i})};export{Heading as default};
+import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import r from"../../text/components/Text.js";let a=({setting:a={},styles:n={},builderAttrs:s,style:l,builderProps:u,advanced:c,children:o})=>{let i=t(()=>{switch(a.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},[a.htmlTag]);return e(r,{builderProps:u,builderAttrs:s,advanced:c,style:l,styles:n,setting:{text:a.text,htmlTag:i,globalSize:a.globalSize,background:a.background},children:o})};export{a as default};