@gem-sdk/components 12.0.0-staging.69 → 12.0.0-staging.70

package/dist/cjs/accordion/components/Accordion.liquid.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../helpers.js"),system=require("@gem-sdk/system"),helpers=require("../common/helpers.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),translate=require("../settings/configs/translate.js");const Accordion=({rawChildren:e,setting:s,styles:t,builderProps:r,pageContext:a,advanced:c,style:l,builderAttrs:i})=>{let{align:o}=t??{},{childItem:d,activeKey:n}=s??{},{uidState:p,settingState:y,stylesState:m,accordions:g}=helpers.getDataState({setting:s,styles:t,builderProps:r},e),u=system.createStateOrContext({uid:p,setting:y,styles:{...m}}),S=system.createClass(classes.getContainerClasses(c?.cssClass)),$=system.createStyle({...styles.getContainerStyles(l,t)}),h=system.createAttr({...i,"data-id":r?.uid??""}),f=system.createStyle({...core.makeStyleResponsive("jc",o)}),v=system.createClass({"gp-flex":!0}),C=system.createClass(classes.extendClasses()),j=()=>core.WrapRenderChildren({uid:r?.uid??"",customProps:e?.[0].customProps},e?.map((e,c)=>{if(e){let l=helpers$1.getDynamicSourceLocales({val:d?.[c],uid:r?.uid,settingId:helpers$1.createSettingId({id:translate.Accordion?.childItem?.id,index:c}),pageContext:a,isCapitalize:s?.titleTypo?.attrs?.transform==="capitalize"});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../helpers.js"),system=require("@gem-sdk/system"),helpers=require("../common/helpers.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),translate=require("../settings/configs/translate.js");const Accordion=({rawChildren:e,setting:s,styles:t,builderProps:r,pageContext:a,advanced:c,style:l,builderAttrs:i})=>{let{align:o}=t??{},{childItem:n,activeKey:d}=s??{},{uidState:p,settingState:y,stylesState:g,accordions:m}=helpers.getDataState({setting:s,styles:t,builderProps:r},e),u=system.createStateOrContext({uid:p,setting:y,styles:{...g}}),S=system.createClass(classes.getContainerClasses(c?.cssClass)),$=system.createStyle({...styles.getContainerStyles(l,t)}),h=system.createAttr({...i,"data-id":r?.uid??""}),f=system.createStyle({...core.makeStyleResponsive("jc",o)}),v=system.createClass({"gp-flex":!0}),C=system.createClass(classes.extendClasses()),j=()=>core.WrapRenderChildren({uid:r?.uid??"",customProps:e?.[0].customProps},e?.map((e,c)=>{if(e){let l=helpers$1.getDynamicSourceLocales({val:n?.[c],uid:r?.uid,settingId:helpers$1.createSettingId({id:translate.Accordion?.childItem?.id,index:c}),pageContext:a??{},isCapitalize:s?.titleTypo?.attrs?.transform==="capitalize"});return core.template`
           <div class="${v}" style="${f}">
-            ${core.RenderChildren({...e,index:c,title:l,accordions:g,parentSetting:s,parentStyle:t,parentUid:r?.uid,childrenIcon:s?.childConfig?.[c],activeKey:n})}
+            ${core.RenderChildren({...e,index:c,title:l,accordions:m,parentSetting:s,parentStyle:t,parentUid:r?.uid,childrenIcon:s?.childConfig?.[c],activeKey:d})}
           </div>
             `}})),A=()=>core.RenderIf(core.isLocalEnv,`
     <script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-accordion-v7-5.js' | asset_url }}"

package/dist/cjs/button/common/helpers.js

@@ -1,4 +1,4 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),Link=require("../../link/components/Link.js"),constant=require("../../constant.js"),styles=require("./styles.js"),translate=require("../settings/configs/translate.js");const getCleanedStyles=(e,t)=>{if(!t)return e;let l={...e},a=["hover","focus"];return a.forEach(e=>{delete l?.backgroundColorV2?.[e]}),l},handleGetLabelToDisplay=({label:e,translateSetting:t,styles:l,pageContext:a,isUseTranslatedValue:s,builderProps:r,isLiquid:o=!1,isForceValue:i})=>{let n=!s||i?e:helpers.getDynamicSourceLocales({val:e,pageContext:a,settingId:helpers.createSettingId({id:t??translate.Button?.label?.id}),uid:r?.uidTranslate??r?.uid,isCapitalize:l?.typo?.attrs?.transform==="capitalize"});return o?n?.toString()??"":core.convertHTML(e)},checkIsShowIcon=(e,t)=>!!e&&t,handleCheckIsShowLabel=(e,t)=>!!e||!t,handleCheckIsEditableLabel=({mode:e,options:t,isLiquid:l=!1})=>l?!t?.isCannotEditing:"edit"===e&&!t?.isCannotEditing,checkIsScrollToElement=e=>!!e?.link?.startsWith("#")&&("_self"===e.target||"scroll-to"===e.type),getSplitStyles=e=>core.splitStyle(["pos","top","left","bottom","right","z"],e),getDataState=e=>e?"loading":"idle",getDataId=(e,t,l)=>e??(t||l)??"",handleGetArialLabel=({label:e,isLiquid:t=!1})=>t?e?.toString().replaceAll("'","'").replaceAll('"',"'")??"":e?.toString()??"",getInsertLinkData=({setting:e,htmlType:t,defaultTag:l,enableBtnLink:a,isLiquid:s=!1,pageType:r})=>{let o=["product.url"],i=["#","mailto:","tel:"],n=e?.link??"",c="/"===n,p=e?.link!==void 0&&""!==e.link,h=new RegExp(/^https?:\/\//i),d=p&&h.test(n);p&&n.toLowerCase().startsWith("mailto:")&&n.includes("+")&&(n=helpers.normalizeMailto(n));let g=()=>{if(o.find(e=>n.includes(e)))return!0;let t=i.find(e=>n.startsWith(e));return!(!t||helpers.checkIsScrollToTop(e)||"STATIC"===r&&helpers.checkIsOpenPopup(e))},u=helpers.isLinkedToSalesPage(e?.type),I=!!a&&(d||helpers.isShopifyDomain(p,n)||g()||c||u),S=n;s&&(helpers.isShopifyDomain(p,n)||c)&&(S=e?.isTranslate?"$locationOrigin"+n:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+n);let k=I?s?"a":Link.default:l,y={href:S,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},L=I?y:p?{...y,type:t}:{type:t};return u&&(L={href:constant.HREF_TO_SALES_PAGE,target:"_self"}),{HTMLTag:k,urlData:L,shouldRenderLink:I}},getData=e=>{let{style:t,dataId:l,pageContext:a,styles:s={},setting:r={},builderProps:o,builderAttrs:i,isUseTranslatedValue:n=!0}=e,{label:c,iconSvg:p,btnLink:h,loading:d,options:g,disabled:u,iconVisible:I,shouldClearSpace:S}=r,[k,y]=getSplitStyles(t),L=getCleanedStyles(s,u),b=styles.getCustomCssStyles({styles:s,uid:o?.uid,builderAttrs:i,enableHoverEffect:r.enableHoverEffect??!0}),D=getDataState(d),C=getDataId(o?.uidInteraction,l,o?.uid),f=e=>{let{isLiquid:t}=e??{};return handleGetArialLabel({label:c,isLiquid:t})},T=e=>{let{isLiquid:t,translateSetting:l,isForceValue:s}=e??{};return handleGetLabelToDisplay({label:c,translateSetting:l,isForceValue:s,builderProps:o,styles:L,isLiquid:t,...t&&{pageContext:a},...t&&{isUseTranslatedValue:n}})},w=e=>{let{isLiquid:t}=e??{},l=T({isLiquid:t});return handleCheckIsShowLabel(l,S)},m=e=>{let{isLiquid:t,mode:l}=e??{};return handleCheckIsEditableLabel({options:g,isLiquid:t,...!t&&l&&{mode:l}})},x=checkIsShowIcon(p,I),E=checkIsScrollToElement(h);return{customCss:b,wrapStyle:k,restStyle:y,dataState:D,dataIdAttr:C,isShowIcon:x,isScrollToElement:E,getArialLabel:f,getLabelToDisplay:T,checkIsShowLabel:w,checkIsEditableLabel:m}},LOADING_INDICATOR=`
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),Link=require("../../link/components/Link.js"),constant=require("../../constant.js"),styles=require("./styles.js"),translate=require("../settings/configs/translate.js");const getCleanedStyles=(e,t)=>{if(!t)return e;let l={...e},a=["hover","focus"];return a.forEach(e=>{delete l?.backgroundColorV2?.[e]}),l},handleGetLabelToDisplay=({label:e,translateSetting:t,styles:l,pageContext:a,isUseTranslatedValue:s,builderProps:r,isLiquid:o=!1,isForceValue:n})=>{let i=!s||n?e:helpers.getDynamicSourceLocales({val:e,pageContext:a,settingId:helpers.createSettingId({id:t??translate.Button?.label?.id}),uid:r?.uidTranslate??r?.uid,isCapitalize:l?.typo?.attrs?.transform==="capitalize"});return o?i?.toString()??"":core.convertHTML(e)},checkIsShowIcon=(e,t)=>!!e&&t,handleCheckIsShowLabel=(e,t)=>!!e||!t,handleCheckIsEditableLabel=({mode:e,options:t,isLiquid:l=!1})=>l?!t?.isCannotEditing:"edit"===e&&!t?.isCannotEditing,checkIsScrollToElement=e=>!!e?.link?.startsWith("#")&&("_self"===e.target||"scroll-to"===e.type),getSplitStyles=e=>core.splitStyle(["pos","top","left","bottom","right","z"],e),getDataState=e=>e?"loading":"idle",getDataId=(e,t,l)=>e??(t||l)??"",handleGetArialLabel=({label:e,isLiquid:t=!1})=>t?e?.toString().replaceAll("'","'").replaceAll('"',"'")??"":e?.toString()??"",getInsertLinkData=({setting:e,htmlType:t,defaultTag:l,enableBtnLink:a,isLiquid:s=!1,pageType:r})=>{let o=["product.url"],n=["#","mailto:","tel:"],i=e?.link??"",c="/"===i,p=e?.link!==void 0&&""!==e.link,h=new RegExp(/^https?:\/\//i),g=p&&h.test(i);p&&i.toLowerCase().startsWith("mailto:")&&i.includes("+")&&(i=helpers.normalizeMailto(i));let d=()=>{if(o.find(e=>i.includes(e)))return!0;let t=n.find(e=>i.startsWith(e));return!(!t||helpers.checkIsScrollToTop(e)||"STATIC"===r&&helpers.checkIsOpenPopup(e))},u=helpers.isLinkedToSalesPage(e?.type),I=!!a&&(g||helpers.isShopifyDomain(p,i)||d()||c||u),S=i;s&&(helpers.isShopifyDomain(p,i)||c)&&(S=e?.isTranslate?"$locationOrigin"+i:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+i);let k=I?s?"a":Link.default:l,y={href:S,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},L=I?y:p?{...y,type:t}:{type:t};return u&&(L={href:constant.HREF_TO_SALES_PAGE,target:"_self"}),{HTMLTag:k,urlData:L,shouldRenderLink:I}},getData=e=>{let{style:t,dataId:l,pageContext:a,styles:s={},setting:r={},builderProps:o,builderAttrs:n,isUseTranslatedValue:i=!0}=e,{label:c,iconSvg:p,btnLink:h,loading:g,options:d,disabled:u,iconVisible:I,shouldClearSpace:S}=r,[k,y]=getSplitStyles(t),L=getCleanedStyles(s,u),b=styles.getCustomCssStyles({styles:s,uid:o?.uid,builderAttrs:n,enableHoverEffect:r.enableHoverEffect??!0}),C=getDataState(g),D=getDataId(o?.uidInteraction,l,o?.uid),f=e=>{let{isLiquid:t}=e??{};return handleGetArialLabel({label:c,isLiquid:t})},T=e=>{let{isLiquid:t,translateSetting:l,isForceValue:s}=e??{};return handleGetLabelToDisplay({pageContext:a??{},label:c,translateSetting:l,isForceValue:s,builderProps:o,styles:L,isLiquid:t,...t&&{pageContext:a},...t&&{isUseTranslatedValue:i}})},w=e=>{let{isLiquid:t}=e??{},l=T({isLiquid:t});return handleCheckIsShowLabel(l,S)},m=e=>{let{isLiquid:t,mode:l}=e??{};return handleCheckIsEditableLabel({options:d,isLiquid:t,...!t&&l&&{mode:l}})},x=checkIsShowIcon(p,I),E=checkIsScrollToElement(h);return{customCss:b,wrapStyle:k,restStyle:y,dataState:C,dataIdAttr:D,isShowIcon:x,isScrollToElement:E,getArialLabel:f,getLabelToDisplay:T,checkIsShowLabel:w,checkIsEditableLabel:m}},LOADING_INDICATOR=`
   <svg
     class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible"
     xmlns="http://www.w3.org/2000/svg"

package/dist/cjs/code/components/CSSCode.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Head=require("next/head"),useCSSCode=require("../hooks/useCSSCode.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const CSSCode=({setting:e,style:s,advanced:r,builderAttrs:t,builderProps:a,children:i,pageContext:d})=>{let{editorData:l}=r,{handleDoubleClickCustomCode:n,htmlPlainText:u,mode:m}=useCSSCode.default(r,e),o=system.createStyle(styles.getCodeStyle({setting:e,style:s,isLiquid:!1,uid:a?.uid,pageContext:d,type:"React"})),c=system.createClass(classes.getCodeClasses(a?.uid,"edit"!==m&&!l?.html,r?.cssClass));return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Head,{children:!!e?.preloadBgImage&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!!e?.background?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:e.background.desktop.image.src,as:"image"}),!!e?.background?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:e.background.tablet.image.src,as:"image"}),!!e?.background?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:e.background.mobile.image.src,as:"image"})]})}),jsxRuntime.jsxs("div",{onClick:n,"aria-hidden":"true",style:o,...t,className:c,children:[jsxRuntime.jsx("div",{dangerouslySetInnerHTML:{__html:u||""}}),i]})]})};exports.default=CSSCode;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Head=require("next/head"),useCSSCode=require("../hooks/useCSSCode.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const CSSCode=({setting:e,style:s,advanced:r,builderAttrs:t,builderProps:a,children:i,pageContext:d})=>{let{editorData:l}=r,{handleDoubleClickCustomCode:n,htmlPlainText:u,mode:m}=useCSSCode.default(r,e),o=system.createStyle(styles.getCodeStyle({setting:e,style:s,isLiquid:!1,uid:a?.uid,pageContext:d??{},type:"React"})),c=system.createClass(classes.getCodeClasses(a?.uid,"edit"!==m&&!l?.html,r?.cssClass));return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Head,{children:!!e?.preloadBgImage&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!!e?.background?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:e.background.desktop.image.src,as:"image"}),!!e?.background?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:e.background.tablet.image.src,as:"image"}),!!e?.background?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:e.background.mobile.image.src,as:"image"})]})}),jsxRuntime.jsxs("div",{onClick:n,"aria-hidden":"true",style:o,...t,className:c,children:[jsxRuntime.jsx("div",{dangerouslySetInnerHTML:{__html:u||""}}),i]})]})};exports.default=CSSCode;

package/dist/cjs/code/components/CSSCode.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const CSSCode=({setting:e,style:s,advanced:r,builderAttrs:t,builderProps:a,pageContext:i})=>{let{background:l,preloadBgImage:d}=e??{},o=r?.editorData,c=o?.html?.trim(),m=system.createStyle(styles.getCodeStyle({setting:e,style:s,isLiquid:!0,uid:a?.uid,pageContext:i,type:"Liquid"})),u=system.createClass(classes.getCodeClasses(a?.uid,!o?.html&&!l,r?.cssClass));return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const CSSCode=({setting:e,style:s,advanced:r,builderAttrs:t,builderProps:a,pageContext:i})=>{let{background:l,preloadBgImage:d}=e??{},o=r?.editorData,c=o?.html?.trim(),m=system.createStyle(styles.getCodeStyle({setting:e,style:s,isLiquid:!0,uid:a?.uid,pageContext:i??{},type:"Liquid"})),u=system.createClass(classes.getCodeClasses(a?.uid,!o?.html&&!l,r?.cssClass));return core.template`
   ${core.RenderIf(!!d,`${core.RenderIf(!!l?.desktop?.image?.src,`<link rel="preload" href="${l?.desktop?.image?.src}" as="image" />`)}${core.RenderIf(!!l?.tablet?.image?.src,`<link rel="preload" href="${l?.tablet?.image?.src}" as="image" />`)}${core.RenderIf(!!l?.mobile?.image?.src,`<link rel="preload" href="${l?.mobile?.image?.src}" as="image" />`)}`)}
     <div
       ${{...t}}

package/dist/cjs/collection/components/collection-description/common/helpers.js

@@ -1,3 +1,3 @@
-"use strict";require("@gem-sdk/core");var helpers=require("../../../../helpers.js"),translate=require("../../../settings/collection-description/configs/translate.js");const getViewMoreText=({setting:e,builderProps:t,pageContext:i,type:s})=>"liquid"===s?helpers.getDynamicSourceLocales({val:e?.viewMoreText,uid:t?.uid,settingId:helpers.createSettingId({id:translate.CollectionDescription?.viewMoreText?.id}),isLiquid:!0,pageContext:i}):e?.viewMoreText,getViewLessText=({setting:e,builderProps:t,pageContext:i,type:s})=>"liquid"===s?helpers.getDynamicSourceLocales({val:e?.viewLessText,uid:t?.uid,settingId:helpers.createSettingId({id:translate.CollectionDescription?.viewLessText?.id}),isLiquid:!0,pageContext:i}):e?.viewLessText,DESCRIPTION_LINE_HEIGHT_DEFAULT=21,ICON_SVG=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
+"use strict";require("@gem-sdk/core");var helpers=require("../../../../helpers.js"),translate=require("../../../settings/collection-description/configs/translate.js");const getViewMoreText=({setting:e,builderProps:t,pageContext:i,type:s})=>"liquid"===s?helpers.getDynamicSourceLocales({val:e?.viewMoreText,uid:t?.uid,settingId:helpers.createSettingId({id:translate.CollectionDescription?.viewMoreText?.id}),isLiquid:!0,pageContext:i??{}}):e?.viewMoreText,getViewLessText=({setting:e,builderProps:t,pageContext:i,type:s})=>"liquid"===s?helpers.getDynamicSourceLocales({val:e?.viewLessText,uid:t?.uid,settingId:helpers.createSettingId({id:translate.CollectionDescription?.viewLessText?.id}),isLiquid:!0,pageContext:i??{}}):e?.viewLessText,DESCRIPTION_LINE_HEIGHT_DEFAULT=21,ICON_SVG=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
               fill="currentColor"/>
         </svg>`;exports.DESCRIPTION_LINE_HEIGHT_DEFAULT=21,exports.ICON_SVG=ICON_SVG,exports.getViewLessText=getViewLessText,exports.getViewMoreText=getViewMoreText;

package/dist/cjs/collection/components/collection-paginator/common/helpers.js

@@ -1,8 +1,8 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../helpers.js"),classes=require("./classes.js"),parse=require("html-react-parser"),system=require("@gem-sdk/system"),styles=require("./styles.js"),translate=require("../../../settings/collection-paginator/configs/translate.js");const renderPaginatorItem=({setting:e,builderProps:t,pageContext:s},a)=>"liquid"===a?renderPaginatorLive({setting:e,builderProps:t,pageContext:s}):renderPaginatorEditor({setting:e,builderProps:t,pageContext:s}),renderPaginatorLive=({setting:e,builderProps:t,pageContext:s})=>{let a=getPreviousTextVal({setting:e,builderProps:t,pageContext:s},"liquid"),r=getNextTextVal({setting:e,builderProps:t,pageContext:s},"liquid"),l=e?.numberOfProducts||s?.numberOfProductOfProductList||0,i=l>0?l:4,c=e=>e?.replace(/"/g,'\\"')??"",o=`"${c(a??"")}"`,n=`"${c(r??"")}"`;return`
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../helpers.js"),classes=require("./classes.js"),parse=require("html-react-parser"),system=require("@gem-sdk/system"),styles=require("./styles.js"),translate=require("../../../settings/collection-paginator/configs/translate.js");const renderPaginatorItem=({setting:e,builderProps:t,pageContext:s},a)=>"liquid"===a?renderPaginatorLive({setting:e,builderProps:t,pageContext:s}):renderPaginatorEditor({setting:e,builderProps:t,pageContext:s}),renderPaginatorLive=({setting:e,builderProps:t,pageContext:s})=>{let a=getPreviousTextVal({setting:e,builderProps:t,pageContext:s},"liquid"),r=getNextTextVal({setting:e,builderProps:t,pageContext:s},"liquid"),l=e?.numberOfProducts||s?.numberOfProductOfProductList||0,i=l>0?l:4,o=e=>e?.replace(/"/g,'\\"')??"",c=`"${o(a??"")}"`,n=`"${o(r??"")}"`;return`
     {% paginate collection.products by ${i} %}
-      {% assign previousText = ${s?.isPreviewing?o:a||'""'} %}
+      {% assign previousText = ${s?.isPreviewing?c:a||'""'} %}
       {% assign nextText = ${s?.isPreviewing?n:r||'""'} %}
 
       {{ paginate | default_pagination: previous: previousText, next: nextText }}
     {% endpaginate %}
-  `},renderPaginatorEditor=({setting:e,builderProps:t,pageContext:s})=>{let{pageQuantity:a,typo:r,normalColor:l,activeColor:i}=e??{},c=[],o=parseInt(a??"0"),n=6;6>o&&(n=o-1);let m=n>1?n-1:0,u=getPreviousTextVal({setting:e,builderProps:t,pageContext:s},"react"),g=getNextTextVal({setting:e,builderProps:t,pageContext:s},"react"),y=system.createClass({...classes.customClass("prev",l,e)}),p=system.createClass({...classes.customClass("page",l,e)}),d=system.createClass({...classes.customClass("deco",l,e)}),x=t=>system.createClass({...classes.customClass("page",t===m?i:l,e)}),P=system.createClass({...classes.customClass("deco",l,e)}),C=system.createClass({...classes.customClass("page",l,e)}),S=system.createClass({...classes.customClass("next",l,e)}),h=t=>system.createStyle({...styles.getPaginatorStyle(t===m,styles.getCustomStyle(e),i)}),v=system.createStyle({...styles.getCustomStyle(e),...core.makeStyle({w:"auto"})}),I=system.createStyle({...styles.getCustomStyle(e)}),q=system.createStyle({...styles.getCustomStyle(e),...core.makeStyle({w:"auto"})});m>0&&c.push(createPaginatorItem({key:"prev",text:r?.attrs?.transform==="capitalize"?u?.toLocaleLowerCase():u,className:y,style:v})),m>2&&c.push(createPaginatorItem({key:1,text:1,className:p,style:I})),m>3&&c.push(createPaginatorItem({key:"deco",text:"...",className:d,style:I}));for(let e=Math.max(0,m-2);e<=Math.min(m+2,o-1);e++)c.push(createPaginatorItem({key:e+1,text:e+1,className:x(e),style:h(e)}));return m<o-4&&c.push(createPaginatorItem({key:"deco-2",text:"...",className:P,style:I})),m<o-3&&c.push(createPaginatorItem({key:o,text:o,className:C,style:I})),m!==o-1&&0!==o&&c.push(createPaginatorItem({key:"next",text:r?.attrs?.transform==="capitalize"?g?.toLocaleLowerCase():g,className:S,style:q})),c.map(e=>parse(e))},createPaginatorItem=({key:e,text:t,className:s,style:a})=>core.template`<span key="${e}" className="${s}" style="${a}"> ${t} </span>`,getPreviousTextVal=({setting:e,builderProps:t,pageContext:s},a)=>{let{previousText:r,typo:l}=e??{};return"liquid"===a?helpers.getDynamicSourceLocales({val:r,uid:t?.uid,settingId:helpers.createSettingId({id:translate.CollectionPaginator?.previousText?.id}),pageContext:s,isLiquid:!0,isCapitalize:l?.attrs?.transform==="capitalize"}).toString():r},getNextTextVal=({setting:e,builderProps:t,pageContext:s},a)=>{let{nextText:r,typo:l}=e??{};return"liquid"===a?helpers.getDynamicSourceLocales({val:r,uid:t?.uid,settingId:helpers.createSettingId({id:translate.CollectionPaginator?.nextText?.id}),pageContext:s,isLiquid:!0,isCapitalize:l?.attrs?.transform==="capitalize"}).toString():r};exports.renderPaginatorItem=renderPaginatorItem;
+  `},renderPaginatorEditor=({setting:e,builderProps:t,pageContext:s})=>{let{pageQuantity:a,typo:r,normalColor:l,activeColor:i}=e??{},o=[],c=parseInt(a??"0"),n=6;6>c&&(n=c-1);let m=n>1?n-1:0,u=getPreviousTextVal({setting:e,builderProps:t,pageContext:s},"react"),g=getNextTextVal({setting:e,builderProps:t,pageContext:s},"react"),y=system.createClass({...classes.customClass("prev",l,e)}),p=system.createClass({...classes.customClass("page",l,e)}),d=system.createClass({...classes.customClass("deco",l,e)}),x=t=>system.createClass({...classes.customClass("page",t===m?i:l,e)}),C=system.createClass({...classes.customClass("deco",l,e)}),P=system.createClass({...classes.customClass("page",l,e)}),S=system.createClass({...classes.customClass("next",l,e)}),h=t=>system.createStyle({...styles.getPaginatorStyle(t===m,styles.getCustomStyle(e),i)}),v=system.createStyle({...styles.getCustomStyle(e),...core.makeStyle({w:"auto"})}),I=system.createStyle({...styles.getCustomStyle(e)}),q=system.createStyle({...styles.getCustomStyle(e),...core.makeStyle({w:"auto"})});m>0&&o.push(createPaginatorItem({key:"prev",text:r?.attrs?.transform==="capitalize"?u?.toLocaleLowerCase():u,className:y,style:v})),m>2&&o.push(createPaginatorItem({key:1,text:1,className:p,style:I})),m>3&&o.push(createPaginatorItem({key:"deco",text:"...",className:d,style:I}));for(let e=Math.max(0,m-2);e<=Math.min(m+2,c-1);e++)o.push(createPaginatorItem({key:e+1,text:e+1,className:x(e),style:h(e)}));return m<c-4&&o.push(createPaginatorItem({key:"deco-2",text:"...",className:C,style:I})),m<c-3&&o.push(createPaginatorItem({key:c,text:c,className:P,style:I})),m!==c-1&&0!==c&&o.push(createPaginatorItem({key:"next",text:r?.attrs?.transform==="capitalize"?g?.toLocaleLowerCase():g,className:S,style:q})),o.map(e=>parse(e))},createPaginatorItem=({key:e,text:t,className:s,style:a})=>core.template`<span key="${e}" className="${s}" style="${a}"> ${t} </span>`,getPreviousTextVal=({setting:e,builderProps:t,pageContext:s},a)=>{let{previousText:r,typo:l}=e??{};return"liquid"===a?helpers.getDynamicSourceLocales({val:r,uid:t?.uid,settingId:helpers.createSettingId({id:translate.CollectionPaginator?.previousText?.id}),pageContext:s??{},isLiquid:!0,isCapitalize:l?.attrs?.transform==="capitalize"}).toString():r},getNextTextVal=({setting:e,builderProps:t,pageContext:s},a)=>{let{nextText:r,typo:l}=e??{};return"liquid"===a?helpers.getDynamicSourceLocales({val:r,uid:t?.uid,settingId:helpers.createSettingId({id:translate.CollectionPaginator?.nextText?.id}),pageContext:s??{},isLiquid:!0,isCapitalize:l?.attrs?.transform==="capitalize"}).toString():r};exports.renderPaginatorItem=renderPaginatorItem;

package/dist/cjs/collection/components/collection-toolbar/common/helpers.js

@@ -1 +1 @@
-"use strict";var helpers=require("../../../../helpers.js"),translate=require("../../../settings/collection-toolbar/configs/translate.js");const getSortingTextDisplayVal=({setting:e,builderProps:t,pageContext:a},l)=>{let{sortingTextDisplay:i}=e??{};return"react"==l?i:helpers.getDynamicSourceLocales({val:i,uid:t?.uid,settingId:helpers.createSettingId({id:translate.CollectionToolbar?.sortingTextDisplay?.id}),pageContext:a})},getQuantityTextDisplayVal=({setting:e,builderProps:t,pageContext:a},l)=>{let{quantityTextDisplay:i}=e??{};return"react"==l?i:helpers.getDynamicSourceLocales({val:i,uid:t?.uid,settingId:helpers.createSettingId({id:translate.CollectionToolbar?.quantityTextDisplay?.id}),isLiquid:!0,pageContext:a})},SORT_OPTIONS=[{name:"Best selling",value:"best-selling"},{name:"Featured",value:"manual"},{name:"Alphabetically, A-Z",value:"title-ascending"},{name:"Alphabetically, Z-A",value:"title-descending"},{name:"Price, low to high",value:"price-ascending"},{name:"Price, high to low",value:"price-descending"},{name:"Date, new to old",value:"created-descending"},{name:"Date, old to new",value:"created-ascending"}],sortBy="manual";exports.SORT_OPTIONS=SORT_OPTIONS,exports.getQuantityTextDisplayVal=getQuantityTextDisplayVal,exports.getSortingTextDisplayVal=getSortingTextDisplayVal,exports.sortBy="manual";
+"use strict";var helpers=require("../../../../helpers.js"),translate=require("../../../settings/collection-toolbar/configs/translate.js");const getSortingTextDisplayVal=({setting:e,builderProps:t,pageContext:a},l)=>{let{sortingTextDisplay:i}=e??{};return"react"==l?i:helpers.getDynamicSourceLocales({val:i,uid:t?.uid,settingId:helpers.createSettingId({id:translate.CollectionToolbar?.sortingTextDisplay?.id}),pageContext:a??{}})},getQuantityTextDisplayVal=({setting:e,builderProps:t,pageContext:a},l)=>{let{quantityTextDisplay:i}=e??{};return"react"==l?i:helpers.getDynamicSourceLocales({val:i,uid:t?.uid,settingId:helpers.createSettingId({id:translate.CollectionToolbar?.quantityTextDisplay?.id}),isLiquid:!0,pageContext:a??{}})},SORT_OPTIONS=[{name:"Best selling",value:"best-selling"},{name:"Featured",value:"manual"},{name:"Alphabetically, A-Z",value:"title-ascending"},{name:"Alphabetically, Z-A",value:"title-descending"},{name:"Price, low to high",value:"price-ascending"},{name:"Price, high to low",value:"price-descending"},{name:"Date, new to old",value:"created-descending"},{name:"Date, old to new",value:"created-ascending"}],sortBy="manual";exports.SORT_OPTIONS=SORT_OPTIONS,exports.getQuantityTextDisplayVal=getQuantityTextDisplayVal,exports.getSortingTextDisplayVal=getSortingTextDisplayVal,exports.sortBy="manual";

package/dist/cjs/coupon/components/Coupon.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Button_liquid=require("../../button/components/Button.liquid.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers$1=require("../common/helpers.js"),translate=require("../settings/configs/translate.js");const Coupon=({setting:e,builderProps:t,builderAttrs:s,style:l,styles:r,advanced:a,pageContext:i})=>{let{backgroundColorV2:n,textColor:o,enableTextStyle:u}=r??{},{defaultLabel:c,clickedLabel:d,copyContent:p}=e??{},g=helpers.getDynamicSourceLocales({val:d,uid:t?.uid,settingId:helpers.createSettingId({id:translate.Coupon?.defaultLabel?.id}),pageContext:i}),y=helpers.getDynamicSourceLocales({val:d,uid:t?.uid,settingId:helpers.createSettingId({id:translate.Coupon?.clickedLabel?.id}),pageContext:i}),m=system.createStateOrContext({defaultLabel:g,clickedLabel:y,copyContent:p,uid:t?.uid,enableTextStyle:u}),S=system.createClass(classes.getActiveClasses(n,o)),f=styles.getInnerBorderCornerCss({uid:t?.uid,styles:r}),$=styles.getInnerActiveStyles(r),h=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-coupon-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-coupon-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Button_liquid=require("../../button/components/Button.liquid.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers$1=require("../common/helpers.js"),translate=require("../settings/configs/translate.js");const Coupon=({setting:e,builderProps:t,builderAttrs:s,style:l,styles:r,advanced:a,pageContext:i})=>{let{backgroundColorV2:n,textColor:o,enableTextStyle:u}=r??{},{defaultLabel:c,clickedLabel:d,copyContent:p}=e??{},g=helpers.getDynamicSourceLocales({val:d,uid:t?.uid,settingId:helpers.createSettingId({id:translate.Coupon?.defaultLabel?.id}),pageContext:i??{}}),y=helpers.getDynamicSourceLocales({val:d,uid:t?.uid,settingId:helpers.createSettingId({id:translate.Coupon?.clickedLabel?.id}),pageContext:i??{}}),m=system.createStateOrContext({defaultLabel:g,clickedLabel:y,copyContent:p,uid:t?.uid,enableTextStyle:u}),S=system.createClass(classes.getActiveClasses(n,o)),f=styles.getInnerBorderCornerCss({uid:t?.uid,styles:r}),$=styles.getInnerActiveStyles(r),h=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-coupon-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-coupon-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
     <gp-coupon data-id="${t?.uid}" data-active="false" gp-setting='${JSON.stringify(m).replaceAll("'","&#039;")}' class="${S}">
     <style>${`${f}${$}`}</style>
     ${Button_liquid.default({builderProps:{...t,uidInteraction:`${t?.uid}-interaction`},builderAttrs:s,setting:{...helpers$1.getButtonSetting({setting:e,label:c,htmlType:"button",styles:r})},translateSetting:translate.Coupon?.defaultLabel?.id,style:{...styles.getButtonStyle(l,r)},styles:{...styles.getButtonStyles(r)},advanced:a,pageContext:i})}

package/dist/cjs/dialog/components/Dialog.js

@@ -1,4 +1,4 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),ButtonIcon=require("../../button/components/ButtonIcon.js"),useDialog=require("../hooks/useDialog.js");const Dialog=e=>{let{setting:s,children:t,builderProps:l,style:a,advanced:r,builderAttrs:o,pageContext:n}=e,i=r?.d,{name:c,fullScreen:y,width:m,height:d,position:u,overlayColor:g,overlayOpacity:C,iconSize:j,closeButtonPosition:x,iconSvg:p}=s??{},S=core.useEditorMode(),{ref:v,overlay:b,handleClickOverlay:h,closeModal:D,open:f,dialogId:B}=useDialog.useDialog(s,l,"edit"===S),R="edit"!==S,q=system.createAttr({...attrs.getAttr({uid:l?.uid||""})}),k=system.createStyle({...styles.getWrapperStyle(i)}),A=system.createClass({...classes.getContainClasses(r?.cssClass,C,g)}),N=system.createAttr({...attrs.getAttrContainer({uid:B||""})}),I=system.createStyle({...styles.getContainStyle()}),L=system.createClass({...classes.getBackdropClasses(u)}),O=system.createStyle({...styles.getBackdropStyle(a)}),w=system.createAttr({...attrs.getAttrOverlay()}),E=system.createClass({...classes.getOverlayClasses()}),M=system.createStyle({...styles.getOverlayStyle(C,g,a)}),P=system.createStyle({...styles.getDialogContentStyle({style:a,width:m,height:d,fullScreen:y})}),T=system.createClass({...classes.getDialogContentClasses({setting:s,enableEffect:f,isILP:R})}),_=system.createAttr({...attrs.getAttrClose()}),z=system.createClass({...classes.getHeadContentClasses()}),H=system.createStyle({...styles.getButtonContentStyle(s)}),W=system.createClass({...classes.getButtonContentClasses(x)}),F=system.createStyle({...styles.getSvgContentStyle(j)}),G=system.createClass({...classes.getSvgContentClasses()}),J=system.createStyle({...styles.getBodyContentStyle({setting:s,style:a,uid:l?.uid,pageContext:n})}),K=system.createClass({...classes.getBodyContentClasses()});return jsxRuntime.jsx("div",{...q,style:k,children:(f||"edit"!==S)&&jsxRuntime.jsx("dialog",{ref:v,open:f,"aria-label":c,...N,className:A,style:I,children:jsxRuntime.jsxs("div",{"aria-label":"Backdrop",className:L,style:O,children:[system.If(!!g,jsxRuntime.jsx("div",{ref:b,...w,className:E,style:M,onClick:h,"aria-hidden":!0})),jsxRuntime.jsx("span",{className:z}),jsxRuntime.jsxs("div",{role:"dialog","aria-label":"Dialog content",...o,className:T,style:P,children:[jsxRuntime.jsx("button",{..._,type:"button",tabIndex:-1,className:W,style:H,onClick:D,children:jsxRuntime.jsx(ButtonIcon.default,{iconSvg:p??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),ButtonIcon=require("../../button/components/ButtonIcon.js"),useDialog=require("../hooks/useDialog.js");const Dialog=e=>{let{setting:s,children:t,builderProps:l,style:a,advanced:r,builderAttrs:o,pageContext:n}=e,i=r?.d,{name:c,fullScreen:y,width:m,height:d,position:u,overlayColor:g,overlayOpacity:C,iconSize:j,closeButtonPosition:x,iconSvg:p}=s??{},S=core.useEditorMode(),{ref:v,overlay:b,handleClickOverlay:h,closeModal:D,open:f,dialogId:B}=useDialog.useDialog(s,l,"edit"===S),R="edit"!==S,q=system.createAttr({...attrs.getAttr({uid:l?.uid||""})}),k=system.createStyle({...styles.getWrapperStyle(i)}),A=system.createClass({...classes.getContainClasses(r?.cssClass,C,g)}),N=system.createAttr({...attrs.getAttrContainer({uid:B||""})}),I=system.createStyle({...styles.getContainStyle()}),L=system.createClass({...classes.getBackdropClasses(u)}),O=system.createStyle({...styles.getBackdropStyle(a)}),w=system.createAttr({...attrs.getAttrOverlay()}),E=system.createClass({...classes.getOverlayClasses()}),M=system.createStyle({...styles.getOverlayStyle(C,g,a)}),P=system.createStyle({...styles.getDialogContentStyle({style:a,width:m,height:d,fullScreen:y})}),T=system.createClass({...classes.getDialogContentClasses({setting:s,enableEffect:f,isILP:R})}),_=system.createAttr({...attrs.getAttrClose()}),z=system.createClass({...classes.getHeadContentClasses()}),H=system.createStyle({...styles.getButtonContentStyle(s)}),W=system.createClass({...classes.getButtonContentClasses(x)}),F=system.createStyle({...styles.getSvgContentStyle(j)}),G=system.createClass({...classes.getSvgContentClasses()}),J=system.createStyle({...styles.getBodyContentStyle({setting:s,style:a,uid:l?.uid,pageContext:n??{}})}),K=system.createClass({...classes.getBodyContentClasses()});return jsxRuntime.jsx("div",{...q,style:k,children:(f||"edit"!==S)&&jsxRuntime.jsx("dialog",{ref:v,open:f,"aria-label":c,...N,className:A,style:I,children:jsxRuntime.jsxs("div",{"aria-label":"Backdrop",className:L,style:O,children:[system.If(!!g,jsxRuntime.jsx("div",{ref:b,...w,className:E,style:M,onClick:h,"aria-hidden":!0})),jsxRuntime.jsx("span",{className:z}),jsxRuntime.jsxs("div",{role:"dialog","aria-label":"Dialog content",...o,className:T,style:P,children:[jsxRuntime.jsx("button",{..._,type:"button",tabIndex:-1,className:W,style:H,onClick:D,children:jsxRuntime.jsx(ButtonIcon.default,{iconSvg:p??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
                   <path d="M7.1,6l4.5,4.5l-1.1,1.1L6,7.1l-4.5,4.5l-1.1-1.1L4.9,6L0.5,1.5l1.1-1.1L6,4.9l4.5-4.5l1.1,1.1L7.1,6z"></path>
                 </svg>`,styles:F,classes:G})}),jsxRuntime.jsx("div",{"aria-label":"Dialog body",style:J,className:K,children:core.isEmptyChildren(t)?jsxRuntime.jsx(ChildrenDroppable.default,{}):core.filterToolbarPreview(t)}),core.filterToolbarPreview(t,!0)]})]})})})};exports.default=Dialog;

package/dist/cjs/dialog/components/Dialog.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../../helpers.js");const Dialog=e=>{let{setting:s,children:t,builderProps:a,style:l,advanced:r,builderAttrs:y,pageContext:c}=e,o=r?.d,{frequency:i=3,triggerPercentage:n=0,trigger:g,triggerTime:d,frequencyMode:m="once",mobileTrigger:C,mobileTriggerTime:p,closeOnClickOutside:$}=s??{},{name:S,fullScreen:u,width:v,height:f,position:b,overlayColor:A,overlayOpacity:L,iconSize:B,closeButtonPosition:h,iconSvg:j}=s??{},q=s?.dialogId??a?.uid,D=system.createStateOrContext({dialogId:q,trigger:g,triggerTime:d,frequency:i,triggerPercentage:n,mobileTrigger:C,mobileTriggerTime:p,closeOnClickOutside:$,frequencyMode:m,display:o}),O=system.createAttr({...attrs.getAttr({uid:a?.uid||""})}),x=system.createStyle({...styles.getWrapperStyle(o)}),E=system.createClass({...classes.getContainClasses(r?.cssClass,L,A)}),k=system.createAttr({...attrs.getAttrContainer({uid:q||""})}),I=system.createStyle({...styles.getContainStyle()}),P=system.createClass({...classes.getBackdropClasses(b)}),_=system.createStyle({...styles.getBackdropStyle(l)}),M=system.createAttr({...attrs.getAttrOverlay()}),R=system.createClass({...classes.getOverlayClasses()}),z=system.createStyle({...styles.getOverlayStyle(L,A,l)}),G=system.createStyle({...styles.getDialogContentStyle({style:l,width:v,height:f,fullScreen:u})}),N=system.createClass({...classes.getDialogContentClasses({setting:s,enableEffect:!0,isILP:!1})}),w=system.createAttr({...attrs.getAttrClose()}),H=system.createClass({...classes.getHeadContentClasses()}),J=system.createStyle({...styles.getButtonContentStyle(s)}),T=system.createClass({...classes.getButtonContentClasses(h)}),U=system.createStyle({...styles.getSvgContentStyle(B)}),V=system.createClass({...classes.getSvgContentClasses()}),W=system.createStyle({...styles.getBodyContentStyle({setting:s,style:l,uid:a?.uid,pageContext:c,type:"Liquid"})}),F=system.createClass({...classes.getBodyContentClasses()}),K=()=>core.RenderIf(core.isLocalEnv,'<script src="{{ \'gp-dialog-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${core.baseAssetURL}/assets-v2/gp-dialog-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../../helpers.js");const Dialog=e=>{let{setting:s,children:t,builderProps:a,style:l,advanced:r,builderAttrs:y,pageContext:c}=e,o=r?.d,{frequency:i=3,triggerPercentage:n=0,trigger:g,triggerTime:d,frequencyMode:m="once",mobileTrigger:C,mobileTriggerTime:p,closeOnClickOutside:$}=s??{},{name:S,fullScreen:u,width:v,height:f,position:b,overlayColor:A,overlayOpacity:L,iconSize:B,closeButtonPosition:h,iconSvg:j}=s??{},q=s?.dialogId??a?.uid,D=system.createStateOrContext({dialogId:q,trigger:g,triggerTime:d,frequency:i,triggerPercentage:n,mobileTrigger:C,mobileTriggerTime:p,closeOnClickOutside:$,frequencyMode:m,display:o}),O=system.createAttr({...attrs.getAttr({uid:a?.uid||""})}),x=system.createStyle({...styles.getWrapperStyle(o)}),E=system.createClass({...classes.getContainClasses(r?.cssClass,L,A)}),k=system.createAttr({...attrs.getAttrContainer({uid:q||""})}),I=system.createStyle({...styles.getContainStyle()}),P=system.createClass({...classes.getBackdropClasses(b)}),_=system.createStyle({...styles.getBackdropStyle(l)}),M=system.createAttr({...attrs.getAttrOverlay()}),R=system.createClass({...classes.getOverlayClasses()}),z=system.createStyle({...styles.getOverlayStyle(L,A,l)}),G=system.createStyle({...styles.getDialogContentStyle({style:l,width:v,height:f,fullScreen:u})}),N=system.createClass({...classes.getDialogContentClasses({setting:s,enableEffect:!0,isILP:!1})}),w=system.createAttr({...attrs.getAttrClose()}),H=system.createClass({...classes.getHeadContentClasses()}),J=system.createStyle({...styles.getButtonContentStyle(s)}),T=system.createClass({...classes.getButtonContentClasses(h)}),U=system.createStyle({...styles.getSvgContentStyle(B)}),V=system.createClass({...classes.getSvgContentClasses()}),W=system.createStyle({...styles.getBodyContentStyle({setting:s,style:l,uid:a?.uid,pageContext:c??{},type:"Liquid"})}),F=system.createClass({...classes.getBodyContentClasses()}),K=()=>core.RenderIf(core.isLocalEnv,'<script src="{{ \'gp-dialog-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${core.baseAssetURL}/assets-v2/gp-dialog-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
     <gp-dialog
       ${{...O}}
       class="${helpers.getSettingPreloadData("gps-lazy")}"

package/dist/cjs/estimate-delivery/common/helpers.js

@@ -1 +1 @@
-"use strict";var TextInline=require("../../text/components/TextInline.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./styles.js"),translate=require("../settings/configs/translate.js");const getEstimateValue=e=>e?"number"==typeof e?e:Number(e.split("days")[0]):0,getDayEst=e=>{let t=new Date(Date.now()),a=getEstimateValue(e?.estimateTime),r=getEstimateValue(e?.minEstimate),s=getEstimateValue(e?.maxEstimate),l=e?.typeFormat==="Custom"?e?.customFormat:e?.typeFormat;if(!l)return"";if(e?.typeEstimate===ESTIMATE_DAYS.SPECIFIC){let e=`${getDayFormat(getFutureDay(a),l)}`;return e}getDayFormat(t);let u=`${getDayFormat(getFutureDay(r),l)} - ${getDayFormat(getFutureDay(s),l)}`;return u},EstimateDateLevel=e=>{switch(e?.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},getNewSetting=({type:e,styles:t,setting:a,builderProps:r,pageContext:s})=>{let l="React"===e,u=getTextContent({type:e,styles:t,setting:a,builderProps:r,pageContext:s});return{text:u,htmlTag:EstimateDateLevel(a),globalSize:a?.globalSize,background:a?.background,...!l&&{isForceValue:!0}}},getTextContent=({type:e,styles:t,setting:a,builderProps:r,pageContext:s})=>{let l="React"===e,u=system.createClass({"estimate-date-main":!0}),n=l||s?.isPreviewing?a?.customText:helpers.getDynamicSourceLocales({val:a?.customText,uid:r?.uid,settingId:helpers.createSettingId({id:translate.EstimateDate?.customText?.id}),pageContext:s,isCapitalize:t?.typo?.attrs?.transform==="capitalize"}).toString(),i={pageContext:s,setting:a,isReact:l,builderProps:r,textWithTranslate:n};return`${a?.enableCustomText===!1?"":TextInline.default({styles:styles.getStyleEstimateDate(t,"typoCustom"),setting:{text:n},elementAttrs:{debugText:JSON.stringify(i).replaceAll("'","'")}})} ${TextInline.default({styles:styles.getStyleEstimateDate(t,"typoDate"),setting:{text:getDayEst(a)},className:u})}`},OUT_OF_STOCK={SHOW:"show",HIDE:"hide"},ESTIMATE_DAYS={SPECIFIC:"specific",RANGE:"range"},getDayFormat=(e,t="%B %d, %Y")=>{let a=e.getMonth()+1,r=e.getDate(),s=e.getFullYear();function l(e){let t=Math.floor(e/10)%10,a=e%10;return 1===a&&1!==t?"st":2===a&&1!==t?"nd":3===a&&1!==t?"rd":"th"}let u=[{type:"%a",value:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][e.getDay()]},{type:"%A",value:["Sunday","Monday","Tueday","Wednesday","Thursday","Friday","Saturday"][e.getDay()]},{type:"%d",value:r.toString().padStart(2,"0")},{type:"%b",value:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][a-1]},{type:"%B",value:["January","February","March","April","May","June","July","August","September","October","November","December"][a-1]},{type:"%m",value:a.toString().padStart(2,"0")},{type:"%y",value:s.toString().slice(-2)},{type:"%Y",value:s},{type:"%sf",value:l(r)}];return u.forEach(e=>{t=t.replaceAll(e?.type,e?.value?.toString()||"")}),t},getFutureDay=e=>{let t=new Date,a=new Date(t);return a.setDate(t.getDate()+Number(e)),a},listFormatDate=()=>{let e=new Date(Date.now());return{FORMAT_1:{Label:getDayFormat(e,"%b %d"),value:"%b %d"},FORMAT_2:{Label:getDayFormat(e,"%b %d, %Y"),value:"%b %d, %Y"},FORMAT_3:{Label:getDayFormat(e,"%a, %b %d"),value:"%a, %b %d"},FORMAT_4:{Label:getDayFormat(e,"%d/%m/%Y"),value:"%d/%m/%Y"},FORMAT_5:{Label:getDayFormat(e,"%Y/%m/%d"),value:"%Y/%m/%d"},FORMAT_6:{Label:"Custom"}}};exports.ESTIMATE_DAYS=ESTIMATE_DAYS,exports.OUT_OF_STOCK=OUT_OF_STOCK,exports.getDayFormat=getDayFormat,exports.getFutureDay=getFutureDay,exports.getNewSetting=getNewSetting,exports.listFormatDate=listFormatDate;
+"use strict";var TextInline=require("../../text/components/TextInline.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./styles.js"),translate=require("../settings/configs/translate.js");const getEstimateValue=e=>e?"number"==typeof e?e:Number(e.split("days")[0]):0,getDayEst=e=>{let t=new Date(Date.now()),a=getEstimateValue(e?.estimateTime),r=getEstimateValue(e?.minEstimate),s=getEstimateValue(e?.maxEstimate),l=e?.typeFormat==="Custom"?e?.customFormat:e?.typeFormat;if(!l)return"";if(e?.typeEstimate===ESTIMATE_DAYS.SPECIFIC){let e=`${getDayFormat(getFutureDay(a),l)}`;return e}getDayFormat(t);let u=`${getDayFormat(getFutureDay(r),l)} - ${getDayFormat(getFutureDay(s),l)}`;return u},EstimateDateLevel=e=>{switch(e?.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},getNewSetting=({type:e,styles:t,setting:a,builderProps:r,pageContext:s})=>{let l="React"===e,u=getTextContent({type:e,styles:t,setting:a,builderProps:r,pageContext:s});return{text:u,htmlTag:EstimateDateLevel(a),globalSize:a?.globalSize,background:a?.background,...!l&&{isForceValue:!0}}},getTextContent=({type:e,styles:t,setting:a,builderProps:r,pageContext:s})=>{let l="React"===e,u=system.createClass({"estimate-date-main":!0}),n=l||s?.isPreviewing?a?.customText:helpers.getDynamicSourceLocales({val:a?.customText,uid:r?.uid,settingId:helpers.createSettingId({id:translate.EstimateDate?.customText?.id}),pageContext:s??{},isCapitalize:t?.typo?.attrs?.transform==="capitalize"}).toString(),i={pageContext:s,setting:a,isReact:l,builderProps:r,textWithTranslate:n};return`${a?.enableCustomText===!1?"":TextInline.default({styles:styles.getStyleEstimateDate(t,"typoCustom"),setting:{text:n},elementAttrs:{debugText:JSON.stringify(i).replaceAll("'","'")}})} ${TextInline.default({styles:styles.getStyleEstimateDate(t,"typoDate"),setting:{text:getDayEst(a)},className:u})}`},OUT_OF_STOCK={SHOW:"show",HIDE:"hide"},ESTIMATE_DAYS={SPECIFIC:"specific",RANGE:"range"},getDayFormat=(e,t="%B %d, %Y")=>{let a=e.getMonth()+1,r=e.getDate(),s=e.getFullYear();function l(e){let t=Math.floor(e/10)%10,a=e%10;return 1===a&&1!==t?"st":2===a&&1!==t?"nd":3===a&&1!==t?"rd":"th"}let u=[{type:"%a",value:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][e.getDay()]},{type:"%A",value:["Sunday","Monday","Tueday","Wednesday","Thursday","Friday","Saturday"][e.getDay()]},{type:"%d",value:r.toString().padStart(2,"0")},{type:"%b",value:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][a-1]},{type:"%B",value:["January","February","March","April","May","June","July","August","September","October","November","December"][a-1]},{type:"%m",value:a.toString().padStart(2,"0")},{type:"%y",value:s.toString().slice(-2)},{type:"%Y",value:s},{type:"%sf",value:l(r)}];return u.forEach(e=>{t=t.replaceAll(e?.type,e?.value?.toString()||"")}),t},getFutureDay=e=>{let t=new Date,a=new Date(t);return a.setDate(t.getDate()+Number(e)),a},listFormatDate=()=>{let e=new Date(Date.now());return{FORMAT_1:{Label:getDayFormat(e,"%b %d"),value:"%b %d"},FORMAT_2:{Label:getDayFormat(e,"%b %d, %Y"),value:"%b %d, %Y"},FORMAT_3:{Label:getDayFormat(e,"%a, %b %d"),value:"%a, %b %d"},FORMAT_4:{Label:getDayFormat(e,"%d/%m/%Y"),value:"%d/%m/%Y"},FORMAT_5:{Label:getDayFormat(e,"%Y/%m/%d"),value:"%Y/%m/%d"},FORMAT_6:{Label:"Custom"}}};exports.ESTIMATE_DAYS=ESTIMATE_DAYS,exports.OUT_OF_STOCK=OUT_OF_STOCK,exports.getDayFormat=getDayFormat,exports.getFutureDay=getFutureDay,exports.getNewSetting=getNewSetting,exports.listFormatDate=listFormatDate;

package/dist/cjs/form/components/form-checkbox/FormCheckbox.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-checkbox/configs/translate.js");const FromCheckbox=({builderProps:e,setting:s,advanced:t,pageContext:l,styles:r})=>{let{name:o,description:c,selected:a,required:m}=s??{},y=helpers.getDynamicSourceLocales({val:c,uid:e?.uid,settingId:helpers.createSettingId({id:translate.FormCheckbox?.description?.id}),pageContext:l}),i=system.createStyle(styles.composeContainerStyles(s)),n=system.createStyle(styles.composeFormCheckboxStyles(s,r,e)),p=system.createStyle(styles.composeFormCheckboxInputStyles()),d=system.createStyle(styles.getComposedTextStyle(s)),u=system.createClass(classes.composeContainerClasses(s,t,e)),C=system.createClass(classes.composeFormCheckboxInputClasses()),h=system.createClass(classes.composeFormCheckboxLabelClasses());return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-checkbox/configs/translate.js");const FromCheckbox=({builderProps:e,setting:s,advanced:t,pageContext:l,styles:r})=>{let{name:o,description:c,selected:a,required:m}=s??{},y=helpers.getDynamicSourceLocales({val:c,uid:e?.uid,settingId:helpers.createSettingId({id:translate.FormCheckbox?.description?.id}),pageContext:l??{}}),i=system.createStyle(styles.composeContainerStyles(s)),n=system.createStyle(styles.composeFormCheckboxStyles(s,r,e)),p=system.createStyle(styles.composeFormCheckboxInputStyles()),d=system.createStyle(styles.getComposedTextStyle(s)),u=system.createClass(classes.composeContainerClasses(s,t,e)),C=system.createClass(classes.composeFormCheckboxInputClasses()),h=system.createClass(classes.composeFormCheckboxLabelClasses());return core.template`
     <div
       data-id="${e?.uid}"
       style="${i}"

package/dist/cjs/form/components/form-dropdown/FormDropdown.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-dropdown/configs/translate.js");const FormDropdown=({builderProps:e,setting:s,advanced:t,pageContext:r,styles:o})=>{let{name:l,childItem:a,required:p}=s??{},d=a?.map((s,t)=>helpers.getDynamicSourceLocales({val:s,uid:e?.uid,settingId:helpers.createSettingId({id:translate.FormDropdown?.childItem?.id,index:t}),pageContext:r})),c=system.createStyle(styles.composeContainerStyles(t,s)),i=system.createStyle({...styles.composeFormDropdownStyles(t,s,o),...styles.getAppendTypoStyleFirstTime(s)}),n=system.createStyle(styles.getStyleOption(s)),m=system.createClass(classes.composeContainerClasses(t,e)),y=system.createClass(classes.composeFormDropdownClasses(s));return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-dropdown/configs/translate.js");const FormDropdown=({builderProps:e,setting:s,advanced:t,pageContext:r,styles:o})=>{let{name:l,childItem:a,required:p}=s??{},d=a?.map((s,t)=>helpers.getDynamicSourceLocales({val:s,uid:e?.uid,settingId:helpers.createSettingId({id:translate.FormDropdown?.childItem?.id,index:t}),pageContext:r??{}})),c=system.createStyle(styles.composeContainerStyles(t,s)),i=system.createStyle({...styles.composeFormDropdownStyles(t,s,o),...styles.getAppendTypoStyleFirstTime(s)}),n=system.createStyle(styles.getStyleOption(s)),m=system.createClass(classes.composeContainerClasses(t,e)),y=system.createClass(classes.composeFormDropdownClasses(s));return core.template`
     <gp-form-dropdown
       data-id="${e?.uid}"
       class="${m}"

package/dist/cjs/form/components/form-email/FormEmail.liquid.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-email/configs/translate.js");const FormEmail=({builderProps:e,builderAttrs:s,setting:t,advanced:l,pageContext:a,styles:r})=>{let{placeholder:i,required:m,hideOnClient:c,defaultEmail:o,showTitle:n,title:y}=t??{},p=helpers.getDynamicSourceLocales({val:i,uid:e?.uid,settingId:helpers.createSettingId({id:translate.FormEmail?.placeholder?.id}),pageContext:a}),u=system.createStyle(styles.composeContainerStyles(t,l)),d=system.createStyle(styles.composeInnerStyles(t,l,r)),$=system.createClass(classes.composeContainerClasses({setting:t,advanced:l,builderProps:e,type:"liquid"})),g=system.createClass(classes.composeInnerClasses(t,e)),q=system.createClass(classes.getClassTitle());return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-email/configs/translate.js");const FormEmail=({builderProps:e,builderAttrs:s,setting:t,advanced:a,pageContext:l,styles:r})=>{let{placeholder:i,required:m,hideOnClient:c,defaultEmail:o,showTitle:n,title:y}=t??{},p=helpers.getDynamicSourceLocales({val:i,uid:e?.uid,settingId:helpers.createSettingId({id:translate.FormEmail?.placeholder?.id}),pageContext:l??{}}),u=system.createStyle(styles.composeContainerStyles(t,a)),d=system.createStyle(styles.composeInnerStyles(t,a,r)),$=system.createClass(classes.composeContainerClasses({setting:t,advanced:a,builderProps:e,type:"liquid"})),g=system.createClass(classes.composeInnerClasses(t,e)),C=system.createClass(classes.getClassTitle());return core.template`
     <div
       ${{...s}}
       data-id="${e?.uid}"
       class="${$}"
       style="${u}"
     >
-      ${system.If(n,`<span className="${q}">${y}</span>`)}
+      ${system.If(n,`<span className="${C}">${y}</span>`)}
       <input
         type="email"
         class="${g}"

package/dist/cjs/form/components/newsletter/Newsletter.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),attrs=require("./common/attrs.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),styles$1=require("../contact/common/styles.js"),classes$1=require("../contact/common/classes.js"),translate=require("../../settings/newsletter/configs/translate.js");const Newsletter=({builderProps:e,setting:s,children:t,style:r,formType:a,advanced:l,pageContext:o,styles:c})=>{let i=helpers.getDynamicSourceLocales({val:s?.errorMessage,uid:e?.uid,settingId:helpers.createSettingId({id:translate.Newsletter?.errorMessage?.id}),pageContext:o,defaultVal:o?.isPreviewing?`Can’t send email. Please try again later.`:helpers.getStaticLocale("Newsletter","err_msg_default")}),m=helpers.getDynamicSourceLocales({val:s?.successMessage,uid:e?.uid,settingId:helpers.createSettingId({id:translate.Newsletter?.successMessage?.id}),pageContext:o,defaultVal:o?.isPreviewing?"Thanks for subscribing":helpers.getStaticLocale("Newsletter","success_msg_default")}),n=attrs.composeContainerAttrs(e,s),d=attrs.composeAnchorAttrs(e,s),p=system.createClass(classes.composeFormClasses()),y=system.createStyle(styles.composeFormStyles("error",s)),g=system.createStyle(styles.composeFormStyles("success",s)),u=attrs.composeFormAttrs(e,"error"),$=attrs.composeFormAttrs(e,"success"),f=attrs.composePopoverAttrs(e),v=styles.popoverStyles(e),S=system.createStyle(styles$1.composeContainerStyles(s,c,r)),h=system.createClass(classes$1.composeContainerClasses());return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),attrs=require("./common/attrs.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),styles$1=require("../contact/common/styles.js"),classes$1=require("../contact/common/classes.js"),translate=require("../../settings/newsletter/configs/translate.js");const Newsletter=({builderProps:e,setting:s,children:t,style:r,formType:a,advanced:l,pageContext:o,styles:c})=>{let i=helpers.getDynamicSourceLocales({val:s?.errorMessage,uid:e?.uid,settingId:helpers.createSettingId({id:translate.Newsletter?.errorMessage?.id}),pageContext:o??{},defaultVal:o?.isPreviewing?`Can’t send email. Please try again later.`:helpers.getStaticLocale("Newsletter","err_msg_default")}),m=helpers.getDynamicSourceLocales({val:s?.successMessage,uid:e?.uid,settingId:helpers.createSettingId({id:translate.Newsletter?.successMessage?.id}),pageContext:o??{},defaultVal:o?.isPreviewing?"Thanks for subscribing":helpers.getStaticLocale("Newsletter","success_msg_default")}),n=attrs.composeContainerAttrs(e,s),d=attrs.composeAnchorAttrs(e,s),p=system.createClass(classes.composeFormClasses()),g=system.createStyle(styles.composeFormStyles("error",s)),y=system.createStyle(styles.composeFormStyles("success",s)),u=attrs.composeFormAttrs(e,"error"),$=attrs.composeFormAttrs(e,"success"),f=attrs.composePopoverAttrs(e),v=styles.popoverStyles(e),S=system.createStyle(styles$1.composeContainerStyles(s,c,r)),h=system.createClass(classes$1.composeContainerClasses());return core.template`
     <div class="${h}" style="${S}">
       <gp-form
         ${{...n}}
@@ -13,7 +13,7 @@
             <div
               ${{...u}}
               class="${p}"
-              style="${y}"
+              style="${g}"
             >
               ${i}
             </div>
@@ -25,7 +25,7 @@
             <div
               ${{...$}}
               class="${p}"
-              style="${g}"
+              style="${y}"
             >
               ${m}
             </div>

package/dist/cjs/form/components/textarea/TextArea.liquid.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-textarea/configs/translate.js");const FormTextarea=({setting:e,builderProps:s,className:t,builderAttrs:r,advanced:a,pageContext:l,styles:o})=>{let{text:c,name:i,placeholder:m,required:d}=e??{},n=""===i||void 0===i?"contact[note]":i,y=helpers.getDynamicSourceLocales({val:m,uid:s?.uid,settingId:helpers.createSettingId({id:translate.FormTextarea?.placeholder?.id}),pageContext:l}),u=system.createStyle(styles.composeContainerStyles(a,e)),p=system.createStyle(styles.composeTextareaStyles(a,e,o)),x=system.createClass(classes.composeContainerClasses(a,s)),$=system.createClass(classes.composeTextareaClasses(e,s,t??""));return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/form-textarea/configs/translate.js");const FormTextarea=({setting:e,builderProps:s,className:t,builderAttrs:a,advanced:r,pageContext:l,styles:o})=>{let{text:c,name:i,placeholder:m,required:n}=e??{},d=""===i||void 0===i?"contact[note]":i,y=helpers.getDynamicSourceLocales({val:m,uid:s?.uid,settingId:helpers.createSettingId({id:translate.FormTextarea?.placeholder?.id}),pageContext:l??{}}),u=system.createStyle(styles.composeContainerStyles(r,e)),p=system.createStyle(styles.composeTextareaStyles(r,e,o)),x=system.createClass(classes.composeContainerClasses(r,s)),$=system.createClass(classes.composeTextareaClasses(e,s,t??""));return core.template`
     <div
-      ${r}
+      ${a}
       data-id="${s?.uid}"
       class="${x}"
       style="${u}"
@@ -9,8 +9,8 @@
         class="${$}"
         style="${p}"
         placeholder="${y}"
-        ${system.If(d,"required")}
-        name="${n}"
+        ${system.If(n,"required")}
+        name="${d}"
         value="${c}"
       ></textarea>
     </div>

package/dist/cjs/form/components/textfield/TextField.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/text-field/configs/translate.js");const TextField=({setting:e,builderProps:s,className:t,builderAttrs:l,advanced:r,pageContext:a,styles:i})=>{let{text:c,name:o,placeholder:d,required:n}=e??{},m=""===o||void 0===o?"contact[first_name]":o,y=helpers.getDynamicSourceLocales({val:d,uid:s?.uid,settingId:helpers.createSettingId({id:translate.TextField?.placeholder?.id}),pageContext:a}),u=system.createStyle(styles.composeContainerStyles(r,e)),p=system.createClass(classes.composeContainerClasses(r,s)),$=system.createClass(classes.composeTextFieldClasses(e,s,t??"")),x=system.createStyle(styles.composeTextareaStyles(r,e,i));return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/text-field/configs/translate.js");const TextField=({setting:e,builderProps:s,className:t,builderAttrs:l,advanced:r,pageContext:a,styles:i})=>{let{text:c,name:o,placeholder:d,required:n}=e??{},m=""===o||void 0===o?"contact[first_name]":o,y=helpers.getDynamicSourceLocales({val:d,uid:s?.uid,settingId:helpers.createSettingId({id:translate.TextField?.placeholder?.id}),pageContext:a??{}}),u=system.createStyle(styles.composeContainerStyles(r,e)),p=system.createClass(classes.composeContainerClasses(r,s)),x=system.createClass(classes.composeTextFieldClasses(e,s,t??"")),$=system.createStyle(styles.composeTextareaStyles(r,e,i));return core.template`
     <div
       ${l}
       data-id="${s?.uid}"
@@ -7,8 +7,8 @@
     >
       <input
         type="text"
-        class="${$}"
-        style="${x}"
+        class="${x}"
+        style="${$}"
         placeholder="${y}"
         ${system.If(n,"required")}
         name="${m}"

package/dist/cjs/form/components/textinput/TextInput.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/text-input/configs/translate.js");const TextInput=({setting:e,builderProps:s,className:t,builderAttrs:a,advanced:r,pageContext:l,styles:c})=>{let{text:o,name:i,placeholder:m,required:d,formType:n}=e??{},y=i?.[n??"text"]===""||void 0===i?"contact[first_name]":i?.[n??"text"],p=helpers.getDynamicSourceLocales({val:m,uid:s?.uid,settingId:helpers.createSettingId({id:translate.TextInput?.placeholder?.id}),pageContext:l}),u=system.createStyle(styles.composeContainerStyles(r,e)),$=system.createClass(classes.composeContainerClasses(r,s)),x=system.createClass(classes.composeTextFieldClasses(e,s,t??"")),v=system.createStyle(styles.composeTextareaStyles(r,e,c)),g=system.createClass({composedTextFieldClasses:!0}),q=styles.getRowsTextArea(e),C="textarea"===n;return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../settings/text-input/configs/translate.js");const TextInput=({setting:e,builderProps:s,className:t,builderAttrs:a,advanced:r,pageContext:l,styles:c})=>{let{text:o,name:i,placeholder:m,required:n,formType:d}=e??{},p=i?.[d??"text"]===""||void 0===i?"contact[first_name]":i?.[d??"text"],y=helpers.getDynamicSourceLocales({val:m,uid:s?.uid,settingId:helpers.createSettingId({id:translate.TextInput?.placeholder?.id}),pageContext:l??{}}),u=system.createStyle(styles.composeContainerStyles(r,e)),$=system.createClass(classes.composeContainerClasses(r,s)),x=system.createClass(classes.composeTextFieldClasses(e,s,t??"")),v=system.createStyle(styles.composeTextareaStyles(r,e,c)),g=system.createClass({composedTextFieldClasses:!0}),C=styles.getRowsTextArea(e),q="textarea"===d;return core.template`
     <div
       ${a}
       data-id="${s?.uid}"
@@ -6,21 +6,21 @@
       style="${u}"
     >
       <div>
-        ${system.If(!C,core.template`<input
+        ${system.If(!q,core.template`<input
             type="text"
             class="${x}"
             style="${v}"
-            placeholder="${p}"
-            ${system.If(d,"required")}
-            name="${y}"
+            placeholder="${y}"
+            ${system.If(n,"required")}
+            name="${p}"
             value="${o}"
           ></input>`,core.template`<textarea
-            rows="${q}"
+            rows="${C}"
             class="${g}"
             style="${v}"
-            placeholder="${p}"
-            ${system.If(d,"required")}
-            name="${y}"
+            placeholder="${y}"
+            ${system.If(n,"required")}
+            name="${p}"
             value="${o}"
           ></textarea>`)}
       </div>

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

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

package/dist/cjs/hero-banner/components/HeroBanner.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var HeroBannerItem_liquid=require("./HeroBannerItem.liquid.js"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),system=require("@gem-sdk/system"),core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),helpers$1=require("../common/helpers.js"),translate=require("../settings/configs/translate.js");const HeroBanner=e=>{let{builderAttrs:t,builderProps:s,setting:r,styles:a,style:n,children:i,advanced:l,pageContext:o}=e,{enableLazyLoadImage:c}=o??{},{enableLink:d,enableParallax:g}=r??{},u=helpers.getBackgroundTranslated({background:a?.background,uid:s?.uid,enableTranslate:!!translate.HeroBanner?.background?.id,pageContext:o,isTranslateVideo:!0}),p=helpers$1.getBannerLink(r),{cssClass:f}=l??{},{urlData:h}=helpers.getInsertLinkData("",p),m=system.createStateOrContext({background:helpers$1.getResponsiveSetting(u||{}),uid:s?.uid,enableParallax:g&&Number(r?.speedParallax||0)>0,speedParallax:Number(r?.speedParallax)||0,hoverEffect:a?.hoverEffect,hoverEffectScale:a?.hoverEffectScale,layout:r?.layout,contentPosition1Col:a?.contentPosition1Col,contentPosition2Col:a?.contentPosition2Col,aspectRatio:r?.aspectRatio,sizeSetting:helpers$1.getResponsiveSetting(a?.sizeSetting||{}),videoObjectFit:helpers$1.getResponsiveSetting(a?.videoObjectFit||{}),target:p?.target??"_self",href:h?.href??"",linkType:p?.type??"",hoverEffectDuration:a?.hoverEffectDuration,isYoutubeVideoMigrated:r?.isYoutubeVideoMigrated}),y=!!p?.link&&d,v=system.createAttr({...attrs.getAttr({uid:s?.uid||""})}),$=system.createAttr(attrs.getAttrLink()),b=system.createStyle({...styles.getStyle(a,r,n)}),S=system.createClass({...classes.getClasses({setting:r,builderProps:s,advancedCssClass:f})}),k=system.createClass({...classes.getLinkClasses()}),C=()=>HeroBannerItem_liquid.default({setting:r,translatedBackground:u,styles:a,children:i,enableLazyLoadImage:c,rawChildren:e.rawChildren,builderProps:s,pageContext:o});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var HeroBannerItem_liquid=require("./HeroBannerItem.liquid.js"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),system=require("@gem-sdk/system"),core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),helpers$1=require("../common/helpers.js"),translate=require("../settings/configs/translate.js");const HeroBanner=e=>{let{builderAttrs:t,builderProps:s,setting:r,styles:a,style:n,children:i,advanced:l,pageContext:o}=e,{enableLazyLoadImage:c}=o??{},{enableLink:d,enableParallax:g}=r??{},u=helpers.getBackgroundTranslated({background:a?.background,uid:s?.uid,enableTranslate:!!translate.HeroBanner?.background?.id,pageContext:o??{},isTranslateVideo:!0}),p=helpers$1.getBannerLink(r),{cssClass:f}=l??{},{urlData:h}=helpers.getInsertLinkData("",p),m=system.createStateOrContext({background:helpers$1.getResponsiveSetting(u||{}),uid:s?.uid,enableParallax:g&&Number(r?.speedParallax||0)>0,speedParallax:Number(r?.speedParallax)||0,hoverEffect:a?.hoverEffect,hoverEffectScale:a?.hoverEffectScale,layout:r?.layout,contentPosition1Col:a?.contentPosition1Col,contentPosition2Col:a?.contentPosition2Col,aspectRatio:r?.aspectRatio,sizeSetting:helpers$1.getResponsiveSetting(a?.sizeSetting||{}),videoObjectFit:helpers$1.getResponsiveSetting(a?.videoObjectFit||{}),target:p?.target??"_self",href:h?.href??"",linkType:p?.type??"",hoverEffectDuration:a?.hoverEffectDuration,isYoutubeVideoMigrated:r?.isYoutubeVideoMigrated}),y=!!p?.link&&d,v=system.createAttr({...attrs.getAttr({uid:s?.uid||""})}),$=system.createAttr(attrs.getAttrLink()),b=system.createStyle({...styles.getStyle(a,r,n)}),S=system.createClass({...classes.getClasses({setting:r,builderProps:s,advancedCssClass:f})}),k=system.createClass({...classes.getLinkClasses()}),C=()=>HeroBannerItem_liquid.default({setting:r,translatedBackground:u,styles:a,children:i,enableLazyLoadImage:c,rawChildren:e.rawChildren,builderProps:s,pageContext:o});return core.template`
       <gp-hero-banner
         ${{...t}}
         ${{...v}}

package/dist/cjs/hero-banner/components/HeroBannerItem.liquid.js

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),AdaptiveImage_liquid=require("../../image/components/AdaptiveImage.liquid.js"),HTML5Embed_liquid=require("../../video/components/HTML5Embed.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),helpers$2=require("../../image/common/helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),LiteYouTubeEmbed_liquid=require("../../video/components/LiteYouTubeEmbed.liquid.js"),helpers$4=require("../../video/common/helpers.js"),helpers$3=require("../../grid/components/row/common/helpers.js"),constants=require("../../image/constants.js"),helpers$1=require("../../helpers.js");const HeroBannerItem=e=>{let{enableLazyLoadImage:s=!0,translatedBackground:t,setting:l,styles:a,children:r,builderProps:i,rawChildren:o,pageContext:d}=e,{layout:u,verticalAlign:c,enableParallax:m,alt:n,title:y,preload:g,isYoutubeVideoMigrated:p}=l??{},{background:h,overlayColor:v,verticalGutter:q,sizeSetting:C,contentWidth:S,hoverEffect:I,contentPosition1Col:b,contentPosition2Col:$,videoObjectFit:f}=a??{},T=!g&&s,j=helpers.getAspectRatio(C,h),R=helpers.getYoutubeAspectRatio(h,f,j),B=helpers.getResponsiveSetting(t||{}),k=B.desktop,A=system.createStyle({...styles.getContainerStyle(a)}),_=system.createClass({...classes.getContainerClasses(l,a)}),w=system.createStyle({...styles.getOverlayStyle(a)}),H=system.createClass({...classes.getOverlayClasses(a)}),V=system.createStyle({...styles.getRowStyle(a)}),L=system.createClass({...classes.getRowClasses(a,l)}),E=system.createStyle({...styles.getAdaptiveStyle(a)}),Y=system.createClass({...classes.getAdaptivePictureClasses()}),N=system.createClass({...classes.getAdaptiveClasses()}),x=system.createClass({...classes.getBackgroundClasses(I,T)}),z=system.createStyle({...helpers.getBackgroundImageHeroBanner(t,T,!1),...styles.getBackgroundStyle(a,m,"")}),O=system.createClass({...classes.getContainBackgroundClasses()}),D=system.createStyle({...styles.getContainBackgroundStyle(a)}),M=system.createClass({...classes.getHtml5VideoClasses(!1)}),P=system.createStyle({...styles.getYoutubeIframeStyle(R,f)}),W=system.createClass({...classes.getWrapperYoutubeClasses(p)}),G=system.createStyle({...styles.getHtml5VideoStyle(j,f,h)}),U=system.createClass({...classes.getIframeYoutubeClasses()}),F=e=>system.createClass({...classes.getLazyBackgroundClasses(e)}),J=()=>{if(!g)return core.DEVICES.map(e=>system.If(helpers.getEnableBgImageByDevice(e,t),NextImage_liquid.default({src:helpers$2.getImageSrc(core.getResponsiveValueByScreen(helpers.getBgImage(t),e),e),alt:helpers$1.getSeoTranslated({valueTranslate:n,uid:i?.uid,settingId:"alt",pageContext:d}),title:helpers$1.getSeoTranslated({valueTranslate:y,uid:i?.uid,settingId:"title"}),className:F(e),isDisableAspectStyle:!0,enableLazyLoadImage:s}))).join("")},K=()=>{if(!helpers.showVideoType(h))return;if(helpers$3.isRenderHtmlVideo(h))return HTML5Embed_liquid.default({uid:i?.uid,muted:!0,loop:k?.loop,controls:!1,autoplay:!0,src:k?.videoHtml5||"",title:"Video",style:G,className:M});let e=k?.video??"",s=helpers$4.getYoutubeVideoId(e),t=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`,l=core.hasTranslatedLiquid(e);if(k?.type==="video"&&k?.videoType==="youtube"&&s&&helpers$4.youtubeVideoRegex.test(e)||l)return LiteYouTubeEmbed_liquid.default({uid:i?.uid,id:s??"",translatedVideoUrl:l?e:"",isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:k?.lazyLoad??!0,preload:!0,style:P,wrapperClass:W,iframeClass:U})};return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),AdaptiveImage_liquid=require("../../image/components/AdaptiveImage.liquid.js"),HTML5Embed_liquid=require("../../video/components/HTML5Embed.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),helpers$2=require("../../image/common/helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),LiteYouTubeEmbed_liquid=require("../../video/components/LiteYouTubeEmbed.liquid.js"),helpers$4=require("../../video/common/helpers.js"),helpers$3=require("../../grid/components/row/common/helpers.js"),constants=require("../../image/constants.js"),helpers$1=require("../../helpers.js");const HeroBannerItem=e=>{let{enableLazyLoadImage:s=!0,translatedBackground:t,setting:l,styles:a,children:r,builderProps:i,rawChildren:o,pageContext:d}=e,{layout:u,verticalAlign:c,enableParallax:n,alt:m,title:g,preload:p,isYoutubeVideoMigrated:y}=l??{},{background:h,overlayColor:C,verticalGutter:v,sizeSetting:q,contentWidth:S,hoverEffect:I,contentPosition1Col:b,contentPosition2Col:$,videoObjectFit:f}=a??{},T=!p&&s,j=helpers.getAspectRatio(q,h),R=helpers.getYoutubeAspectRatio(h,f,j),B=helpers.getResponsiveSetting(t||{}),k=B.desktop,A=system.createStyle({...styles.getContainerStyle(a)}),_=system.createClass({...classes.getContainerClasses(l,a)}),w=system.createStyle({...styles.getOverlayStyle(a)}),H=system.createClass({...classes.getOverlayClasses(a)}),V=system.createStyle({...styles.getRowStyle(a)}),x=system.createClass({...classes.getRowClasses(a,l)}),L=system.createStyle({...styles.getAdaptiveStyle(a)}),E=system.createClass({...classes.getAdaptivePictureClasses()}),Y=system.createClass({...classes.getAdaptiveClasses()}),N=system.createClass({...classes.getBackgroundClasses(I,T)}),z=system.createStyle({...helpers.getBackgroundImageHeroBanner(t,T,!1),...styles.getBackgroundStyle(a,n,"")}),O=system.createClass({...classes.getContainBackgroundClasses()}),D=system.createStyle({...styles.getContainBackgroundStyle(a)}),M=system.createClass({...classes.getHtml5VideoClasses(!1)}),P=system.createStyle({...styles.getYoutubeIframeStyle(R,f)}),W=system.createClass({...classes.getWrapperYoutubeClasses(y)}),G=system.createStyle({...styles.getHtml5VideoStyle(j,f,h)}),U=system.createClass({...classes.getIframeYoutubeClasses()}),F=e=>system.createClass({...classes.getLazyBackgroundClasses(e)}),J=()=>{if(!p)return core.DEVICES.map(e=>system.If(helpers.getEnableBgImageByDevice(e,t),NextImage_liquid.default({src:helpers$2.getImageSrc(core.getResponsiveValueByScreen(helpers.getBgImage(t),e),e),alt:helpers$1.getSeoTranslated({valueTranslate:m,uid:i?.uid,settingId:"alt",pageContext:d??{}}),title:helpers$1.getSeoTranslated({valueTranslate:g,uid:i?.uid,settingId:"title",pageContext:d??{}}),className:F(e),isDisableAspectStyle:!0,enableLazyLoadImage:s}))).join("")},K=()=>{if(!helpers.showVideoType(h))return;if(helpers$3.isRenderHtmlVideo(h))return HTML5Embed_liquid.default({uid:i?.uid,muted:!0,loop:k?.loop,controls:!1,autoplay:!0,src:k?.videoHtml5||"",title:"Video",style:G,className:M});let e=k?.video??"",s=helpers$4.getYoutubeVideoId(e),t=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`,l=core.hasTranslatedLiquid(e);if(k?.type==="video"&&k?.videoType==="youtube"&&s&&helpers$4.youtubeVideoRegex.test(e)||l)return LiteYouTubeEmbed_liquid.default({uid:i?.uid,id:s??"",translatedVideoUrl:l?e:"",isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:k?.lazyLoad??!0,preload:!0,style:P,wrapperClass:W,iframeClass:U})};return core.template`
   <div class="${_}" style="${A}">
       <div
         class="${O}"
         style="${D}"
       >
-        <div class="${x}" style="${z}">
+        <div class="${N}" style="${z}">
           ${J()}
           ${K()}
         </div>
-        ${system.If(!!v,core.template`<div aria-label="Overlay" class="${H}" style="${w}"> </div>`)}
+        ${system.If(!!C,core.template`<div aria-label="Overlay" class="${H}" style="${w}"> </div>`)}
       </div>
-      ${Row_liquid.default({className:L,style:V,setting:{layout:u,horizontalAlign:helpers.horizontalAlign(u,b,$),verticalAlign:c},styles:{verticalGutter:q,width:helpers.getWidth(S),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:r,rawChildren:o})}
-        ${AdaptiveImage_liquid.default({pictureClass:Y,srcSet:helpers.getBgImage(t),className:N,...g&&constants.PRIORITY_LOAD_ATTRS,aspectRatio:core.getAspectRatioGlobalSize(C),style:E,alt:helpers$1.getSeoTranslated({valueTranslate:n,uid:i?.uid,settingId:"alt",pageContext:d}),title:helpers$1.getSeoTranslated({valueTranslate:y,uid:i?.uid,settingId:"title",pageContext:d}),enableLazyLoadImage:s,fallbackImg:helpers.fallbackImg})}
+      ${Row_liquid.default({className:x,style:V,setting:{layout:u,horizontalAlign:helpers.horizontalAlign(u,b,$),verticalAlign:c},styles:{verticalGutter:v,width:helpers.getWidth(S),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:r,rawChildren:o})}
+        ${AdaptiveImage_liquid.default({pictureClass:E,srcSet:helpers.getBgImage(t),className:Y,...p&&constants.PRIORITY_LOAD_ATTRS,aspectRatio:core.getAspectRatioGlobalSize(q),style:L,alt:helpers$1.getSeoTranslated({valueTranslate:m,uid:i?.uid,settingId:"alt",pageContext:d??{}}),title:helpers$1.getSeoTranslated({valueTranslate:g,uid:i?.uid,settingId:"title",pageContext:d??{}}),enableLazyLoadImage:s,fallbackImg:helpers.fallbackImg})}
   </div>
 `};exports.default=HeroBannerItem;

package/dist/cjs/icon-list/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),translate=require("../settings/configs/translate.js");const filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e||{}},getContainerStyles=({style:e,styles:t,extraData:r,uid:o,type:s="React",pageContext:l})=>{let{align:i,background:a,globalSize:n}=t||{},c=core.makeGlobalSize(n||{desktop:{width:"100%"}}),g="Liquid"===s?helpers.getBackgroundTranslated({background:a,uid:o,enableTranslate:!!translate.IconList?.background?.id,pageContext:l,isTranslateVideo:!1}):a,d={...e,...r?.advancedClasses,...c.width,...core.makeStyleResponsive("ta",i),...core.getStyleBackgroundByDevice(g,{liquid:r?.isLiquid}),...core.getGradientBgrStyleByDevice(g)};return r?.isLiquid?d:filterStyles(d)},getWrapperStyles=e=>{let{alignWrapper:t}=e||{};return{...core.makeStyleResponsive("jc",t)}},getItemStyles=e=>{let t=core.makeGlobalSize(e?.itemPadding);return{...t.padding,...core.getResponsiveStyleShadowWithoutState(e?.itemBoxShadow,"box-shadow",e?.itemBoxShadow),...core.composeRadiusResponsive(e?.itemRounded),...core.composeBorderResponsive(e?.itemBorder),...core.getGlobalColorResponsiveStyle("bgc",e?.itemBackgroundColor),...core.getGlobalColorResponsiveStyle("bgi",e?.itemBackgroundColor),...core.makeStyleResponsive("cg",e?.horizontalSpacing)}},getUlStyles=e=>({...core.makeStyleResponsive("gg",e?.verticalSpacing)});exports.getContainerStyles=getContainerStyles,exports.getItemStyles=getItemStyles,exports.getUlStyles=getUlStyles,exports.getWrapperStyles=getWrapperStyles;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),translate=require("../settings/configs/translate.js");const filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e||{}},getContainerStyles=({style:e,styles:t,extraData:o,uid:r,type:s="React",pageContext:l})=>{let{align:i,background:a,globalSize:n}=t||{},c=core.makeGlobalSize(n||{desktop:{width:"100%"}}),g="Liquid"===s?helpers.getBackgroundTranslated({background:a,uid:r,enableTranslate:!!translate.IconList?.background?.id,pageContext:l??{},isTranslateVideo:!1}):a,d={...e,...o?.advancedClasses,...c.width,...core.makeStyleResponsive("ta",i),...core.getStyleBackgroundByDevice(g,{liquid:o?.isLiquid}),...core.getGradientBgrStyleByDevice(g)};return o?.isLiquid?d:filterStyles(d)},getWrapperStyles=e=>{let{alignWrapper:t}=e||{};return{...core.makeStyleResponsive("jc",t)}},getItemStyles=e=>{let t=core.makeGlobalSize(e?.itemPadding);return{...t.padding,...core.getResponsiveStyleShadowWithoutState(e?.itemBoxShadow,"box-shadow",e?.itemBoxShadow),...core.composeRadiusResponsive(e?.itemRounded),...core.composeBorderResponsive(e?.itemBorder),...core.getGlobalColorResponsiveStyle("bgc",e?.itemBackgroundColor),...core.getGlobalColorResponsiveStyle("bgi",e?.itemBackgroundColor),...core.makeStyleResponsive("cg",e?.horizontalSpacing)}},getUlStyles=e=>({...core.makeStyleResponsive("gg",e?.verticalSpacing)});exports.getContainerStyles=getContainerStyles,exports.getItemStyles=getItemStyles,exports.getUlStyles=getUlStyles,exports.getWrapperStyles=getWrapperStyles;

package/dist/cjs/icon-list-v2/common/helpers.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),translate=require("../settings/configs/translate.js");const composeIconWith=e=>({...e,desktop:e?.desktop??0,tablet:e?.tablet??e?.desktop??0,mobile:e?.mobile??e?.tablet??e?.desktop??0}),getTextIconNotFound=e=>"react"===e?"Icons not found":helpers.getStaticLocale("IconList","icons_not_found"),getTextIconTranslations=({setting:e,builderProps:t,pageContext:o,key:s,type:n})=>{let{childItem:i}=e??{};return"react"===n?i?.[s]:helpers.getDynamicSourceLocales({val:i?.[s],uid:t?.uid,settingId:helpers.createSettingId({id:translate.IconListV2?.childItem?.id,index:s}),pageContext:o,isReplaceLocationOrigin:!0})},getvalueMap=({setting:e})=>{let{childConfig:t,iconType:o,iconSvg:s}=e??{};return o&&"matching"!==o?"different"===o?t:void 0:Array(t?.length).fill(s)},composePostionIconList=(e,t,o)=>{let s={...o,desktop:o?.desktop??0,tablet:o?.tablet??o?.desktop??0,mobile:o?.mobile??o?.tablet??o?.desktop??0},n={};return core.DEVICES.forEach(o=>{core.composePositionLineHeight({compose:n,lineHeight:e,device:o,position:t,iconWidth:s})}),n};exports.composeIconWith=composeIconWith,exports.composePostionIconList=composePostionIconList,exports.getTextIconNotFound=getTextIconNotFound,exports.getTextIconTranslations=getTextIconTranslations,exports.getvalueMap=getvalueMap;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),translate=require("../settings/configs/translate.js");const composeIconWith=e=>({...e,desktop:e?.desktop??0,tablet:e?.tablet??e?.desktop??0,mobile:e?.mobile??e?.tablet??e?.desktop??0}),getTextIconNotFound=e=>"react"===e?"Icons not found":helpers.getStaticLocale("IconList","icons_not_found"),getTextIconTranslations=({setting:e,builderProps:t,pageContext:o,key:s,type:n})=>{let{childItem:i}=e??{};return"react"===n?i?.[s]:helpers.getDynamicSourceLocales({val:i?.[s],uid:t?.uid,settingId:helpers.createSettingId({id:translate.IconListV2?.childItem?.id,index:s}),pageContext:o??{},isReplaceLocationOrigin:!0})},getvalueMap=({setting:e})=>{let{childConfig:t,iconType:o,iconSvg:s}=e??{};return o&&"matching"!==o?"different"===o?t:void 0:Array(t?.length).fill(s)},composePostionIconList=(e,t,o)=>{let s={...o,desktop:o?.desktop??0,tablet:o?.tablet??o?.desktop??0,mobile:o?.mobile??o?.tablet??o?.desktop??0},n={};return core.DEVICES.forEach(o=>{core.composePositionLineHeight({compose:n,lineHeight:e,device:o,position:t,iconWidth:s})}),n};exports.composeIconWith=composeIconWith,exports.composePostionIconList=composePostionIconList,exports.getTextIconNotFound=getTextIconNotFound,exports.getTextIconTranslations=getTextIconTranslations,exports.getvalueMap=getvalueMap;

package/dist/cjs/icon-list-v2/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),translate=require("../settings/configs/translate.js");const filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e},getStyleContainerIconlistMain=({styles:e,style:t,type:o,advanced:l})=>{let{align:r}=e??{};return{...t="react"===o?filterStyles(t):t,...core.makeStyleResponsive("jc",r),...core.makeStyleResponsive("d",{desktop:l?.d?.desktop?"flex":"none",tablet:l?.d?.tablet?"flex":"none",mobile:l?.d?.mobile?"flex":"none"})}},getStyleWraplistIcon=({styles:e,uid:t,pageContext:o,type:l="React"})=>{let{panelAlign:r,contentBoxPadding:s,contentBoxWidth:n,background:a,contentBoxBorder:i,contentBoxRounded:c,contentBoxShadow:p}=e??{},b="Liquid"===l?helpers.getBackgroundTranslated({background:a,uid:t,enableTranslate:!!translate.IconListV2?.background?.id,pageContext:o,isTranslateVideo:!1}):a;return{...core.composeBorderResponsive(i),...core.getResponsiveStyleShadowWithoutState(p,"box-shadow",p),...core.composeRadiusResponsive(c),...core.getStyleBackgroundByDevice(b),...core.getResponsiveStylePadding(s),...core.makeStyleResponsive("w",n),...core.makeStyleResponsive("jc",r),...core.getGradientBgrStyleByDevice(b,{desktop:!0,tablet:!0,mobile:!0})}},getStyleColListIcon=({styles:e})=>{let{verticalSpacing:t}=e??{};return{...core.makeStyleResponsive("rg",t)}},getStyleWrapItemIcon=({styles:e})=>{let{horizontalSpacing:t,position:o}=e??{};return{...core.makeStyleResponsive("cg",t),...core.makeStyleResponsive("ai",{...o,mobile:o?.mobile=="baseline"?"flex-start":o?.mobile})}},getStyleWrapIcon=({styles:e,setting:t})=>{let{iconBorder:o,backgroundColor:l,iconRounded:r}=e??{},{globalSize:s}=t??{},n=core.makeGlobalSize(s);return{...n.padding,...core.makeStyle({bs:o?.border,bw:o?.width,bc:core.getSingleColorVariable(o?.color),bg:core.getSingleColorVariable(l),bblr:r?.bblr,bbrr:r?.bbrr,btlr:r?.btlr,btrr:r?.btrr}),...core.makeStyleResponsive("top",{desktop:"unset",tablet:"unset",mobile:"unset"}),...core.makeStyleResponsive("pos",{desktop:"relative",tablet:"relative",mobile:"relative"})}},getStyleIcon=({styles:e,setting:t})=>{let{iconColor:o}=e||{},{iconWidth:l}=t??{};return{"--c":core.getSingleColorVariable(o),"--w":"100%","--h":"100%","--size-desktop":`${l?.desktop}px`,"--size-tablet":`${l?.tablet||l?.desktop}px`,"--size-mobile":`${l?.mobile||l?.tablet||l?.desktop}px`}},getStyleTypoText=({setting:e})=>({typo:e?.textTypo});exports.getStyleColListIcon=getStyleColListIcon,exports.getStyleContainerIconlistMain=getStyleContainerIconlistMain,exports.getStyleIcon=getStyleIcon,exports.getStyleTypoText=getStyleTypoText,exports.getStyleWrapIcon=getStyleWrapIcon,exports.getStyleWrapItemIcon=getStyleWrapItemIcon,exports.getStyleWraplistIcon=getStyleWraplistIcon;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),translate=require("../settings/configs/translate.js");const filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e},getStyleContainerIconlistMain=({styles:e,style:t,type:o,advanced:l})=>{let{align:r}=e??{};return{...t="react"===o?filterStyles(t):t,...core.makeStyleResponsive("jc",r),...core.makeStyleResponsive("d",{desktop:l?.d?.desktop?"flex":"none",tablet:l?.d?.tablet?"flex":"none",mobile:l?.d?.mobile?"flex":"none"})}},getStyleWraplistIcon=({styles:e,uid:t,pageContext:o,type:l="React"})=>{let{panelAlign:r,contentBoxPadding:s,contentBoxWidth:n,background:a,contentBoxBorder:i,contentBoxRounded:c,contentBoxShadow:p}=e??{},b="Liquid"===l?helpers.getBackgroundTranslated({background:a,uid:t,enableTranslate:!!translate.IconListV2?.background?.id,pageContext:o??{},isTranslateVideo:!1}):a;return{...core.composeBorderResponsive(i),...core.getResponsiveStyleShadowWithoutState(p,"box-shadow",p),...core.composeRadiusResponsive(c),...core.getStyleBackgroundByDevice(b),...core.getResponsiveStylePadding(s),...core.makeStyleResponsive("w",n),...core.makeStyleResponsive("jc",r),...core.getGradientBgrStyleByDevice(b,{desktop:!0,tablet:!0,mobile:!0})}},getStyleColListIcon=({styles:e})=>{let{verticalSpacing:t}=e??{};return{...core.makeStyleResponsive("rg",t)}},getStyleWrapItemIcon=({styles:e})=>{let{horizontalSpacing:t,position:o}=e??{};return{...core.makeStyleResponsive("cg",t),...core.makeStyleResponsive("ai",{...o,mobile:o?.mobile=="baseline"?"flex-start":o?.mobile})}},getStyleWrapIcon=({styles:e,setting:t})=>{let{iconBorder:o,backgroundColor:l,iconRounded:r}=e??{},{globalSize:s}=t??{},n=core.makeGlobalSize(s);return{...n.padding,...core.makeStyle({bs:o?.border,bw:o?.width,bc:core.getSingleColorVariable(o?.color),bg:core.getSingleColorVariable(l),bblr:r?.bblr,bbrr:r?.bbrr,btlr:r?.btlr,btrr:r?.btrr}),...core.makeStyleResponsive("top",{desktop:"unset",tablet:"unset",mobile:"unset"}),...core.makeStyleResponsive("pos",{desktop:"relative",tablet:"relative",mobile:"relative"})}},getStyleIcon=({styles:e,setting:t})=>{let{iconColor:o}=e||{},{iconWidth:l}=t??{};return{"--c":core.getSingleColorVariable(o),"--w":"100%","--h":"100%","--size-desktop":`${l?.desktop}px`,"--size-tablet":`${l?.tablet||l?.desktop}px`,"--size-mobile":`${l?.mobile||l?.tablet||l?.desktop}px`}},getStyleTypoText=({setting:e})=>({typo:e?.textTypo});exports.getStyleColListIcon=getStyleColListIcon,exports.getStyleContainerIconlistMain=getStyleContainerIconlistMain,exports.getStyleIcon=getStyleIcon,exports.getStyleTypoText=getStyleTypoText,exports.getStyleWrapIcon=getStyleWrapIcon,exports.getStyleWrapItemIcon=getStyleWrapItemIcon,exports.getStyleWraplistIcon=getStyleWraplistIcon;

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

@@ -9,4 +9,4 @@
     <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>`,toBase64=e=>"undefined"==typeof window?Buffer.from(e).toString("base64"):window.btoa(e),createBlurDataURL=(e,t)=>`data:image/svg+xml;base64,${toBase64(shimmer(e,t))}`,IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",FALLBACK_IMAGE="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",NEXT_IMAGE_CONFIG={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},getAdaptiveImageData=e=>{let{srcSet:t,fallbackImg:r}=e,i=e=>{let{isLiquid:i}=e??{},a=getImageSrc(t?.desktop,"desktop",!i)||r||FALLBACK_IMAGE,s=getImageSrc(t?.tablet,"tablet",!i)||getImageSrc(t?.desktop,"tablet",!i)||r||FALLBACK_IMAGE,l=getImageSrc(t?.mobile,"mobile",!i)||getImageSrc(t?.tablet,"mobile",!i)||getImageSrc(t?.desktop,"mobile",!i)||r||FALLBACK_IMAGE;return{srcTablet:s,srcMobile:l,srcDesktop:a}};return{getDeviceSource:i}},getSettingTranslatedImageAndSeo=({setting:e,uid:t,pageContext:r})=>{if(!e||!translate.Image)return{};let i=core.cloneDeep(e);for(let e in i.srcSet){let a=i.srcSet[e];if(a&&a.src){let i=helpers.getDynamicSourceLocales({val:a.src,uid:t,settingId:translate.Image?.srcSet?.id?`${translate.Image.srcSet.id}_${e}_src`:"",pageContext:r});a.src=String(i)}}let a=helpers.getDynamicSourceLocales({val:i.alt,uid:t,settingId:helpers.createSettingId({id:translate.Image?.alt?.id}),pageContext:r});i.alt=String(a);let s=helpers.getDynamicSourceLocales({val:i.title,uid:t,settingId:helpers.createSettingId({id:translate.Image?.title?.id}),pageContext:r});return i.title=String(s),i},getSrcSet=(e,t,r)=>e?getSrcSetLiquid(e,t):getSrcSetLink(r),isCannotResizeImage=e=>e.includes("webp")||e.includes("jfif")||e.includes(".svg")||e.includes(".tiff"),getSrcSetLiquid=(e,t)=>{let r=replaceBackupFileKeyFileContent(e);return isCannotResizeImage(e)?"FILE_CONTENT"==t?`{{ '${r}' | file_url }} 768w, {{ '${r}' | file_url }} 1024w, {{ '${r}' | file_url }} 1440w`:`{{ '${e}' | asset_url }} 768w, {{ '${e}' | asset_url }} 1024w, {{ '${e}' | asset_url }} 1440w`:"FILE_CONTENT"==t?`{{ '${r}' | file_img_url: '768x' }} 768w, {{ '${r}' | file_img_url: '1024x' }} 1024w, {{ '${r}' | file_img_url: 'master' }} 1440w`:`{{ '${e}' | asset_img_url: '768x' }} 768w, {{ '${e}' | asset_img_url: '1024x' }} 1024w, {{ '${e}' | asset_img_url: 'master' }} 1440w`},getSrcSetLink=e=>e,getImageSrc=(e,t,r)=>{if(e?.metafieldDefinitionKey)return getImageMetafieldDefinitionKey(e?.metafieldDefinitionKey);let i=e?.backupFilePath??e?.src??"";if(r)i=e?.src||"";else{let t=e?.src??"";if(core.hasTranslatedLiquid(t))return t;if(e?.backupFileKey){let t=getNewBackupFileKey(e.backupFileKey,e?.src??"");"THEME"!==e.storage&&e.storage?"FILE_CONTENT"===e.storage&&(i=`{{ "${replaceBackupFileKeyFileContent(t)}" | file_url }}`):i=`{{ "${t}" | asset_url }}`}}if(t&&i?.includes("cdn.shopify"))switch(t){case"tablet":i=i?.replace(regexReplaceEndDot,"_1024x.");break;case"mobile":i=i?.replace(regexReplaceEndDot,"_768x.")}return i},getImageMetafieldDefinitionKey=e=>`{{${e} | file_url}}`,regexReplaceEndDot=/\.(?=[^.]*$)/,replaceBackupFileKeyFileContent=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),getNewBackupFileKey=(e,t)=>{let r=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return r&&r!=e?r:e};function resizeImage(e,t){let r=e.match(/\.webp/g)?.length,i=replaceRegexLastMatch({str:e,reg:/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g,newString:"."});if(r)return i;let a=replaceRegexLastMatch({str:i,reg:/\.jpg|\.png|\.gif|\.jpeg/g,newString:t,isAdd:!0});return a}const replaceRegexLastMatch=e=>{let t=e.str,r=e.str.match(e.reg)?.length;if(r){let i,a=1;for(;null!==(i=e.reg.exec(e.str));){if(a===r){let r=e.reg.lastIndex,a=r-i[0].length;e.isAdd&&(e.newString="_"+e.newString+i),t=t.slice(0,a)+e.newString+t.slice(r,t.length)}a++}}return t},getItemWidth=(e,t)=>{let r=getCurrentDevice(),i=t?.[r]||"auto";if(!i||"auto"===i||i.includes("%"))return e;let a=Number(i.replace("px",""));return a>e?e:Number(i.replace("px",""))},getImageWidthFollowByQuality=e=>{let{itemWidthParam:t,imageWidthSetting:r,qualityType:i,qualityPercent:a}=e,s=getCurrentDevice(),l=getItemWidth(t,r),o=core.getResponsiveValueByScreen(i,s,"finest"),g=core.getResponsiveValueByScreen(a,s,100);switch(o){case"finest":default:return"auto";case"high":return Math.round(1.5*l)||1;case"medium":return Math.round(l)||1;case"custom":return Math.round(l*(Number(g)/100))||1}},getWidthOfFeatureImageSetting=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return core.DEVICES.forEach(r=>{let i=core.getResponsiveValueByScreen(e,r)?.width||"100%";t[r]=i}),t},getWidthOfImageListSetting=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return core.DEVICES.forEach(r=>{let i=core.getResponsiveValueByScreen(e,r)?.width||"100%";t[r]=i}),t},getWidthOfListImageInDom=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-gallery-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},getWidthOfFeatureImageInDom=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-ft-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},handleSetSrcForProductImageList=e=>{let{shapeByLayout:t,qualityType:r,qualityPercent:i,builderPropUID:a}=e,s=document.querySelectorAll(`.gem-slider-item-${a}.gp-gallery-image-item`),l=getWidthOfImageListSetting(t),o=getWidthOfListImageInDom(a);s.forEach(e=>{handleSetSrcForGalleryImage({item:e,settingWidth:l,width:o,qualityType:r,qualityPercent:i})})},handleSetSrcForFeatureProductImage=e=>{let{ftShape:t,qualityType:r,qualityPercent:i,builderPropUID:a}=e,s=document.querySelectorAll(`.gem-slider-item-${a}.gp-ft-image-item`),l=getWidthOfFeatureImageSetting(t),o=getWidthOfFeatureImageInDom(a);s.forEach(e=>{handleSetSrcForGalleryImage({item:e,settingWidth:l,width:o,qualityType:r,qualityPercent:i})})},handleSetSrcForGalleryImage=e=>{let{item:t,settingWidth:r,width:i,qualityType:a,qualityPercent:s}=e,l=getCurrentDevice(),o=t.querySelector("img");if(o){let e=getImageWidthFollowByQuality({itemWidthParam:i,imageWidthSetting:r,qualityType:a,qualityPercent:s}),t=o.getAttribute("base-src");if(!t)return;let g=getImageSrcByQuality(e,t),c=getImageSrcSet(t,g,l);o.setAttribute("srcset",c)}},getImageSrcByQuality=(e,t)=>"auto"===e?t:resizeImage(t,`${e}x`),getImageSrcSet=(e,t,r)=>`${"mobile"===r&&e!==t?t:resizeImage(e,"768x")} 767w, ${"tablet"===r&&e!==t?t:resizeImage(e,"1024x")} 1023w, ${"desktop"===r&&e!==t?t:resizeImage(e,"1920x")} 1440w`,getCurrentDevice=()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1025?"tablet":"desktop";exports.FALLBACK_IMAGE=FALLBACK_IMAGE,exports.IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",exports.NEXT_IMAGE_CONFIG=NEXT_IMAGE_CONFIG,exports.composeAspectRatio=composeAspectRatio,exports.createBlurDataURL=createBlurDataURL,exports.getAdaptiveImageData=getAdaptiveImageData,exports.getAspectRatio=getAspectRatio,exports.getAspectRatioNextImage=getAspectRatioNextImage,exports.getCurrentDevice=getCurrentDevice,exports.getImageSrc=getImageSrc,exports.getImageWidthFollowByQuality=getImageWidthFollowByQuality,exports.getNewBackupFileKey=getNewBackupFileKey,exports.getResponsiveObjectFit=getResponsiveObjectFit,exports.getSettingTranslatedImageAndSeo=getSettingTranslatedImageAndSeo,exports.getSrcSet=getSrcSet,exports.handleSetSrcForFeatureProductImage=handleSetSrcForFeatureProductImage,exports.handleSetSrcForProductImageList=handleSetSrcForProductImageList,exports.isCannotResizeImage=isCannotResizeImage,exports.overwriteDefaultRadius=overwriteDefaultRadius,exports.regexReplaceEndDot=regexReplaceEndDot,exports.replaceBackupFileKeyFileContent=replaceBackupFileKeyFileContent,exports.resizeImage=resizeImage,exports.safeStringify=safeStringify,exports.shimmer=shimmer,exports.toBase64=toBase64;
+  </svg>`,toBase64=e=>"undefined"==typeof window?Buffer.from(e).toString("base64"):window.btoa(e),createBlurDataURL=(e,t)=>`data:image/svg+xml;base64,${toBase64(shimmer(e,t))}`,IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",FALLBACK_IMAGE="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",NEXT_IMAGE_CONFIG={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},getAdaptiveImageData=e=>{let{srcSet:t,fallbackImg:r}=e,i=e=>{let{isLiquid:i}=e??{},a=getImageSrc(t?.desktop,"desktop",!i)||r||FALLBACK_IMAGE,s=getImageSrc(t?.tablet,"tablet",!i)||getImageSrc(t?.desktop,"tablet",!i)||r||FALLBACK_IMAGE,l=getImageSrc(t?.mobile,"mobile",!i)||getImageSrc(t?.tablet,"mobile",!i)||getImageSrc(t?.desktop,"mobile",!i)||r||FALLBACK_IMAGE;return{srcTablet:s,srcMobile:l,srcDesktop:a}};return{getDeviceSource:i}},getSettingTranslatedImageAndSeo=({setting:e,uid:t,pageContext:r})=>{if(!e||!translate.Image)return{};let i=core.cloneDeep(e);for(let e in i.srcSet){let a=i.srcSet[e];if(a&&a.src){let i=helpers.getDynamicSourceLocales({val:a.src,uid:t,settingId:translate.Image?.srcSet?.id?`${translate.Image.srcSet.id}_${e}_src`:"",pageContext:r??{}});a.src=String(i)}}let a=helpers.getDynamicSourceLocales({val:i.alt,uid:t,settingId:helpers.createSettingId({id:translate.Image?.alt?.id}),pageContext:r??{}});i.alt=String(a);let s=helpers.getDynamicSourceLocales({val:i.title,uid:t,settingId:helpers.createSettingId({id:translate.Image?.title?.id}),pageContext:r??{}});return i.title=String(s),i},getSrcSet=(e,t,r)=>e?getSrcSetLiquid(e,t):getSrcSetLink(r),isCannotResizeImage=e=>e.includes("webp")||e.includes("jfif")||e.includes(".svg")||e.includes(".tiff"),getSrcSetLiquid=(e,t)=>{let r=replaceBackupFileKeyFileContent(e);return isCannotResizeImage(e)?"FILE_CONTENT"==t?`{{ '${r}' | file_url }} 768w, {{ '${r}' | file_url }} 1024w, {{ '${r}' | file_url }} 1440w`:`{{ '${e}' | asset_url }} 768w, {{ '${e}' | asset_url }} 1024w, {{ '${e}' | asset_url }} 1440w`:"FILE_CONTENT"==t?`{{ '${r}' | file_img_url: '768x' }} 768w, {{ '${r}' | file_img_url: '1024x' }} 1024w, {{ '${r}' | file_img_url: 'master' }} 1440w`:`{{ '${e}' | asset_img_url: '768x' }} 768w, {{ '${e}' | asset_img_url: '1024x' }} 1024w, {{ '${e}' | asset_img_url: 'master' }} 1440w`},getSrcSetLink=e=>e,getImageSrc=(e,t,r)=>{if(e?.metafieldDefinitionKey)return getImageMetafieldDefinitionKey(e?.metafieldDefinitionKey);let i=e?.backupFilePath??e?.src??"";if(r)i=e?.src||"";else{let t=e?.src??"";if(core.hasTranslatedLiquid(t))return t;if(e?.backupFileKey){let t=getNewBackupFileKey(e.backupFileKey,e?.src??"");"THEME"!==e.storage&&e.storage?"FILE_CONTENT"===e.storage&&(i=`{{ "${replaceBackupFileKeyFileContent(t)}" | file_url }}`):i=`{{ "${t}" | asset_url }}`}}if(t&&i?.includes("cdn.shopify"))switch(t){case"tablet":i=i?.replace(regexReplaceEndDot,"_1024x.");break;case"mobile":i=i?.replace(regexReplaceEndDot,"_768x.")}return i},getImageMetafieldDefinitionKey=e=>`{{${e} | file_url}}`,regexReplaceEndDot=/\.(?=[^.]*$)/,replaceBackupFileKeyFileContent=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),getNewBackupFileKey=(e,t)=>{let r=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return r&&r!=e?r:e};function resizeImage(e,t){let r=e.match(/\.webp/g)?.length,i=replaceRegexLastMatch({str:e,reg:/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g,newString:"."});if(r)return i;let a=replaceRegexLastMatch({str:i,reg:/\.jpg|\.png|\.gif|\.jpeg/g,newString:t,isAdd:!0});return a}const replaceRegexLastMatch=e=>{let t=e.str,r=e.str.match(e.reg)?.length;if(r){let i,a=1;for(;null!==(i=e.reg.exec(e.str));){if(a===r){let r=e.reg.lastIndex,a=r-i[0].length;e.isAdd&&(e.newString="_"+e.newString+i),t=t.slice(0,a)+e.newString+t.slice(r,t.length)}a++}}return t},getItemWidth=(e,t)=>{let r=getCurrentDevice(),i=t?.[r]||"auto";if(!i||"auto"===i||i.includes("%"))return e;let a=Number(i.replace("px",""));return a>e?e:Number(i.replace("px",""))},getImageWidthFollowByQuality=e=>{let{itemWidthParam:t,imageWidthSetting:r,qualityType:i,qualityPercent:a}=e,s=getCurrentDevice(),l=getItemWidth(t,r),o=core.getResponsiveValueByScreen(i,s,"finest"),g=core.getResponsiveValueByScreen(a,s,100);switch(o){case"finest":default:return"auto";case"high":return Math.round(1.5*l)||1;case"medium":return Math.round(l)||1;case"custom":return Math.round(l*(Number(g)/100))||1}},getWidthOfFeatureImageSetting=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return core.DEVICES.forEach(r=>{let i=core.getResponsiveValueByScreen(e,r)?.width||"100%";t[r]=i}),t},getWidthOfImageListSetting=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return core.DEVICES.forEach(r=>{let i=core.getResponsiveValueByScreen(e,r)?.width||"100%";t[r]=i}),t},getWidthOfListImageInDom=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-gallery-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},getWidthOfFeatureImageInDom=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-ft-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},handleSetSrcForProductImageList=e=>{let{shapeByLayout:t,qualityType:r,qualityPercent:i,builderPropUID:a}=e,s=document.querySelectorAll(`.gem-slider-item-${a}.gp-gallery-image-item`),l=getWidthOfImageListSetting(t),o=getWidthOfListImageInDom(a);s.forEach(e=>{handleSetSrcForGalleryImage({item:e,settingWidth:l,width:o,qualityType:r,qualityPercent:i})})},handleSetSrcForFeatureProductImage=e=>{let{ftShape:t,qualityType:r,qualityPercent:i,builderPropUID:a}=e,s=document.querySelectorAll(`.gem-slider-item-${a}.gp-ft-image-item`),l=getWidthOfFeatureImageSetting(t),o=getWidthOfFeatureImageInDom(a);s.forEach(e=>{handleSetSrcForGalleryImage({item:e,settingWidth:l,width:o,qualityType:r,qualityPercent:i})})},handleSetSrcForGalleryImage=e=>{let{item:t,settingWidth:r,width:i,qualityType:a,qualityPercent:s}=e,l=getCurrentDevice(),o=t.querySelector("img");if(o){let e=getImageWidthFollowByQuality({itemWidthParam:i,imageWidthSetting:r,qualityType:a,qualityPercent:s}),t=o.getAttribute("base-src");if(!t)return;let g=getImageSrcByQuality(e,t),c=getImageSrcSet(t,g,l);o.setAttribute("srcset",c)}},getImageSrcByQuality=(e,t)=>"auto"===e?t:resizeImage(t,`${e}x`),getImageSrcSet=(e,t,r)=>`${"mobile"===r&&e!==t?t:resizeImage(e,"768x")} 767w, ${"tablet"===r&&e!==t?t:resizeImage(e,"1024x")} 1023w, ${"desktop"===r&&e!==t?t:resizeImage(e,"1920x")} 1440w`,getCurrentDevice=()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1025?"tablet":"desktop";exports.FALLBACK_IMAGE=FALLBACK_IMAGE,exports.IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",exports.NEXT_IMAGE_CONFIG=NEXT_IMAGE_CONFIG,exports.composeAspectRatio=composeAspectRatio,exports.createBlurDataURL=createBlurDataURL,exports.getAdaptiveImageData=getAdaptiveImageData,exports.getAspectRatio=getAspectRatio,exports.getAspectRatioNextImage=getAspectRatioNextImage,exports.getCurrentDevice=getCurrentDevice,exports.getImageSrc=getImageSrc,exports.getImageWidthFollowByQuality=getImageWidthFollowByQuality,exports.getNewBackupFileKey=getNewBackupFileKey,exports.getResponsiveObjectFit=getResponsiveObjectFit,exports.getSettingTranslatedImageAndSeo=getSettingTranslatedImageAndSeo,exports.getSrcSet=getSrcSet,exports.handleSetSrcForFeatureProductImage=handleSetSrcForFeatureProductImage,exports.handleSetSrcForProductImageList=handleSetSrcForProductImageList,exports.isCannotResizeImage=isCannotResizeImage,exports.overwriteDefaultRadius=overwriteDefaultRadius,exports.regexReplaceEndDot=regexReplaceEndDot,exports.replaceBackupFileKeyFileContent=replaceBackupFileKeyFileContent,exports.resizeImage=resizeImage,exports.safeStringify=safeStringify,exports.shimmer=shimmer,exports.toBase64=toBase64;

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),CompareImage_liquid=require("./CompareImage.liquid.js");const ImageComparison=({setting:e,styles:a,builderProps:r,advanced:t,pageContext:s,...i})=>{let l=helpers.getSettingTranslatedImageComparisonAndSeo({setting:e,uid:r?.uid,pageContext:s}),{imageLeft:m,altLeft:o,titleLeft:g,imageRight:d,altRight:n,titleRight:p,direction:c,defaultPercentage:u,leftImageLabel:I,rightImageLabel:y,sliderLineWidth:C,hoverToSlide:h,enableLabel:q,preload:f,qualityType:b,qualityPercent:v,enableSEOLeft:P,enableSEORight:S}=l??{},j=system.createClass(classes.getImageComparisonWrapperClasses()),A=system.createStyle(classes.getImageComparisonWrapperStyles());return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),CompareImage_liquid=require("./CompareImage.liquid.js");const ImageComparison=({setting:e,styles:a,builderProps:r,advanced:t,pageContext:s,...i})=>{let l=helpers.getSettingTranslatedImageComparisonAndSeo({setting:e,uid:r?.uid,pageContext:s??{}}),{imageLeft:m,altLeft:o,titleLeft:g,imageRight:d,altRight:n,titleRight:p,direction:c,defaultPercentage:u,leftImageLabel:I,rightImageLabel:y,sliderLineWidth:C,hoverToSlide:h,enableLabel:q,preload:f,qualityType:b,qualityPercent:v,enableSEOLeft:P,enableSEORight:S}=l??{},j=system.createClass(classes.getImageComparisonWrapperClasses()),A=system.createStyle(classes.getImageComparisonWrapperStyles());return core.template`
     <div class="${j}" style="${A}">
       ${CompareImage_liquid.default({...i,styles:a,preload:f,advanced:t,leftImage:m,leftImageAlt:P?o:"",leftImageTitle:P?g:"",rightImage:d,rightImageAlt:S?n:"",rightImageTitle:S?p:"",leftImageLabel:I??"Before",rightImageLabel:y??"After",sliderLineWidth:C,sliderPositionPercentage:helpers.getSliderPositionPercentage(u),vertical:"vertical"===c,hover:h,enableLabel:q,qualityType:b,qualityPercent:v,componentUid:r?.uid??"",builderData:r?.builderData})}
     </div>

package/dist/cjs/image-comparison/components/Label.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),styles=require("../common/styles.js"),translate=require("../settings/configs/translate.js");const Label=({uid:e,label:s,styles:t,positionId:r,pageContext:l,translateLabel:a,childrenStyle:i,childrenClass:o,containerStyle:c,containerClass:n})=>{let d=styles.getLabelCustomCss(t,e??""),p=helpers.getDynamicSourceLocales({uid:e,val:s,pageContext:l,settingId:helpers.createSettingId({id:translate.ImageComparison?.[a]?.id}),isCapitalize:t?.typo?.attrs?.transform==="capitalize"});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),styles=require("../common/styles.js"),translate=require("../settings/configs/translate.js");const Label=({uid:e,label:s,styles:t,positionId:r,pageContext:a,translateLabel:l,childrenStyle:i,childrenClass:o,containerStyle:c,containerClass:n})=>{let d=styles.getLabelCustomCss(t,e??""),p=helpers.getDynamicSourceLocales({uid:e,val:s,pageContext:a??{},settingId:helpers.createSettingId({id:translate.ImageComparison?.[l]?.id}),isCapitalize:t?.typo?.attrs?.transform==="capitalize"});return core.template`
     <div
       id="image-comparison-${r}-label-${e}"
       style="${c}"