@gem-sdk/components 17.0.0-dev.9 → 17.0.0-dev.91

package/dist/esm/carousel-v3/settings/configs/ui-v2.js

@@ -1 +1 @@
-let e={controls:[{label:"Navigation",setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:"Position",setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:"Icon",setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:"Icon size",setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:"Icon color",setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:"Button size",fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:"Padding",controlConfig:{id:"arrow-button-padding",type:"padding-v2",linkWithSetting:{name:"arrowButtonSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px",linked:!1}}}}}]},{conditionDisplay:"navigationEnable === true",label:"Background",setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:"Border",setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:"Corner",setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:"Shadow",setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:"Gap to edge",setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:"Show on hover",setting:{id:"showWhenHover"}}]}},t={controls:[{label:"Dots",setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:"Position",setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Active color",setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Inactive color",setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:"Dots size",setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Gap to edge",setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},i={label:"Slide effect",controls:[{label:"Autoplay",setting:{id:"autoplay"}},{label:"Delay",setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:"Pause On Hover",setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:"Slide direction",setting:{id:"rtl"}},{label:"Infinity loop",setting:{id:"loop"}},{label:"Drag / swipe",setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:"Slide speed",setting:{id:"playSpeed"}},{label:"Animation",setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},o=[{label:"Items per slide",controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:"Items per slide"}]},{label:"Display",controls:[{label:"Sneak peek",type:"combo",setting:{id:"sneakPeak"},fixedValue:"Styled",iconName:"gp-sneak-peek-left",conditionEnable:"itemNumber > 1",options:{disableMessage:"Sneak peek doesn't work <br> with 1-column layout"},controls:[{layout:"vertical",label:"style",setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:"Ratio",setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:"Ratio",setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Item style",controls:[{label:"Padding",controlConfig:{id:"itemPadding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:"Background",setting:{id:"background"}}],moreSettings:{controls:[{label:"Border",setting:{id:"borderContent"}},{label:"Corner",setting:{id:"roundedContent"}},{label:"Shadow",setting:{id:"carouselShadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"carouselShadow.enable === true",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"carouselShadow.enable === false",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},e,t,i,{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"width"},displayOptions:[{label:"Default",value:"default",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},label:"Align",options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{o as SettingUIV2,t as carouselDotsSettings,i as carouselEffectsSettings,e as carouselNavigationSettings};
+let e={hiddenOnMobile:!0,controls:[{label:"Navigation",setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:"Position",setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:"Icon",setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:"Icon size",setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:"Icon color",setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:"Button size",fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:"Padding",controlConfig:{id:"arrow-button-padding",type:"padding-v2",linkWithSetting:{name:"arrowButtonSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px",linked:!1}}}}}]},{conditionDisplay:"navigationEnable === true",label:"Background",setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:"Border",setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:"Corner",setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:"Shadow",setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:"Gap to edge",setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:"Show on hover",setting:{id:"showWhenHover"}}]}},t={hiddenOnMobile:!0,controls:[{label:"Dots",setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:"Position",setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Active color",setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Inactive color",setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:"Dots size",setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Gap to edge",setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},i={label:"Slide effect",controls:[{label:"Autoplay",setting:{id:"autoplay"}},{label:"Delay",setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:"Pause On Hover",setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:"Slide direction",setting:{id:"rtl"}},{label:"Infinity loop",setting:{id:"loop"}},{label:"Drag / swipe",setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:"Slide speed",setting:{id:"playSpeed"}},{label:"Animation",setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},o=[{label:"Items per slide",hiddenOnMobile:!0,controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:"Items per slide",controlChangeTrigger:{settings:[{condition:"itemNumber === 1",source:["itemNumber"],action:{controlId:"sneakPeak",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display",hiddenOnMobile:!0,controls:[{label:"Sneak peek",type:"combo",setting:{id:"sneakPeak"},fixedValue:"Styled",iconName:"gp-sneak-peek-left",conditionEnable:"itemNumber > 1",options:{disableMessage:"Sneak peek doesn't work <br> with 1-column layout"},controls:[{layout:"vertical",label:"style",setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:"Ratio",setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:"Ratio",setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{label:"Padding",controlConfig:{id:"itemPadding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:"Background",setting:{id:"background"}}],moreSettings:{controls:[{label:"Border",setting:{id:"borderContent"}},{label:"Corner",setting:{id:"roundedContent"}},{label:"Shadow",setting:{id:"carouselShadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"carouselShadow.enable === true",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"carouselShadow.enable === false",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},e,t,i,{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"width"},displayOptions:[{label:"Default",value:"default",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},hiddenOnMobile:!0,label:"Align",options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{o as SettingUIV2,t as carouselDotsSettings,i as carouselEffectsSettings,e as carouselNavigationSettings};

package/dist/esm/cart/components/CartList.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import"react";import{useCartData as t,CartLineProvider as i,isEmptyChildren as m}from"@gem-sdk/core";import"next/head";import o from"../../grid/components/ChildrenDroppable.js";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import d from"../../grid/components/col/Col.js";let n=({builderProps:n,advanced:l,setting:p,styles:a,children:s,...c})=>{let{data:h,error:u}=t();return r("div",{"data-id":n?.uid,...c,children:u?e("div",{children:["Error: ",u.message]}):h?r(d,{styles:a,children:h.lineItems.map(e=>e?r(i,{line:e,children:m(s)?r(o,{}):s},e.id):null)}):r("div",{children:"Cart Empty"})})};export{n as default};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import"react";import{useCartData as t,CartLineProvider as i,isEmptyChildren as o}from"@gem-sdk/core";import"next/head";import m from"../../grid/components/ChildrenDroppable.js";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../../grid/components/section/lazyload/lazyInteractionTrigger.js";import n from"../../grid/components/col/Col.js";let d=({builderProps:d,advanced:l,setting:p,styles:a,children:s,...c})=>{let{data:g,error:h}=t();return r("div",{"data-id":d?.uid,...c,children:h?e("div",{children:["Error: ",h.message]}):g?r(n,{styles:a,children:g.lineItems.map(e=>e?r(i,{line:e,children:o(s)?r(m,{}):s},e.id):null)}):r("div",{children:"Cart Empty"})})};export{d as default};

package/dist/esm/cart/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"../image/components/AdaptiveImage.js";export{default as ShopPayButton}from"./components/shop-pay-button/ShopPayButton.js";import t from"./settings/Cart.js";import r from"./settings/CartLinePrice.js";import o from"./settings/CartLineVariant.js";import i from"./settings/CartList.js";import e from"./settings/CartLineImage.js";import s from"./settings/CartTotalPrice.js";import m from"./settings/CartTotalItem.js";import a from"./settings/CartCheckout.js";import n from"./settings/DiscountInput.js";import p from"./settings/CartDiscount.js";import C from"./settings/CartOrderNote.js";import g from"./settings/CartLineAttribute.js";import u from"./settings/CouponList.js";import c from"./settings/ShopPayButton.js";let j={Cart:t,CartList:i,CartLinePrice:r,CartLineVariant:o,CartLineImage:e,CartTotalPrice:s,CartTotalItem:m,CartCheckout:a,DiscountInput:n,CartDiscount:p,CartOrderNote:C,CartLineAttribute:g,CouponList:u,ShopPayButton:c};export{j as cartSetting};
+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"../grid/components/section/lazyload/lazyInteractionTrigger.js";import"../image/components/AdaptiveImage.js";export{default as ShopPayButton}from"./components/shop-pay-button/ShopPayButton.js";import t from"./settings/Cart.js";import r from"./settings/CartLinePrice.js";import o from"./settings/CartLineVariant.js";import i from"./settings/CartList.js";import e from"./settings/CartLineImage.js";import s from"./settings/CartTotalPrice.js";import m from"./settings/CartTotalItem.js";import a from"./settings/CartCheckout.js";import n from"./settings/DiscountInput.js";import p from"./settings/CartDiscount.js";import C from"./settings/CartOrderNote.js";import g from"./settings/CartLineAttribute.js";import u from"./settings/CouponList.js";import c from"./settings/ShopPayButton.js";let j={Cart:t,CartList:i,CartLinePrice:r,CartLineVariant:o,CartLineImage:e,CartTotalPrice:s,CartTotalItem:m,CartCheckout:a,DiscountInput:n,CartDiscount:p,CartOrderNote:C,CartLineAttribute:g,CouponList:u,ShopPayButton:c};export{j as cartSetting};

package/dist/esm/collection/components/collection-description/CollectionDescription.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import{useRenderMode as o,useCollection as r,makeStyleResponsive as l,makeLineClamp as i}from"@gem-sdk/core";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as m,getStaticCss as a}from"./common/styles.js";import{getClassContainerCollectionDes as c,getClassEmptyCollectionDes as d,getClassButtonViewMore as p,getDescriptionClasses as h,getShowMoreIconClasses as y,getShowMoreTextClasses as u,getClassPreBuilt as f}from"./common/classes.js";import{createClass as g,createStyle as N,createAttr as _,If as j}from"@gem-sdk/system";import{ICON_SVG as v,getViewLessText as H,getViewMoreText as S}from"./common/helpers.js";import{useGpDescription as k}from"../../hooks/useDescription.js";let C=({setting:C,builderProps:I,pageContext:L,advanced:M})=>{let{isPreviewSharePageMode:T}=o(),b=r(),{ref:x,open:D,isShowViewMore:w,handleToggleShowMore:V,hasLineClamp:$}=k(C),q=b?.descriptionHtml,z=g(c({setting:C})),A=g(d()),B=g(p({setting:C})),E=g(h({advanced:M})),F=g({...y(),...D?{"gp-rotate-180":!0}:{}}),G=g(u()),J=g(f()),K=N({...n({setting:C}),...D?{}:l("line-clamp",i(C?.lineClamp,C?.hasLineClamp))}),O=N({...m(C)}),P=H({setting:C,builderProps:I,pageContext:L,type:"react"}),Q=S({setting:C,builderProps:I,pageContext:L,type:"react"}),R=_({"data-id":`${I?.uid}`}),U=_({"data-gp-text":""}),{gpDescriptionCss:W,textDescriptionCss:X}=a(),Y=T?"":e("div",{className:A,dangerouslySetInnerHTML:{__html:"This collection does not have a description"}});return e(t,{children:j(!q,Y,s("div",{...R,className:E,children:[e("style",{children:X}),e("style",{children:W}),e("div",{className:J}),e("div",{ref:x,className:z,style:K,dangerouslySetInnerHTML:{__html:b?.descriptionHtml??""},...U}),j($&&w,s("button",{type:"button",className:B,style:O,onClick:V,children:[e("span",{className:G,children:j(D,P?.toString()??"",Q?.toString()??"")}),j(C?.enableViewMoreIcon,e("span",{className:F,dangerouslySetInnerHTML:{__html:v}}),"")]}),"")]}))})};export{C as default};
+import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import{useRenderMode as o,useCollection as r,t as l,makeStyleResponsive as i,makeLineClamp as n}from"@gem-sdk/core";import{getDefaultStyleCollectionDes as m,getStyleDefaultViewMore as a,getStaticCss as c}from"./common/styles.js";import{getClassContainerCollectionDes as d,getClassEmptyCollectionDes as p,getClassButtonViewMore as h,getDescriptionClasses as y,getShowMoreIconClasses as u,getShowMoreTextClasses as f,getClassPreBuilt as g}from"./common/classes.js";import{createClass as N,createStyle as _,createAttr as j,If as v}from"@gem-sdk/system";import{ICON_SVG as H,getViewLessText as S,getViewMoreText as k}from"./common/helpers.js";import{useGpDescription as C}from"../../hooks/useDescription.js";let I=({setting:I,builderProps:L,pageContext:M,advanced:T})=>{let{isPreviewSharePageMode:b}=o(),x=r(),{ref:D,open:w,isShowViewMore:V,handleToggleShowMore:$,hasLineClamp:q}=C(I),z=l("This collection does not have a description"),A=x?.descriptionHtml,B=N(d({setting:I})),E=N(p()),F=N(h({setting:I})),G=N(y({advanced:T})),J=N({...u(),...w?{"gp-rotate-180":!0}:{}}),K=N(f()),O=N(g()),P=_({...m({setting:I}),...w?{}:i("line-clamp",n(I?.lineClamp,I?.hasLineClamp))}),Q=_({...a(I)}),R=S({setting:I,builderProps:L,pageContext:M,type:"react"}),U=k({setting:I,builderProps:L,pageContext:M,type:"react"}),W=j({"data-id":`${L?.uid}`}),X=j({"data-gp-text":""}),{gpDescriptionCss:Y,textDescriptionCss:Z}=c(),ee=b?"":e("div",{className:E,dangerouslySetInnerHTML:{__html:z}});return e(t,{children:v(!A,ee,s("div",{...W,className:G,children:[e("style",{children:Z}),e("style",{children:Y}),e("div",{className:O}),e("div",{ref:D,className:B,style:P,dangerouslySetInnerHTML:{__html:x?.descriptionHtml??""},...X}),v(q&&V,s("button",{type:"button",className:F,style:Q,onClick:$,children:[e("span",{className:K,children:v(w,R?.toString()??"",U?.toString()??"")}),v(I?.enableViewMoreIcon,e("span",{className:J,dangerouslySetInnerHTML:{__html:H}}),"")]}),"")]}))})};export{I as default};

package/dist/esm/collection/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import"next/head";import"next/image";import"react-youtube";import"html-react-parser";import o from"./settings/collection-title/CollectionTitle.js";import t from"./settings/collection-banner/CollectionBanner.js";import i from"./settings/collection-description/CollectionDescription.js";import e from"./settings/collection-toolbar/CollectionToolbar.js";import l from"./settings/collection-paginator/CollectionPaginator.js";let r={CollectionTitle:o,CollectionBanner:t,CollectionDescription:i,CollectionToolbar:e,CollectionPaginator:l};export{r as collectionSetting};
+import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import"next/head";import"next/image";import"react-youtube";import"../grid/components/section/lazyload/lazyInteractionTrigger.js";import"html-react-parser";import o from"./settings/collection-title/CollectionTitle.js";import t from"./settings/collection-banner/CollectionBanner.js";import i from"./settings/collection-description/CollectionDescription.js";import e from"./settings/collection-toolbar/CollectionToolbar.js";import r from"./settings/collection-paginator/CollectionPaginator.js";let l={CollectionTitle:o,CollectionBanner:t,CollectionDescription:i,CollectionToolbar:e,CollectionPaginator:r};export{l as collectionSetting};

package/dist/esm/collection/settings/collection-banner/configs/ui-v2.js

@@ -1 +1 @@
-let l=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",conditionDisplay:"!!layout.cols && layout.cols.length > 1",controls:[{label:"Column gap",setting:{id:"verticalGutter"}}]},{label:"Collection image",controls:[{label:"Image",layout:"horizontal",setting:{id:"background"}},{type:"combo",comboType:"color",label:"Overlay",getValueFromSettingID:"overlayColor.normal",disableScrollbar:!0,compoDefaultValue:"#121212",popoverLabel:"Overlay",controls:[{label:"color",setting:{id:"overlayColor",state:"normal"}},{label:"opacity",setting:{id:"overlayOpacity",state:"normal"}}]}]},{label:"Size",controls:[{label:"Fit height to content",setting:{id:"fixedMode"}},{label:"Height",conditionDisplay:"fixedMode==false",setting:{id:"height"}}]},{label:"Content",controls:[{label:"Content width",setting:{id:"width"}},{label:"Content align",setting:{id:"contentPosition"}}]},{label:"Effect",controls:[{label:"Hover effect",setting:{id:"hoverEffect"}},{label:"Zoom value",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverScale"}},{label:"Zoom time",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverDuration"}}]},{label:"Align column",controls:[{label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"}]}];export{l as SettingUIV2};
+let l=[{hiddenOnMobile:!0,controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",hiddenOnMobile:!0,conditionDisplay:"!!layout.cols && layout.cols.length > 1",controls:[{label:"Column gap",setting:{id:"verticalGutter"}}]},{label:"Collection image",hiddenOnMobile:!0,controls:[{label:"Image",layout:"horizontal",setting:{id:"background"}},{type:"combo",comboType:"color",label:"Overlay",getValueFromSettingID:"overlayColor.normal",disableScrollbar:!0,compoDefaultValue:"#121212",popoverLabel:"Overlay",controls:[{label:"color",setting:{id:"overlayColor",state:"normal"}},{label:"opacity",setting:{id:"overlayOpacity",state:"normal"}}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Fit height to content",setting:{id:"fixedMode"}},{label:"Height",conditionDisplay:"fixedMode==false",setting:{id:"height"}}]},{label:"Content",hiddenOnMobile:!0,controls:[{label:"Content width",setting:{id:"width"}},{label:"Content align",setting:{id:"contentPosition"}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover effect",setting:{id:"hoverEffect"}},{label:"Zoom value",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverScale"}},{label:"Zoom time",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverDuration"}}]},{label:"Align column",hiddenOnMobile:!0,controls:[{label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"}]}];export{l as SettingUIV2};

package/dist/esm/collection/settings/collection-description/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"View more button",setting:{id:"hasLineClamp"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Text color",setting:{id:"showMoreColor"},conditionDisplay:"hasLineClamp == true"},{label:"Max lines",setting:{id:"lineClamp"},conditionDisplay:"hasLineClamp == true"},{type:"combo",label:"Show more label",iconName:"polaris-text-block",getValueFromSettingID:"viewMoreText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Show more",popoverLabel:"Show more label",controls:[{layout:"vertical",label:"Content",setting:{id:"viewMoreText"}}],conditionDisplay:"hasLineClamp == true"},{type:"combo",label:"Show less label",iconName:"polaris-text-block",getValueFromSettingID:"viewLessText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Show less",popoverLabel:"Show less label",controls:[{layout:"vertical",label:"Content",setting:{id:"viewLessText"}}],conditionDisplay:"hasLineClamp == true"},{label:"Icon",setting:{id:"enableViewMoreIcon"},conditionDisplay:"hasLineClamp == true"}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{hiddenOnMobile:!0,controls:[{label:"View more button",setting:{id:"hasLineClamp"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Text color",setting:{id:"showMoreColor"},conditionDisplay:"hasLineClamp == true"},{label:"Max lines",setting:{id:"lineClamp"},conditionDisplay:"hasLineClamp == true"},{type:"combo",label:"Show more label",iconName:"polaris-text-block",getValueFromSettingID:"viewMoreText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Show more",popoverLabel:"Show more label",controls:[{layout:"vertical",label:"Content",setting:{id:"viewMoreText"}}],conditionDisplay:"hasLineClamp == true"},{type:"combo",label:"Show less label",iconName:"polaris-text-block",getValueFromSettingID:"viewLessText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Show less",popoverLabel:"Show less label",controls:[{layout:"vertical",label:"Content",setting:{id:"viewLessText"}}],conditionDisplay:"hasLineClamp == true"},{label:"Icon",setting:{id:"enableViewMoreIcon"},conditionDisplay:"hasLineClamp == true"}]}];export{e as SettingUIV2};

package/dist/esm/collection/settings/collection-paginator/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Display",controls:[{label:"Layout",setting:{id:"layout"}},{conditionDisplay:'layout != "simple"',label:"Button shape",setting:{id:"buttonShape"}},{conditionDisplay:'layout != "simple"',label:"Button size",setting:{id:"buttonSizeNumber"}},{label:"Item spacing",setting:{id:"itemSpacing"}}]},{label:"Preview mode",controls:[{label:"Page quantity",setting:{id:"pageQuantity"}}]},{label:"Button Content",controls:[{type:"combo",label:"Previous",iconName:"polaris-text-block",getValueFromSettingID:"previousText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"PREVIOUS",popoverLabel:"Previous",controls:[{layout:"vertical",label:"Content",setting:{id:"previousText"}}]},{type:"combo",label:"Next",iconName:"polaris-text-block",getValueFromSettingID:"nextText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"NEXT",popoverLabel:"Next",controls:[{layout:"vertical",label:"Content",setting:{id:"nextText"}}]}]},{label:"Text style",controls:[{setting:{id:"typo"},layout:"vertical",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"normalColor"}]},controlChangeTrigger:{settings:[{action:{controlId:"normalColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Active effect",controls:[{label:"Text color",setting:{id:"activeColor"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{t as SettingUIV2};
+let e=[{label:"Display",hiddenOnMobile:!0,controls:[{label:"Layout",setting:{id:"layout"}},{conditionDisplay:'layout != "simple"',label:"Button shape",setting:{id:"buttonShape"}},{conditionDisplay:'layout != "simple"',label:"Button size",setting:{id:"buttonSizeNumber"}},{label:"Item spacing",setting:{id:"itemSpacing"}}]},{label:"Preview mode",hiddenOnMobile:!0,controls:[{label:"Page quantity",setting:{id:"pageQuantity"}}]},{label:"Button Content",hiddenOnMobile:!0,controls:[{type:"combo",label:"Previous",iconName:"polaris-text-block",getValueFromSettingID:"previousText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"PREVIOUS",popoverLabel:"Previous",controls:[{layout:"vertical",label:"Content",setting:{id:"previousText"}}]},{type:"combo",label:"Next",iconName:"polaris-text-block",getValueFromSettingID:"nextText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"NEXT",popoverLabel:"Next",controls:[{layout:"vertical",label:"Content",setting:{id:"nextText"}}]}]},{label:"Text style",hiddenOnMobile:!0,controls:[{setting:{id:"typo"},layout:"vertical",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"normalColor"}]},controlChangeTrigger:{settings:[{action:{controlId:"normalColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Active effect",hiddenOnMobile:!0,controls:[{label:"Text color",setting:{id:"activeColor"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{e as SettingUIV2};

package/dist/esm/collection/settings/collection-title/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"SEO",controls:[{label:"HTML tag",setting:{id:"htmlTag"}}]}];export{t as SettingUIV2};
+let t=[{label:"Text style",hiddenOnMobile:!0,controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"SEO",hiddenOnMobile:!0,controls:[{label:"HTML tag",setting:{id:"htmlTag"}}]}];export{t as SettingUIV2};

package/dist/esm/collection/settings/collection-toolbar/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Option text",controls:[{type:"combo",label:"Display",iconName:"polaris-text-block",getValueFromSettingID:"sortingTextDisplay",isHideClear:!0,controls:[{label:"Sorting display",setting:{id:"sortingTextDisplay"}}]},{setting:{id:"typoSorting"},layout:"vertical"}]},{controls:[{label:"Quantity text",setting:{id:"displayQuantity"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Display",iconName:"polaris-text-block",getValueFromSettingID:"quantityTextDisplay",isHideClear:!0,controls:[{label:"Quantity text",setting:{id:"quantityTextDisplay"}}],conditionDisplay:"displayQuantity == true"},{setting:{id:"typoQuantity"},layout:"vertical",conditionDisplay:"displayQuantity == true"}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}},{label:"Height",setting:{id:"height"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{t as SettingUIV2};
+let t=[{label:"Option text",hiddenOnMobile:!0,controls:[{type:"combo",label:"Display",iconName:"polaris-text-block",getValueFromSettingID:"sortingTextDisplay",isHideClear:!0,controls:[{label:"Sorting display",setting:{id:"sortingTextDisplay"}}]},{setting:{id:"typoSorting"},layout:"vertical"}]},{hiddenOnMobile:!0,controls:[{label:"Quantity text",setting:{id:"displayQuantity"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Display",iconName:"polaris-text-block",getValueFromSettingID:"quantityTextDisplay",isHideClear:!0,controls:[{label:"Quantity text",setting:{id:"quantityTextDisplay"}}],conditionDisplay:"displayQuantity == true"},{setting:{id:"typoQuantity"},layout:"vertical",conditionDisplay:"displayQuantity == true"}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}},{label:"Height",setting:{id:"height"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{t as SettingUIV2};

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

@@ -0,0 +1 @@
+function t(t,e=0){let o=t.getBoundingClientRect(),n=-e,i=(window.innerHeight||document.documentElement.clientHeight)+e;return o.top<=n&&o.bottom>=n||o.top>=n&&o.bottom<=i||o.top<=i&&o.bottom>=i}export{t as checkSectionInViewport};

package/dist/esm/common/hooks/useInView.js

@@ -1,2 +1,2 @@
 'use client';
-import{useRef as e,useState as n,useCallback as r,useEffect as t}from"react";function i({triggerOnce:i,skip:o,addRootMargin:c=0,initialInView:u,onChange:w}={}){let d=e(),[m,v]=n({inView:!!u}),l=e(),s=r(e=>{if(void 0!==d.current&&(d.current(),d.current=void 0,l.current=void 0),o||!e)return;let n=()=>{l.current||(l.current=requestAnimationFrame(()=>{let r=e.getBoundingClientRect(),t=-c,o=(window.innerHeight||document.documentElement.clientHeight)+c,u=r.top<=t&&r.bottom>=t||r.top>=t&&r.bottom<=o||r.top<=o&&r.bottom>=o;u!==m.inView&&(v({inView:u}),w&&w(u,e),u&&i&&d.current&&(window.removeEventListener("scroll",n),window.removeEventListener("resize",n),l.current&&cancelAnimationFrame(l.current),d.current=void 0,l.current=void 0)),l.current=void 0}))};window.addEventListener("scroll",n),window.addEventListener("resize",n),n(),d.current=()=>{window.removeEventListener("scroll",n),window.removeEventListener("resize",n),l.current&&cancelAnimationFrame(l.current),l.current=void 0}},[o,c,m.inView,w,i]);t(()=>{d.current||!m.entry||i||o||v({inView:!!u})},[m.entry,i,o,u]);let a=[s,m.inView,m.entry];return a.ref=a[0],a.inView=a[1],a.entry=a[2],a}export{i as useInView};
+import{useRef as e,useState as r,useLayoutEffect as n,useCallback as t,useEffect as i}from"react";import{checkSectionInViewport as c}from"../helpers/index.js";function o({triggerOnce:o,skip:u,addRootMargin:w=0,initialInView:d,onChange:s}={}){let v=e(),[l,m]=r({inView:!!d}),a=e(),V=e(u);n(()=>{!0===V.current&&!1===u&&m({inView:!!d}),V.current=u},[u,d]);let f=t(e=>{if(void 0!==v.current&&(v.current(),v.current=void 0,a.current=void 0),u||!e)return;let r=()=>{a.current||(a.current=requestAnimationFrame(()=>{let r=c(e,w);m(t=>t.inView===r?t:(s&&s(r,e),r&&o&&v.current&&(n(),v.current=void 0),{inView:r})),a.current=void 0}))},n=()=>{window.removeEventListener("scroll",r),window.removeEventListener("resize",r),a.current&&cancelAnimationFrame(a.current),a.current=void 0};window.addEventListener("scroll",r),window.addEventListener("resize",r),r(),v.current=n},[u,w,s,o]);i(()=>{v.current||!l.entry||o||u||m({inView:!!d})},[l.entry,o,u,d]);let p=[f,l.inView,l.entry];return p.ref=p[0],p.inView=p[1],p.entry=p[2],p}export{o as useInView};

package/dist/esm/countdown-timer/settings/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Countdown time",controls:[{label:"Type",setting:{id:"behaviour"}},{label:"Apply",setting:{id:"standardType"},conditionDisplay:'behaviour == "standard"'},{conditionDisplay:'behaviour === "standard"',label:"Date",setting:{id:"dateStandard"}},{conditionDisplay:'behaviour === "standard" && standardType != "all-time-zones"',label:"Time zone",setting:{id:"timeZone"}},{conditionDisplay:'behaviour === "daily"',setting:{id:"timerDaily"},layout:"vertical"},{conditionDisplay:'behaviour === "evergreen"',setting:{id:"timerEverygreen"},layout:"vertical"}]},{label:"Item management",controls:[{type:"combo",label:"Items",fixedValue:"5 items",iconName:"polaris-list-bulleted",popoverLabel:"Item management",isHideClear:!0,controls:[{label:"Week",setting:{id:"enableWeek"}},{label:"Week caption",conditionDisplay:"enableWeek === true",setting:{id:"weekLabel"}},{label:"Day",setting:{id:"enableDay"}},{label:"Day caption",conditionDisplay:"enableDay === true",setting:{id:"dayLabel"}},{label:"Hour",setting:{id:"enableHour"}},{label:"Hour caption",conditionDisplay:"enableHour === true",setting:{id:"hourLabel"}},{label:"Minute",setting:{id:"enableMinute"}},{label:"Minute caption",conditionDisplay:"enableMinute === true",setting:{id:"minuteLabel"}},{label:"Second",setting:{id:"enableSecond"}},{label:"Second caption",conditionDisplay:"enableSecond === true",setting:{id:"secondLabel"}}]}]},{label:"Item style",controls:[{label:"Item gap",setting:{id:"verticalGap"}},{label:"Padding",setting:{id:"itemPadding"}},{label:"Background",setting:{id:"backgroundItemColor"}},{label:"Border",setting:{id:"borderState",state:"normal"}},{label:"Corner",setting:{id:"roundedState",state:"normal"}}]},{label:"Time",controls:[{label:"Item style",type:"combo",popoverLabel:"Time text style",iconName:"polaris-text-title",getValueFromSettingID:"numTypo.type",isHideClear:!0,isTypoValue:!0,controls:[{setting:{id:"numTypo"},layout:"vertical"}]}]},{controls:[{label:"Caption",setting:{id:"enableLabelTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Text style",popoverLabel:"Caption text style",conditionDisplay:"enableLabelTextStyle == true",type:"combo",iconName:"polaris-text-title",isHideClear:!0,getValueFromSettingID:"labelTypo.type",isTypoValue:!0,controls:[{setting:{id:"labelTypo"},layout:"vertical"}]}]},{label:"Item spacing",controls:[{label:"gap",setting:{id:"horizontalGap"}}]},{label:"Size",controls:[{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{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:"After expired",controls:[{label:"Hide timer",setting:{id:"autoHideWhenTimeout"}},{conditionDisplay:'behaviour === "evergreen" && autoHideWhenTimeout === false',label:"Loop",setting:{id:"loopAfterFinish"}},{setting:{id:"redirectUrl"},layout:"vertical"}]},{controls:[{label:"Align",setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{e as SettingUIV2};
+let e=[{label:"Countdown time",controls:[{label:"Type",setting:{id:"behaviour"}},{label:"Apply",setting:{id:"standardType"},conditionDisplay:'behaviour == "standard"'},{conditionDisplay:'behaviour === "standard"',label:"Date",setting:{id:"dateStandard"}},{conditionDisplay:'behaviour === "standard" && standardType != "all-time-zones"',label:"Time zone",setting:{id:"timeZone"}},{conditionDisplay:'behaviour === "daily"',setting:{id:"timerDaily"},layout:"vertical"},{conditionDisplay:'behaviour === "evergreen"',setting:{id:"timerEverygreen"},layout:"vertical"}]},{label:"Item management",controls:[{type:"combo",label:"Items",fixedValue:"5 items",iconName:"polaris-list-bulleted",popoverLabel:"Item management",isHideClear:!0,controls:[{label:"Week",setting:{id:"enableWeek"}},{label:"Week caption",conditionDisplay:"enableWeek === true",setting:{id:"weekLabel"}},{label:"Day",setting:{id:"enableDay"}},{label:"Day caption",conditionDisplay:"enableDay === true",setting:{id:"dayLabel"}},{label:"Hour",setting:{id:"enableHour"}},{label:"Hour caption",conditionDisplay:"enableHour === true",setting:{id:"hourLabel"}},{label:"Minute",setting:{id:"enableMinute"}},{label:"Minute caption",conditionDisplay:"enableMinute === true",setting:{id:"minuteLabel"}},{label:"Second",setting:{id:"enableSecond"}},{label:"Second caption",conditionDisplay:"enableSecond === true",setting:{id:"secondLabel"}}]}]},{label:"Item style",hiddenOnMobile:!0,controls:[{label:"Item gap",setting:{id:"verticalGap"}},{label:"Padding",setting:{id:"itemPadding"}},{label:"Background",setting:{id:"backgroundItemColor"}},{label:"Border",setting:{id:"borderState",state:"normal"}},{label:"Corner",setting:{id:"roundedState",state:"normal"}}]},{label:"Time",hiddenOnMobile:!0,controls:[{label:"Item style",type:"combo",popoverLabel:"Time text style",iconName:"polaris-text-title",getValueFromSettingID:"numTypo.type",isHideClear:!0,isTypoValue:!0,controls:[{setting:{id:"numTypo"},layout:"vertical"}]}]},{hiddenOnMobile:!0,controls:[{label:"Caption",setting:{id:"enableLabelTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Text style",popoverLabel:"Caption text style",conditionDisplay:"enableLabelTextStyle == true",type:"combo",iconName:"polaris-text-title",isHideClear:!0,getValueFromSettingID:"labelTypo.type",isTypoValue:!0,controls:[{setting:{id:"labelTypo"},layout:"vertical"}]}]},{label:"Item spacing",controls:[{label:"gap",setting:{id:"horizontalGap"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Shape",hiddenOnMobile:!0,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:"After expired",controls:[{label:"Hide timer",setting:{id:"autoHideWhenTimeout"}},{conditionDisplay:'behaviour === "evergreen" && autoHideWhenTimeout === false',label:"Loop",setting:{id:"loopAfterFinish"}},{setting:{id:"redirectUrl"},layout:"vertical"}]},{controls:[{label:"Align",hiddenOnMobile:!0,setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{e as SettingUIV2};

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

@@ -1 +1 @@
-let o=[{label:"Layout",controls:[{type:"control",setting:{id:"couponLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"couponLayout === 'icon'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"couponLayout === 'none'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Coupon code",controls:[{type:"combo",label:"Code",iconName:"polaris-text-block",getValueFromSettingID:"copyContent",isHideClear:!0,compoDefaultValue:"GEMPAGES30",popoverLabel:"Code",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"copyContent"}}]}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"iconVisible == true",type:"control",setting:{id:"iconSvg"},label:"Icon"},{conditionDisplay:"iconVisible == true",type:"control",label:"Position",setting:{id:"iconAlign"}},{conditionDisplay:"iconVisible == true",type:"control",label:"Gap",setting:{id:"iconSpacing"}}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"defaultLabel",isHideClear:!0,conditionDisplay:"enableTextStyle == true",compoDefaultValue:"Copy",popoverLabel:"Content",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"defaultLabel"}}]},{type:"control",layout:"vertical",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",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:"Effect",controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Color",setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]},{label:"Clicked",type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableActiveEffect"},popoverLabel:"Clicked",state:"active",controls:[{type:"group",label:"Content",controls:[{label:"After click",setting:{id:"clickedLabel"}}]},{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"active"}}]},{type:"group",label:"Text",controls:[{label:"Color",setting:{id:"textColor",state:"active"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"active"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"active"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBtn",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.active.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBtn.active.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"active"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:"Align",type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{o as SettingUIV2};
+let o=[{label:"Layout",controls:[{type:"control",setting:{id:"couponLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"couponLayout === 'icon'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"couponLayout === 'none'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Coupon code",controls:[{type:"combo",label:"Code",iconName:"polaris-text-block",getValueFromSettingID:"copyContent",isHideClear:!0,compoDefaultValue:"GEMPAGES30",popoverLabel:"Code",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"copyContent"}}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"iconVisible == true",type:"control",setting:{id:"iconSvg"},label:"Icon"},{conditionDisplay:"iconVisible == true",type:"control",label:"Position",setting:{id:"iconAlign"}},{conditionDisplay:"iconVisible == true",type:"control",label:"Gap",setting:{id:"iconSpacing"}}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"defaultLabel",isHideClear:!0,conditionDisplay:"enableTextStyle == true",compoDefaultValue:"Copy",popoverLabel:"Content",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"defaultLabel"}}]},{type:"control",layout:"vertical",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",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:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Color",setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]},{label:"Clicked",type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableActiveEffect"},popoverLabel:"Clicked",state:"active",controls:[{type:"group",label:"Content",controls:[{label:"After click",setting:{id:"clickedLabel"}}]},{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"active"}}]},{type:"group",label:"Text",controls:[{label:"Color",setting:{id:"textColor",state:"active"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"active"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"active"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBtn",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.active.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBtn.active.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"active"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:"Align",hiddenOnMobile:!0,type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{o as SettingUIV2};

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

@@ -1 +1 @@
-let e=[{label:"Popup name",controls:[{label:"Name",setting:{id:"name"}}]},{label:"Button close",controls:[{label:"Icon",setting:{id:"iconSvg"}},{label:"Icon size",setting:{id:"iconSize"}},{label:"Icon color",setting:{id:"btnColor"}},{label:"Width",setting:{id:"btnWidth"}},{label:"Height",setting:{id:"btnHeight"}},{label:"Background",setting:{id:"btnBg"}}],moreSettings:{controls:[{label:"Corner",setting:{id:"btnRounded"}},{setting:{id:"closeButtonPosition"},label:"Position"}]}},{label:"Overlay",controls:[{label:"Color",setting:{id:"overlayColor"}},{label:"Opacity",setting:{id:"overlayOpacity"}},{label:"Click to close",setting:{id:"closeOnClickOutside"}}]},{label:"Size",controls:[{label:"Full screen",setting:{id:"fullScreen"}},{conditionDisplay:"!fullScreen",label:"Width",setting:{id:"width"}},{conditionDisplay:"!fullScreen",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},devices:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}},compoDefaultValue:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{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:"Position",controls:[{label:"Position",type:"combo",iconPrefix:"gp-position",iconName:"polaris-edit",isHideClear:!0,getValueFromSettingID:"position",capitalizeDisplayValue:!0,controls:[{label:"Choose",setting:{id:"position"},options:{labelAlign:"top"}}],conditionDisplay:"!fullScreen"}]},{label:"Display condition",controls:[{label:"Show when",setting:{id:"trigger"}},{conditionDisplay:"trigger === 'show-after-time' || trigger === 'show-on-page-load'",label:"Delay",setting:{id:"triggerTime"}},{conditionDisplay:"trigger === 'show-after-scroll'",label:"Scroll",setting:{id:"triggerPercentage"}},{conditionDisplay:"trigger === 'show-when-about-exit'",label:"On mobile",setting:{id:"mobileTrigger"}},{conditionDisplay:"trigger === 'show-when-about-exit' && mobileTrigger === 'timer'",label:"After load",setting:{id:"mobileTriggerTime"}},{label:"Frequency",setting:{id:"frequencyMode"},conditionDisplay:"trigger !== 'none'"},{conditionDisplay:"frequencyMode === 'after-period-time'",label:"Display time",setting:{id:"frequency"}}]},{label:"Effect",controls:[{setting:{id:"effectType"},label:"Entrance effect"}]}];export{e as SettingUIV2};
+let e=[{label:"Popup name",controls:[{label:"Name",setting:{id:"name"}}]},{label:"Button close",hiddenOnMobile:!0,controls:[{label:"Icon",setting:{id:"iconSvg"}},{label:"Icon size",setting:{id:"iconSize"}},{label:"Icon color",setting:{id:"btnColor"}},{label:"Width",setting:{id:"btnWidth"}},{label:"Height",setting:{id:"btnHeight"}},{label:"Background",setting:{id:"btnBg"}}],moreSettings:{controls:[{label:"Corner",setting:{id:"btnRounded"}},{setting:{id:"closeButtonPosition"},label:"Position"}]}},{label:"Overlay",hiddenOnMobile:!0,controls:[{label:"Color",setting:{id:"overlayColor"}},{label:"Opacity",setting:{id:"overlayOpacity"}},{label:"Click to close",setting:{id:"closeOnClickOutside"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Full screen",setting:{id:"fullScreen"}},{conditionDisplay:"!fullScreen",label:"Width",setting:{id:"width"}},{conditionDisplay:"!fullScreen",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},devices:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}},compoDefaultValue:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}}}}]},{label:"Background",hiddenOnMobile:!0,controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,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:"Position",hiddenOnMobile:!0,controls:[{label:"Position",type:"combo",iconPrefix:"gp-position",iconName:"polaris-edit",isHideClear:!0,getValueFromSettingID:"position",capitalizeDisplayValue:!0,controls:[{label:"Choose",setting:{id:"position"},options:{labelAlign:"top"}}],conditionDisplay:"!fullScreen"}]},{label:"Display condition",controls:[{label:"Show when",setting:{id:"trigger"}},{conditionDisplay:"trigger === 'show-after-time' || trigger === 'show-on-page-load'",label:"Delay",setting:{id:"triggerTime"}},{conditionDisplay:"trigger === 'show-after-scroll'",label:"Scroll",setting:{id:"triggerPercentage"}},{conditionDisplay:"trigger === 'show-when-about-exit'",label:"On mobile",setting:{id:"mobileTrigger"}},{conditionDisplay:"trigger === 'show-when-about-exit' && mobileTrigger === 'timer'",label:"After load",setting:{id:"mobileTriggerTime"}},{label:"Frequency",setting:{id:"frequencyMode"},conditionDisplay:"trigger !== 'none'"},{conditionDisplay:"frequencyMode === 'after-period-time'",label:"Display time",setting:{id:"frequency"}}]},{label:"Effect",controls:[{setting:{id:"effectType"},label:"Entrance effect"}]}];export{e as SettingUIV2};

package/dist/esm/estimate-delivery/settings/configs/ui-v2.js

@@ -1 +1 @@
-import{ESTIMATE_DAYS as t}from"../../common/helpers.js";let e=[{label:"Estimate days",help:{content:"Count from the day buyer visit the page"},controls:[{label:"Type",setting:{id:"typeEstimate"}},{label:"Min estimate",setting:{id:"minEstimate"},conditionDisplay:`typeEstimate === "${t.RANGE}"`,controlChangeTrigger:{settings:[{condition:"parseInt(minEstimate) > parseInt(maxEstimate)",source:["maxEstimate","minEstimate"],action:{controlId:"maxEstimate",groupType:"setting",controlType:"setting",valueFromField:"minEstimate"}}],options:{noRecordHistory:!0}}},{label:"Max estimate",setting:{id:"maxEstimate"},conditionDisplay:`typeEstimate === "${t.RANGE}"`,controlChangeTrigger:{settings:[{condition:"parseInt(maxEstimate) < parseInt(minEstimate)",source:["maxEstimate","minEstimate"],action:{controlId:"minEstimate",groupType:"setting",controlType:"setting",valueFromField:"maxEstimate"}}],options:{noRecordHistory:!0}}},{label:"Estimate",setting:{id:"estimateTime"},conditionDisplay:`typeEstimate === "${t.SPECIFIC}"`}]},{label:"Date format",help:{content:"Precise date is displayed based on buyer time zone"},controls:[{label:"Format",setting:{id:"typeFormat"}},{conditionDisplay:"typeFormat === 'Custom'",label:"Custom format",setting:{id:"customFormat"}},{layout:"vertical",controlConfig:{id:"moreFormat",type:"banner",message:"You can follow Shopify’s date format",link:{label:"here",url:"https://www.shopify.com/partners/blog/liquid-date-format"},closable:!0},conditionDisplay:"typeFormat === 'Custom'"}]},{label:"Date text",controls:[{setting:{id:"typoDate"},layout:"vertical"}]},{controls:[{label:"Custom text",setting:{id:"enableCustomText"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Estimate delivery between",getValueFromSettingID:"customText",isHideClear:!0,compoDefaultValue:"Estimate delivery between",conditionDisplay:"enableCustomText === true",controls:[{label:"Content",layout:"vertical",setting:{id:"customText"}}]},{conditionDisplay:"enableCustomText === true",setting:{id:"typoCustom"},layout:"vertical"}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"4px",bottom:"4px",left:"16px",right:"16px"}}}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Display condition",controls:[{label:"If out of stock",setting:{id:"ifOutOfStock"},options:{onlyShowInTags:["Product"]}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};
+import{ESTIMATE_DAYS as t}from"../../common/helpers.js";let e=[{label:"Estimate days",help:{content:"Count from the day buyer visit the page"},controls:[{label:"Type",setting:{id:"typeEstimate"}},{label:"Min estimate",setting:{id:"minEstimate"},conditionDisplay:`typeEstimate === "${t.RANGE}"`,controlChangeTrigger:{settings:[{condition:"parseInt(minEstimate) > parseInt(maxEstimate)",source:["maxEstimate","minEstimate"],action:{controlId:"maxEstimate",groupType:"setting",controlType:"setting",valueFromField:"minEstimate"}}],options:{noRecordHistory:!0}}},{label:"Max estimate",setting:{id:"maxEstimate"},conditionDisplay:`typeEstimate === "${t.RANGE}"`,controlChangeTrigger:{settings:[{condition:"parseInt(maxEstimate) < parseInt(minEstimate)",source:["maxEstimate","minEstimate"],action:{controlId:"minEstimate",groupType:"setting",controlType:"setting",valueFromField:"maxEstimate"}}],options:{noRecordHistory:!0}}},{label:"Estimate",setting:{id:"estimateTime"},conditionDisplay:`typeEstimate === "${t.SPECIFIC}"`}]},{label:"Date format",help:{content:"Precise date is displayed based on buyer time zone"},controls:[{label:"Format",setting:{id:"typeFormat"}},{conditionDisplay:"typeFormat === 'Custom'",label:"Custom format",setting:{id:"customFormat"}},{layout:"vertical",controlConfig:{id:"moreFormat",type:"banner",message:"You can follow Shopify’s date format",link:{label:"here",url:"https://www.shopify.com/partners/blog/liquid-date-format"},closable:!0},conditionDisplay:"typeFormat === 'Custom'"}]},{label:"Date text",controls:[{setting:{id:"typoDate"},layout:"vertical"}]},{controls:[{label:"Custom text",setting:{id:"enableCustomText"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Estimate delivery between",getValueFromSettingID:"customText",isHideClear:!0,compoDefaultValue:"Estimate delivery between",conditionDisplay:"enableCustomText === true",controls:[{label:"Content",layout:"vertical",setting:{id:"customText"}}]},{conditionDisplay:"enableCustomText === true",setting:{id:"typoCustom"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"4px",bottom:"4px",left:"16px",right:"16px"}}}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Display condition",hiddenOnMobile:!0,controls:[{label:"If out of stock",setting:{id:"ifOutOfStock"},options:{onlyShowInTags:["Product"]}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/contact/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{messageConfig:{type:"info",message:'This element sends submissions to <a class="text-white" target="_blank" href="https://help.shopify.com/en/manual/customers/manage-customers#email-customers">the sender email address</a>'}},{label:"Message",controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",compoDefaultValue:"Thanks for contacting us. We'll get back to you as soon as possible.",isHideClear:!0,disableScrollbar:!0,popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},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:[{setting:{id:"background"},layout:"vertical"}]},{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:"Action after submit",controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};
+let e=[{messageConfig:{type:"info",hiddenOnMobile:!0,message:'This element sends submissions to <a class="text-white" target="_blank" href="https://help.shopify.com/en/manual/customers/manage-customers#email-customers">the sender email address</a>'}},{label:"Message",hiddenOnMobile:!0,controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",compoDefaultValue:"Thanks for contacting us. We'll get back to you as soon as possible.",isHideClear:!0,disableScrollbar:!0,popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},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",hiddenOnMobile:!0,controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,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:"Action after submit",hiddenOnMobile:!0,controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/form-checkbox/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"description",isHideClear:!0,compoDefaultValue:"Yes, sign me up to receive exclusive offers, news and more!",controls:[{layout:"vertical",setting:{id:"description"}}]},{layout:"vertical",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"align"}]},controlChangeTrigger:{settings:[{action:{controlId:"align",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Spacing",controls:[{type:"control",label:"Gap",setting:{id:"horizontalSpacing"}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Default selected",setting:{id:"selected"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"description",isHideClear:!0,compoDefaultValue:"Yes, sign me up to receive exclusive offers, news and more!",controls:[{layout:"vertical",setting:{id:"description"}}]},{layout:"vertical",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"align"}]},controlChangeTrigger:{settings:[{action:{controlId:"align",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Spacing",hiddenOnMobile:!0,controls:[{type:"control",label:"Gap",setting:{id:"horizontalSpacing"}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Default selected",setting:{id:"selected"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/form-dropdown/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Item management",controls:[{label:"Options",setting:{id:"childItem"}}]},{label:"Text style",controls:[{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{t as SettingUIV2};
+let i=[{label:"Item management",hiddenOnMobile:!0,controls:[{label:"Options",setting:{id:"childItem"}}]},{label:"Text style",hiddenOnMobile:!0,controls:[{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{i as SettingUIV2};

package/dist/esm/form/settings/form-email/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your email address",controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Hide on client",setting:{id:"hideOnClient"}},{label:"Default value",setting:{id:"defaultEmail"},conditionDisplay:"hideOnClient === true"}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your email address",controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Hide on client",setting:{id:"hideOnClient"}},{label:"Default value",setting:{id:"defaultEmail"},conditionDisplay:"hideOnClient === true"}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/form-textarea/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{layout:"vertical",setting:{id:"placeholder"}}],compoDefaultValue:"Enter your text"},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{layout:"vertical",setting:{id:"placeholder"}}],compoDefaultValue:"Enter your text"},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/newsletter/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{messageConfig:{type:"info",message:'You can manage collected email in <a class="text-white" target="_blank" href="https://admin.shopify.com/customers">Customers</a>'}},{label:"Message",controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Thanks for subscribing",popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{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:"Action after submit",controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};
+let e=[{messageConfig:{hiddenOnMobile:!0,type:"info",message:'You can manage collected email in <a class="text-white" target="_blank" href="https://admin.shopify.com/customers">Customers</a>'}},{label:"Message",hiddenOnMobile:!0,controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Thanks for subscribing",popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"}]},{label:"Background",hiddenOnMobile:!0,controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,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:"Action after submit",hiddenOnMobile:!0,controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/submit-button/configs/ui-v2.js

@@ -1 +1 @@
-let o=[{messageConfig:{type:"info",message:"This element can only be used in the Contact Form to send data to Shopify"}},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]}},{label:"Padding",controlConfig:{id:"height",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{label:"Text styles",controls:[{layout:"vertical",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,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:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Background",setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{o as SettingUIV2};
+let e=[{messageConfig:{hiddenOnMobile:!0,type:"info",message:"This element can only be used in the Contact Form to send data to Shopify"}},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]}},{label:"Padding",controlConfig:{id:"height",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"}}}]},{label:"Background",hiddenOnMobile:!0,controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{hiddenOnMobile:!0,controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{label:"Text styles",hiddenOnMobile:!0,controls:[{layout:"vertical",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,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:"Effect",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Background",setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/text-field/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your text",controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your text",controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};

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

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

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 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};
+import{jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import e from"../../../common/components/Loading.js";import{useEditorMode as r}from"@gem-sdk/core";import i from"../row/Row.js";let m=m=>{let n=r(),s=o(()=>{let{builderProps:t}=m;return"edit"===n&&t?.builderData?.name==="SectionLoading"},[m,n]);return s?t(e,{}):t(i,{...m,setting:{...m.setting,as:"section",isSection:!0}})};export{m as default};

package/dist/esm/grid/components/section/lazyload/LazySectionWrapper.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useState as t,useRef as i,useEffect as n,isValidElement as o,cloneElement as a}from"react";import{useEditorMode as l,useLazyPriority as m}from"@gem-sdk/core";import{isInteracted as c,subscribeInteraction as u}from"./lazyInteractionTrigger.js";import{startCascade as d,notifySectionRendered as s,enqueueSection as f}from"./lazySectionCoordinator.js";let p=({children:t})=>{let i=l(),n=m();return"edit"===i||null===n?r(e,{children:t}):r(g,{isFirst:n,children:t})},g=({children:l,isFirst:m})=>{let[p,g]=t(()=>m||c()),h=i(null);return(n(()=>{m&&requestAnimationFrame(()=>{d(h.current?.clientHeight??0)})},[m]),n(()=>{p&&!m&&requestAnimationFrame(()=>{s(h.current?.clientHeight??0)})},[p,m]),n(()=>{if(p||m)return;let r=f(()=>g(!0)),e=u(()=>g(!0));return()=>{r(),e()}},[p,m]),p)?o(l)?a(l,{ref:h}):r(e,{children:l}):r("div",{"data-lazyload-section":!0})};export{p as default};

package/dist/esm/grid/components/section/lazyload/lazyInteractionTrigger.js

@@ -0,0 +1 @@
+let e=["keydown","mousemove","wheel","touchmove","touchstart","touchend"],t=!1,o=new Set,n=()=>{t||(t=!0,o.forEach(e=>e()),o.clear(),e.forEach(e=>window.removeEventListener(e,n)))};"undefined"!=typeof window&&e.forEach(e=>window.addEventListener(e,n,{passive:!0}));let d=e=>t?(e(),()=>{}):(o.add(e),()=>o.delete(e)),r=()=>t;export{r as isInteracted,d as subscribeInteraction};

package/dist/esm/grid/components/section/lazyload/lazySectionCoordinator.js

@@ -0,0 +1 @@
+let e=[],n=0,t=!1,i=n=>(e.push(n),()=>{let t=e.indexOf(n);-1!==t&&e.splice(t,1)}),d=e=>{t||(t=!0,n=e,f())},o=e=>{n+=e,f()},f=()=>{if("undefined"==typeof window||n>=window.innerHeight)return;let t=e.shift();t&&t()};export{i as enqueueSection,o as notifySectionRendered,d as startCascade};

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

@@ -0,0 +1 @@
+import{useRef as r,useLayoutEffect as e}from"react";import{checkSectionInViewport as t}from"../../common/helpers/index.js";function n({shouldTrackLazySectionViewport:n,isSection:u,mode:c,rowElementRef:o,handleOutView:i,handleInView:m}){let l=r(n),f=r(i),p=r(m);f.current=i,p.current=m,e(()=>{let r=l.current;l.current=n;let e=!1===r&&n;if(!e||!u||"edit"!==c)return;let i=o.current;if(!i)return;let m=t(i)?p.current:f.current;m(i)},[n,u,c,o])}export{n as useRowEditorViewportWhenTrackingResumes};

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 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};
+import{useRef as e,useMemo as t,useCallback as i,useEffect as r}from"react";import{useCurrentDevice as n,useEditorMode as l,usePageType as o,usePageStore as s,getBgVideoByDevice as u,isEmptyChildren as c,getResponsiveValue as m}from"@gem-sdk/core";import{createClass as d}from"@gem-sdk/system";import{useInView as h}from"../../common/hooks/useInView.js";import{useRowEditorViewportWhenTrackingResumes as a}from"./useRowEditorViewportWhenTrackingResumes.js";let g=g=>{let{setting:f,styles:p,children:y,maxWidthWithEmptyChildren:w,builderAttrs:P}=g,{isSection:T,lazy:k,layout:R,blockAlignment:S}=f??{},{background:E}=p??{},v=n(),C=l(),H=o(),V=s(e=>e.lazyloadSectionMeta),b=!0===V,x=u(E,v),A=e(null),M=e(null),O=()=>{null!==A.current&&(clearTimeout(A.current),A.current=null)},j=t(()=>c(y),[y]),I=e=>{O();let t=e?.getBoundingClientRect().height;e.style.height=`${t||500}px`,e.style.overflow="hidden"},L=e=>{O(),A.current=setTimeout(()=>{e.style.height="",e.style.overflow="",A.current=null},1500)},[U,_]=h({initialInView:!k||!b,triggerOnce:!0,skip:!T||!b,onChange:(e,t)=>{b&&t&&t instanceof HTMLElement&&"edit"===C&&(e?L(t):I(t))}}),z=i(e=>{M.current=e instanceof HTMLElement?e:null,U(e)},[U]);r(()=>{if(b)return;O();let e=M.current;e&&(e.style.height="",e.style.overflow="")},[b]),a({shouldTrackLazySectionViewport:b,isSection:T,mode:C||"",rowElementRef:M,handleOutView:I,handleInView:L});let B=t(()=>b&&!_&&"edit"==C&&"POST_PURCHASE"!==H,[b,_,C,H]),W=t(()=>b&&"edit"!==C&&k&&!_,[b,_,k,C]),$=d({...()=>{let e=w&&j&&"edit"===C;if(!e)return{};let t=m(R,"display"),i=t[v];return{width:"fit"===i?"fit-content":"400px"}},"gp-content-visibility-hidden":W});return{ref:z,isRowEmpty:j,bgVideo:x,rowClassEditorOnly:$,isRenderPlaceholderViewBox:B,builderAttrs:P,children:y,isPostPurchase:"POST_PURCHASE"===H,postPurchaseVerticalAlign:()=>({desktop:S,tablet:S,mobile:S})}};export{g 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 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};
+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"./components/section/lazyload/lazyInteractionTrigger.js";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 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};
+import o from"./components/root/Root.js";import t from"./components/row/Row.js";import r from"./components/col/Col.js";import m from"./components/section/Section.js";var n={Row:t,Col:r,Section:m,Root:o};export{n as default};

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

@@ -1 +1 @@
-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};
+let o=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",hiddenOnMobile:!0,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",hiddenOnMobile:!0,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",hiddenOnMobile:!0,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",hiddenOnMobile:!0,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",hiddenOnMobile:!0,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",hiddenOnMobile:!0,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/ui-v2.js

@@ -1 +1 @@
-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};
+let o=[{controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Column spacing",hiddenOnMobile:!0,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",hiddenOnMobile:!0,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",hiddenOnMobile:!0,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",hiddenOnMobile:!0,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",hiddenOnMobile:!0,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/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{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};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{cls as i,makeStyleResponsive as r}from"@gem-sdk/core";import l 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"../../../../grid/components/section/lazyload/lazyInteractionTrigger.js";import s from"../../../../image/components/Image.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";import a from"../../../../cart/components/CheckoutNow.js";let n=l(()=>import("./MobileMenu.js")),m=l(()=>import("./DesktopMenu.js")),c=({btnBgColor:l,btnBorder:c,btnRounded:g,btnSpacing:d,btnTextColor:b,btnTypography:h,btnType:f,btnWidth:y,openMode:u,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:r("h",k.height),children:[v?e(t,{children:[o(n,{...k,className:i({"gp-flex":"desktop"===j,"gp-hidden tablet:gp-flex":"tablet"===j,"gp-hidden mobile:gp-flex":"mobile"===j})}),o(m,{...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:r("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:u},styles:{backgroundColor:l,borderBtn:c,roundedBtn:g,btnSpacing:d,textColor:b,typography:h,type:f,width:y}}),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 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};
+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"../../../../grid/components/section/lazyload/lazyInteractionTrigger.js";import"../../../../image/components/AdaptiveImage.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";let i=i=>e("div",{className:"gp-relative gp-flex gp-items-center gp-px-4",style:r("h",i.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:i.cardEnableHoverEffect??!0}})})]});export{i as default};