@gem-sdk/components 19.1.0-staging.9 → 20.0.1

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

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

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

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

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

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

package/dist/esm/grid/index.js

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

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

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

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

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

package/dist/esm/header/index.js

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

package/dist/esm/header/next.js

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

package/dist/esm/hero-banner/common/helpers.js

@@ -1 +1 @@
-import{DEVICES as e,makeStyleResponsive as t,getValueByDevice as o,getAspectRatioGlobalSize as l,getResponsiveValueByScreen as i,cls as r,GRADIENT_BGR_KEY as a}from"@gem-sdk/core";import{getImageSrc as n,createBlurDataURL as s}from"../../image/common/helpers.js";import{HREF_TO_SALES_PAGE as p}from"../../constant.js";import{DEFAULT_CLIP_PATH as b,VIDEO_IFRAME_SCALE as g}from"./const.js";let d=(t,o,l)=>{let r={};return e.map(e=>{let a=i(t,e),n=i(o,e),s=i(l,e);r={...r,[e]:1>=(a?.cols?.length||1)?n:s}}),r},c=(e,t)=>{if(!i(m(t),e))return!1;if(!t?.[e]){if("mobile"===e)return t?.tablet?.type==="image"||t?.desktop?.type==="image"&&!t?.tablet;if("tablet"===e)return t?.desktop?.type==="image"}return t?.[e]?.type==="image"},m=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},u=e=>{let t=m(e);return{desktop:s(t?.desktop?.width??0,t?.desktop?.height??0),tablet:s(t?.tablet?.width??t?.desktop?.width??0,t?.tablet?.height??t?.desktop?.width??0),mobile:s(t?.mobile?.width??t?.tablet?.width??t?.desktop?.width??0,t?.mobile?.height??t?.tablet?.height??t?.desktop?.width??0)}},h=(e,t,o,l)=>{if(!e)return"";let r=m(e),s=i(e,t),p=o?`url(${u(e)[t]})`:`url(${n(i(r,t),t,l)})`,b=s?.color?`, ${s.color}`:"";return s?.color?.includes(a)&&s?.type==="image"?`${p}${b}`:s?.color?.includes(a)&&s?.type!=="image"?`${s.color}`:s?.type==="image"?p:"url()"},y=(o,l=!1,i=!1)=>{if(!o)return;let r={};return e.forEach(e=>{r={...r,[e]:h(o,e,l,i)}}),t("bgi",r)},f=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let l=e?.[o]?.attachment;t={...t,[o]:"fixed"===l?"fixed":"absolute"}}),t},I=(e,t,o)=>S(d(e,t,o)),v=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),k=(e,t)=>{switch(e){case"desktop":if(t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"tablet":if(t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.tablet&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"mobile":if(t?.mobile?.type==="video")return{device:"mobile",data:t.mobile};if(!t?.mobile&&t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.mobile&&!t?.tablet?.type&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop}}},w=e=>e?Object.keys(e).filter(e=>["--d","--d-tablet","--d-mobile"].includes(e)).reduce((t,o)=>({...t,[o]:e?.[o]!=="none"?"flex":e?.[o]}),{}):{},C=(e,t)=>{if(!e)return t;let o=e?.shapeVideo;return"custom"===o?e?.shapeValue||t:void 0!==o?o:e?.shapeValue??t},A=({shapeByDevice:e,fallbackRatio:t,device:o,currentResult:l})=>{let i=C(e,t);return i?{...l,[o]:i}:l},j=(e,o)=>{let r=l(o);return["desktop","mobile","tablet"].forEach(t=>{let l=i(o,t),a=!!k(t,e);a&&(r=A({shapeByDevice:l,fallbackRatio:"auto",device:t,currentResult:r}))}),t("aspect",r)},S=e=>{let t={};for(let o in e)"top"===e[o]?t[o]="start":"bottom"===e[o]?t[o]="end":t[o]="center";return t},Z=(e,o)=>{let l={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(t=>{let r=i(e,t),a=!!k(t,o),n=r?.shape,s=r?.height;l={...l,[t]:"original"!==n||"fit-content"===s||a?"none":"block"}}),t("d",l)},B=(e,t)=>{if(!e)return;if(!t)return e.shapeValue;let o=e.shapeVideo;return"custom"===o?e.shapeValue:o},P=(t,o)=>{let l=!1,r=e.reduce((e,r)=>{let a=i(t,r),n=i(o,r),s=B(a,n?.type==="video");return s&&(e[r]=s,l=!0),e},{});return{aspectRatio:l?r:void 0}},x=(t,l,i)=>e.reduce((e,r)=>{let a=o(t,r),n=a?.type==="video"?a?.videoType:void 0,s=o(l,r),p=i?.[r];return p&&"youtube"===n&&"cover"!==s&&(e[r]=p),e},{}),$=(e,t)=>{let{aspectRatio:o}=P(e,t);return o},D=(e,t,o)=>{let l=x(e,t,o);return Object.keys(l).length?l:void 0},R=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let l=e?.[o];l&&(t={...t,[o]:"default"===l?"var(--g-ct-w, 1200px)":l})}),t},T=(e,t)=>{let{top:o,height:l}=e,i=-l;return o<i?0:o>t?100:Math.min(Math.max((o-i)/(t-i)*100,0),100)},V=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,z=(e,o)=>{let l={};return["desktop","mobile","tablet"].forEach(t=>{let r=i(e,t),a=r?.type==="image"&&o,n=V({enableParallax:a,attachment:e[t]?.attachment});l={...l,[t]:a?"150%":n?"100vh":"100%"}}),t("h",l)},M=(e,o)=>{let l={};return["desktop","mobile","tablet"].forEach(t=>{let r=i(e,t),a=r?.type==="image"&&o,n=V({enableParallax:a,attachment:e[t]?.attachment});l={...l,[t]:n?"100vw":"100%"}}),t("w",l)},W=e=>{let o={};return["desktop","mobile","tablet"].forEach(t=>{o={...o,[t]:e[t]?.attachment==="fixed"?"0px":""}}),t("top",o)},E=(e,t)=>{let o=z(e,t),l=M(e,t),i=W(e);return{...o,...l,...i}},G=(e,t=0,o=0)=>{let l=t,i=t;if(t>o?l=o:i=o,e>=999){let t=e-l;return t>0?t:0}let r=e-i;return r>0?r:0},L=(e,t)=>{if(!t)return`${b}`;let[o,l,i,r]=(e??"0 0 0 0").split(" ").map(e=>parseInt(e??"0")||0),{btlr:a,btrr:n,bbrr:s,bblr:p}=t,g=G(parseInt(a??"0")||0,o,r),d=G(parseInt(n??"0")||0,o,l),c=G(parseInt(s??"0")||0,l,i),m=G(parseInt(p??"0")||0,i,r);return[g,d,c,m].every(e=>0===e)?`${b}`:`inset(0 0 0 round ${g}px ${d}px ${c}px ${m}px)`},H=e=>({"!gp-self-start":"left"===e.desktop,"!gp-self-center":"center"===e.desktop,"!gp-self-end":"right"===e.desktop,"tablet:!gp-self-start":"left"===e.tablet,"tablet:!gp-self-center":"center"===e.tablet,"tablet:!gp-self-end":"right"===e.tablet,"mobile:!gp-self-start":"left"===e.mobile,"mobile:!gp-self-center":"center"===e.mobile,"mobile:!gp-self-end":"right"===e.mobile}),N=({device:e,settingLayoutRes:t,contentPosition1ColRes:o})=>{let l=t[e]?.cols??[],i=l.length<=1,r=o[e];if(i&&r)return["space-between","top","center","bottom"].includes(r)?r:void 0},J=(t,o)=>{let l=Y(t),i=Y(o),r={desktop:N({device:"desktop",settingLayoutRes:l,contentPosition1ColRes:i}),tablet:N({device:"tablet",settingLayoutRes:l,contentPosition1ColRes:i}),mobile:N({device:"mobile",settingLayoutRes:l,contentPosition1ColRes:i})},a={"space-between":{desktop:"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(3)]:gp-absolute [&>*:nth-child(3)]:gp-hidden",tablet:"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(3)]:gp-absolute tablet:[&>*:nth-child(3)]:gp-hidden",mobile:"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(3)]:gp-absolute  mobile:[&>*:nth-child(3)]:gp-hidden"},top:{desktop:"!gp-content-stretch [&>*]:!gp-justify-start",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start"},center:{desktop:"!gp-content-stretch [&>*]:!gp-justify-center",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center"},bottom:{desktop:"!gp-content-stretch [&>*]:!gp-justify-end",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end"}},n={};return e.forEach(e=>{let t=r[e],o=a?.[t]?.[e];n[o]=!0}),n},K=e=>{let t=Y(e),o=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",l=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",i=t?.mobile?.type=="left-distributed"||t?.mobile?.type=="right-distributed";return{"gp-h-full tablet:gp-h-auto mobile:gp-h-auto [&>*]:!gp-justify-between":o,"tablet:!gp-h-full tablet:[&>*]:!gp-justify-between mobile:gp-h-auto":l,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":i,"mobile:!gp-h-auto":!i}},O=e=>{let t={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(o=>{let l=i(e,o);t={...t,[o]:l}}),r("space-between"===t.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===t.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${e?.tablet}`,"space-between"===t.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${e?.mobile}`)},X=(e,t)=>{let o={desktop:!1,tablet:!1,mobile:!1};return["desktop","mobile","tablet"].forEach(l=>{let r=i(e,l),a=!!k(l,t),n=r?.shape,s=r?.height;o={...o,[l]:"original"===n&&"fit-content"!==s&&!a}}),r(o.desktop?"!gp-absolute":"",o.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",o.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},F=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},o=e.desktop||"center",l=e.tablet||o,i=e.mobile||l;return{[`gp-justify-${t[o]}`]:!0,[`tablet:gp-justify-${t[l]}`]:!0,[`mobile:gp-justify-${t[i]}`]:!0}},Y=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,l=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:l}},U=t=>e.some(e=>{let l=o(t,e);return l?.type!=="color"&&l?.type!=="image"&&!!l&&(l?.videoType==="html5"&&l?.videoHtml5||l?.videoType==="youtube"&&l?.video)});function Q(e,t){let o;return function(...l){clearTimeout(o),o=setTimeout(()=>e.apply(this,l),t)}}let _="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",q=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:p,target:"_self"}:t},ee=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",et=e=>{let{overlayColor:t,overlayOpacity:o}=e??{},l=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:l}},eo=e=>{let{overlayOpacity:t}=e??{},o="number"!=typeof t?.hover||isNaN(t?.hover)?"string"==typeof t?.hover?`${parseInt(t?.hover)}%`:"":`${t?.hover}%`,l="number"!=typeof t?.normal||isNaN(t?.normal)?"string"==typeof t?.normal?`${parseInt(t?.normal)}%`:"0%":`${t?.normal}%`;return o||l},el=(e,t)=>{if(!e||!t)return 16/9;let o=i(e,t),l=o?.videoCustomRatio;if(l?.width&&l?.height){let e=Number(l.width),t=Number(l.height);if(e>0&&t>0)return e/t}return 16/9},ei=e=>{e&&(e.style.removeProperty("width"),e.style.removeProperty("height"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("transform"),e.style.removeProperty("position"))},er=e=>{Object.assign(e.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"})},ea=e=>{e.style.removeProperty("position"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("width"),e.style.removeProperty("height")},en=e=>{if(!e)return 0;let{width:t,height:o}=e.getBoundingClientRect();return t&&o?t/o:0},es=e=>{switch(e){case"top":default:return{top:"0%",transform:`translate(-50%, 0%) scale(${g})`};case"bottom":return{top:"100%",transform:`translate(-50%, -100%) scale(${g})`};case"center":return{top:"50%",transform:`translate(-50%, -50%) scale(${g})`}}},ep=(e,t)=>{if(!e)return;let o=es(t);e.style.top=o.top,e.style.transform=o.transform},eb=({iframeEl:e,containerRatio:t,videoObjectFit:o,background:l,currentDevice:r,isYoutubeVideoMigrated:a})=>{let n,s;let p=el(l,r),b=i(l,r);if(!e||!t)return;let d=b?.videoAlign||"top",c=es(d);if("contain"===o){Object.assign(e.style,{position:"absolute",top:"50%",left:"50%",width:"100%",height:"100%",maxWidth:"none",transform:`translate(-50%, -50%) scale(${g})`});return}t>=p?(n=100,s=t/p*100):(s=100,n=p/t*100),Object.assign(e.style,{position:"absolute",top:c.top,left:"50%",width:a?"500%":`${n}%`,height:a?"100%":`${s}%`,maxWidth:"none",transform:c.transform})};export{P as collectAspectRatioByDevice,x as collectYoutubeAspectRatio,Q as debounce,_ as fallbackImg,ee as formatHoverScale,$ as getAspectRatio,f as getAttachmentDevice,y as getBackgroundImageHeroBanner,q as getBannerLink,m as getBgImage,H as getClassAlignBanner,F as getClassContentPosition,X as getClassForContentByFitContent,O as getClassForStretchContent,J as getClassSpaceBetween,K as getClassSpaceBetweenLeftRight,L as getClipPath,en as getContainerRatio,d as getContentPosition,k as getDataVideoHeroBannerResponsive,Z as getDisplayStyleByFitContent,c as getEnableBgImageByDevice,eo as getOpacityHover,T as getPercentageVisible,Y as getResponsiveSetting,j as getStyleAspectRatioHeroBannerCustom,E as getStyleHeroBannerBg,el as getVideoAspectRatio,w as getVisibilityStyle,R as getWidth,D as getYoutubeAspectRatio,I as horizontalAlign,u as imagePlaceholder,V as isScaleImage,S as mapContentPositionToHorizontal,et as opacityEnabledData,ei as resetVideoIframeStyle,ea as resetVideoWrapperStyle,v as scrollToContentBanner,ep as setVideoIframeAlign,er as setVideoWrapperStyle,U as showVideoType,eb as updateVideoIframeSize};
+import{DEVICES as e,makeStyleResponsive as t,getValueByDevice as o,getAspectRatioGlobalSize as l,getResponsiveValueByScreen as i,cls as r,GRADIENT_BGR_KEY as a}from"@gem-sdk/core";import{getImageSrc as n,createBlurDataURL as s}from"../../image/common/helpers.js";import{HREF_TO_SALES_PAGE as p}from"../../constant.js";import{DEFAULT_CLIP_PATH as b,VIDEO_IFRAME_SCALE as g}from"./const.js";let d=(t,o,l)=>{let r={};return e.map(e=>{let a=i(t,e),n=i(o,e),s=i(l,e);r={...r,[e]:1>=(a?.cols?.length||1)?n:s}}),r},c=(e,t)=>{if(!i(m(t),e))return!1;if(!t?.[e]){if("mobile"===e)return t?.tablet?.type==="image"||t?.desktop?.type==="image"&&!t?.tablet;if("tablet"===e)return t?.desktop?.type==="image"}return t?.[e]?.type==="image"},m=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},u=e=>{let t=m(e);return{desktop:s(t?.desktop?.width??0,t?.desktop?.height??0),tablet:s(t?.tablet?.width??t?.desktop?.width??0,t?.tablet?.height??t?.desktop?.width??0),mobile:s(t?.mobile?.width??t?.tablet?.width??t?.desktop?.width??0,t?.mobile?.height??t?.tablet?.height??t?.desktop?.width??0)}},h=(e,t,o,l)=>{if(!e)return"";let r=m(e),s=i(e,t),p=o?`url(${u(e)[t]})`:`url(${n(i(r,t),t,l)})`,b=s?.color?`, ${s.color}`:"";return s?.color?.includes(a)&&s?.type==="image"?`${p}${b}`:s?.color?.includes(a)&&s?.type!=="image"?`${s.color}`:s?.type==="image"?p:"url()"},y=(o,l=!1,i=!1)=>{if(!o)return;let r={};return e.forEach(e=>{r={...r,[e]:h(o,e,l,i)}}),t("bgi",r)},f=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let l=e?.[o]?.attachment;t={...t,[o]:"fixed"===l?"fixed":"absolute"}}),t},I=(e,t,o)=>S(d(e,t,o)),v=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),k=(e,t)=>{switch(e){case"desktop":if(t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"tablet":if(t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.tablet&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"mobile":if(t?.mobile?.type==="video")return{device:"mobile",data:t.mobile};if(!t?.mobile&&t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.mobile&&!t?.tablet?.type&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop}}},w=e=>e?Object.keys(e).filter(e=>["--d","--d-tablet","--d-mobile"].includes(e)).reduce((t,o)=>({...t,[o]:e?.[o]!=="none"?"flex":e?.[o]}),{}):{},C=(e,t)=>{if(!e)return t;let o=e?.shapeVideo;return"custom"===o?e?.shapeValue||t:void 0!==o?o:e?.shapeValue??t},A=({shapeByDevice:e,fallbackRatio:t,device:o,currentResult:l})=>{let i=C(e,t);return i?{...l,[o]:i}:l},j=(e,o)=>{let r=l(o);return["desktop","mobile","tablet"].forEach(t=>{let l=i(o,t),a=!!k(t,e);a&&(r=A({shapeByDevice:l,fallbackRatio:"auto",device:t,currentResult:r}))}),t("aspect",r)},S=e=>{let t={};for(let o in e)"top"===e[o]?t[o]="start":"bottom"===e[o]?t[o]="end":t[o]="center";return t},Z=(e,o)=>{let l={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(t=>{let r=i(e,t),a=!!k(t,o),n=r?.shape,s=r?.height;l={...l,[t]:"original"!==n||"fit-content"===s||a?"none":"block"}}),t("d",l)},B=(e,t)=>{if(!e)return;if(!t)return e.shapeValue;let o=e.shapeVideo;return"custom"===o?e.shapeValue:o},P=(t,o)=>{let l=!1,r=e.reduce((e,r)=>{let a=i(t,r),n=i(o,r),s=B(a,n?.type==="video");return s&&(e[r]=s,l=!0),e},{});return{aspectRatio:l?r:void 0}},x=(t,l,i)=>e.reduce((e,r)=>{let a=o(t,r),n=a?.type==="video"?a?.videoType:void 0,s=o(l,r),p=i?.[r];return p&&"youtube"===n&&"cover"!==s&&(e[r]=p),e},{}),$=(e,t)=>{let{aspectRatio:o}=P(e,t);return o},D=(e,t,o)=>{let l=x(e,t,o);return Object.keys(l).length?l:void 0},R=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let l=e?.[o];l&&(t={...t,[o]:"default"===l?"var(--g-ct-w, 1200px)":l})}),t},T=(e,t)=>{let{top:o,height:l}=e,i=-l;return o<i?0:o>t?100:Math.min(Math.max((o-i)/(t-i)*100,0),100)},V=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,z=(e,o)=>{let l={};return["desktop","mobile","tablet"].forEach(t=>{let r=i(e,t),a=r?.type==="image"&&o,n=V({enableParallax:a,attachment:e[t]?.attachment});l={...l,[t]:a?"150%":n?"100vh":"100%"}}),t("h",l)},M=(e,o)=>{let l={};return["desktop","mobile","tablet"].forEach(t=>{let r=i(e,t),a=r?.type==="image"&&o,n=V({enableParallax:a,attachment:e[t]?.attachment});l={...l,[t]:n?"100vw":"100%"}}),t("w",l)},W=e=>{let o={};return["desktop","mobile","tablet"].forEach(t=>{o={...o,[t]:e[t]?.attachment==="fixed"?"0px":""}}),t("top",o)},E=(e,t)=>{let o=z(e,t),l=M(e,t),i=W(e);return{...o,...l,...i}},G=(e,t=0,o=0)=>{let l=t,i=t;if(t>o?l=o:i=o,e>=999){let t=e-l;return t>0?t:0}let r=e-i;return r>0?r:0},L=(e,t)=>{if(!t)return`${b}`;let[o,l,i,r]=(e??"0 0 0 0").split(" ").map(e=>parseInt(e??"0")||0),{btlr:a,btrr:n,bbrr:s,bblr:p}=t,g=G(parseInt(a??"0")||0,o,r),d=G(parseInt(n??"0")||0,o,l),c=G(parseInt(s??"0")||0,l,i),m=G(parseInt(p??"0")||0,i,r);return[g,d,c,m].every(e=>0===e)?`${b}`:`inset(0 0 0 round ${g}px ${d}px ${c}px ${m}px)`},H=e=>({"!gp-self-start":"left"===e.desktop,"!gp-self-center":"center"===e.desktop,"!gp-self-end":"right"===e.desktop,"tablet:!gp-self-start":"left"===e.tablet,"tablet:!gp-self-center":"center"===e.tablet,"tablet:!gp-self-end":"right"===e.tablet,"mobile:!gp-self-start":"left"===e.mobile,"mobile:!gp-self-center":"center"===e.mobile,"mobile:!gp-self-end":"right"===e.mobile}),N=({device:e,settingLayoutRes:t,contentPosition1ColRes:o})=>{let l=t[e]?.cols??[],i=l.length<=1,r=o[e];if(i&&r)return["space-between","top","center","bottom"].includes(r)?r:void 0},J=(t,o)=>{let l=Y(t),i=Y(o),r={desktop:N({device:"desktop",settingLayoutRes:l,contentPosition1ColRes:i}),tablet:N({device:"tablet",settingLayoutRes:l,contentPosition1ColRes:i}),mobile:N({device:"mobile",settingLayoutRes:l,contentPosition1ColRes:i})},a={"space-between":{desktop:"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden",tablet:"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(2)]:gp-absolute tablet:[&>*:nth-child(2)]:gp-hidden",mobile:"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(2)]:gp-absolute  mobile:[&>*:nth-child(2)]:gp-hidden"},top:{desktop:"!gp-content-stretch [&>*]:!gp-justify-start",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start"},center:{desktop:"!gp-content-stretch [&>*]:!gp-justify-center",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center"},bottom:{desktop:"!gp-content-stretch [&>*]:!gp-justify-end",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end"}},n={};return e.forEach(e=>{let t=r[e],o=a?.[t]?.[e];n[o]=!0}),n},K=e=>{let t=Y(e),o=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",l=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",i=t?.mobile?.type=="left-distributed"||t?.mobile?.type=="right-distributed";return{"gp-h-full tablet:gp-h-auto mobile:gp-h-auto [&>*]:!gp-justify-between":o,"tablet:!gp-h-full tablet:[&>*]:!gp-justify-between mobile:gp-h-auto":l,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":i,"mobile:!gp-h-auto":!i}},O=e=>{let t={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(o=>{let l=i(e,o);t={...t,[o]:l}}),r("space-between"===t.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===t.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${e?.tablet}`,"space-between"===t.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${e?.mobile}`)},X=(e,t)=>{let o={desktop:!1,tablet:!1,mobile:!1};return["desktop","mobile","tablet"].forEach(l=>{let r=i(e,l),a=!!k(l,t),n=r?.shape,s=r?.height;o={...o,[l]:"original"===n&&"fit-content"!==s&&!a}}),r(o.desktop?"!gp-absolute":"",o.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",o.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},F=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},o=e.desktop||"center",l=e.tablet||o,i=e.mobile||l;return{[`gp-justify-${t[o]}`]:!0,[`tablet:gp-justify-${t[l]}`]:!0,[`mobile:gp-justify-${t[i]}`]:!0}},Y=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,l=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:l}},U=t=>e.some(e=>{let l=o(t,e);return l?.type!=="color"&&l?.type!=="image"&&!!l&&(l?.videoType==="html5"&&l?.videoHtml5||l?.videoType==="youtube"&&l?.video)});function Q(e,t){let o;return function(...l){clearTimeout(o),o=setTimeout(()=>e.apply(this,l),t)}}let _="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",q=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:p,target:"_self"}:t},ee=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",et=e=>{let{overlayColor:t,overlayOpacity:o}=e??{},l=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:l}},eo=e=>{let{overlayOpacity:t}=e??{},o="number"!=typeof t?.hover||isNaN(t?.hover)?"string"==typeof t?.hover?`${parseInt(t?.hover)}%`:"":`${t?.hover}%`,l="number"!=typeof t?.normal||isNaN(t?.normal)?"string"==typeof t?.normal?`${parseInt(t?.normal)}%`:"0%":`${t?.normal}%`;return o||l},el=(e,t)=>{if(!e||!t)return 16/9;let o=i(e,t),l=o?.videoCustomRatio;if(l?.width&&l?.height){let e=Number(l.width),t=Number(l.height);if(e>0&&t>0)return e/t}return 16/9},ei=e=>{e&&(e.style.removeProperty("width"),e.style.removeProperty("height"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("transform"),e.style.removeProperty("position"))},er=e=>{Object.assign(e.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"})},ea=e=>{e.style.removeProperty("position"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("width"),e.style.removeProperty("height")},en=e=>{if(!e)return 0;let{width:t,height:o}=e.getBoundingClientRect();return t&&o?t/o:0},es=e=>{switch(e){case"top":default:return{top:"0%",transform:`translate(-50%, 0%) scale(${g})`};case"bottom":return{top:"100%",transform:`translate(-50%, -100%) scale(${g})`};case"center":return{top:"50%",transform:`translate(-50%, -50%) scale(${g})`}}},ep=(e,t)=>{if(!e)return;let o=es(t);e.style.top=o.top,e.style.transform=o.transform},eb=({iframeEl:e,containerRatio:t,videoObjectFit:o,background:l,currentDevice:r,isYoutubeVideoMigrated:a})=>{let n,s;let p=el(l,r),b=i(l,r);if(!e||!t)return;let d=b?.videoAlign||"top",c=es(d);if("contain"===o){Object.assign(e.style,{position:"absolute",top:"50%",left:"50%",width:"100%",height:"100%",maxWidth:"none",transform:`translate(-50%, -50%) scale(${g})`});return}t>=p?(n=100,s=t/p*100):(s=100,n=p/t*100),Object.assign(e.style,{position:"absolute",top:c.top,left:"50%",width:a?"500%":`${n}%`,height:a?"100%":`${s}%`,maxWidth:"none",transform:c.transform})};export{P as collectAspectRatioByDevice,x as collectYoutubeAspectRatio,Q as debounce,_ as fallbackImg,ee as formatHoverScale,$ as getAspectRatio,f as getAttachmentDevice,y as getBackgroundImageHeroBanner,q as getBannerLink,m as getBgImage,H as getClassAlignBanner,F as getClassContentPosition,X as getClassForContentByFitContent,O as getClassForStretchContent,J as getClassSpaceBetween,K as getClassSpaceBetweenLeftRight,L as getClipPath,en as getContainerRatio,d as getContentPosition,k as getDataVideoHeroBannerResponsive,Z as getDisplayStyleByFitContent,c as getEnableBgImageByDevice,eo as getOpacityHover,T as getPercentageVisible,Y as getResponsiveSetting,j as getStyleAspectRatioHeroBannerCustom,E as getStyleHeroBannerBg,el as getVideoAspectRatio,w as getVisibilityStyle,R as getWidth,D as getYoutubeAspectRatio,I as horizontalAlign,u as imagePlaceholder,V as isScaleImage,S as mapContentPositionToHorizontal,et as opacityEnabledData,ei as resetVideoIframeStyle,ea as resetVideoWrapperStyle,v as scrollToContentBanner,ep as setVideoIframeAlign,er as setVideoWrapperStyle,U as showVideoType,eb as updateVideoIframeSize};

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

@@ -1,13 +1,13 @@
-import e from"./HeroBannerItem.liquid.js";import{getAttr as r,getAttrLink as t}from"../common/attrs.js";import{getStyle as o}from"../common/styles.js";import{getClasses as s,getLinkClasses as a}from"../common/classes.js";import{createStateOrContext as i,createAttr as n,createStyle as l,createClass as d,If as c}from"@gem-sdk/system";import{dataStringify as p,template as m,RenderIf as f,isLocalEnv as u,baseAssetURL as g}from"@gem-sdk/core";import{getBackgroundTranslated as h,getInsertLinkData as v,getSettingPreloadData as b}from"../../helpers.js";import{getResponsiveSetting as $,getBannerLink as j}from"../common/helpers.js";import{HeroBanner as k}from"../settings/configs/translate.js";let y=y=>{let{builderAttrs:E,builderProps:C,setting:P,styles:S,style:x,children:B,advanced:T,pageContext:V}=y,{enableLink:H,enableParallax:M}=P??{},N=h({background:S?.background,uid:C?.uid,enableTranslate:!!k?.background?.id,pageContext:V??{},isTranslateVideo:!0}),O=j(P),{cssClass:R}=T??{},{urlData:_}=v("",O),w=i({background:$(N||{}),uid:C?.uid,enableParallax:M&&Number(P?.speedParallax||0)>0,speedParallax:Number(P?.speedParallax)||0,hoverEffect:S?.hoverEffect,hoverEffectScale:S?.hoverEffectScale,layout:P?.layout,contentPosition1Col:S?.contentPosition1Col,contentPosition2Col:S?.contentPosition2Col,aspectRatio:P?.aspectRatio,sizeSetting:$(S?.sizeSetting||{}),videoObjectFit:$(S?.videoObjectFit||{}),target:O?.target??"_self",href:_?.href??"",linkType:O?.type??"",hoverEffectDuration:S?.hoverEffectDuration,isYoutubeVideoMigrated:P?.isYoutubeVideoMigrated}),z=!!O?.link&&H,A=n({...r({uid:C?.uid||""})}),D=n(t()),F=l({...o(S,P,x)}),G=d({...s({setting:P,builderProps:C,advancedCssClass:R})}),I=d({...a()}),Y=()=>e({setting:P,translatedBackground:N,styles:S,children:B,rawChildren:y.rawChildren,builderProps:C,pageContext:V});return m`
+import e from"./HeroBannerItem.liquid.js";import{getAttr as r,getAttrLink as t}from"../common/attrs.js";import{getStyle as o}from"../common/styles.js";import{getClasses as s,getLinkClasses as a}from"../common/classes.js";import{createStateOrContext as i,createAttr as n,createStyle as l,createClass as d,If as c}from"@gem-sdk/system";import{dataStringify as m,template as p,RenderIf as f,isLocalEnv as u,baseAssetURL as g}from"@gem-sdk/core";import{getBackgroundTranslated as h,getInsertLinkData as v,getSettingPreloadData as b}from"../../helpers.js";import{getResponsiveSetting as $,getBannerLink as j}from"../common/helpers.js";import{HeroBanner as k}from"../settings/configs/translate.js";let E=E=>{let{builderAttrs:y,builderProps:C,setting:P,styles:S,style:x,children:B,advanced:T,pageContext:V}=E,{enableLink:H,enableParallax:M}=P??{},N=h({background:S?.background,uid:C?.uid,enableTranslate:!!k?.background?.id,pageContext:V??{},isTranslateVideo:!0}),O=j(P),{cssClass:R}=T??{},{urlData:_}=v("",O),w=i({background:$(N||{}),uid:C?.uid,enableParallax:M&&Number(P?.speedParallax||0)>0,speedParallax:Number(P?.speedParallax)||0,hoverEffect:S?.hoverEffect,hoverEffectScale:S?.hoverEffectScale,layout:P?.layout,contentPosition1Col:S?.contentPosition1Col,contentPosition2Col:S?.contentPosition2Col,aspectRatio:P?.aspectRatio,sizeSetting:$(S?.sizeSetting||{}),videoObjectFit:$(S?.videoObjectFit||{}),target:O?.target??"_self",href:_?.href??"",linkType:O?.type??"",hoverEffectDuration:S?.hoverEffectDuration,isYoutubeVideoMigrated:P?.isYoutubeVideoMigrated}),z=!!O?.link&&H,A=n({...r({uid:C?.uid||""})}),D=n(t()),F=l({...o(S,P,x)}),G=d({...s({setting:P,builderProps:C,advancedCssClass:R})}),I=d({...a()}),Y=()=>e({setting:P,translatedBackground:N,styles:S,children:B,rawChildren:E.rawChildren,builderProps:C,pageContext:V});return p`
       <gp-hero-banner
-        ${{...E}}
+        ${{...y}}
         ${{...A}}
         class="${G}"
         style="${F}"
+        gp-data='${m(w)}'
       >
-        <script gp-data type="application/json">${p(w)}</script>
         ${c(!z,Y())}
-        ${c(z,m`
+        ${c(z,p`
           <div
             ${{...D}}
             aria-hidden="true"
@@ -18,4 +18,4 @@ import e from"./HeroBannerItem.liquid.js";import{getAttr as r,getAttrLink as t}f
       </gp-hero-banner>
        ${f(u,`<script ${b('class="gps-link" delay',"src")}="{{ 'gp-hero-banner-v2-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${b('class="gps-link" delay',"src")}="${g}/assets-v2/gp-hero-banner-v2-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
 `)}
-  `};export{y as default};
+  `};export{E as default};

package/dist/esm/hero-banner/components/HeroBannerItem.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{useEditorMode as s,filterToolbarPreview as i,getAspectRatioGlobalSize as r}from"@gem-sdk/core";import"../../common/const.js";import m from"../../grid/components/row/Row.js";import{createStyle as l,createClass as a}from"@gem-sdk/system";import d from"../../image/components/AdaptiveImage.js";import p from"../../video/components/HTML5Embed.js";import{getContainerStyle as n,getOverlayStyle as c,getRowStyle as u,getAdaptiveStyle as y,getBackgroundStyle as f,getContainBackgroundStyle as v,getYoutubeIframeStyle as h,getHtml5VideoStyle as b}from"../common/styles.js";import{getContainerClasses as j,getOverlayClasses as g,getRowClasses as N,getAdaptivePictureClasses as T,getAdaptiveClasses as k,getBackgroundClasses as H,getContainBackgroundClasses as w,getHtml5VideoClasses as C,getWrapperYoutubeClasses as V,getIframeYoutubeClasses as B}from"../common/classes.js";import{getBackgroundImageHeroBanner as I,showVideoType as M,scrollToContentBanner as Y,getWidth as z,horizontalAlign as E,fallbackImg as L,getBgImage as x}from"../common/helpers.js";import A from"../../video/components/LiteYouTubeEmbed.js";import{getYoutubeVideoId as R,youtubeVideoRegex as $}from"../../video/common/helpers.js";import O from"../hooks/useHeroBannerItem.js";import{getYoutubeContentClasses as S}from"../../video/common/classes.js";let W=W=>{s();let{setting:q,styles:D,children:F,elementRef:G,transform:J,dataVideo:K,bgRef:P,isShowVideoHtml5:Q,layoutResponsive:U,heroBannerWrapperRef:X}=W,{layout:Z,verticalAlign:_,enableParallax:ee,alt:eo,title:et}=q??{},{background:es,overlayColor:ei,verticalGutter:er,sizeSetting:em,contentWidth:el,hoverEffect:ea,contentPosition1Col:ed,contentPosition2Col:ep,videoObjectFit:en}=D??{},ec=l({...n(D)}),eu=a({...j(q,D)}),ey=l({...c(D)}),ef=a({...g(D)}),ev=l({...u(D)}),eh=a({...N(D,q)}),eb=l({...y(D)}),ej=a({...T()}),eg=a({...k()}),eN=a({...H(ea,!1)}),eT=l({...I(es,!1,!0),...f(D,ee,J)}),ek=a({...w()}),eH=l({...v(D)}),ew=a({...C(!Q)}),{youtubeIframeWrapperRef:eC,resolvedAspectRatio:eV,youtubeAspectRatio:eB}=O({videoType:K?.videoType,sizeSetting:em,background:es,videoObjectFit:en,heroBannerWrapperRef:X,isYoutubeVideoMigrated:q?.isYoutubeVideoMigrated}),eI=l({...h(eB,en)}),eM=l({...b(eV,en,es)}),eY=a({...V(q?.isYoutubeVideoMigrated)}),ez=a({...B()}),eE=a({...S()}),eL=t(()=>{if(!M(es))return;if(K?.videoType==="html5"&&!K.videoHtml5||K?.videoType==="youtube"&&!K.video)return null;if(K?.type==="video"&&K?.videoType==="html5"&&K?.videoHtml5)return e(p,{muted:!0,loop:K?.loop,controls:!1,autoplay:!0,src:K?.videoHtml5||"",title:"Video",style:eM,className:ew});let o=K?.video??"",t=R(o),s=K?.loop?1:0,i=`&loop=${s}&playlist=${t}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(K?.type==="video"&&K?.videoType==="youtube"&&t&&$.test(o))return e("div",{className:eE,ref:eC,children:e(A,{id:t,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:i,adNetwork:!1,noCookie:!0,muted:!0,lazy:K?.lazyLoad??!0,style:eI,wrapperClass:eY,iframeClass:ez})})},[K,es,ew,ez,eY,eI,eM,eC]);return o("div",{className:eu,style:ec,children:[o("div",{ref:G,className:ek,style:eH,children:[e("div",{ref:P,className:eN,style:eT,children:eL}),!!ei&&e("div",{"aria-label":"Overlay",className:ef,style:ey})]}),e(m,{className:eh,style:ev,setting:{layout:Z,horizontalAlign:E(Z,ed,ep),verticalAlign:_},styles:{verticalGutter:er,width:z(el),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},hiddenEmptyCol:U?.cols?.length===1,onBlur:e=>Y(e),children:i(F)}),e(d,{pictureClass:ej,srcSet:x(es),className:eg,aspectRatio:r(em),style:eb,alt:eo,title:et,fallbackImg:L})]})};export{W as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{useEditorMode as s,filterToolbarPreview as i,getAspectRatioGlobalSize as r}from"@gem-sdk/core";import l from"../../grid/components/row/Row.js";import{createStyle as m,createClass as a}from"@gem-sdk/system";import d from"../../image/components/AdaptiveImage.js";import p from"../../video/components/HTML5Embed.js";import{getContainerStyle as n,getOverlayStyle as c,getRowStyle as u,getAdaptiveStyle as y,getBackgroundStyle as f,getContainBackgroundStyle as v,getYoutubeIframeStyle as h,getHtml5VideoStyle as b}from"../common/styles.js";import{getContainerClasses as g,getOverlayClasses as j,getRowClasses as N,getAdaptivePictureClasses as T,getAdaptiveClasses as k,getBackgroundClasses as H,getContainBackgroundClasses as w,getHtml5VideoClasses as C,getWrapperYoutubeClasses as V,getIframeYoutubeClasses as B}from"../common/classes.js";import{getBackgroundImageHeroBanner as I,showVideoType as M,scrollToContentBanner as Y,getWidth as z,horizontalAlign as E,fallbackImg as L,getBgImage as x}from"../common/helpers.js";import A from"../../video/components/LiteYouTubeEmbed.js";import{getYoutubeVideoId as R,youtubeVideoRegex as $}from"../../video/common/helpers.js";import O from"../hooks/useHeroBannerItem.js";import{getYoutubeContentClasses as S}from"../../video/common/classes.js";let W=W=>{s();let{setting:q,styles:D,children:F,elementRef:G,transform:J,dataVideo:K,bgRef:P,isShowVideoHtml5:Q,layoutResponsive:U,heroBannerWrapperRef:X}=W,{layout:Z,verticalAlign:_,enableParallax:ee,alt:eo,title:et}=q??{},{background:es,overlayColor:ei,verticalGutter:er,sizeSetting:el,contentWidth:em,hoverEffect:ea,contentPosition1Col:ed,contentPosition2Col:ep,videoObjectFit:en}=D??{},ec=m({...n(D)}),eu=a({...g(q,D)}),ey=m({...c(D)}),ef=a({...j(D)}),ev=m({...u(D)}),eh=a({...N(D,q)}),eb=m({...y(D)}),eg=a({...T()}),ej=a({...k()}),eN=a({...H(ea,!1)}),eT=m({...I(es,!1,!0),...f(D,ee,J)}),ek=a({...w()}),eH=m({...v(D)}),ew=a({...C(!Q)}),{youtubeIframeWrapperRef:eC,resolvedAspectRatio:eV,youtubeAspectRatio:eB}=O({videoType:K?.videoType,sizeSetting:el,background:es,videoObjectFit:en,heroBannerWrapperRef:X,isYoutubeVideoMigrated:q?.isYoutubeVideoMigrated}),eI=m({...h(eB,en)}),eM=m({...b(eV,en,es)}),eY=a({...V(q?.isYoutubeVideoMigrated)}),ez=a({...B()}),eE=a({...S()}),eL=t(()=>{if(!M(es))return;if(K?.videoType==="html5"&&!K.videoHtml5||K?.videoType==="youtube"&&!K.video)return null;if(K?.type==="video"&&K?.videoType==="html5"&&K?.videoHtml5)return e(p,{muted:!0,loop:K?.loop,controls:!1,autoplay:!0,src:K?.videoHtml5||"",title:"Video",style:eM,className:ew});let o=K?.video??"",t=R(o),s=K?.loop?1:0,i=`&loop=${s}&playlist=${t}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(K?.type==="video"&&K?.videoType==="youtube"&&t&&$.test(o))return e("div",{className:eE,ref:eC,children:e(A,{id:t,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:i,adNetwork:!1,noCookie:!0,muted:!0,lazy:K?.lazyLoad??!0,style:eI,wrapperClass:eY,iframeClass:ez})})},[K,es,ew,ez,eY,eI,eM,eC]);return o("div",{className:eu,style:ec,children:[o("div",{ref:G,className:ek,style:eH,children:[e("div",{ref:P,className:eN,style:eT,children:eL}),!!ei&&e("div",{"aria-label":"Overlay",className:ef,style:ey})]}),e(l,{className:eh,style:ev,setting:{layout:Z,horizontalAlign:E(Z,ed,ep),verticalAlign:_},styles:{verticalGutter:er,width:z(em),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},hiddenEmptyCol:U?.cols?.length===1,onBlur:e=>Y(e),children:i(F)}),e(d,{pictureClass:eg,srcSet:x(es),className:ej,aspectRatio:r(el),style:eb,alt:eo,title:et,fallbackImg:L})]})};export{W as default};

package/dist/esm/hero-banner/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"../common/const.js";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";import"./common/animation-manager.js";import t from"./settings/HeroBanner.js";let e={HeroBanner:t};export{e as bannerSetting};
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";import"./common/animation-manager.js";import t from"./settings/HeroBanner.js";let e={HeroBanner:t};export{e as bannerSetting};

package/dist/esm/hero-banner/next.js

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

package/dist/esm/icon/next.js

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

package/dist/esm/icon-list/next.js

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

package/dist/esm/icon-list-hoz/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"../common/const.js";let m=o(()=>import("./components/IconListHoz.js"),{loading:t}),n=o(()=>import("./components/IconListHozItem.js"),{loading:t});var i={IconListHoz:m,IconListItemHoz:n};export{i as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let m=o(()=>import("./components/IconListHoz.js"),{loading:t}),i=o(()=>import("./components/IconListHozItem.js"),{loading:t});var n={IconListHoz:m,IconListItemHoz:i};export{n as default};

package/dist/esm/icon-list-v2/components/IconList.liquid.js

@@ -1,17 +1,17 @@
-import{dataStringify as s,template as i,RenderIf as t,isLocalEnv as e,baseAssetURL as o}from"@gem-sdk/core";import{getSettingPreloadData as l}from"../../helpers.js";import r from"../../text/components/Text.liquid.js";import{createClass as p,createStyle as a,createAttr as d,If as n}from"@gem-sdk/system";import{getClassWraplistIcon as c,getClassColListIcon as m,getClassWrapItemIcon as $,getClassWrapIcon as u,getClassIcon as g,getClassTextItem as v}from"../common/classes.js";import{getStyleContainerIconlistMain as y,getStyleWraplistIcon as f,getStyleColListIcon as j,getStyleWrapIcon as h,getStyleWrapItemIcon as q,getStyleIcon as x,getStyleTypoText as S}from"../common/styles.js";import{getvalueMap as k,getTextIconTranslations as E,getTextIconNotFound as N}from"../common/helpers.js";let T=T=>{let{builderProps:V,builderAttrs:_,style:w,setting:A,styles:C,pageContext:G}=T,I=V?.builderData?.advanced,L=p({[V?.uid??""]:!0}),O=p(c()),W=p(m()),b=p($({builderProps:V})),D=p(u()),F=p(g()),M=p(v({setting:A})),P=a(y({styles:C,style:w,type:"liquid",advanced:I})),R=a(f({styles:C,uid:V?.uid??"",pageContext:G,type:"Liquid"})),z=a(j({styles:C})),B=a(h({styles:C,setting:A})),H=a(q({styles:C})),J=a(x({styles:C,setting:A})),K=S({setting:A}),Q=d({..._}),U=N("liquid"),X=k({setting:A});return i`
+import{dataStringify as s,template as i,RenderIf as t,isLocalEnv as e,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../helpers.js";import r from"../../text/components/Text.liquid.js";import{createClass as a,createStyle as d,createAttr as p,If as n}from"@gem-sdk/system";import{getClassWraplistIcon as c,getClassColListIcon as m,getClassWrapItemIcon as $,getClassWrapIcon as u,getClassIcon as g,getClassTextItem as v}from"../common/classes.js";import{getStyleContainerIconlistMain as y,getStyleWraplistIcon as f,getStyleColListIcon as j,getStyleWrapIcon as h,getStyleWrapItemIcon as q,getStyleIcon as x,getStyleTypoText as S}from"../common/styles.js";import{getvalueMap as k,getTextIconTranslations as E,getTextIconNotFound as A}from"../common/helpers.js";let N=N=>{let{builderProps:T,builderAttrs:V,style:_,setting:w,styles:C,pageContext:G}=N,I=T?.builderData?.advanced,L=a({[T?.uid??""]:!0}),O=a(c()),W=a(m()),b=a($({builderProps:T})),D=a(u()),F=a(g()),M=a(v({setting:w})),P=d(y({styles:C,style:_,type:"liquid",advanced:I})),R=d(f({styles:C,uid:T?.uid??"",pageContext:G,type:"Liquid"})),z=d(j({styles:C})),B=d(h({styles:C,setting:w})),H=d(q({styles:C})),J=d(x({styles:C,setting:w})),K=S({setting:w}),Q=p({...V}),U=A("liquid"),X=k({setting:w});return i`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <gp-icon-list
       ${{...Q}}
-      ${{...V}}
-      data-id="${V?.uid}"
+      ${{...T}}
+      data-id="${T?.uid}"
       style="${P}"
       className="${L}"
+      gp-data='${s({position:C?.position,iconWidth:w?.iconWidth}).replaceAll("'","&#039;")}'
     >
-      <script gp-data type="application/json">${s({position:C?.position,iconWidth:A?.iconWidth})}</script>
       ${n(!X||!X.length,i`<div>${U}</div>`,i`
           <div class="${O}" style="${R}">
             <div class="${W}" style="${z}">
-              ${X?.map((s,t)=>{let e=E({setting:A,builderProps:V,pageContext:G,key:t,type:"liquid"});return i`
+              ${X?.map((s,t)=>{let e=E({setting:w,builderProps:T,pageContext:G,key:t,type:"liquid"});return i`
                     <div
                       key="${t}"
                       data-index="${t}"
@@ -31,5 +31,5 @@ import{dataStringify as s,template as i,RenderIf as t,isLocalEnv as e,baseAssetU
             </div>
           </div>`)}
     </gp-icon-list>
-    ${t(e,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-icon-list-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${o}/assets-v2/gp-icon-list-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{T as default};
+    ${t(e,`<script ${o('class="gps-link" delay',"src")}="{{ 'gp-icon-list-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${o('class="gps-link" delay',"src")}="${l}/assets-v2/gp-icon-list-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{N as default};

package/dist/esm/icon-list-v2/next.js

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

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

@@ -1,11 +1,11 @@
-import{template as t,isLocalEnv as i,baseAssetURL as e}from"@gem-sdk/core";import{createStyle as s,createClass as a,createAttr as r,createStateOrContext as l,If as o}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../helpers.js";import p from"../../image/components/NextImage.liquid.js";import{getOuterWrapperStyles as d,getWrapperWidth as c,getContainerStyles as n,getLazyPlaceholderStyle as g,getImageStyles as y,getLabelStyles as h,getArrowStyles as f,getLineStyles as $,getHandleStyles as b,getHandleCustomStyles as j,getSliderStyles as S}from"../common/styles.js";import{getOuterWrapperClasses as u,getLabelClasses as I,getLabelContainerClasses as L}from"../common/classes.js";import{getImageLiquidAttrs as v,getImagePlaceholderAttrs as w,getLabelLiquidAttrs as A,getLabelAttrs as C}from"../common/attrs.js";import{getData as q}from"../common/helpers.js";import N from"./Label.liquid.js";import k from"./SlideHandle.liquid.js";let D=D=>{let{leftImage:E,rightImage:O,advanced:x,builderData:z,pageContext:F,preload:G=!1,onSliderPositionChange:H}=D,{hover:W,styles:_,handle:J,handleSize:M,leftImageAlt:P,leftImageTitle:R,leftImageCss:T,leftImageLabel:V,rightImageAlt:B,rightImageTitle:K,rightImageCss:Q,rightImageLabel:U,sliderLineWidth:X,sliderLineColor:Y,sliderPositionPercentage:Z,vertical:tt,componentUid:ti,tempImage:te,aspectRatio:ts,defaultRatio:ta,isHorizontal:tr,hasLeftLabel:tl,hasRightLabel:to,qualityType:tm,qualityPercent:tp,getLeftImageSrc:td,getRightImageSrc:tc}=q(D),tn=td({isLiquid:!0}),tg=tc({isLiquid:!0}),ty=s({...d(_)}),th=s({...c({width:_?.width,leftImageWidth:E?.width,rightImageWidth:O?.width})}),tf=s({...n({aspectRatio:ts,builderData:z})}),t$=s({...g(ts)}),tb=s({...y({type:"right",props:D})}),tj=s({...y({type:"left",props:D})}),tS=s({...h({styles:_,type:"left",isHorizontal:tr})}),tu=s({...h({styles:_,type:"right",isHorizontal:tr})}),tI=s({...f({type:"left"})}),tL=s({...f({type:"right"})}),tv=s({...$({isHorizontal:tr,sliderLineColor:Y,sliderLineWidth:X})}),tw=s({...b({handleSize:M,isHorizontal:tr,sliderLineColor:Y,sliderLineWidth:X})}),tA=s({...j()}),tC=s({...S({hover:W,handleSize:M,isHorizontal:tr})}),tq=a({...u(x?.cssClass)}),tN=a({...I(_)}),tk=a({...L()}),tD=C({componentUid:ti,positionId:"left",label:V??""}),tE=C({componentUid:ti,positionId:"right",label:U??""}),tO=r({...v({priority:G,src:tg,title:K,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${ti}`})}),tx=r({...v({priority:G,src:tn,title:R,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${ti}`})}),tz=A({pageContext:F,translateLabel:"leftImageLabel"}),tF=A({pageContext:F,translateLabel:"rightImageLabel"}),tG=r({...w({width:te?.width,height:te?.height})}),tH=l({hover:W,handle:J,vertical:tt,leftImage:E,rightImage:O,handleSize:M,aspectRatio:ts,defaultRatio:ta,componentUid:ti,leftImageCss:T,rightImageCss:Q,sliderLineColor:Y,sliderLineWidth:X,sliderPositionPercentage:Z,onSliderPositionChange:H});return t`
+import{template as t,isLocalEnv as i,baseAssetURL as e}from"@gem-sdk/core";import{createStyle as s,createClass as a,createAttr as r,createStateOrContext as l,If as o}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../helpers.js";import d from"../../image/components/NextImage.liquid.js";import{getOuterWrapperStyles as p,getWrapperWidth as c,getContainerStyles as g,getLazyPlaceholderStyle as n,getImageStyles as h,getLabelStyles as y,getArrowStyles as f,getLineStyles as $,getHandleStyles as b,getHandleCustomStyles as S,getSliderStyles as j}from"../common/styles.js";import{getOuterWrapperClasses as u,getLabelClasses as I,getLabelContainerClasses as L}from"../common/classes.js";import{getImageLiquidAttrs as v,getImagePlaceholderAttrs as w,getLabelLiquidAttrs as A,getLabelAttrs as C}from"../common/attrs.js";import{getData as q}from"../common/helpers.js";import N from"./Label.liquid.js";import k from"./SlideHandle.liquid.js";let D=D=>{let{leftImage:E,rightImage:O,advanced:x,builderData:z,pageContext:F,preload:G=!1,onSliderPositionChange:H}=D,{hover:W,styles:_,handle:J,handleSize:M,leftImageAlt:P,leftImageTitle:R,leftImageCss:T,leftImageLabel:V,rightImageAlt:B,rightImageTitle:K,rightImageCss:Q,rightImageLabel:U,sliderLineWidth:X,sliderLineColor:Y,sliderPositionPercentage:Z,vertical:tt,componentUid:ti,tempImage:te,aspectRatio:ts,defaultRatio:ta,isHorizontal:tr,hasLeftLabel:tl,hasRightLabel:to,qualityType:tm,qualityPercent:td,getLeftImageSrc:tp,getRightImageSrc:tc}=q(D),tg=tp({isLiquid:!0}),tn=tc({isLiquid:!0}),th=s({...p(_)}),ty=s({...c({width:_?.width,leftImageWidth:E?.width,rightImageWidth:O?.width})}),tf=s({...g({aspectRatio:ts,builderData:z})}),t$=s({...n(ts)}),tb=s({...h({type:"right",props:D})}),tS=s({...h({type:"left",props:D})}),tj=s({...y({styles:_,type:"left",isHorizontal:tr})}),tu=s({...y({styles:_,type:"right",isHorizontal:tr})}),tI=s({...f({type:"left"})}),tL=s({...f({type:"right"})}),tv=s({...$({isHorizontal:tr,sliderLineColor:Y,sliderLineWidth:X})}),tw=s({...b({handleSize:M,isHorizontal:tr,sliderLineColor:Y,sliderLineWidth:X})}),tA=s({...S()}),tC=s({...j({hover:W,handleSize:M,isHorizontal:tr})}),tq=a({...u(x?.cssClass)}),tN=a({...I(_)}),tk=a({...L()}),tD=C({componentUid:ti,positionId:"left",label:V??""}),tE=C({componentUid:ti,positionId:"right",label:U??""}),tO=r({...v({priority:G,src:tn,title:K,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${ti}`})}),tx=r({...v({priority:G,src:tg,title:R,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${ti}`})}),tz=A({pageContext:F,translateLabel:"leftImageLabel"}),tF=A({pageContext:F,translateLabel:"rightImageLabel"}),tG=r({...w({width:te?.width,height:te?.height})}),tH=l({hover:W,handle:J,vertical:tt,leftImage:E,rightImage:O,handleSize:M,aspectRatio:ts,defaultRatio:ta,componentUid:ti,leftImageCss:T,rightImageCss:Q,sliderLineColor:Y,sliderLineWidth:X,sliderPositionPercentage:Z,onSliderPositionChange:H});return t`
     <gp-image-comparison
       data-id="${ti}"
-      style="${ty}"
+      style="${th}"
       class="${tq}"
+      gp-data='${JSON.stringify(tH)}'
     >
-      <script gp-data type="application/json">${JSON.stringify(tH)}</script>
-      <div id="img-comparison-wrapper-${ti}" style="${th}">
+      <div id="img-comparison-wrapper-${ti}" style="${ty}">
         <div
           id="img-comparison-container-${ti}"
           data-testid="container"
@@ -14,10 +14,10 @@ import{template as t,isLocalEnv as i,baseAssetURL as e}from"@gem-sdk/core";impor
           ${t`
       <img alt="" ${tG} style="${t$}" />
     `}
-          ${p({...tO,alt:B,style:tb,setting:{qualityType:tm,qualityPercent:tp},pageContext:F,isNotLazyload:G,customAttrs:{"data-testid":"right-image"}})}
-          ${p({...tx,alt:P,style:tj,setting:{qualityType:tm,qualityPercent:tp},pageContext:F,isNotLazyload:G,customAttrs:{"data-testid":"left-image"}})}
+          ${d({...tO,alt:B,style:tb,setting:{qualityType:tm,qualityPercent:td},pageContext:F,isNotLazyload:G,customAttrs:{"data-testid":"right-image"}})}
+          ${d({...tx,alt:P,style:tS,setting:{qualityType:tm,qualityPercent:td},pageContext:F,isNotLazyload:G,customAttrs:{"data-testid":"left-image"}})}
           ${k({componentUid:ti,customHandle:J,lineStyles:tv,sliderStyles:tC,handleStyles:tw,customHandleStyles:tA,leftArrowStyles:tI,rightArrowStyles:tL})}
-          ${o(tl,N({...tD,...tz,styles:_,childrenClass:tN,childrenStyle:tS,containerClass:tk,containerStyle:{}}),"")}
+          ${o(tl,N({...tD,...tz,styles:_,childrenClass:tN,childrenStyle:tj,containerClass:tk,containerStyle:{}}),"")}
           ${o(to,N({...tE,...tF,styles:_,childrenClass:tN,childrenStyle:tu,containerClass:tk,containerStyle:{}}),"")}
         </div>
       </div>

package/dist/esm/image-comparison/next.js

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

package/dist/esm/image-detection/next.js

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

package/dist/esm/input/next.js

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

package/dist/esm/line/next.js

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

package/dist/esm/link/next.js

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

package/dist/esm/marquee/components/Marquee.liquid.js

@@ -1,28 +1,28 @@
-import{cls as e,WrapRenderChildren as s,RenderChildren as t,template as i,RenderIf as r,isLocalEnv as o,baseAssetURL as a}from"@gem-sdk/core";import d from"./MarqueeBase.liquid.js";import{useMarqueeLiquidStyles as m}from"../common/helpers.js";import{createClass as l,createStyle as p,createStateOrContext as c,If as n}from"@gem-sdk/system";import{getMarqueeStyles as u,getAlignStyles as $,getContentStyles as v,getFastMarqueeChildrenIconStyles as g}from"../common/styles.js";import{getAlignClasses as f,getContentClasses as S,getWrapperClasses as h,getFastMarqueeContentClasses as y,getFastMarqueeClasses as j,getFastMarqueeContentChildrenClasses as q,getFastMarqueeChildrenIconClasses as k}from"../common/classes.js";let w=({children:w,style:B,builderAttrs:C,rawChildren:b,advanced:E,...O})=>{let{styles:I,setting:M,builderProps:P}=O,{iconSeparatorColor:x,backgroundColor:A}=I||{},{iconSeparatorSvg:F,isShowIconSeparator:G}=M||{},H=b.length,{isFullWidth:N,getIsFullWidthValue:R}=m(M,I),{styleHeight:_,styleWidth:J,getWidthForWrapperItem:T,getHeightOfIconSeparatorSize:V,getWidthOfIconSeparatorSize:W,getIconPosition:z,getItemPaddingRightSpacingValue:D,getWidthForItem:K}=u({itemSize:H,setting:M,styles:I}),L=l(f),Q=p($(I)),U=p(v({style:B,backgroundColor:A,styleWidth:J,styleHeight:_})),X=l(S),Y=l(h(P?.uid)),Z=l(y),ee=l(j),es=l(q(N)),et=e=>p(g({index:e,itemSize:H,iconSeparatorColor:x,getHeightOfIconSeparatorSize:V,getWidthOfIconSeparatorSize:W,getIconPosition:z})),ei=l(k),er=e=>p({...D(e),"text-wrap":"wrap",...T()}),eo=p(K()),ea=c({setting:{...M,uid:P?.uid},styles:I});return i`
-  ${r(o,'<script src="{{ \'gp-marquee-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${a}/assets-v2/gp-marquee-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  <gp-marquee data-id="${P?.uid}" class="${e(P?.uid,E?.cssClass)}">
-    <script gp-data type="application/json">${JSON.stringify(ea)}</script>
-    <div class="${L}" style="${Q}">
+import{cls as e,WrapRenderChildren as s,RenderChildren as t,template as i,RenderIf as r,isLocalEnv as o,baseAssetURL as d}from"@gem-sdk/core";import a from"./MarqueeBase.liquid.js";import{useMarqueeLiquidStyles as m}from"../common/helpers.js";import{createClass as l,createStyle as p,createStateOrContext as c,If as u}from"@gem-sdk/system";import{getMarqueeStyles as n,getAlignStyles as $,getContentStyles as v,getFastMarqueeChildrenIconStyles as g}from"../common/styles.js";import{getAlignClasses as f,getContentClasses as S,getWrapperClasses as h,getFastMarqueeContentClasses as y,getFastMarqueeClasses as q,getFastMarqueeContentChildrenClasses as j,getFastMarqueeChildrenIconClasses as k}from"../common/classes.js";let w=({children:w,style:B,builderAttrs:C,rawChildren:b,advanced:E,...O})=>{let{styles:I,setting:M,builderProps:P}=O,{iconSeparatorColor:x,backgroundColor:A}=I||{},{iconSeparatorSvg:F,isShowIconSeparator:G}=M||{},H=b.length,{isFullWidth:N,getIsFullWidthValue:R}=m(M,I),{styleHeight:_,styleWidth:J,getWidthForWrapperItem:T,getHeightOfIconSeparatorSize:V,getWidthOfIconSeparatorSize:W,getIconPosition:z,getItemPaddingRightSpacingValue:D,getWidthForItem:K}=n({itemSize:H,setting:M,styles:I}),L=l(f),Q=p($(I)),U=p(v({style:B,backgroundColor:A,styleWidth:J,styleHeight:_})),X=l(S),Y=l(h(P?.uid)),Z=l(y),ee=l(q),es=l(j(N)),et=e=>p(g({index:e,itemSize:H,iconSeparatorColor:x,getHeightOfIconSeparatorSize:V,getWidthOfIconSeparatorSize:W,getIconPosition:z})),ei=l(k),er=e=>p({...D(e),"text-wrap":"wrap",...T()}),eo=p(K()),ed=c({setting:{...M,uid:P?.uid},styles:I});return i`
+  ${r(o,'<script src="{{ \'gp-marquee-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${d}/assets-v2/gp-marquee-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  <gp-marquee data-id="${P?.uid}" gp-data='${JSON.stringify(ed)}'
+   class="${e(P?.uid,E?.cssClass)}">
+   <div class="${L}" style="${Q}">
       <div class="${X}" style="${U}">
-        <div class="${Y}">
+         <div class="${Y}">
             <div class="${ee}">
-              ${d({autoFill:!0,direction:O.setting?.direction,play:(O.setting?.speed??0)>0,pauseOnHover:O.setting?.stopOnHover,isFullWidthResponsive:{desktop:R("desktop"),tablet:R("tablet"),mobile:R("mobile")},children:`
-                  <div class="${Z}">
+               ${a({autoFill:!0,direction:O.setting?.direction,play:(O.setting?.speed??0)>0,pauseOnHover:O.setting?.stopOnHover,isFullWidthResponsive:{desktop:R("desktop"),tablet:R("tablet"),mobile:R("mobile")},children:`
+               <div class="${Z}">
                   ${b?.length?s({uid:P?.uid??"",customProps:b[0]?.customProps},b.map((e,s)=>{if(e)return i`
-                              <div class="${es}"
-                                style="${er(s)}">
-                                ${t({...e,index:s,itemBorderStyle:I?.itemBorderStyle,itemCorner:I?.itemCorner,itemBackgroundColor:I?.itemBackgroundColor,hasItemShadow:M?.hasItemShadow,itemShadow:I?.itemShadow,itemStyles:eo})}
-                                ${n(!!(G&&F),i`<span style="${et(s)}"
-                                    class="${ei}">
-                                    ${F}
-                                </span>`)}
-                              </div>
-                              `})):w}
+                  <div class="${es}"
+                     style="${er(s)}">
+                     ${t({...e,index:s,itemBorderStyle:I?.itemBorderStyle,itemCorner:I?.itemCorner,itemBackgroundColor:I?.itemBackgroundColor,hasItemShadow:M?.hasItemShadow,itemShadow:I?.itemShadow,itemStyles:eo})}
+                     ${u(!!(G&&F),i`<span style="${et(s)}"
+                        class="${ei}">
+                        ${F}
+                     </span>`)}
                   </div>
-                `})}
+                  `})):w}
+               </div>
+               `})}
             </div>
-        </div>
+         </div>
       </div>
-    </div>
-  </gp-marquee>
+   </div>
+</gp-marquee>
 `};export{w as default};

package/dist/esm/marquee/next.js

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

package/dist/esm/menu/next.js

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

package/dist/esm/modal/next.js

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

package/dist/esm/pagination/next.js

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

package/dist/esm/post-purchase/advanced-list/next.js

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

package/dist/esm/post-purchase/button/next.js

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

package/dist/esm/post-purchase/buyer-consent/next.js

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

package/dist/esm/post-purchase/callout-banner/components/CalloutBox.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o}from"react/jsx-runtime";import{createClass as m,createStyle as r}from"@gem-sdk/system";import"react";import"@gem-sdk/core";import"../../../common/const.js";import t from"../../../grid/components/row/Row.js";import{getCalloutBoxWrapperClasses as s}from"../common/classes.js";import{getCalloutBoxContainerStyles as e}from"../common/styles.js";let i=i=>{let{styles:c}=i,l=m(s(c)),p=r(e(c));return o("div",{className:l,style:p,children:o(t,{...i})})};export{i as default};
+import{jsx as o}from"react/jsx-runtime";import{createClass as m,createStyle as r}from"@gem-sdk/system";import"react";import"@gem-sdk/core";import t from"../../../grid/components/row/Row.js";import{getCalloutBoxWrapperClasses as e}from"../common/classes.js";import{getCalloutBoxContainerStyles as s}from"../common/styles.js";let i=i=>{let{styles:l}=i,c=m(e(l)),p=r(s(l));return o("div",{className:c,style:p,children:o(t,{...i})})};export{i as default};

package/dist/esm/post-purchase/callout-banner/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/system";import"react";import"@gem-sdk/core";import"../../common/const.js";import"next/head";import"next/image";import"next/link";import"react-youtube";import"./common/styles.js";import t from"./settings/CalloutBox.js";import o from"./settings/CalloutText.js";let e={PostPurchaseCalloutBox:t,PostPurchaseCalloutText:o};export{e as postPurchaseCalloutBoxSetting};
+import"react/jsx-runtime";import"@gem-sdk/system";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"next/link";import"react-youtube";import"./common/styles.js";import t from"./settings/CalloutBox.js";import o from"./settings/CalloutText.js";let e={PostPurchaseCalloutBox:t,PostPurchaseCalloutText:o};export{e as postPurchaseCalloutBoxSetting};

package/dist/esm/post-purchase/callout-banner/next.js

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

package/dist/esm/post-purchase/countdown-timer/next.js

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

package/dist/esm/post-purchase/image/next.js

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

package/dist/esm/post-purchase/line/next.js

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

package/dist/esm/post-purchase/link/next.js

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

package/dist/esm/post-purchase/product/components/product-offer/components/ProductOffer.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o,Fragment as t}from"react/jsx-runtime";import{createElement as e}from"react";import r from"../../../../../common/components/Loading.js";import"@gem-sdk/core";import"../../../../../common/const.js";import{getProductOfferContainerClasses as m,getProductOfferWrapperClasses as s}from"../common/classes.js";import{createClass as c,createStyle as a}from"@gem-sdk/system";import{getWrapperStyles as d,getContainerStyles as i}from"../common/styles.js";import{useProductOfferData as l}from"../hooks/useProductOfferData.js";import{ProductOfferItem as n}from"./ProductOfferItem.js";let p=p=>{let{styles:f,builderAttrs:u,builderProps:h,setting:j}=p,{isLoading:P,productSortedById:y,totalProduct:g}=l(),k=c({...m(h?.uid)}),v=c({...s()}),x=a({...d(f)}),O=a({...i(j)});return o(t,{children:P?o(r,{}):y?.length?o("div",{...u,className:k,style:O,children:o("div",{className:v,style:x,children:y?.map((o,t)=>e(n,{...p,product:o,index:t,key:t,totalProduct:g}))})}):o("div",{children:"You haven't set up a product yet. Please go back to the sales funnel details to add a product."})})};export{p as default};
+import{jsx as o,Fragment as t}from"react/jsx-runtime";import{createElement as e}from"react";import r from"../../../../../common/components/Loading.js";import"@gem-sdk/core";import{getProductOfferContainerClasses as m,getProductOfferWrapperClasses as s}from"../common/classes.js";import{createClass as a,createStyle as c}from"@gem-sdk/system";import{getWrapperStyles as d,getContainerStyles as i}from"../common/styles.js";import{useProductOfferData as l}from"../hooks/useProductOfferData.js";import{ProductOfferItem as n}from"./ProductOfferItem.js";let f=f=>{let{styles:p,builderAttrs:u,builderProps:h,setting:P}=f,{isLoading:j,productSortedById:y,totalProduct:g}=l(),k=a({...m(h?.uid)}),v=a({...s()}),x=c({...d(p)}),O=c({...i(P)});return o(t,{children:j?o(r,{}):y?.length?o("div",{...u,className:k,style:O,children:o("div",{className:v,style:x,children:y?.map((o,t)=>e(n,{...f,product:o,index:t,key:t,totalProduct:g}))})}):o("div",{children:"You haven't set up a product yet. Please go back to the sales funnel details to add a product."})})};export{f as default};

package/dist/esm/post-purchase/product/components/product-offer/components/ProductOfferItem.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r}from"react/jsx-runtime";import{useRenderMode as t,isEmptyChildren as e,ProductProvider as o}from"@gem-sdk/core";import{useRef as i}from"react";import"../../../../../common/const.js";import m from"../../../../../grid/components/row/Row.js";import s from"../../../../../grid/components/ChildrenDroppable.js";import{createAttr as n,createClass as c}from"@gem-sdk/system";import{getProductOfferAttrs as d}from"../common/attrs.js";import{getProductOfferItemClasses as l}from"../common/classes.js";import{ProductOfferSubscriptionPresenceProvider as a}from"../context/PrdOfferSubscriptionPresenceContext.js";let f=f=>{let{product:p,setting:u,builderProps:j,children:h,index:b,totalProduct:g,builderAttrs:y,styles:x}=f,{isEditMode:I}=t(),{variantSelected:O,productOfferLayout:k,layout:v,...P}=u??{};Object.keys(v||{}).forEach(r=>{k?.[r]==="2col"&&v?.[r]&&(v[r].display="fill")});let w=O?.[p?.baseID??""]?.variantId,C=n({...d(p,j?.uid)}),D=c({...l(b,u,g)}),R=i(null),A=r("div",{ref:R,...I&&C,children:r(m,{builderAttrs:y,setting:{...P,layout:v},styles:x,children:e(h)?r(s,{}):h})});return r("div",{className:D,children:r(o,{product:p,readOnly:!0,initialVariantId:w??"Latest",uid:j?.uid,children:r(a,{containerRef:R,children:A})})},`uid-${p?.id}`)};export{f as ProductOfferItem};
+import{jsx as r}from"react/jsx-runtime";import{useRenderMode as e,isEmptyChildren as t,ProductProvider as o}from"@gem-sdk/core";import{useRef as i}from"react";import m from"../../../../../grid/components/row/Row.js";import s from"../../../../../grid/components/ChildrenDroppable.js";import{createAttr as n,createClass as d}from"@gem-sdk/system";import{getProductOfferAttrs as c}from"../common/attrs.js";import{getProductOfferItemClasses as l}from"../common/classes.js";import{ProductOfferSubscriptionPresenceProvider as a}from"../context/PrdOfferSubscriptionPresenceContext.js";let f=f=>{let{product:p,setting:u,builderProps:h,children:j,index:b,totalProduct:g,builderAttrs:y,styles:x}=f,{isEditMode:I}=e(),{variantSelected:O,productOfferLayout:k,layout:v,...P}=u??{};Object.keys(v||{}).forEach(r=>{k?.[r]==="2col"&&v?.[r]&&(v[r].display="fill")});let w=O?.[p?.baseID??""]?.variantId,C=n({...c(p,h?.uid)}),D=d({...l(b,u,g)}),R=i(null),A=r("div",{ref:R,...I&&C,children:r(m,{builderAttrs:y,setting:{...P,layout:v},styles:x,children:t(j)?r(s,{}):j})});return r("div",{className:D,children:r(o,{product:p,readOnly:!0,initialVariantId:w??"Latest",uid:h?.uid,children:r(a,{containerRef:R,children:A})})},`uid-${p?.id}`)};export{f as ProductOfferItem};

package/dist/esm/post-purchase/product/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/core";import"@gem-sdk/system";import"react";import"./components/product-subscription/types.js";import"./constants/index.js";import"./components/product-variant/components/variants/VariantItem.js";import"next/link";import"../../common/const.js";import"next/head";import"next/image";import"react-youtube";import"./components/product-subscription/components/OneTimePurchaseTooltip.js";import"../image/components/Img.js";import t from"./settings/product-title/ProductTitle.js";import o from"./settings/product-description/ProductDescription.js";import r from"./settings/product-price/ProductPrice.js";import s from"./settings/product-variants/ProductVariant.js";import i from"./settings/accept-button/index.js";import e from"./settings/product-quantity/index.js";import c from"./settings/product-offer/index.js";import n from"./settings/product-price-breakdown/index.js";import p from"./settings/product-discount-tag/ProductDiscountTag.js";import u from"./settings/product-subscription/index.js";import m from"./settings/product-image/ProductImages.js";let P={PostPurchaseProductTitle:t,PostPurchaseProductDescription:o,PostPurchaseProductPrice:r,PostPurchaseProductVariants:s,PostPurchaseAcceptButton:i,PostPurchaseProductQuantity:e,PostPurchaseProductPriceBreakdown:n,PostPurchaseProductOffer:c,PostPurchaseProductDiscountTag:p,PostPurchaseProductImages:m,PostPurchaseProductSubscription:u};export{P as postPurchaseProductSetting};
+import"react/jsx-runtime";import"@gem-sdk/core";import"@gem-sdk/system";import"react";import"./components/product-subscription/types.js";import"./constants/index.js";import"./components/product-variant/components/variants/VariantItem.js";import"next/link";import"next/head";import"next/image";import"react-youtube";import"./components/product-subscription/components/OneTimePurchaseTooltip.js";import"../image/components/Img.js";import t from"./settings/product-title/ProductTitle.js";import o from"./settings/product-description/ProductDescription.js";import r from"./settings/product-price/ProductPrice.js";import s from"./settings/product-variants/ProductVariant.js";import i from"./settings/accept-button/index.js";import e from"./settings/product-quantity/index.js";import c from"./settings/product-offer/index.js";import n from"./settings/product-price-breakdown/index.js";import p from"./settings/product-discount-tag/ProductDiscountTag.js";import u from"./settings/product-subscription/index.js";import m from"./settings/product-image/ProductImages.js";let P={PostPurchaseProductTitle:t,PostPurchaseProductDescription:o,PostPurchaseProductPrice:r,PostPurchaseProductVariants:s,PostPurchaseAcceptButton:i,PostPurchaseProductQuantity:e,PostPurchaseProductPriceBreakdown:n,PostPurchaseProductOffer:c,PostPurchaseProductDiscountTag:p,PostPurchaseProductImages:m,PostPurchaseProductSubscription:u};export{P as postPurchaseProductSetting};