@gem-sdk/components 17.0.0-dev.10 → 17.0.0-dev.101

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,resetCascade as s,notifySectionRendered as f,enqueueSection as p}from"./lazySectionCoordinator.js";let g=({children:t})=>{let i=l(),n=m();return"edit"===i||null===n?r(e,{children:t}):r(h,{isFirst:n,children:t})},h=({children:l,isFirst:m})=>{let[g,h]=t(()=>m||c()),y=i(null);return(n(()=>{if(m)return requestAnimationFrame(()=>{d(y.current?.clientHeight??0)}),()=>s()},[m]),n(()=>{g&&!m&&requestAnimationFrame(()=>{f(y.current?.clientHeight??0)})},[g,m]),n(()=>{if(g||m)return;let r=p(()=>h(!0)),e=u(()=>h(!0));return()=>{r(),e()}},[g,m]),g)?o(l)?a(l,{ref:y}):r(e,{children:l}):r("div",{"data-lazyload-section":!0})};export{g 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=[],t=0,n=!1,i=t=>(e.push(t),()=>{let n=e.indexOf(t);-1!==n&&e.splice(n,1)}),d=()=>{e.length=0,t=0,n=!1},o=e=>{n||(n=!0,t=e,s())},r=e=>{t+=e,s()},s=()=>{if("undefined"==typeof window||t>=window.innerHeight)return;let n=e.shift();n&&n()};export{i as enqueueSection,r as notifySectionRendered,d as resetCascade,o 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};

package/dist/esm/header/index.js

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

package/dist/esm/heading/next.js

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

package/dist/esm/heading/settings/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:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{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},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]},{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{t as SettingUIV2};
+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:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{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},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{label:"SEO",hiddenOnMobile:!0,controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]},{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/headless.js

@@ -0,0 +1 @@
+import t from"./accordion/next.js";import o from"./article/next.js";import r from"./hero-banner/next.js";import m from"./breadcrumb/next.js";import e from"./button/next.js";import i from"./carousel-v3/next.js";import n from"./carousel/next.js";import s from"./cart/next.js";import p from"./code/next.js";import x from"./collection/next.js";import f from"./countdown-timer/next.js";import j from"./coupon/next.js";import a from"./dialog/next.js";import c from"./estimate-delivery/next.js";import d from"./form/next.js";import l from"./grid/next.js";import u from"./header/next.js";import h from"./heading/next.js";import g from"./icon/next.js";import b from"./icon-list/next.js";import v from"./icon-list-hoz/next.js";import y from"./icon-list-v2/next.js";import k from"./image/next.js";import q from"./image-comparison/next.js";import w from"./input/next.js";import z from"./line/next.js";import A from"./link/next.js";import B from"./marquee/next.js";import C from"./menu/next.js";import D from"./modal/next.js";import E from"./pagination/next.js";import F from"./product/next.js";import G from"./radio/next.js";import H from"./select/next.js";import I from"./tab/next.js";import J from"./text/next.js";import K from"./textarea/next.js";import L from"./video/next.js";import M from"./third-party-instant/next.js";import N from"./stock-counter/next.js";import O from"./third-party-slot/next.js";import P from"./sticky/next.js";var Q={...t,...o,...r,...m,...e,...n,...i,...s,...p,...x,...f,...j,...a,...c,...d,...l,...u,...h,...g,...b,...v,...y,...k,...q,...w,...z,...A,...B,...C,...D,...E,...F,...G,...H,...I,...J,...K,...L,...M,...N,...O,...P};export{Q as default};

package/dist/esm/helpers.js

@@ -1 +1 @@
-import{globalEvent as t,getThemeSectionTranslateKey as e,replaceOuterTagContent as r,SectionMode as i,cloneDeep as l,DEVICES as n}from"@gem-sdk/core";import o from"./link/components/Link.js";import{HeroBanner as s}from"./hero-banner/settings/configs/translate.js";let a=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart|policies)\/?/i),c=(t,e)=>{let r=new RegExp(/^https?:\/\//i);return t&&!r.test(e)&&a.test(e)},p=(t,e)=>"scroll-to"==t?e?.link:"{{article.url}}",u=t=>!!t&&(t.startsWith("#")?f(t):t.startsWith("rgb")?g(t):"transparent"==t),g=t=>{let e=t.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(t=>!isNaN(t))??[0,0,0,1];return 0===e[e.length-1]},f=t=>{let e=!1,r=t.slice(t.startsWith("#")?1:0);3===r.length?r=[...r].map(t=>t+t).join(""):8===r.length&&(e=!0);let i=parseInt(r,16),l=e?255&i:void 0;return 0===l||!!l},d=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,h=(t,e)=>`g${t}_${e}`,m=({id:t,index:e,suffix:r})=>t?"number"==typeof e&&e>=0?`${t}_${e}`:r?`${t}_${r}`:t:"",$=({val:t,uid:l,settingId:n,isLiquid:o,pageContext:s,isCapitalize:a,defaultVal:c="",isReplaceLocationOrigin:p,isReplaceMaxSize:u,isReplaceInventoryQuantity:g})=>{let f;let d=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(t?.toString()??""),m=s?.mode===i.GLOBAL,$=s?.schema??"",y=s?.isTranslateWithLocale?1e3:5e3;if(!n||!t?.toString().trim()||t.toString().length>y||d||s?.isPreviewing)return t??c;let k=`section.settings.${f=m?e({uid:l,settingId:n,schema:$,value:t?.toString()??c??""}):h(l,n)}`;return(s?.isTranslateWithLocale&&(k=`'sections.${s.sectionName}.${f}_html' | t`),p&&(k+=" | replace: '$locationOrigin', locationOrigin"),u&&(k+=" | replace: '$max_size', '10MB'"),g&&(k+=" | replace: '<$quantity$>', inventory_quantity | replace: '&lt;$quantity$&gt;', inventory_quantity"),a&&(k=`${k} | downcase`),o)?k:m?r(t?.toString()??c??"",void 0,`{{ ${k} }}`):`{{ ${k} }}`},y=(t,e)=>`{{ 'gempages.${t}.${e}' | t }}`,k=(t,e)=>`{% if section.settings.section_preload == "false" %}${t} ${e?`{% else %}${e}`:""}{% endif %}`,b=t=>t?t.match(/^https?:\/\//i)?t:`http://${t}`:"";function v(t){if(t.startsWith("mailto:")){let[e,r]=t.split("?");if(r){let i=r.replace(/\+/g,"%20");t=`${e}?${i}`}}return t}let S=(t,e,r)=>{let i=e?.link!==void 0&&""!==e.link,l=e?.link??"",n="/"===l,s=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),a=i&&s.test(l);a&&(l=b(l)),i&&l.toLowerCase().startsWith("mailto:")&&l.includes("+")&&(l=v(l));let p=a||c(i,l)||!!(["#","mailto:","tel:"].find(t=>l.startsWith(t))||["product.url"].find(t=>l.includes(t)))||n||w(e?.type);(c(i,l)||n)&&(l=e?.isTranslate?"$locationOrigin"+l:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+l);let u=p?e?.isLiquid?"a":o:t,g={href:l,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},f=p?g:i?{...g,type:r}:{type:r};return{Wrap:u,urlData:f,shouldRenderLink:p}},w=t=>"go-to-sales-page"===t,T=t=>t?.type==="scroll-to"&&t?.link==="#scroll-to-top",x=t=>t?.type==="open-popup"&&t?.link?.startsWith("#el-"),L=({setting:t,htmlType:e,defaultWrap:r,isLiquid:i=!1,enableImageLink:l=!1})=>{let n=t?.link??"",s="/"===n,a=t?.link!==void 0&&""!==t.link,p=new RegExp(/^https?:\/\//i),u=a&&p.test(n);a&&n.toLowerCase().startsWith("mailto:")&&n.includes("+")&&(n=v(n));let g=l&&(u||c(a,n)||!!(["product.url"].find(t=>n.includes(t))||["#","mailto:","tel:"].find(t=>n.startsWith(t)))||s||w(t?.type)),f=n;i&&(c(a,n)||s)&&(f=t?.isTranslate?"$locationOrigin"+n:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+n);let d={href:f,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},h=g?d:a?{...d,type:e}:{type:e};return{Wrapper:g?i?"a":o:r,urlData:h,shouldRenderLink:g}},_=(t,e)=>{if(t&&/<a\s[^>]*>.*?<\/a>/.test(t)){let r;let i=/<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi,l=t.toString();for(;null!==(r=i.exec(l));){let t=r[1],{urlData:i}=S("",{link:t,isTranslate:e});l=l.replace(r[0],r[0].replace(/(href=['"])([^'"]*)(['"])/i,`$1${i.href}$3`))}return l}return t};function O(t){return Object.fromEntries(Object.entries(t||{}).filter(([,t])=>!!t))}function j(t){return Object.fromEntries(Object.entries(t||{}).filter(([,t])=>!!t))}let E=(t,e)=>{let r={};return n.forEach(i=>{r={...r,[`--d${"desktop"===i?"":`-${i}`}`]:`${t(i)?"none":e}`}}),r},W=(t,e)=>{if(!t)return e;if("number"==typeof t)return t;let r="string"==typeof t?t.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):e;return isNaN(Number(r))?e:Number(r)},I=t=>{let e;if(!t)return[];let r=/href="([^"]*)"/g,i=[];for(;null!==(e=r.exec(t));)e[1]&&i.push(e[1]);return i},A=(t,e)=>{let r;if(!t)return"";let i=/href="([^"]*)"/g,l=0;for(;null!==(r=i.exec(t));)r[1]&&(t=t.replace(r[1],e[l]??""),l++);return t};function D(t){return 0===Object.keys(t).length&&"object"==typeof t}let P=(e,r)=>{if("edit"!==r){if(T(e)){window.scrollTo({top:0,behavior:"smooth"});return}if(x(e)){let r=e?.link?.replace("#el-","#");t.dispatch("onOpenDialog",{popupUId:r});return}e?.link?.startsWith("#")&&t.dispatch("onOpenDialog",{popupUId:e?.link})}},N=({valueTranslate:t,uid:e,settingId:r,pageContext:i})=>{if(!e||!s?.[r]?.id)return t;let l=$({val:t,settingId:m({id:s?.[r]?.id}),uid:e,pageContext:i});return null!=l?String(l):t},R=({background:t,enableTranslate:e,uid:r,pageContext:i,isTranslateVideo:n=!0})=>{if(!t)return{};if(!e||!r||i?.isPreviewing)return t;let o=l(t);for(let t in o){let e=o[t];if(e){if(e.image?.src){let l=$({val:e.image.src,uid:r,settingId:m({id:"background",suffix:`${t}_image_src`}),pageContext:i});e.image.src=String(l)}if(n){if("youtube"===e.videoType&&e.video){let l=$({val:e.video,uid:r,settingId:m({id:"background",suffix:`${t}_video`}),pageContext:i});e.video=String(l)}if("html5"===e.videoType&&e.videoHtml5){let l=$({val:e.videoHtml5,uid:r,settingId:m({id:"background",suffix:`${t}_videoHtml5`}),pageContext:i});e.videoHtml5=String(l)}}}}return o},q=t=>t.replace("gid://shopify/Product/",""),H=t=>{if(!t)return;let{schema:e,mode:r,...i}=t;return i};export{a as REGEX_PAGE_TYPE,x as checkIsOpenPopup,T as checkIsScrollToTop,W as convertUnitToNumber,m as createSettingId,h as createTranslateKey,q as extractProductID,H as filterPageContext,j as filterTruthyObject,O as filterTruthyStyles,I as getAllHrefFromString,R as getBackgroundTranslated,E as getDisplayStyle,$ as getDynamicSourceLocales,S as getInsertLinkData,p as getLinkArticle,L as getLinkData,N as getSeoTranslated,k as getSettingPreloadData,y as getStaticLocale,P as handleClickLink,D as isEmptyObject,f as isHexTransparent,w as isLinkedToSalesPage,c as isShopifyDomain,u as isTransparentColor,g as isTransparentRGBA,v as normalizeMailto,A as replaceAllHrefFromString,_ as replaceLinkData,d as youtubeShortsRegex};
+import{globalEvent as e,getThemeSectionTranslateKey as t,replaceOuterTagContent as r,SectionMode as i,cloneDeep as l,DEVICES as n}from"@gem-sdk/core";import o from"./link/components/Link.js";import{HeroBanner as a}from"./hero-banner/settings/configs/translate.js";let s=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart|policies)\/?/i),c=(e,t)=>{let r=new RegExp(/^https?:\/\//i);return e&&!r.test(t)&&s.test(t)},p=(e,t)=>"scroll-to"==e?t?.link:"{{article.url}}",u=e=>!!e&&(e.startsWith("#")?f(e):e.startsWith("rgb")?g(e):"transparent"==e),g=e=>{let t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(e=>!isNaN(e))??[0,0,0,1];return 0===t[t.length-1]},f=e=>{let t=!1,r=e.slice(e.startsWith("#")?1:0);3===r.length?r=[...r].map(e=>e+e).join(""):8===r.length&&(t=!0);let i=parseInt(r,16),l=t?255&i:void 0;return 0===l||!!l},d=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,h=(e,t)=>`g${e}_${t}`,m=({id:e,index:t,suffix:r})=>e?"number"==typeof t&&t>=0?`${e}_${t}`:r?`${e}_${r}`:e:"",$=({val:e,uid:l,settingId:n,isLiquid:o,pageContext:a,isCapitalize:s,defaultVal:c="",isReplaceLocationOrigin:p,isReplaceMaxSize:u,isReplaceInventoryQuantity:g})=>{let f;let d=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(e?.toString()??""),m=a?.mode===i.GLOBAL,$=a?.schema??"",k=a?.isTranslateWithLocale?1e3:5e3;if(!n||!e?.toString().trim()||e.toString().length>k||d||a?.isPreviewing)return e??c;let y=`section.settings.${f=m?t({uid:l,settingId:n,schema:$,value:e?.toString()??c??""}):h(l,n)}`;return(a?.isTranslateWithLocale&&(y=`'sections.${a.sectionName}.${f}_html' | t`),p&&(y+=" | replace: '$locationOrigin', locationOrigin"),u&&(y+=" | replace: '$max_size', '10MB'"),g&&(y+=" | replace: '<$quantity$>', inventory_quantity | replace: '&lt;$quantity$&gt;', inventory_quantity"),s&&(y=`${y} | downcase`),o)?y:m?r(e?.toString()??c??"",void 0,`{{ ${y} }}`):`{{ ${y} }}`},k=(e,t)=>`{{ 'gempages.${e}.${t}' | t }}`,y=(e,t)=>`{% if section.settings.section_preload == "false" %}${e} ${t?`{% else %}${t}`:""}{% endif %}`,v=e=>e?e.match(/^https?:\/\//i)?e:`http://${e}`:"";function b(e){if(e.startsWith("mailto:")){let[t,r]=e.split("?");if(r){let i=r.replace(/\+/g,"%20");e=`${t}?${i}`}}return e}let w=(e,t,r)=>{let i=t?.link!==void 0&&""!==t.link,l=t?.link??"",n="/"===l,a=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),s=i&&a.test(l);s&&(l=v(l)),i&&l.toLowerCase().startsWith("mailto:")&&l.includes("+")&&(l=b(l));let p=s||c(i,l)||!!(["#","mailto:","tel:"].find(e=>l.startsWith(e))||["product.url"].find(e=>l.includes(e)))||n||S(t?.type);(c(i,l)||n)&&(l=t?.isTranslate?"$locationOrigin"+l:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+l);let u=p?t?.isLiquid?"a":o:e,g={href:l,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},f=p?g:i?{...g,type:r}:{type:r};return{Wrap:u,urlData:f,shouldRenderLink:p}},S=e=>"go-to-sales-page"===e,T=e=>e?.type==="scroll-to"&&e?.link==="#scroll-to-top",x=e=>e?.type==="open-popup"&&e?.link?.startsWith("#el-"),L=e=>e?.type==="open-page"&&!!e?.link,O=({setting:e,htmlType:t,defaultWrap:r,isLiquid:i=!1,enableImageLink:l=!1})=>{let n=e?.link??"",a="/"===n,s=e?.link!==void 0&&""!==e.link,p=new RegExp(/^https?:\/\//i),u=s&&p.test(n);s&&n.toLowerCase().startsWith("mailto:")&&n.includes("+")&&(n=b(n));let g=l&&(u||c(s,n)||!!(["product.url"].find(e=>n.includes(e))||["#","mailto:","tel:"].find(e=>n.startsWith(e)))||a||S(e?.type)),f=n;i&&(c(s,n)||a)&&(f=e?.isTranslate?"$locationOrigin"+n:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+n);let d={href:f,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},h=g?d:s?{...d,type:t}:{type:t};return{Wrapper:g?i?"a":o:r,urlData:h,shouldRenderLink:g}},_=(e,t)=>{if(e&&/<a\s[^>]*>.*?<\/a>/.test(e)){let r;let i=/<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi,l=e.toString();for(;null!==(r=i.exec(l));){let e=r[1],{urlData:i}=w("",{link:e,isTranslate:t});l=l.replace(r[0],r[0].replace(/(href=['"])([^'"]*)(['"])/i,`$1${i.href}$3`))}return l}return e};function j(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}function E(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let W=(e,t)=>{let r={};return n.forEach(i=>{r={...r,[`--d${"desktop"===i?"":`-${i}`}`]:`${e(i)?"none":t}`}}),r},I=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let r="string"==typeof e?e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):t;return isNaN(Number(r))?t:Number(r)},P=e=>{let t;if(!e)return[];let r=/href="([^"]*)"/g,i=[];for(;null!==(t=r.exec(e));)t[1]&&i.push(t[1]);return i},A=(e,t)=>{let r;if(!e)return"";let i=/href="([^"]*)"/g,l=0;for(;null!==(r=i.exec(e));)r[1]&&(e=e.replace(r[1],t[l]??""),l++);return e};function D(e){return 0===Object.keys(e).length&&"object"==typeof e}let N=(t,r)=>{if("edit"!==r){if(T(t)){window.scrollTo({top:0,behavior:"smooth"});return}if(L(t)){window.open(t?.link,t?.target,t?.noFollow?"nofollow":void 0);return}if(x(t)){let r=t?.link?.replace("#el-","#");e.dispatch("onOpenDialog",{popupUId:r});return}t?.link?.startsWith("#")&&e.dispatch("onOpenDialog",{popupUId:t?.link})}},R=({valueTranslate:e,uid:t,settingId:r,pageContext:i})=>{if(!t||!a?.[r]?.id)return e;let l=$({val:e,settingId:m({id:a?.[r]?.id}),uid:t,pageContext:i});return null!=l?String(l):e},q=({background:e,enableTranslate:t,uid:r,pageContext:i,isTranslateVideo:n=!0})=>{if(!e)return{};if(!t||!r||i?.isPreviewing)return e;let o=l(e);for(let e in o){let t=o[e];if(t){if(t.image?.src){let l=$({val:t.image.src,uid:r,settingId:m({id:"background",suffix:`${e}_image_src`}),pageContext:i});t.image.src=String(l)}if(n){if("youtube"===t.videoType&&t.video){let l=$({val:t.video,uid:r,settingId:m({id:"background",suffix:`${e}_video`}),pageContext:i});t.video=String(l)}if("html5"===t.videoType&&t.videoHtml5){let l=$({val:t.videoHtml5,uid:r,settingId:m({id:"background",suffix:`${e}_videoHtml5`}),pageContext:i});t.videoHtml5=String(l)}}}}return o},H=e=>e.replace("gid://shopify/Product/",""),C=e=>{if(!e)return;let{schema:t,mode:r,...i}=e;return i};export{s as REGEX_PAGE_TYPE,L as checkIsOpenPage,x as checkIsOpenPopup,T as checkIsScrollToTop,I as convertUnitToNumber,m as createSettingId,h as createTranslateKey,H as extractProductID,C as filterPageContext,E as filterTruthyObject,j as filterTruthyStyles,P as getAllHrefFromString,q as getBackgroundTranslated,W as getDisplayStyle,$ as getDynamicSourceLocales,w as getInsertLinkData,p as getLinkArticle,O as getLinkData,R as getSeoTranslated,y as getSettingPreloadData,k as getStaticLocale,N as handleClickLink,D as isEmptyObject,f as isHexTransparent,S as isLinkedToSalesPage,c as isShopifyDomain,u as isTransparentColor,g as isTransparentRGBA,b as normalizeMailto,A as replaceAllHrefFromString,_ as replaceLinkData,d as youtubeShortsRegex};

package/dist/esm/hero-banner/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";import"./common/animation-manager.js";import t from"./settings/HeroBanner.js";let e={HeroBanner:t};export{e as bannerSetting};
+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";import"./common/animation-manager.js";import t from"./settings/HeroBanner.js";let e={HeroBanner:t};export{e as bannerSetting};

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

@@ -1 +1 @@
-let e=[{label:"Layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"layout.cols.length == 1 &&  layout.type === 'center-top'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-bottom'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"bottom"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-distributed'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-distributed' || layout.type === 'right-distributed')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-top' || layout.type === 'right-top')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length > 1 && ( layout.type === 'right' || layout.type === 'left')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-bottom' || layout.type === 'right-bottom')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"bottom"}}],options:{noRecordHistory:!0}}}]},{label:"Background",controls:[{setting:{id:"background"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{condition:"!background.image.src",source:["background"],action:{controlId:"sizeSetting",newValue:{shapeLinked:!1},valueIfNull:{width:"100%",height:"fit-content"},groupType:"style",controlType:"size-setting"}},{condition:'background.type == "video"',source:["background"],action:{controlId:"sizeSetting",newValue:{enableVideoShape:!0},valueIfNull:{enableVideoShape:!0},groupType:"style",controlType:"size-setting"}},{condition:'!!background.image.src && background.type == "image" && sizeSetting.height == "fit-content"',source:["background","sizeSetting"],action:{controlId:"sizeSetting",newValue:{shape:"original",height:""},valueIfNull:{shape:"original"},groupType:"style",controlType:"size-setting"}},{condition:'background.type != "video"',source:["background"],action:{controlId:"sizeSetting",newValue:{enableVideoShape:!1},valueIfNull:{enableVideoShape:!1},groupType:"style",controlType:"size-setting"}}],options:{noRecordHistory:!0,enableTriggerWhenChangeDevice:!0}},layout:"vertical"}],moreSettings:{type:"collapse",controls:[{label:"Overlay",type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.normal",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayColor",state:"normal"},label:"Color"},{setting:{id:"overlayOpacity",state:"normal"},label:"Opacity"}]}]}},{label:"Size",controls:[{setting:{id:"sizeSetting"},layout:"vertical"},{label:"Scale",setting:{id:"videoObjectFit"},conditionDisplay:'background.type == "video"'}]},{label:"Content",controls:[{id:"contentWidth",label:"Width",controlConfig:{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",setting:{id:"contentPadding"}},{label:"Align",setting:{id:"verticalAlign"},conditionEnable:'layout.cols.length > 1 && layout.type != "right-distributed" && layout.type != "left-distributed"'}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBg"}},{label:"Corner",setting:{id:"cornerBg"}},{label:"Shadow",setting:{id:"shadowBg"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadowBg.enable === true",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"shadowBg.enable === false",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{type:"combo",fixedValue:"Effect",iconName:"polaris-check-clicked",label:"Hover effect",setting:{id:"hoverEffect"},controlChangeTrigger:{settings:[{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectScale"],action:{controlId:"hoverEffectScale",groupType:"style",controlType:"style",newValue:"120%"}},{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectDuration"],action:{controlId:"hoverEffectDuration",groupType:"style",controlType:"style",newValue:"0.5s"}}],options:{noRecordHistory:!0}},defaultValueWhenClear:!1,state:"hover",controls:[{label:"Overlay",type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.hover",defaultValueWhenClear:"transparent",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayOpacity",state:"hover"},label:"Opacity"},{setting:{id:"overlayColor",state:"hover"},controlChangeTrigger:{settings:[{condition:"overlayColor.hover == 'transparent'",source:["overlayColor","overlayOpacity"],action:{controlId:"overlayOpacity",groupType:"style",controlType:"style",state:"hover",newValue:"20%"}}],options:{noRecordHistory:!0}},compoDefaultValue:"#121212",label:"Color"}]},{label:"Scale",type:"combo",iconName:"polaris-maximize",getValueFromSettingID:"hoverEffectScale",defaultValueWhenClear:"100%",compoDefaultValue:"120%",controls:[{label:"Scale",setting:{id:"hoverEffectScale"},defaultValueWhenClear:"100%"},{type:"control",label:"Time",setting:{id:"hoverEffectDuration"}}]}]},{type:"combo",fixedValue:"Enabled",iconName:"polaris-parallax-effect",label:"Parallax scroll",setting:{id:"enableParallax"},conditionDisplay:'background.type == "image"',defaultValueWhenClear:!1,controls:[{setting:{id:"contentBanner"},layout:"vertical"},{label:"Speed",setting:{id:"speedParallax"}}]}]},{controls:[{label:"Link",setting:{id:"enableLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableLink == true'},{conditionDisplay:"enableLink == true",setting:{id:"link"},layout:"vertical"}]},{label:"SEO",controls:[{type:"combo",label:"Image alt text",iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:"Content",setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:"Image title",iconName:"polaris-text-block",getValueFromSettingID:"title",compoDefaultValue:"Title",isHideClear:!0,controls:[{label:"Content",setting:{id:"title"},layout:"vertical"}]}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"alignBanner"},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:"Layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"layout.cols.length == 1 &&  layout.type === 'center-top'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-bottom'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"bottom"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-distributed'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-distributed' || layout.type === 'right-distributed')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-top' || layout.type === 'right-top')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length > 1 && ( layout.type === 'right' || layout.type === 'left')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-bottom' || layout.type === 'right-bottom')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"bottom"}}],options:{noRecordHistory:!0}}}]},{label:"Background",controls:[{setting:{id:"background"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{condition:"!background.image.src",source:["background"],action:{controlId:"sizeSetting",newValue:{shapeLinked:!1},valueIfNull:{width:"100%",height:"fit-content"},groupType:"style",controlType:"size-setting"}},{condition:'background.type == "video"',source:["background"],action:{controlId:"sizeSetting",newValue:{enableVideoShape:!0},valueIfNull:{enableVideoShape:!0},groupType:"style",controlType:"size-setting"}},{condition:'!!background.image.src && background.type == "image" && sizeSetting.height == "fit-content"',source:["background","sizeSetting"],action:{controlId:"sizeSetting",newValue:{shape:"original",height:""},valueIfNull:{shape:"original"},groupType:"style",controlType:"size-setting"}},{condition:'background.type != "video"',source:["background"],action:{controlId:"sizeSetting",newValue:{enableVideoShape:!1},valueIfNull:{enableVideoShape:!1},groupType:"style",controlType:"size-setting"}}],options:{noRecordHistory:!0,enableTriggerWhenChangeDevice:!0}},layout:"vertical"}],moreSettings:{type:"collapse",controls:[{label:"Overlay",type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.normal",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayColor",state:"normal"},label:"Color"},{setting:{id:"overlayOpacity",state:"normal"},label:"Opacity"}]}]}},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"sizeSetting"},layout:"vertical"},{label:"Scale",setting:{id:"videoObjectFit"},conditionDisplay:'background.type == "video"'}]},{label:"Content",hiddenOnMobile:!0,controls:[{id:"contentWidth",label:"Width",controlConfig:{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",setting:{id:"contentPadding"}},{label:"Align",setting:{id:"verticalAlign"},conditionEnable:'layout.cols.length > 1 && layout.type != "right-distributed" && layout.type != "left-distributed"'}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"borderBg"}},{label:"Corner",setting:{id:"cornerBg"}},{label:"Shadow",setting:{id:"shadowBg"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadowBg.enable === true",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"shadowBg.enable === false",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{type:"combo",fixedValue:"Effect",iconName:"polaris-check-clicked",label:"Hover effect",setting:{id:"hoverEffect"},controlChangeTrigger:{settings:[{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectScale"],action:{controlId:"hoverEffectScale",groupType:"style",controlType:"style",newValue:"120%"}},{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectDuration"],action:{controlId:"hoverEffectDuration",groupType:"style",controlType:"style",newValue:"0.5s"}}],options:{noRecordHistory:!0}},defaultValueWhenClear:!1,state:"hover",controls:[{label:"Overlay",type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.hover",defaultValueWhenClear:"transparent",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayOpacity",state:"hover"},label:"Opacity"},{setting:{id:"overlayColor",state:"hover"},controlChangeTrigger:{settings:[{condition:"overlayColor.hover == 'transparent'",source:["overlayColor","overlayOpacity"],action:{controlId:"overlayOpacity",groupType:"style",controlType:"style",state:"hover",newValue:"20%"}}],options:{noRecordHistory:!0}},compoDefaultValue:"#121212",label:"Color"}]},{label:"Scale",type:"combo",iconName:"polaris-maximize",getValueFromSettingID:"hoverEffectScale",defaultValueWhenClear:"100%",compoDefaultValue:"120%",controls:[{label:"Scale",setting:{id:"hoverEffectScale"},defaultValueWhenClear:"100%"},{type:"control",label:"Time",setting:{id:"hoverEffectDuration"}}]}]},{type:"combo",fixedValue:"Enabled",iconName:"polaris-parallax-effect",label:"Parallax scroll",setting:{id:"enableParallax"},conditionDisplay:'background.type == "image"',defaultValueWhenClear:!1,controls:[{setting:{id:"contentBanner"},layout:"vertical"},{label:"Speed",setting:{id:"speedParallax"}}]}]},{controls:[{label:"Link",setting:{id:"enableLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableLink == true'},{conditionDisplay:"enableLink == true",setting:{id:"link"},layout:"vertical"}]},{label:"SEO",hiddenOnMobile:!0,controls:[{type:"combo",label:"Image alt text",iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:"Content",setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:"Image title",iconName:"polaris-text-block",getValueFromSettingID:"title",compoDefaultValue:"Title",isHideClear:!0,controls:[{label:"Content",setting:{id:"title"},layout:"vertical"}]}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"alignBanner"},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/icon/settings/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Icon",controls:[{label:"Choose",setting:{id:"iconSvg"}},{label:"Color",setting:{id:"color",state:"normal"}},{label:"Size",controlConfig:{id:"width",type:"input:stepper",includeUnit:"px",linkWithSetting:{name:"globalSize",field:"width"}}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"bgColor",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"iconBorder",state:"normal"}},{label:"Corner",setting:{id:"iconRounded",state:"normal"}},{label:"Shadow",setting:{id:"iconShadow"}}]},{controls:[{label:"Link",setting:{id:"iconLinkEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && iconLinkEnable == true'},{conditionDisplay:"iconLinkEnable == true",layout:"vertical",setting:{id:"iconLink"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{e as SettingUIV2};
+let e=[{label:"Icon",controls:[{label:"Choose",setting:{id:"iconSvg"}},{label:"Color",setting:{id:"color",state:"normal"}},{label:"Size",controlConfig:{id:"width",type:"input:stepper",includeUnit:"px",linkWithSetting:{name:"globalSize",field:"width"}}},{label:"Padding",hiddenOnMobile:!0,controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"bgColor",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"iconBorder",state:"normal"}},{label:"Corner",setting:{id:"iconRounded",state:"normal"}},{label:"Shadow",setting:{id:"iconShadow"}}]},{controls:[{label:"Link",setting:{id:"iconLinkEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && iconLinkEnable == true'},{conditionDisplay:"iconLinkEnable == true",layout:"vertical",setting:{id:"iconLink"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{e as SettingUIV2};

package/dist/esm/icon-list/settings/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"verticalSpacing"}}]},{label:"Item style",moreSettings:{controls:[{label:"Padding",controlConfig:{id:"padding-item-padding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"8px",bottom:"8px",left:"16px",right:"16px"}}}}},{label:"Background",setting:{id:"itemBackgroundColor"}},{label:"Border",setting:{id:"itemBorder"}},{label:"Corner",setting:{id:"itemRounded"}},{label:"Shadow",setting:{id:"itemBoxShadow"}}]},controls:[{label:"Icon & text gap",setting:{id:"horizontalSpacing"}}]},{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:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:"Arrange",setting:{id:"align"},options:{fullWidth:!0},conditionDisplay:"globalSize.width !== 'Auto'"}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"alignWrapper"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{e as SettingUIV2};
+let e=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"verticalSpacing"}}]},{label:"Item style",hiddenOnMobile:!0,moreSettings:{controls:[{label:"Padding",controlConfig:{id:"padding-item-padding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"8px",bottom:"8px",left:"16px",right:"16px"}}}}},{label:"Background",setting:{id:"itemBackgroundColor"}},{label:"Border",setting:{id:"itemBorder"}},{label:"Corner",setting:{id:"itemRounded"}},{label:"Shadow",setting:{id:"itemBoxShadow"}}]},controls:[{label:"Icon & text gap",setting:{id:"horizontalSpacing"}}]},{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:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:"Arrange",setting:{id:"align"},options:{fullWidth:!0},conditionDisplay:"globalSize.width !== 'Auto'"}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{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:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"alignWrapper"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{e as SettingUIV2};

package/dist/esm/icon-list-hoz/settings/configs/uiV2.js

@@ -1 +1 @@
-let o=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"},options:{fullWidth:!0}}]},{label:"Item spacing",controls:[{type:"control",label:"Gap",setting:{id:"horizontalSpacing"}}]},{label:"Background",controls:[{type:"control",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:"Align",controls:[{type:"control",label:"Horizontal",setting:{id:"align"}},{type:"control",label:"Vertical",setting:{id:"verticalAlign"}}]}];export{o as SettingUIV2};
+let o=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"},options:{fullWidth:!0}}]},{label:"Item spacing",hiddenOnMobile:!0,controls:[{type:"control",label:"Gap",setting:{id:"horizontalSpacing"}}]},{label:"Background",controls:[{type:"control",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:"Align",hiddenOnMobile:!0,controls:[{type:"control",label:"Horizontal",setting:{id:"align"}},{type:"control",label:"Vertical",setting:{id:"verticalAlign"}}]}];export{o as SettingUIV2};

package/dist/esm/icon-list-v2/settings/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Icon style",controls:[{label:"Icon type ",setting:{id:"iconType"}},{conditionDisplay:'iconType === "matching"',label:"Icon",setting:{id:"iconSvg"}},{conditionDisplay:'iconType === "different"',layout:"vertical",setting:{id:"childConfig"}},{label:"Icon color",setting:{id:"iconColor"}},{label:"Icon size",setting:{id:"iconWidth"}}],moreSettings:{type:"collapse",controls:[{label:"Position",setting:{id:"position"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"4px",right:"4px",bottom:"4px",left:"4px"}}}},{label:"Background",setting:{id:"backgroundColor"}},{label:"Border",setting:{id:"iconBorder"}},{label:"Corner",setting:{id:"iconRounded"}}]}},{label:"Text",controls:[{setting:{id:"textTypo"},layout:"vertical"}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"verticalSpacing"}}]},{label:"Item style",controls:[{label:"Icon & text gap",setting:{id:"horizontalSpacing"}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Size",controls:[{label:"Width",setting:{id:"contentBoxWidth"},layout:"horizontal"},{label:"Padding",setting:{id:"contentBoxPadding"},layout:"horizontal"},{label:"Arrange",setting:{id:"panelAlign"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"contentBoxBorder"}},{label:"Corner",setting:{id:"contentBoxRounded"}},{label:"Shadow",setting:{id:"contentBoxShadow"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!contentBoxWidth?.includes("%") || (parseInt(contentBoxWidth) < 100 && contentBoxWidth?.includes("%"))'}]}];export{t as SettingUIV2};
+let e=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Icon style",controls:[{label:"Icon type ",setting:{id:"iconType"}},{conditionDisplay:'iconType === "matching"',label:"Icon",setting:{id:"iconSvg"}},{conditionDisplay:'iconType === "different"',layout:"vertical",setting:{id:"childConfig"}},{label:"Icon color",setting:{id:"iconColor"}},{label:"Icon size",setting:{id:"iconWidth"}}],moreSettings:{type:"collapse",controls:[{label:"Position",hiddenOnMobile:!0,setting:{id:"position"}},{label:"Padding",hiddenOnMobile:!0,controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"4px",right:"4px",bottom:"4px",left:"4px"}}}},{label:"Background",hiddenOnMobile:!0,setting:{id:"backgroundColor"}},{label:"Border",hiddenOnMobile:!0,setting:{id:"iconBorder"}},{label:"Corner",hiddenOnMobile:!0,setting:{id:"iconRounded"}}]}},{label:"Text",controls:[{setting:{id:"textTypo"},layout:"vertical"}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"verticalSpacing"}}]},{label:"Item style",controls:[{label:"Icon & text gap",setting:{id:"horizontalSpacing"}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"contentBoxWidth"},layout:"horizontal"},{label:"Padding",setting:{id:"contentBoxPadding"},layout:"horizontal"},{label:"Arrange",setting:{id:"panelAlign"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"contentBoxBorder"}},{label:"Corner",setting:{id:"contentBoxRounded"}},{label:"Shadow",setting:{id:"contentBoxShadow"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!contentBoxWidth?.includes("%") || (parseInt(contentBoxWidth) < 100 && contentBoxWidth?.includes("%"))'}]}];export{e as SettingUIV2};

package/dist/esm/image/common/const.js

@@ -0,0 +1 @@
+let f=/\.(gif|webp|jfif|svg|tiff?)(?:\?|$)/i;export{f as REGEX_IS_NON_RESIZABLE_IMAGE};

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

@@ -1,4 +1,4 @@
-import{getCornerCSSFromGlobal as e,getAspectRatioGlobalSize as t,hasTranslatedLiquid as i,makeStyleResponsive as r,DEVICES as l,getResponsiveValueByScreen as a,cloneDeep as s}from"@gem-sdk/core";import{getDynamicSourceLocales as o,createSettingId as n}from"../../helpers.js";import{Image as g}from"../settings/configs/translate.js";let c=t=>{let i={...t},r=!0;return i&&Object.keys(i??{}).forEach(e=>{if("bblr"===e||"bbrr"===e||"btlr"===e||"btrr"===e){let t=i[e]??{};"0px"!==t&&(r=!1)}}),r?e(i):{}},u=({styles:e,setting:i})=>{let{srcSet:r,image:l}=i??{},{customAspectRadio:a,shape:s}=e??{},o={desktop:d({device:"desktop",aspect:e?.aspectRatio,auto:i?.isAdaptive?r?.desktop:l,custom:a}),tablet:d({device:"tablet",aspect:e?.aspectRatio,auto:i?.isAdaptive?r?.tablet:l,custom:a}),mobile:d({device:"mobile",aspect:e?.aspectRatio,auto:i?.isAdaptive?r?.mobile:l,custom:a})};return s?t(s):o},d=({device:e,aspect:t,custom:i,auto:r})=>{let l=t?.[e];return"auto"===l?r?.height?`${r.width}/${r.height}`:void 0:"custom"===l?i?.[e]?.height?`${i?.[e]?.width}/${i?.[e]?.height}`:void 0:l},f=({layout:e,isDisableObjectFit:t})=>t?{}:r("objf",e),m=({isDisableAspectStyle:e,aspectRatio:t,objectFits:i,width:r,height:a})=>{if(e)return{};let s={};return l.forEach(e=>{let l=`--objf${"desktop"!==e?`-${e}`:""}`,o=i?.[l]||i?.["--objf"];if(t?.[e]==="auto"&&"contain"===o){s[e]="auto";return}s[e]=t?.[e]!=="auto"&&t?.[e]?t[e]:`${r}/${a}`}),s},p=e=>JSON.stringify(e||{}).replace(/"/g,"&quot;"),h=(e,t)=>`<svg width="${e}" height="${t}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+import{getCornerCSSFromGlobal as e,getAspectRatioGlobalSize as t,hasTranslatedLiquid as i,makeStyleResponsive as r,DEVICES as l,getResponsiveValueByScreen as a,cloneDeep as s}from"@gem-sdk/core";import{getDynamicSourceLocales as o,createSettingId as n}from"../../helpers.js";import{Image as g}from"../settings/configs/translate.js";import{REGEX_IS_NON_RESIZABLE_IMAGE as c}from"./const.js";let d=t=>{let i={...t},r=!0;return i&&Object.keys(i??{}).forEach(e=>{if("bblr"===e||"bbrr"===e||"btlr"===e||"btrr"===e){let t=i[e]??{};"0px"!==t&&(r=!1)}}),r?e(i):{}},u=({styles:e,setting:i})=>{let{srcSet:r,image:l}=i??{},{customAspectRadio:a,shape:s}=e??{},o={desktop:m({device:"desktop",aspect:e?.aspectRatio,auto:i?.isAdaptive?r?.desktop:l,custom:a}),tablet:m({device:"tablet",aspect:e?.aspectRatio,auto:i?.isAdaptive?r?.tablet:l,custom:a}),mobile:m({device:"mobile",aspect:e?.aspectRatio,auto:i?.isAdaptive?r?.mobile:l,custom:a})};return s?t(s):o},m=({device:e,aspect:t,custom:i,auto:r})=>{let l=t?.[e];return"auto"===l?r?.height?`${r.width}/${r.height}`:void 0:"custom"===l?i?.[e]?.height?`${i?.[e]?.width}/${i?.[e]?.height}`:void 0:l},f=({layout:e,isDisableObjectFit:t})=>t?{}:r("objf",e),p=({isDisableAspectStyle:e,aspectRatio:t,objectFits:i,width:r,height:a})=>{if(e)return{};let s={};return l.forEach(e=>{let l=`--objf${"desktop"!==e?`-${e}`:""}`,o=i?.[l]||i?.["--objf"];if(t?.[e]==="auto"&&"contain"===o){s[e]="auto";return}s[e]=t?.[e]!=="auto"&&t?.[e]?t[e]:`${r}/${a}`}),s},h=e=>JSON.stringify(e||{}).replace(/"/g,"&quot;"),b=(e,t)=>`<svg width="${e}" height="${t}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <defs>
       <linearGradient id="g-${e}-${t}">
         <stop stop-color="rgba(51, 51, 51, 0)" offset="20%" />
@@ -9,4 +9,4 @@ import{getCornerCSSFromGlobal as e,getAspectRatioGlobalSize as t,hasTranslatedLi
     <rect width="${e}" height="${t}" fill="rgba(51, 51, 51, 0)" />
     <rect id="r" width="${e}" height="${t}" fill="url(#g-${e}-${t})" />
     <animate xlink:href="#r" attributeName="x" from="-${e}" to="${e}" dur="1s" repeatCount="indefinite"  />
-  </svg>`,b=e=>"undefined"==typeof window?Buffer.from(e).toString("base64"):window.btoa(e),A=(e,t)=>`data:image/svg+xml;base64,${b(h(e,t))}`,w="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",$="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",_={DEFAULT_SIZES:"100vw",DEFAULT_ALT:"Alt image",DEFAULT_SRC:"https://cdn.shopify.com/s/files/1/2005/9307/files/placeholder-1.png?v=1751355990",DEFAULT_WIDTH_PROPS:800,DEFAULT_HEIGHT_PROPS:533},S=e=>{let{srcSet:t,fallbackImg:i}=e;return{getDeviceSource:e=>{let{isLiquid:r}=e??{},l=y(t?.desktop,"desktop",!r)||i||$,a=y(t?.tablet,"tablet",!r)||y(t?.desktop,"tablet",!r)||i||$,s=y(t?.mobile,"mobile",!r)||y(t?.tablet,"mobile",!r)||y(t?.desktop,"mobile",!r)||i||$;return{srcTablet:a,srcMobile:s,srcDesktop:l}}}},E=({setting:e,uid:t,pageContext:i})=>{if(!e||!g)return{};let r=s(e);for(let e in r.srcSet){let l=r.srcSet[e];if(l&&l.src){let r=o({val:l.src,uid:t,settingId:g?.srcSet?.id?`${g.srcSet.id}_${e}_src`:"",pageContext:i??{}});l.src=String(r)}}let l=o({val:r.alt,uid:t,settingId:n({id:g?.alt?.id}),pageContext:i??{}});r.alt=String(l);let a=o({val:r.title,uid:t,settingId:n({id:g?.title?.id}),pageContext:i??{}});return r.title=String(a),r},x=(e,t,i)=>e?I(e,t):k(i),v=e=>e.includes("webp")||e.includes("jfif")||e.includes(".svg")||e.includes(".tiff"),I=(e,t)=>{let i=R(e);return v(e)?"FILE_CONTENT"==t?`{{ '${i}' | file_url }} 768w, {{ '${i}' | file_url }} 1024w, {{ '${i}' | file_url }} 1440w`:`{{ '${e}' | asset_url }} 768w, {{ '${e}' | asset_url }} 1024w, {{ '${e}' | asset_url }} 1440w`:"FILE_CONTENT"==t?`{{ '${i}' | file_img_url: '768x' }} 768w, {{ '${i}' | file_img_url: '1024x' }} 1024w, {{ '${i}' | file_img_url: 'master' }} 1440w`:`{{ '${e}' | asset_img_url: '768x' }} 768w, {{ '${e}' | asset_img_url: '1024x' }} 1024w, {{ '${e}' | asset_img_url: 'master' }} 1440w`},k=e=>e,y=(e,t,r)=>{if(e?.metafieldDefinitionKey)return C(e?.metafieldDefinitionKey);let l=e?.backupFilePath??e?.src??"";if(r)l=e?.src||"";else{let t=e?.src??"";if(i(t))return t;if(e?.backupFileKey){let t=N(e.backupFileKey,e?.src??"");"THEME"!==e.storage&&e.storage?"FILE_CONTENT"===e.storage&&(l=`{{ "${R(t)}" | file_url }}`):l=`{{ "${t}" | asset_url }}`}}if(t&&l?.includes("cdn.shopify"))switch(t){case"tablet":l=l?.replace(F,"_1024x.");break;case"mobile":l=l?.replace(F,"_768x.")}return l},C=e=>`{{${e} | file_url}}`,F=/\.(?=[^.]*$)/,R=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),N=(e,t)=>{let i=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return i&&i!=e?i:e};function T(e,t){let i=e.match(/\.webp/g)?.length,r=j({str:e,reg:/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g,newString:"."});if(i)return r;let l=j({str:r,reg:/\.jpg|\.png|\.gif|\.jpeg/g,newString:t,isAdd:!0});return l}let j=e=>{let t=e.str,i=e.str.match(e.reg)?.length;if(i){let r,l=1;for(;null!==(r=e.reg.exec(e.str));){if(l===i){let i=e.reg.lastIndex,l=i-r[0].length;e.isAdd&&(e.newString="_"+e.newString+r),t=t.slice(0,l)+e.newString+t.slice(i,t.length)}l++}}return t},D=(e,t)=>{let i=H(),r=t?.[i]||"auto";if("auto"===r||r.includes("%"))return e;let l=Number(r.replace("px",""));return l>e?e:Number(r.replace("px",""))},L=e=>{let{itemWidthParam:t,imageWidthSetting:i,qualityType:r,qualityPercent:l}=e,s=H(),o=D(t,i),n=a(r,s,"finest"),g=a(l,s,100);switch(n){case"finest":default:return"auto";case"high":return Math.round(1.5*o)||1;case"medium":return Math.round(o)||1;case"custom":return Math.round(o*(Number(g)/100))||1}},W=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return l.forEach(i=>{let r=a(e,i)?.width||"100%";t[i]=r}),t},O=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return l.forEach(i=>{let r=a(e,i)?.width||"100%";t[i]=r}),t},B=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-gallery-image-item`),i=0;return t.forEach(e=>{e.offsetWidth>i&&(i=e.offsetWidth)}),i},K=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-ft-image-item`),i=0;return t.forEach(e=>{e.offsetWidth>i&&(i=e.offsetWidth)}),i},P=e=>{let{shapeByLayout:t,qualityType:i,qualityPercent:r,builderPropUID:l}=e,a=document.querySelectorAll(`.gem-slider-item-${l}.gp-gallery-image-item`),s=O(t),o=B(l);a.forEach(e=>{G({item:e,settingWidth:s,width:o,qualityType:i,qualityPercent:r})})},U=e=>{let{ftShape:t,qualityType:i,qualityPercent:r,builderPropUID:l}=e,a=document.querySelectorAll(`.gem-slider-item-${l}.gp-ft-image-item`),s=W(t),o=K(l);a.forEach(e=>{G({item:e,settingWidth:s,width:o,qualityType:i,qualityPercent:r})})},G=e=>{let{item:t,settingWidth:i,width:r,qualityType:l,qualityPercent:a}=e,s=H(),o=t.querySelector("img");if(o){let e=L({itemWidthParam:r,imageWidthSetting:i,qualityType:l,qualityPercent:a}),t=o.getAttribute("base-src");if(!t)return;let n=M(e,t),g=q(t,n,s);o.setAttribute("srcset",g)}},M=(e,t)=>"auto"===e?t:T(t,`${e}x`),q=(e,t,i)=>`${"mobile"===i&&e!==t?t:T(e,"768x")} 767w, ${"tablet"===i&&e!==t?t:T(e,"1024x")} 1023w, ${"desktop"===i&&e!==t?t:T(e,"1920x")} 1440w`,H=()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1025?"tablet":"desktop";export{$ as FALLBACK_IMAGE,w as IMAGE_PLACEHOLDER,_ as NEXT_IMAGE_CONFIG,d as composeAspectRatio,A as createBlurDataURL,S as getAdaptiveImageData,u as getAspectRatio,m as getAspectRatioNextImage,H as getCurrentDevice,y as getImageSrc,L as getImageWidthFollowByQuality,N as getNewBackupFileKey,f as getResponsiveObjectFit,E as getSettingTranslatedImageAndSeo,x as getSrcSet,U as handleSetSrcForFeatureProductImage,P as handleSetSrcForProductImageList,v as isCannotResizeImage,c as overwriteDefaultRadius,F as regexReplaceEndDot,R as replaceBackupFileKeyFileContent,T as resizeImage,p as safeStringify,h as shimmer,b as toBase64};
+  </svg>`,A=e=>"undefined"==typeof window?Buffer.from(e).toString("base64"):window.btoa(e),w=(e,t)=>`data:image/svg+xml;base64,${A(b(e,t))}`,$="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",_="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",S={DEFAULT_SIZES:"100vw",DEFAULT_ALT:"Alt image",DEFAULT_SRC:"https://cdn.shopify.com/s/files/1/2005/9307/files/placeholder-1.png?v=1751355990",DEFAULT_WIDTH_PROPS:800,DEFAULT_HEIGHT_PROPS:533},E=e=>{let{srcSet:t,fallbackImg:i}=e;return{getDeviceSource:e=>{let{isLiquid:r}=e??{},l=C(t?.desktop,"desktop",!r)||i||_,a=C(t?.tablet,"tablet",!r)||C(t?.desktop,"tablet",!r)||i||_,s=C(t?.mobile,"mobile",!r)||C(t?.tablet,"mobile",!r)||C(t?.desktop,"mobile",!r)||i||_;return{srcTablet:a,srcMobile:s,srcDesktop:l}}}},x=({setting:e,uid:t,pageContext:i})=>{if(!e||!g)return{};let r=s(e);for(let e in r.srcSet){let l=r.srcSet[e];if(l&&l.src){let r=o({val:l.src,uid:t,settingId:g?.srcSet?.id?`${g.srcSet.id}_${e}_src`:"",pageContext:i??{}});l.src=String(r)}}let l=o({val:r.alt,uid:t,settingId:n({id:g?.alt?.id}),pageContext:i??{}});r.alt=String(l);let a=o({val:r.title,uid:t,settingId:n({id:g?.title?.id}),pageContext:i??{}});return r.title=String(a),r},I=(e,t,i)=>e?v(e,t):y(i),k=e=>c.test(e),v=(e,t)=>{let i=N(e);return k(e)?"FILE_CONTENT"==t?`{{ '${i}' | file_url }} 768w, {{ '${i}' | file_url }} 1024w, {{ '${i}' | file_url }} 1440w`:`{{ '${e}' | asset_url }} 768w, {{ '${e}' | asset_url }} 1024w, {{ '${e}' | asset_url }} 1440w`:"FILE_CONTENT"==t?`{{ '${i}' | file_img_url: '768x' }} 768w, {{ '${i}' | file_img_url: '1024x' }} 1024w, {{ '${i}' | file_img_url: 'master' }} 1440w`:`{{ '${e}' | asset_img_url: '768x' }} 768w, {{ '${e}' | asset_img_url: '1024x' }} 1024w, {{ '${e}' | asset_img_url: 'master' }} 1440w`},y=e=>e,C=(e,t,r)=>{if(e?.metafieldDefinitionKey)return F(e?.metafieldDefinitionKey);let l=e?.backupFilePath??e?.src??"";if(r)l=e?.src||"";else{let t=e?.src??"";if(i(t))return t;if(e?.backupFileKey){let t=R(e.backupFileKey,e?.src??"");"THEME"!==e.storage&&e.storage?"FILE_CONTENT"===e.storage&&(l=`{{ "${N(t)}" | file_url }}`):l=`{{ "${t}" | asset_url }}`}}if(t&&l?.includes("cdn.shopify")&&!k(l))switch(t){case"tablet":l=l?.includes("?")?`${l}&width=1024`:`${l}?width=1024`;break;case"mobile":l=l?.includes("?")?`${l}&width=768`:`${l}?width=768`}return l},F=e=>`{{${e} | file_url}}`,N=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),R=(e,t)=>{let i=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return i&&i!=e?i:e};function T(e,t){let i=j({str:e,reg:/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g,newString:"."});if(k(i))return i;let r=j({str:i,reg:/\.jpg|\.png|\.jpeg/g,newString:t,isAdd:!0});return r}let j=e=>{let t=e.str,i=e.str.match(e.reg)?.length;if(i){let r,l=1;for(;null!==(r=e.reg.exec(e.str));){if(l===i){let i=e.reg.lastIndex,l=i-r[0].length;e.isAdd&&(e.newString="_"+e.newString+r),t=t.slice(0,l)+e.newString+t.slice(i,t.length)}l++}}return t},L=(e,t)=>{let i=H(),r=t?.[i]||"auto";if("auto"===r||r.includes("%"))return e;let l=Number(r.replace("px",""));return l>e?e:Number(r.replace("px",""))},D=e=>{let{itemWidthParam:t,imageWidthSetting:i,qualityType:r,qualityPercent:l}=e,s=H(),o=L(t,i),n=a(r,s,"finest"),g=a(l,s,100);switch(n){case"finest":default:return"auto";case"high":return Math.round(1.5*o)||1;case"medium":return Math.round(o)||1;case"custom":return Math.round(o*(Number(g)/100))||1}},W=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return l.forEach(i=>{let r=a(e,i)?.width||"100%";t[i]=r}),t},O=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return l.forEach(i=>{let r=a(e,i)?.width||"100%";t[i]=r}),t},B=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-gallery-image-item`),i=0;return t.forEach(e=>{e.offsetWidth>i&&(i=e.offsetWidth)}),i},K=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-ft-image-item`),i=0;return t.forEach(e=>{e.offsetWidth>i&&(i=e.offsetWidth)}),i},P=e=>{let{shapeByLayout:t,qualityType:i,qualityPercent:r,builderPropUID:l}=e,a=document.querySelectorAll(`.gem-slider-item-${l}.gp-gallery-image-item`),s=O(t),o=B(l);a.forEach(e=>{G({item:e,settingWidth:s,width:o,qualityType:i,qualityPercent:r})})},U=e=>{let{ftShape:t,qualityType:i,qualityPercent:r,builderPropUID:l}=e,a=document.querySelectorAll(`.gem-slider-item-${l}.gp-ft-image-item`),s=W(t),o=K(l);a.forEach(e=>{G({item:e,settingWidth:s,width:o,qualityType:i,qualityPercent:r})})},G=e=>{let{item:t,settingWidth:i,width:r,qualityType:l,qualityPercent:a}=e,s=H(),o=t.querySelector("img");if(o){let e=D({itemWidthParam:r,imageWidthSetting:i,qualityType:l,qualityPercent:a}),t=o.getAttribute("base-src");if(!t)return;let n=M(e,t),g=q(t,n,s);o.setAttribute("srcset",g)}},M=(e,t)=>"auto"===e?t:T(t,`${e}x`),q=(e,t,i)=>`${"mobile"===i&&e!==t?t:T(e,"768x")} 767w, ${"tablet"===i&&e!==t?t:T(e,"1024x")} 1023w, ${"desktop"===i&&e!==t?t:T(e,"1920x")} 1440w`,H=()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1025?"tablet":"desktop";export{_ as FALLBACK_IMAGE,$ as IMAGE_PLACEHOLDER,S as NEXT_IMAGE_CONFIG,m as composeAspectRatio,w as createBlurDataURL,E as getAdaptiveImageData,u as getAspectRatio,p as getAspectRatioNextImage,H as getCurrentDevice,C as getImageSrc,D as getImageWidthFollowByQuality,R as getNewBackupFileKey,f as getResponsiveObjectFit,x as getSettingTranslatedImageAndSeo,I as getSrcSet,U as handleSetSrcForFeatureProductImage,P as handleSetSrcForProductImageList,k as isCannotResizeImage,d as overwriteDefaultRadius,N as replaceBackupFileKeyFileContent,T as resizeImage,h as safeStringify,b as shimmer,A as toBase64};

package/dist/esm/image/next.js

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

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

@@ -1 +1 @@
-let e=[{label:"Style",controls:[{setting:{id:"imageStyle"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"shape",newValue:{shape:"square",shapeValue:"1/1",shapeLinked:!0,width:"80px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"borderRadius",newValue:{bblr:"9999px",btrr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"wrapperBorder",newValue:{border:"none",color:"transparent",borderWidth:"0px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"wrapperBorder",newValue:{border:"none",color:"transparent",borderWidth:"0px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"shadow",newValue:{enable:!1},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"shadow",newValue:{enable:!1},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"shape",newValue:{shape:"original",shapeValue:"",width:"100%"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"borderRadius",newValue:{bblr:"0px",btrr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Source",controls:[{conditionDisplay:"isAdaptive === false",setting:{id:"image"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"priority"},{field:"altText",settingId:"alt"},{field:"imageTitle",settingId:"title"}]},controlChangeTrigger:{settings:[{action:{controlId:"priority",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"alt",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"title",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{conditionDisplay:"isAdaptive === true",setting:{id:"srcSet"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"priority"},{field:"altText",settingId:"alt"},{field:"imageTitle",settingId:"title"}]},controlChangeTrigger:{settings:[{action:{controlId:"priority",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"alt",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"title",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Scale",setting:{id:"objectFit"},conditionDisplay:'shape.shape !== "original"'}]},{label:"Size",controls:[{setting:{id:"shape"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{label:"Corner",controlConfig:{id:"corner",type:"corner-v2",linkWithSetting:{name:"borderRadius"}}},{label:"Shadow",setting:{id:"shadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadow.enable === true",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"advanced",controlType:"advanced",newValue:!0}},{condition:"shadow.enable === false",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"advanced",controlType:"advanced",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Link",setting:{id:"enableImageLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableImageLink == true'},{setting:{id:"imageLink"},conditionDisplay:"enableImageLink === true",layout:"vertical"}]},{label:"SEO",controls:[{type:"combo",label:"Alt text",iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:"Content",setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:"Image title",iconName:"polaris-text-block",getValueFromSettingID:"title",isHideClear:!0,compoDefaultValue:"Title",controls:[{label:"Content",setting:{id:"title"},layout:"vertical"}]}]},{label:"Optimize LCP",controls:[{label:"Preload",setting:{id:"priority"}},{label:"Quality",setting:{id:"qualityType"},options:{disableMessage:"This setting only works with images uploaded to Shopify"},conditionEnable:"(activeScreenId === \"desktop\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com')) || (activeScreenId === \"tablet\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com')) || (activeScreenId === \"mobile\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com'))",conditionDisplay:"priority === false"},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && priority === false && ((activeScreenId === "desktop" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")) || (activeScreenId === "tablet" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")) || (activeScreenId === "mobile" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")))',setting:{id:"qualityPercent"}}]},{controls:[{label:"Align",setting:{id:"align"},conditionEnable:'!(shape.width === "default" || (parseInt(shape.width) >= 100 && shape.width?.includes("%")))',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:"Style",controls:[{setting:{id:"imageStyle"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"shape",newValue:{shape:"square",shapeValue:"1/1",shapeLinked:!0,width:"80px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"borderRadius",newValue:{bblr:"9999px",btrr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"wrapperBorder",newValue:{border:"none",color:"transparent",borderWidth:"0px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"wrapperBorder",newValue:{border:"none",color:"transparent",borderWidth:"0px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"shadow",newValue:{enable:!1},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"shadow",newValue:{enable:!1},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"shape",newValue:{shape:"original",shapeValue:"",width:"100%"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"borderRadius",newValue:{bblr:"0px",btrr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Source",controls:[{conditionDisplay:"isAdaptive === false",setting:{id:"image"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"priority"},{field:"altText",settingId:"alt"},{field:"imageTitle",settingId:"title"}]},controlChangeTrigger:{settings:[{action:{controlId:"priority",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"alt",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"title",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{conditionDisplay:"isAdaptive === true",setting:{id:"srcSet"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"priority"},{field:"altText",settingId:"alt"},{field:"imageTitle",settingId:"title"}]},controlChangeTrigger:{settings:[{action:{controlId:"priority",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"alt",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"title",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Scale",setting:{id:"objectFit"},conditionDisplay:'shape.shape !== "original"'}]},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"shape"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{label:"Corner",controlConfig:{id:"corner",type:"corner-v2",linkWithSetting:{name:"borderRadius"}}},{label:"Shadow",setting:{id:"shadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadow.enable === true",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"advanced",controlType:"advanced",newValue:!0}},{condition:"shadow.enable === false",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"advanced",controlType:"advanced",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Link",setting:{id:"enableImageLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableImageLink == true'},{setting:{id:"imageLink"},conditionDisplay:"enableImageLink === true",layout:"vertical"}]},{label:"SEO",hiddenOnMobile:!0,controls:[{type:"combo",label:"Alt text",iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:"Content",setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:"Image title",iconName:"polaris-text-block",getValueFromSettingID:"title",isHideClear:!0,compoDefaultValue:"Title",controls:[{label:"Content",setting:{id:"title"},layout:"vertical"}]}]},{label:"Optimize LCP",conditionDisplay:'pageType !== "STATIC"',hiddenOnMobile:!0,controls:[{label:"Preload",setting:{id:"priority"}},{label:"Quality",setting:{id:"qualityType"},options:{disableMessage:"This setting only works with images uploaded to Shopify"},conditionEnable:"(activeScreenId === \"desktop\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com')) || (activeScreenId === \"tablet\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com')) || (activeScreenId === \"mobile\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com'))",conditionDisplay:"priority === false"},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && priority === false && ((activeScreenId === "desktop" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")) || (activeScreenId === "tablet" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")) || (activeScreenId === "mobile" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")))',setting:{id:"qualityPercent"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,setting:{id:"align"},conditionEnable:'!(shape.width === "default" || (parseInt(shape.width) >= 100 && shape.width?.includes("%")))',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/image-comparison/common/classes.js

@@ -1 +1 @@
-import{composeTypographyClassName as e}from"@gem-sdk/core";let p=e=>({"gp-w-full gp-flex":!0,...e&&{cssClass:!0}}),g=p=>{let g=e(p?.typo);return{[g]:!0,"gp-absolute gp-box-border gp-rounded-[4px] gp-bg-[rgba(0,0,0,0.60)] gp-px-2 gp-py-1":!0}},r=()=>({"gp-absolute gp-top-0 gp-h-full gp-w-full":!0}),l=()=>({"gp-flex gp-w-full gp-overflow-hidden":!0}),s=()=>({"border-radius":"inherit"});export{l as getImageComparisonWrapperClasses,s as getImageComparisonWrapperStyles,g as getLabelClasses,r as getLabelContainerClasses,p as getOuterWrapperClasses};
+import{composeTypographyClassName as e}from"@gem-sdk/core";let p=e=>({"gp-w-full gp-flex":!0,...e&&{cssClass:!0}}),g=p=>{let g=e(p?.typo);return{[g]:!0,"gp-absolute gp-box-border gp-rounded-[4px] gp-bg-[rgba(0,0,0,0.60)] gp-px-2 gp-py-1":!0}},r=()=>({"gp-absolute gp-top-0 gp-h-full gp-w-full":!0}),s=()=>({"gp-flex gp-w-full gp-overflow-hidden swiper-no-swiping":!0}),l=()=>({"border-radius":"inherit"});export{s as getImageComparisonWrapperClasses,l as getImageComparisonWrapperStyles,g as getLabelClasses,r as getLabelContainerClasses,p as getOuterWrapperClasses};

package/dist/esm/image-comparison/components/ImageComparison.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{createClass as t,createStyleReact as a}from"@gem-sdk/system";import{getImageComparisonWrapperClasses as r,getImageComparisonWrapperStyles as m}from"../common/classes.js";import{getSliderPositionPercentage as l}from"../common/helpers.js";import o from"./CompareImage.js";let i=({setting:i,styles:s,builderProps:g,advanced:d,...n})=>{let{imageLeft:c,altLeft:f,titleLeft:p,imageRight:I,altRight:h,titleRight:u,direction:v,defaultPercentage:b,leftImageLabel:j,rightImageLabel:L,sliderLineWidth:y,hoverToSlide:A,enableLabel:x,preload:C,enableSEOLeft:D,enableSEORight:P}=i??{},T=t(r()),k=a(m());return e("div",{style:k,className:T,"data-allow-active-on-mousemove":!0,children:e(o,{...n,styles:s,preload:C,advanced:d,leftImage:c,leftImageAlt:D?f:"",leftImageTitle:D?p:"",rightImage:I,rightImageAlt:P?h:"",rightImageTitle:P?u:"",leftImageLabel:j??"Before",rightImageLabel:L??"After",sliderLineWidth:y,sliderPositionPercentage:l(b),vertical:"vertical"===v,hover:A,enableLabel:x,componentUid:g?.uid,builderData:g?.builderData})})};export{i as default};
+import{jsx as e}from"react/jsx-runtime";import{createClass as t,createStyleReact as a}from"@gem-sdk/system";import{getImageComparisonWrapperClasses as r,getImageComparisonWrapperStyles as m}from"../common/classes.js";import{getSliderPositionPercentage as o}from"../common/helpers.js";import l from"./CompareImage.js";let i=({setting:i,styles:s,builderProps:g,advanced:n,...d})=>{let{imageLeft:p,altLeft:c,titleLeft:f,imageRight:I,altRight:h,titleRight:u,direction:v,defaultPercentage:b,leftImageLabel:j,rightImageLabel:x,sliderLineWidth:C,hoverToSlide:L,enableLabel:y,preload:A,enableSEOLeft:D,enableSEORight:P}=i??{},T=t(r()),k=a(m());return e("div",{style:k,className:T,"data-allow-active-on-mousemove":!0,children:e(l,{...d,styles:s,preload:A,advanced:n,leftImage:p,leftImageAlt:D?c:"",leftImageTitle:D?f:"",rightImage:I,rightImageAlt:P?h:"",rightImageTitle:P?u:"",leftImageLabel:j??"Before",rightImageLabel:x??"After",sliderLineWidth:C,sliderPositionPercentage:o(b),vertical:"vertical"===v,hover:L,enableLabel:y,componentUid:g?.uid,builderData:g?.builderData,pageContext:d.pageContext??{}})})};export{i as default};

package/dist/esm/image-comparison/components/ImageComparison.liquid.js

@@ -1,5 +1,5 @@
-import{template as e}from"@gem-sdk/core";import{createClass as t,createStyle as i}from"@gem-sdk/system";import{getImageComparisonWrapperClasses as r,getImageComparisonWrapperStyles as a}from"../common/classes.js";import{getSettingTranslatedImageComparisonAndSeo as m,getSliderPositionPercentage as l}from"../common/helpers.js";import o from"./CompareImage.liquid.js";let s=({setting:s,styles:g,builderProps:d,advanced:f,pageContext:n,...p})=>{let c=m({setting:s,uid:d?.uid,pageContext:n??{}}),{imageLeft:u,altLeft:I,titleLeft:h,imageRight:b,altRight:v,titleRight:y,direction:L,defaultPercentage:j,leftImageLabel:q,rightImageLabel:A,sliderLineWidth:C,hoverToSlide:P,enableLabel:T,preload:$,qualityType:k,qualityPercent:x,enableSEOLeft:D,enableSEORight:B}=c??{},U=t(r()),W=i(a());return e`
+import{template as e}from"@gem-sdk/core";import{createClass as t,createStyle as i}from"@gem-sdk/system";import{getImageComparisonWrapperClasses as r,getImageComparisonWrapperStyles as a}from"../common/classes.js";import{getSettingTranslatedImageComparisonAndSeo as m,getSliderPositionPercentage as l}from"../common/helpers.js";import o from"./CompareImage.liquid.js";let g=({setting:g,styles:s,builderProps:d,advanced:n,pageContext:p,...f})=>{let c=m({setting:g,uid:d?.uid,pageContext:p??{}}),{imageLeft:u,altLeft:I,titleLeft:h,imageRight:b,altRight:v,titleRight:y,direction:C,defaultPercentage:L,leftImageLabel:j,rightImageLabel:q,sliderLineWidth:x,hoverToSlide:A,enableLabel:P,preload:T,qualityType:$,qualityPercent:k,enableSEOLeft:D,enableSEORight:B}=c??{},U=t(r()),W=i(a());return e`
     <div class="${U}" style="${W}">
-      ${o({...p,styles:g,preload:$,advanced:f,leftImage:u,leftImageAlt:D?I:"",leftImageTitle:D?h:"",rightImage:b,rightImageAlt:B?v:"",rightImageTitle:B?y:"",leftImageLabel:q??"Before",rightImageLabel:A??"After",sliderLineWidth:C,sliderPositionPercentage:l(j),vertical:"vertical"===L,hover:P,enableLabel:T,qualityType:k,qualityPercent:x,componentUid:d?.uid??"",builderData:d?.builderData})}
+      ${o({...f,styles:s,preload:T,advanced:n,leftImage:u,leftImageAlt:D?I:"",leftImageTitle:D?h:"",rightImage:b,rightImageAlt:B?v:"",rightImageTitle:B?y:"",leftImageLabel:j??"Before",rightImageLabel:q??"After",sliderLineWidth:x,sliderPositionPercentage:l(L),vertical:"vertical"===C,hover:A,enableLabel:P,qualityType:$,qualityPercent:k,componentUid:d?.uid??"",builderData:d?.builderData,pageContext:p??{}})}
     </div>
-  `};export{s as default};
+  `};export{g as default};

package/dist/esm/image-comparison/settings/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Layout",controls:[{setting:{id:"direction"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Image",controls:[{label:"1st image",setting:{id:"imageLeft"},options:{updateFields:[{field:"preload",settingId:"preload"},{field:"altText",settingId:"altLeft"},{field:"imageTitle",settingId:"titleLeft"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"altLeft",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"titleLeft",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"2nd image",setting:{id:"imageRight"},options:{updateFields:[{field:"preload",settingId:"preload"},{field:"altText",settingId:"altRight"},{field:"imageTitle",settingId:"titleRight"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"altRight",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"titleRight",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Scale",setting:{id:"imageScale"}}]},{label:"Slider",controls:[{label:"Behavior",setting:{id:"hoverToSlide"}},{label:"Default ratio",setting:{id:"defaultPercentage"}}]},{controls:[{label:"Badge",setting:{id:"enableLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"1st",conditionDisplay:"enableLabel === true",setting:{id:"leftImageLabel"}},{label:"2nd",conditionDisplay:"enableLabel === true",setting:{id:"rightImageLabel"}},{conditionDisplay:"enableLabel === true",label:"Text style",setting:{id:"typo"},options:{updateFields:[{field:"attrs.color",settingId:"labelTextColor"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Padding",conditionDisplay:"enableLabel === true",setting:{id:"labelPadding"}},{label:"Background",conditionDisplay:"enableLabel === true",setting:{id:"labelBackgroundColor"}},{label:"Border",conditionDisplay:"enableLabel === true",setting:{id:"labelBorder"}},{label:"Corner",conditionDisplay:"enableLabel === true",setting:{id:"labelRounded"}},{label:"Shadow",conditionDisplay:"enableLabel === true",setting:{id:"labelShadow"}},{label:"Position",setting:{id:"labelPositionHoz"},conditionDisplay:"enableLabel === true && direction === 'horizontal'"},{label:"Position",setting:{id:"labelPositionVer"},conditionDisplay:"enableLabel === true && direction === 'vertical'"}]},{label:"Size",controls:[{label:"Frame",setting:{id:"aspectRatio"}},{label:"Ratio",conditionDisplay:"aspectRatio === 'custom'",setting:{id:"customAspectRadio"}},{label:"Width",setting:{id:"width"}}]},{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:"Optimize LCP",controls:[{label:"Preload",setting:{id:"preload"}},{label:"Quality",conditionEnable:"((imageLeft.src || imageRight.src) && (imageLeft.src.includes('cdn.shopify.com') || imageRight.src.includes('cdn.shopify.com')))",conditionDisplay:"preload === false",setting:{id:"qualityType"},options:{fullWidth:!0,disableMessage:"This setting only works with images uploaded to Shopify"}},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && preload === false && ((imageLeft.src || imageRight.src) && (imageLeft.src.includes("cdn.shopify.com") || imageRight.src.includes("cdn.shopify.com"))) ',setting:{id:"qualityPercent"}}]},{label:"SEO",controls:[{label:"1st image",type:"combo",iconName:"polaris-text-title",fixedValue:"Edit",popoverLabel:"SEO",setting:{id:"enableSEOLeft"},controls:[{label:"Alt text",options:{labelAlign:"top"},setting:{id:"altLeft"}},{label:"Image title",options:{labelAlign:"top"},setting:{id:"titleLeft"}}]},{label:"2nd image",type:"combo",iconName:"polaris-text-title",fixedValue:"Edit",setting:{id:"enableSEORight"},popoverLabel:"SEO",controls:[{label:"Alt text",options:{labelAlign:"top"},setting:{id:"altRight"}},{label:"Image title",options:{labelAlign:"top"},setting:{id:"titleRight"}}]}]},{controls:[{label:"Align",conditionEnable:'!(width === "default" || (parseInt(width) >= 100 && 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:"Layout",controls:[{setting:{id:"direction"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Image",controls:[{label:"1st image",setting:{id:"imageLeft"},options:{updateFields:[{field:"preload",settingId:"preload"},{field:"altText",settingId:"altLeft"},{field:"imageTitle",settingId:"titleLeft"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"altLeft",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"titleLeft",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"2nd image",setting:{id:"imageRight"},options:{updateFields:[{field:"preload",settingId:"preload"},{field:"altText",settingId:"altRight"},{field:"imageTitle",settingId:"titleRight"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"altRight",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"titleRight",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Scale",setting:{id:"imageScale"}}]},{label:"Slider",controls:[{label:"Behavior",setting:{id:"hoverToSlide"}},{label:"Default ratio",setting:{id:"defaultPercentage"}}]},{controls:[{label:"Badge",hiddenOnMobile:!0,setting:{id:"enableLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"1st",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"leftImageLabel"}},{label:"2nd",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"rightImageLabel"}},{conditionDisplay:"enableLabel === true",label:"Text style",hiddenOnMobile:!0,setting:{id:"typo"},options:{updateFields:[{field:"attrs.color",settingId:"labelTextColor"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Padding",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelPadding"}},{label:"Background",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelBackgroundColor"}},{label:"Border",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelBorder"}},{label:"Corner",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelRounded"}},{label:"Shadow",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelShadow"}},{label:"Position",hiddenOnMobile:!0,setting:{id:"labelPositionHoz"},conditionDisplay:"enableLabel === true && direction === 'horizontal'"},{label:"Position",hiddenOnMobile:!0,setting:{id:"labelPositionVer"},conditionDisplay:"enableLabel === true && direction === 'vertical'"}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Frame",setting:{id:"aspectRatio"}},{label:"Ratio",conditionDisplay:"aspectRatio === 'custom'",setting:{id:"customAspectRadio"}},{label:"Width",setting:{id:"width"}}]},{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:"Optimize LCP",conditionDisplay:'pageType !== "STATIC"',hiddenOnMobile:!0,controls:[{label:"Preload",setting:{id:"preload"}},{label:"Quality",conditionEnable:"((imageLeft.src || imageRight.src) && (imageLeft.src.includes('cdn.shopify.com') || imageRight.src.includes('cdn.shopify.com')))",conditionDisplay:"preload === false",setting:{id:"qualityType"},options:{fullWidth:!0,disableMessage:"This setting only works with images uploaded to Shopify"}},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && preload === false && ((imageLeft.src || imageRight.src) && (imageLeft.src.includes("cdn.shopify.com") || imageRight.src.includes("cdn.shopify.com"))) ',setting:{id:"qualityPercent"}}]},{label:"SEO",hiddenOnMobile:!0,controls:[{label:"1st image",type:"combo",iconName:"polaris-text-title",fixedValue:"Edit",popoverLabel:"SEO",setting:{id:"enableSEOLeft"},controls:[{label:"Alt text",options:{labelAlign:"top"},setting:{id:"altLeft"}},{label:"Image title",options:{labelAlign:"top"},setting:{id:"titleLeft"}}]},{label:"2nd image",type:"combo",iconName:"polaris-text-title",fixedValue:"Edit",setting:{id:"enableSEORight"},popoverLabel:"SEO",controls:[{label:"Alt text",options:{labelAlign:"top"},setting:{id:"altRight"}},{label:"Image title",options:{labelAlign:"top"},setting:{id:"titleRight"}}]}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(width === "default" || (parseInt(width) >= 100 && width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{e as SettingUIV2};