npm - @gem-sdk/components - Versions diffs - 12.0.0-staging.12 → 12.0.0-staging.13 - Mend

@gem-sdk/components 12.0.0-staging.12 → 12.0.0-staging.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/dist/esm/hero-banner/common/styles.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{makeStyleWithDefault as e,getWidthByShapeGlobalSize as t,makeStyleResponsive as r,getHeightByShapeGlobalSize as l,makeStyle as o,getSingleColorVariable as n,getRadiusStyleActiveState as i,getStyleBgColor as y,getStyleShadow as a,makeStyleState as g,getGlobalColorStateStyle as u,getResponsiveStylePadding as s,getStyleBackgroundByDevice as c}from"@gem-sdk/core";import{getVisibilityStyle as S,getStyleAspectRatioHeroBannerCustom as d,~~getAspectRatioSettings as h,~~getOpacityHover as p,getDisplayStyleByFitContent as m,getStyleHeroBannerBg as b,formatHoverScale as f,getAttachmentDevice as w,getClipPath as v,opacityEnabledData as T,getResponsiveSetting as k}from"./helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e\|\|{}).filter(([,e])=>void 0!==e\|\|""===e))}let getStyle=(o,n,i)=>{let{sizeSetting:~~y,background:~~a}=o??{},~~{ratioOptions:g,aspectRatio:u}~~=~~n??~~{~~},s={~~...i,...S(i),...e("w",t(y,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...~~d(a,y,h(g,u)),...~~r("h",l(y))};return filterTruthyStyles(s)},getContainerStyle=(e~~,t)~~=>{let{sizeSetting:g,background:u,borderBg:s,cornerBg:c,shadowBg:S,hasActiveShadow:p}=e??{},~~{ratioOptions:m,aspectRatio:~~b}=~~t??~~{~~},f={~~...r("h",l(g)),...d(u,g,~~h(m,b~~)),...o({bs:s?.border??s?.border,bw:s?.width??s?.width,bc:n(s?.color)}),...i({...c,active:{...c\|\|{},radiusType:"custom"}}),...u?{...y(u)}:{},...a({value:S,styleAppliedFor:"box-shadow",isEnableShadow:p})};return filterTruthyStyles(f)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r,hoverEffect:l}=e??{},{disableOpacity:o}=T(e),n="number"!=typeof r?.normal\|\|isNaN(r?.normal)?"string"==typeof r?.normal?`${parseInt(r?.normal)}%`:"0%":`${r?.normal}%`,i=g("op",{normal:n,hover:p(e)}),y=u("bgc",{...t,hover:t?.hover\|\|t?.normal});o&&(delete y?.["--bgc"],delete i?.["--op"]),l\|\|(delete y?.["--hvr-bgc"],delete i?.["--hvr-op"]);let a={...y,...i,"--top":"0","--left":"0"};return filterTruthyStyles(a)},getRowStyle=e=>{let{contentPadding:t}=e??{},r={...s(t)};return filterTruthyStyles(r)},getAdaptiveStyle=o=>{let{sizeSetting:n,background:i}=o??{},y={...m(n,i),...r("h",l(n)),...e("w",t(n,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"})};return filterTruthyStyles(y)},getBackgroundStyle=(e,t,l)=>{let{hoverEffectScale:o,background:n,hoverEffectDuration:i}=e??{},y=`${parseFloat(`${i}`)??.5}s`,a={...b(k(n\|\|{}),t),...c(n,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":y,"--scale":f(o),...r("pos",w(n)),transform:l,transition:`transform ${y} cubic-bezier(0,0,0,1)`};return filterTruthyStyles(a)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":v(t?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let t={...r("aspect",e)};return filterTruthyStyles(t)},getYoutubeIframeStyle=e=>{let t={...r("aspect",e),"pointer-~~event~~":"none"};return filterTruthyStyles(t)};export{getAdaptiveStyle,getBackgroundStyle,getContainBackgroundStyle,getContainerStyle,getHtml5VideoStyle,getOverlayStyle,getRowStyle,getStyle,getYoutubeIframeStyle};
1	+ import{makeStyleWithDefault as e,getWidthByShapeGlobalSize as t,makeStyleResponsive as r,getHeightByShapeGlobalSize as l,makeStyle as o,getSingleColorVariable as i,getRadiusStyleActiveState as n,getStyleBgColor as a,getStyleShadow as y,makeStyleState as g,getGlobalColorStateStyle as s,getResponsiveStylePadding as u,getStyleBackgroundByDevice as c,getValueByDevice as d}from"@gem-sdk/core";import{getVisibilityStyle as b,getStyleAspectRatioHeroBannerCustom as p,getOpacityHover as m,getDisplayStyleByFitContent as S,getStyleHeroBannerBg as h,formatHoverScale as f,getAttachmentDevice as w,getClipPath as v,opacityEnabledData as T,getResponsiveSetting as k}from"./helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e\|\|{}).filter(([,e])=>void 0!==e\|\|""===e))}let getStyle=(o,i,n)=>{let{sizeSetting:a}=o??{},y={...n,...b(n),...e("w",t(a,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...r("h",l(a))};return filterTruthyStyles(y)},getContainerStyle=e=>{let{sizeSetting:t,background:g,borderBg:s,cornerBg:u,shadowBg:c,hasActiveShadow:d}=e??{},b={...r("h",l(t)),...p(g,t),...o({bs:s?.border??s?.border,bw:s?.width??s?.width,bc:i(s?.color)}),...n({...u,active:{...u\|\|{},radiusType:"custom"}}),...g?{...a(g)}:{},...y({value:c,styleAppliedFor:"box-shadow",isEnableShadow:d})};return filterTruthyStyles(b)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r,hoverEffect:l}=e??{},{disableOpacity:o}=T(e),i="number"!=typeof r?.normal\|\|isNaN(r?.normal)?"string"==typeof r?.normal?`${parseInt(r?.normal)}%`:"0%":`${r?.normal}%`,n=g("op",{normal:i,hover:m(e)}),a=s("bgc",{...t,hover:t?.hover\|\|t?.normal});o&&(delete a?.["--bgc"],delete n?.["--op"]),l\|\|(delete a?.["--hvr-bgc"],delete n?.["--hvr-op"]);let y={...a,...n,"--top":"0","--left":"0"};return filterTruthyStyles(y)},getRowStyle=e=>{let{contentPadding:t}=e??{},r={...u(t)};return filterTruthyStyles(r)},getAdaptiveStyle=o=>{let{sizeSetting:i,background:n}=o??{},a={...S(i,n),...r("h",l(i)),...e("w",t(i,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"})};return filterTruthyStyles(a)},getBackgroundStyle=(e,t,l)=>{let{hoverEffectScale:o,background:i,hoverEffectDuration:n}=e??{},a=`${parseFloat(`${n}`)??.5}s`,y={...h(k(i\|\|{}),t),...c(i,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":a,"--scale":f(o),...r("pos",w(i)),transform:l,transition:`transform ${a} cubic-bezier(0,0,0,1)`};return filterTruthyStyles(y)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":v(t?.width,r)};return filterTruthyStyles(l)},mapVideoObjectFit=e=>{if(e)return{desktop:d(e,"desktop"),tablet:d(e,"tablet"),mobile:d(e,"mobile")}},getHtml5VideoStyle=(e,t)=>{let l=mapVideoObjectFit(t),o={...r("aspect",e),...l?r("objf",l):{}};return filterTruthyStyles(o)},getYoutubeIframeStyle=(e,t)=>{let l=mapVideoObjectFit(t),o={...r("aspect",e),...l?r("objf",l):{},"pointer-events":"none"};return filterTruthyStyles(o)};export{getAdaptiveStyle,getBackgroundStyle,getContainBackgroundStyle,getContainerStyle,getHtml5VideoStyle,getOverlayStyle,getRowStyle,getStyle,getYoutubeIframeStyle};

package/dist/esm/hero-banner/components/HeroBanner.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"./HeroBannerItem.js";import{getAttr as s,getAttrLink as m}from"../common/attrs.js";import{getStyle as t}from"../common/styles.js";import{getClasses as n,getLinkClasses as a}from"../common/classes.js";import{createAttr as i,createStyle as l,createClass as d,If as c}from"@gem-sdk/system";import{useRenderMode as f,useCurrentDevice as p,filterToolbarPreview as u}from"@gem-sdk/core";import{getBannerLink as h}from"../common/helpers.js";import{useHeroBanner as j}from"../hooks/useHeroBanner.js";let HeroBanner=y=>{let{builderAttrs:g,builderProps:k,setting:v,styles:C,style:H,children:B,advanced:b,enableLazyLoadImage:w=!0}=y,{isEditMode:L,isPreviewSharePageMode:R}=f(),{enableLink:x}=v??{},I=h(v),{cssClass:M}=b??{},N=p(),{elementRef:V,transform:z,onMouseEnterParallax:E,onMouseLeaveParallax:P,dataVideo:S,bgRef:q,isShowVideoHtml5:A,openLinkBanner:D,layoutResponsive:F}=j(C,v,N),G=!!I?.link&&x&&!L&&!R,J=i({...s({uid:k?.uid||""})}),K=i({...m()}),O=l({...t(C,v,H)}),Q=d({...n({setting:v,builderProps:k,advancedCssClass:M})}),T=d({...a()}),U=()=>r(o,{setting:v,styles:C,children:B,rawChildren:y.rawChildren,builderProps:k,enableLazyLoadImage:w,elementRef:V,transform:z,dataVideo:S,layoutResponsive:F,bgRef:q,isShowVideoHtml5:A});return e("div",{...g,...J,className:Q,style:O,onMouseEnter:E,onMouseLeave:P,children:[c(!G,U()),c(G,r("div",{...K,"aria-hidden":"true",onClick:D,className:T,children:U()})),u(B,!0)]})};export{HeroBanner as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"./HeroBannerItem.js";import{getAttr as s,getAttrLink as m}from"../common/attrs.js";import{getStyle as n}from"../common/styles.js";import{getClasses as t,getLinkClasses as a}from"../common/classes.js";import{createAttr as i,createStyle as l,createClass as d,If as f}from"@gem-sdk/system";import{useRenderMode as p,useCurrentDevice as c,filterToolbarPreview as u}from"@gem-sdk/core";import{getBannerLink as h}from"../common/helpers.js";import{useHeroBanner as j}from"../hooks/useHeroBanner.js";import{useRef as y}from"react";let HeroBanner=g=>{let{builderAttrs:k,builderProps:v,setting:B,styles:C,style:H,children:R,advanced:b,enableLazyLoadImage:w=!0}=g,{isEditMode:L,isPreviewSharePageMode:x}=p(),{enableLink:I}=B??{},M=h(B),{cssClass:N}=b??{},V=c(),{elementRef:z,transform:E,onMouseEnterParallax:P,onMouseLeaveParallax:S,dataVideo:W,bgRef:q,isShowVideoHtml5:A,openLinkBanner:D,layoutResponsive:F}=j(C,B,V),G=y(null),J=!!M?.link&&I&&!L&&!x,K=i({...s({uid:v?.uid||""})}),O=i({...m()}),Q=l({...n(C,B,H)}),T=d({...t({setting:B,builderProps:v,advancedCssClass:N})}),U=d({...a()}),X=()=>r(o,{setting:B,styles:C,children:R,rawChildren:g.rawChildren,builderProps:v,enableLazyLoadImage:w,elementRef:z,transform:E,dataVideo:W,layoutResponsive:F,bgRef:q,isShowVideoHtml5:A,heroBannerWrapperRef:G});return e("div",{ref:G,...k,...K,className:T,style:Q,onMouseEnter:P,onMouseLeave:S,children:[f(!J,X()),f(J,r("div",{...O,"aria-hidden":"true",onClick:D,className:U,children:X()})),u(R,!0)]})};export{HeroBanner as default};

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

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

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

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

package/dist/esm/hero-banner/components/HeroBannerItem.liquid.js CHANGED Viewed

@@ -1,16 +1,16 @@
-import e from"../../grid/components/row/Row.liquid.js";import{template as o,getAspectRatioGlobalSize as s,DEVICES as t,getResponsiveValueByScreen as i}from"@gem-sdk/core";import{createStyle as r,createClass as m,If as l}from"@gem-sdk/system";import a from"../../image/components/AdaptiveImage.liquid.js";import p from"../../video/components/HTML5Embed.liquid.js";import{getContainerStyle as d,getOverlayStyle as n,getRowStyle as c,getAdaptiveStyle as u,getBackgroundStyle as f,getContainBackgroundStyle as y,getYoutubeIframeStyle as v,getHtml5VideoStyle as j}from"../common/styles.js";import{getContainerClasses as $,getOverlayClasses as g,getRowClasses as b,getAdaptivePictureClasses as h,getAdaptiveClasses as w,getBackgroundClasses as k,getContainBackgroundClasses as N,getHtml5VideoClasses as q,getWrapperYoutubeClasses as H,getIframeYoutubeClasses as C,getLazyBackgroundClasses as I}from"../common/classes.js";import{getAspectRatioSettings as R,getBackgroundImageHeroBanner as z,horizontalAlign as A,getWidth as B,getBgImage as L,fallbackImg as T,getEnableBgImageByDevice as x,showVideoType as E,getResponsiveSetting as O}from"../common/helpers.js";import{getImageSrc as S}from"../../image/common/helpers.js";import V from"../../image/components/NextImage.liquid.js";import D from"../../video/components/LiteYouTubeEmbed.liquid.js";import{getYoutubeVideoId as M,youtubeVideoRegex as W}from"../../video/common/helpers.js";import{isRenderHtmlVideo as Y}from"../../grid/components/row/common/helpers.js";import{PRIORITY_LOAD_ATTRS as F}from"../../image/constants.js";let HeroBannerItem=G=>{let{enableLazyLoadImage:J=!0,setting:K,styles:P,children:Q,builderProps:U,rawChildren:X}=G,{layout:Z,verticalAlign:_,enableParallax:ee,alt:eo,title:es,preload:et}=K??{},{background:ei,overlayColor:er,verticalGutter:em,sizeSetting:el,contentWidth:ea,hoverEffect:ep,contentPosition1Col:ed,contentPosition2Col:en}=P??{},ec=!et&&J,eu=R(K?.ratioOptions,K?.aspectRatio),ef=O(ei||{}).desktop,ey=r({...d(P,K)}),ev=m({...$(K,P)}),ej=r({...n(P)}),e$=m({...g(P)}),eg=r({...c(P)}),eb=m({...b(P,K)}),eh=r({...u(P)}),ew=m({...h()}),ek=m({...w()}),eN=m({...k(ep,ec)}),eq=r({...z(ei,ec,!1),...f(P,ee,"")}),eH=m({...N()}),eC=r({...y(P)}),eI=m({...q(K?.aspectRatio,!1)}),eR=r({...v(eu)}),ez=m({...H()}),eA=r({...j(eu)}),eB=m({...C()}),eL=e=>m({...I(e)}),eT=()=>{if(!et)return t.map(e=>l(x(e,ei),V({src:S(i(L(ei),e),e),alt:eo,title:es,className:eL(e),isDisableAspectStyle:!0,enableLazyLoadImage:J}))).join("")},ex=()=>{if(!E(ei))return;if(Y(ei))return p({uid:U?.uid,muted:!0,loop:ef?.loop,controls:!1,autoplay:!0,src:ef?.videoHtml5||"",title:"Video",style:eA,className:eI});let e=ef?.video??"",o=M(e),s=`&loop=false&playlist=${o}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(ef?.type==="video"&&ef?.videoType==="youtube"&&o&&W.test(e))return D({uid:U?.uid,id:o,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:s,adNetwork:!1,noCookie:!0,muted:!0,lazy:ef?.lazyLoad??!0,preload:!0,style:eR,wrapperClass:ez,iframeClass:eB})};return o`
-  <div class="${ev}" style="${ey}">
+import{template as e,getAspectRatioGlobalSize as o,DEVICES as s,getResponsiveValueByScreen as t}from"@gem-sdk/core";import i from"../../grid/components/row/Row.liquid.js";import{createStyle as m,createClass as r,If as l}from"@gem-sdk/system";import a from"../../image/components/AdaptiveImage.liquid.js";import p from"../../video/components/HTML5Embed.liquid.js";import{getContainerStyle as d,getOverlayStyle as n,getRowStyle as c,getAdaptiveStyle as u,getBackgroundStyle as f,getContainBackgroundStyle as y,getYoutubeIframeStyle as v,getHtml5VideoStyle as j}from"../common/styles.js";import{getContainerClasses as $,getOverlayClasses as g,getRowClasses as b,getAdaptivePictureClasses as h,getAdaptiveClasses as w,getBackgroundClasses as k,getContainBackgroundClasses as N,getHtml5VideoClasses as q,getWrapperYoutubeClasses as H,getIframeYoutubeClasses as C,getLazyBackgroundClasses as I}from"../common/classes.js";import{getAspectRatio as z,getYoutubeAspectRatio as A,getBackgroundImageHeroBanner as B,horizontalAlign as L,getWidth as T,getBgImage as x,fallbackImg as E,getEnableBgImageByDevice as R,showVideoType as S,getResponsiveSetting as V}from"../common/helpers.js";import{getImageSrc as D}from"../../image/common/helpers.js";import M from"../../image/components/NextImage.liquid.js";import O from"../../video/components/LiteYouTubeEmbed.liquid.js";import{getYoutubeVideoId as W,youtubeVideoRegex as Y}from"../../video/common/helpers.js";import{isRenderHtmlVideo as F}from"../../grid/components/row/common/helpers.js";import{PRIORITY_LOAD_ATTRS as G}from"../../image/constants.js";let HeroBannerItem=J=>{let{enableLazyLoadImage:K=!0,setting:P,styles:Q,children:U,builderProps:X,rawChildren:Z}=J,{layout:_,verticalAlign:ee,enableParallax:eo,alt:es,title:et,preload:ei}=P??{},{background:em,overlayColor:er,verticalGutter:el,sizeSetting:ea,contentWidth:ep,hoverEffect:ed,contentPosition1Col:en,contentPosition2Col:ec,videoObjectFit:eu}=Q??{},ef=!ei&&K,ey=z(ea,em),ev=A(em,eu,ey),ej=V(em||{}),e$=ej.desktop,eg=m({...d(Q)}),eb=r({...$(P,Q)}),eh=m({...n(Q)}),ew=r({...g(Q)}),ek=m({...c(Q)}),eN=r({...b(Q,P)}),eq=m({...u(Q)}),eH=r({...h()}),eC=r({...w()}),eI=r({...k(ed,ef)}),ez=m({...B(em,ef,!1),...f(Q,eo,"")}),eA=r({...N()}),eB=m({...y(Q)}),eL=r({...q(!1)}),eT=m({...v(ev,eu)}),ex=r({...H()}),eE=m({...j(ey,eu)}),eR=r({...C()}),eS=e=>r({...I(e)}),eV=()=>{if(!ei)return s.map(e=>l(R(e,em),M({src:D(t(x(em),e),e),alt:es,title:et,className:eS(e),isDisableAspectStyle:!0,enableLazyLoadImage:K}))).join("")},eD=()=>{if(!S(em))return;if(F(em))return p({uid:X?.uid,muted:!0,loop:e$?.loop,controls:!1,autoplay:!0,src:e$?.videoHtml5||"",title:"Video",style:eE,className:eL});let e=e$?.video??"",o=W(e),s=`&loop=false&playlist=${o}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(e$?.type==="video"&&e$?.videoType==="youtube"&&o&&Y.test(e))return O({uid:X?.uid,id:o,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:s,adNetwork:!1,noCookie:!0,muted:!0,lazy:e$?.lazyLoad??!0,preload:!0,style:eT,wrapperClass:ex,iframeClass:eR})};return e`
+  <div class="${eb}" style="${eg}">
       <div
-        class="${eH}"
-        style="${eC}"
+        class="${eA}"
+        style="${eB}"
       >
-        <div class="${eN}" style="${eq}">
-          ${eT()}
-          ${ex()}
+        <div class="${eI}" style="${ez}">
+          ${eV()}
+          ${eD()}
         </div>
-        ${l(!!er,o`<div aria-label="Overlay" class="${e$}" style="${ej}"> </div>`)}
+        ${l(!!er,e`<div aria-label="Overlay" class="${ew}" style="${eh}"> </div>`)}
       </div>
-      ${e({className:eb,style:eg,setting:{layout:Z,horizontalAlign:A(Z,ed,en),verticalAlign:_},styles:{verticalGutter:em,width:B(ea),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:Q,rawChildren:X})}
-        ${a({pictureClass:ew,srcSet:L(ei),className:ek,...et&&F,aspectRatio:s(el),style:eh,alt:eo,title:es,enableLazyLoadImage:J,fallbackImg:T})}
+      ${i({className:eN,style:ek,setting:{layout:_,horizontalAlign:L(_,en,ec),verticalAlign:ee},styles:{verticalGutter:el,width:T(ep),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:U,rawChildren:Z})}
+        ${a({pictureClass:eH,srcSet:x(em),className:eC,...ei&&G,aspectRatio:o(ea),style:eq,alt:es,title:et,enableLazyLoadImage:K,fallbackImg:E})}
   </div>
 `};export{HeroBannerItem as default};

package/dist/esm/hero-banner/hooks/useHeroBannerItem.js ADDED Viewed

@@ -0,0 +1 @@

+ import{useRef as e,useMemo as r,useEffect as t}from"react";import{useCurrentDevice as i,getResponsiveValueByScreen as o}from"@gem-sdk/core";import{getAspectRatio as n,getYoutubeAspectRatio as m,resetVideoIframeStyle as u,resetVideoWrapperStyle as a,setVideoWrapperStyle as l,getResponsiveSetting as s,updateVideoIframeSize as f,getContainerRatio as c}from"../common/helpers.js";let useHeroBannerItem=({videoType:d,sizeSetting:v,background:y,videoObjectFit:b,heroBannerWrapperRef:p})=>{let E=i(),w=e(null),L=r(()=>n(v,y),[v,y]),q=r(()=>m(y,b,L),[y,b,L]),R=s(b||{}),j=o(R,E);return t(()=>{let e=w.current,r=p?.current,t=()=>e?.querySelector("iframe"),i=i=>{let o=i||e;if(!o)return;let n=o.querySelector("iframe");f({iframeEl:n||t(),containerRatio:c(r),videoObjectFit:j||"cover",background:y,currentDevice:E})},o=e=>{let r=e.detail?.iframe;if(r){let e=r.closest("article"),t=e?.parentElement;setTimeout(()=>{i(t)},50)}};if(r&&r.addEventListener("youtube-iframe-ready",o),!e)return()=>{r&&r.removeEventListener("youtube-iframe-ready",o)};if("youtube"!==d){let i=t();return i&&u(i),a(e),()=>{r&&r.removeEventListener("youtube-iframe-ready",o)}}l(e),t()&&(window.requestAnimationFrame(()=>i()),setTimeout(()=>{i()},100));let n=window.ResizeObserver;if(!n)return()=>{r&&r.removeEventListener("youtube-iframe-ready",o)};let m=new n(()=>i());return r&&m.observe(r),()=>{if(m.disconnect(),r&&r.removeEventListener("youtube-iframe-ready",o),e){let r=t();r&&u(r),a(e)}}},[d,j,E,L]),{youtubeIframeWrapperRef:w,resolvedAspectRatio:L,youtubeAspectRatio:q}};export{useHeroBannerItem as default};

package/dist/esm/hero-banner/settings/configs/presets/banner-video-pre-sales-page.js CHANGED Viewed

@@ -12,4 +12,4 @@ let heroBannerVideoPreSalesPage={id:"hero-banner-video-pre-sales-page",name:{en:
     </clipPath>
     </defs>
     </svg>
-    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}},link:{type:"go-to-sales-page"}},styles:{contentWidth:{desktop:"1200px"},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"html5",video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};export{heroBannerVideoPreSalesPage};
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}},link:{type:"go-to-sales-page"}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shapeVideo:"16/9",enableVideoShape:!0}},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"html5",video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};export{heroBannerVideoPreSalesPage};

package/dist/esm/hero-banner/settings/configs/presets/banner-video.js CHANGED Viewed

@@ -12,4 +12,4 @@ let heroBannerVideo={id:"hero-banner-video",name:{en:"Video Banner"},icon:{deskt
     </clipPath>
     </defs>
     </svg>
-    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"original",width:"100%"},mobile:{shape:"original",width:"100%"}},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"youtube",video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};export{heroBannerVideo};
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"original",width:"100%",shapeVideo:"16/9",enableVideoShape:!0},mobile:{shape:"original",width:"100%",shapeVideo:"16/9",enableVideoShape:!0}},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"youtube",video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};export{heroBannerVideo};

package/dist/esm/hero-banner/settings/configs/settings.js CHANGED Viewed

@@ -143,4 +143,4 @@ let SettingsV2=[{id:"setting",controls:[{id:"layout",type:"layout-banner",device
                 d="M4.39584 15.625C3.36031 15.625 2.52084 14.7855 2.52084 13.75V12.5C2.52084 11.4645 3.36031 10.625 4.39584 10.625H14.3958C15.4314 10.625 16.2708 11.4645 16.2708 12.5V13.75C16.2708 14.7855 15.4314 15.625 14.3958 15.625H4.39584ZM3.77084 13.75C3.77084 14.0952 4.05066 14.375 4.39584 14.375H14.3958C14.741 14.375 15.0208 14.0952 15.0208 13.75V12.5C15.0208 12.1548 14.741 11.875 14.3958 11.875H4.39584C4.05066 11.875 3.77084 12.1548 3.77084 12.5V13.75Z"
                 fill="currentColor"
               />
-            </svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Cover",value:"cover"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"},mobile:{default:"auto"}}},{id:"contentBanner",type:"banner",message:"The background image should be taller than the Hero Banner",closable:!0}]},{id:"style",controls:[{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",widthHeightLinked:!1,width:"100%"}},mobile:{default:{shape:"custom",width:"100%"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["fit-content","fit-screen"],name:"Height"},shape:{displayOptions:["original","custom"],name:"Frame",shapeTitleConfig:{original:"As banner source"}}},hiddenSettings:["padding","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,showDeviceControl:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"",videoHtml5:"",videoType:"youtube",loop:!0,lazyLoad:!1}}},compoDefaultValue:{desktop:{default:{type:"image",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0,lazyLoad:!1}}}},{id:"hoverEffect",type:"toggle",default:!1},{id:"hoverEffectScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:5,default:"120%",showDefaultUnit:!0},{id:"hoverEffectDuration",label:"Zoom Time",type:"input:unit",units:["s"],min:0,default:.5,inputType:"number",placeholder:"",disableAutoValue:!0,showDefaultUnit:!0},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:void 0}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition1Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"contentPosition2Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"wrapperWidth",type:"input:unit-width",label:"Width",placeholder:"Auto",min:0,units:["px","%"],devices:{desktop:{default:void 0},tablet:{default:void 0},mobile:{default:void 0}}},{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"default"},tablet:{default:"default"},mobile:{default:"default"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:unit",units:["px"],min:0,label:"Spacing",devices:{desktop:{default:"32px"}}},{id:"overlayEnable",type:"toggle",default:!1},{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"20%",hover:"20%"},showDefaultUnit:!0},{id:"overlayColor",label:"Color",type:"color-picker-v2",state:{normal:!0,hover:!0}},{id:"borderBg",type:"border-v2",label:"Border",compoDefaultValue:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},{id:"cornerBg",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadowBg",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"contentPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}}}]}];export{SettingsV2};
+            </svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Cover",value:"cover"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"},mobile:{default:"auto"}}},{id:"contentBanner",type:"banner",message:"The background image should be taller than the Hero Banner",closable:!0}]},{id:"style",controls:[{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",widthHeightLinked:!1,width:"100%",shapeVideo:"16/9",enableVideoShape:!1}},mobile:{default:{shape:"custom",width:"100%",shapeVideo:"custom",enableVideoShape:!1}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["fit-content","fit-screen"],name:"Height"},shape:{displayOptions:["original","custom"],displayVideoOptions:["1/1","3/2","4/3","16/9","21/9","2/3","3/4","9/16","custom"],name:"Frame",shapeTitleConfig:{original:"As banner source"}}},hiddenSettings:["padding","gap"]},{id:"videoObjectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill video",value:"cover",type:"image",svgName:"gp-video-cover"},{label:"Fit video",value:"contain",type:"image",svgName:"gp-video-contain"}],devices:{desktop:{default:"cover"}}},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,showRatioVideo:!0,showDeviceControl:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"",videoHtml5:"",videoType:"youtube",loop:!0,lazyLoad:!1}}},compoDefaultValue:{desktop:{default:{type:"image",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0,lazyLoad:!1}}}},{id:"hoverEffect",type:"toggle",default:!1},{id:"hoverEffectScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:5,default:"120%",showDefaultUnit:!0},{id:"hoverEffectDuration",label:"Zoom Time",type:"input:unit",units:["s"],min:0,default:.5,inputType:"number",placeholder:"",disableAutoValue:!0,showDefaultUnit:!0},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:void 0}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition1Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"contentPosition2Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"wrapperWidth",type:"input:unit-width",label:"Width",placeholder:"Auto",min:0,units:["px","%"],devices:{desktop:{default:void 0},tablet:{default:void 0},mobile:{default:void 0}}},{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"default"},tablet:{default:"default"},mobile:{default:"default"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:unit",units:["px"],min:0,label:"Spacing",devices:{desktop:{default:"32px"}}},{id:"overlayEnable",type:"toggle",default:!1},{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"20%",hover:"20%"},showDefaultUnit:!0},{id:"overlayColor",label:"Color",type:"color-picker-v2",state:{normal:!0,hover:!0}},{id:"borderBg",type:"border-v2",label:"Border",compoDefaultValue:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},{id:"cornerBg",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadowBg",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"contentPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}}}]}];export{SettingsV2};

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

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

package/dist/esm/video/common/classes.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{getResponsiveValueByScreen as e}from"@gem-sdk/core";function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}let getClasses=({className:e,builderProps:s,isInstantLP:t,advancedCssClass:l})=>{let g=`!gp-max-w-none gp-bg-black gp-overflow-hidden [&_>_article]:gp-aspect-[var(--aspect)] tablet:[&_>_article]:gp-aspect-[var(--aspect-tablet,_var(--aspect))] mobile:[&_>_article]:gp-aspect-[var(--aspect-mobile,_var(--aspect-tablet,_var(--aspect)))] ${s?.uid}`;return t\|\|(g+=" gp-relative"),e&&(g+=` ${e}`),l&&(g+=` ${l}`),{...s?.uid&&{[s.uid]:!0},...composeClasses(g)}},getButtonThumbnailClasses=()=>({...composeClasses("gp-absolute gp-left-1/2 gp-top-1/2 gp-flex gp-aspect-[56/32] gp-w-14 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-items-center gp-justify-center gp-rounded gp-bg-black/80 gp-transition-colors hover:gp-bg-[#ef0800]")}),getFallbackImageClasses=()=>({...composeClasses("gp-w-full gp-h-full gp-object-cover")}),getWrapThumbnailClasses=e=>{let s="gp-absolute gp-top-0 gp-left-0 gp-w-full gp-thumbnail-video gp-h-full";return e&&(s+=" gp-hidden"),{...composeClasses(s)}},getImageThumbnailClasses=()=>({...composeClasses("gp-w-full gp-h-full gp-object-cover")}),getArticleVimeoClasses=(s,t)=>{let l="gp-relative gp-bg-cover gp-bg-center gp-lite-vimeo-embed-article",g=e(t,"desktop"),p=e(t,"tablet"),a=e(t,"mobile");return s\|\|g&&"auto"!=g\|\|(l+=" !gp-aspect-video"),s\|\|p&&"auto"!=p\|\|(l+=" tablet:!gp-aspect-video"),s\|\|a&&"auto"!=a\|\|(l+=" mobile:!gp-aspect-video"),{...composeClasses(l)}},getVideoYoutubeClasses=(e,s)=>{let t="gp-w-full";return e&&(t+=` ${e}`),s\|\|(t+=" gp-lazyload-video"),{...composeClasses(t)}},getImageVimeoClasses=e=>{let s="gp-h-full gp-w-full gp-relative gp-top-0 gp-left-0 gp-z-9";return e&&(s+=" gp-invisible gp-opacity-0"),{...composeClasses(s)}},getButtonVimeoClasses=e=>{let s="gp-absolute gp-left-1/2 gp-top-1/2 gp-flex gp-aspect-[56/32] gp-w-14 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-items-center gp-justify-center gp-rounded gp-bg-black/80 gp-transition-colors hover:gp-bg-[#ef0800] gp-z-10 gp-lite-vimeo-embed-button";return e&&(s+=" gp-invisible gp-opacity-0"),{...composeClasses(s)}},getIframeVimeoClasses=()=>({...composeClasses("gp-inset-0 gp-w-full gp-bg-black")}),getButtonYoutubeClasses=e=>{let s="gp-absolute gp-left-1/2 gp-top-1/2 gp-w-[68px] -gp-translate-x-1/2 -gp-translate-y-1/2 gp-lite-youtube-embed-button";return e?s+=" gp-opacity-0":s+=" gp-visible gp-opacity-100",{...composeClasses(s)}},getImageYoutubeClasses=()=>({...composeClasses("gp-invisible gp-w-full gp-h-full gp_lazyforbg")}),getArticleYoutubeClasses=(e,s)=>{let t="gp-relative gp-bg-cover gp-bg-center gp-lite-youtube-embed-article";return e\|\|(t+=" gp_lazybg"),s&&(t+=` ${s}`),{...composeClasses(t)}},getIframeYoutubeClasses=e=>{let s="gp-inset-0 gp-w-full gp-bg-black ";return e&&(s+=` ${e}`),{...composeClasses(s)}},getYoutubeContentClasses=()=>({...composeClasses("gp-absolute gp-left-0 gp-top-0 gp-~~aspect-video gp-~~h-full gp-w-full")});export{getArticleVimeoClasses,getArticleYoutubeClasses,getButtonThumbnailClasses,getButtonVimeoClasses,getButtonYoutubeClasses,getClasses,getFallbackImageClasses,getIframeVimeoClasses,getIframeYoutubeClasses,getImageThumbnailClasses,getImageVimeoClasses,getImageYoutubeClasses,getVideoYoutubeClasses,getWrapThumbnailClasses,getYoutubeContentClasses};
1	+ import{getResponsiveValueByScreen as e}from"@gem-sdk/core";function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}let getClasses=({className:e,builderProps:s,isInstantLP:t,advancedCssClass:l})=>{let g=`!gp-max-w-none gp-bg-black gp-overflow-hidden [&_>_article]:gp-aspect-[var(--aspect)] tablet:[&_>_article]:gp-aspect-[var(--aspect-tablet,_var(--aspect))] mobile:[&_>_article]:gp-aspect-[var(--aspect-mobile,_var(--aspect-tablet,_var(--aspect)))] ${s?.uid}`;return t\|\|(g+=" gp-relative"),e&&(g+=` ${e}`),l&&(g+=` ${l}`),{...s?.uid&&{[s.uid]:!0},...composeClasses(g)}},getButtonThumbnailClasses=()=>({...composeClasses("gp-absolute gp-left-1/2 gp-top-1/2 gp-flex gp-aspect-[56/32] gp-w-14 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-items-center gp-justify-center gp-rounded gp-bg-black/80 gp-transition-colors hover:gp-bg-[#ef0800]")}),getFallbackImageClasses=()=>({...composeClasses("gp-w-full gp-h-full gp-object-cover")}),getWrapThumbnailClasses=e=>{let s="gp-absolute gp-top-0 gp-left-0 gp-w-full gp-thumbnail-video gp-h-full";return e&&(s+=" gp-hidden"),{...composeClasses(s)}},getImageThumbnailClasses=()=>({...composeClasses("gp-w-full gp-h-full gp-object-cover")}),getArticleVimeoClasses=(s,t)=>{let l="gp-relative gp-bg-cover gp-bg-center gp-lite-vimeo-embed-article",g=e(t,"desktop"),p=e(t,"tablet"),a=e(t,"mobile");return s\|\|g&&"auto"!=g\|\|(l+=" !gp-aspect-video"),s\|\|p&&"auto"!=p\|\|(l+=" tablet:!gp-aspect-video"),s\|\|a&&"auto"!=a\|\|(l+=" mobile:!gp-aspect-video"),{...composeClasses(l)}},getVideoYoutubeClasses=(e,s)=>{let t="gp-w-full";return e&&(t+=` ${e}`),s\|\|(t+=" gp-lazyload-video"),{...composeClasses(t)}},getImageVimeoClasses=e=>{let s="gp-h-full gp-w-full gp-relative gp-top-0 gp-left-0 gp-z-9";return e&&(s+=" gp-invisible gp-opacity-0"),{...composeClasses(s)}},getButtonVimeoClasses=e=>{let s="gp-absolute gp-left-1/2 gp-top-1/2 gp-flex gp-aspect-[56/32] gp-w-14 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-items-center gp-justify-center gp-rounded gp-bg-black/80 gp-transition-colors hover:gp-bg-[#ef0800] gp-z-10 gp-lite-vimeo-embed-button";return e&&(s+=" gp-invisible gp-opacity-0"),{...composeClasses(s)}},getIframeVimeoClasses=()=>({...composeClasses("gp-inset-0 gp-w-full gp-bg-black")}),getButtonYoutubeClasses=e=>{let s="gp-absolute gp-left-1/2 gp-top-1/2 gp-w-[68px] -gp-translate-x-1/2 -gp-translate-y-1/2 gp-lite-youtube-embed-button";return e?s+=" gp-opacity-0":s+=" gp-visible gp-opacity-100",{...composeClasses(s)}},getImageYoutubeClasses=()=>({...composeClasses("gp-invisible gp-w-full gp-h-full gp_lazyforbg")}),getArticleYoutubeClasses=(e,s)=>{let t="gp-relative gp-bg-cover gp-bg-center gp-lite-youtube-embed-article";return e\|\|(t+=" gp_lazybg"),s&&(t+=` ${s}`),{...composeClasses(t)}},getIframeYoutubeClasses=e=>{let s="gp-inset-0 gp-w-full gp-bg-black gp-h-full !gp-max-w-none";return e&&(s+=` ${e}`),{...composeClasses(s)}},getYoutubeContentClasses=()=>({...composeClasses("gp-absolute gp-left-0 gp-top-0 gp-h-full gp-w-full")});export{getArticleVimeoClasses,getArticleYoutubeClasses,getButtonThumbnailClasses,getButtonVimeoClasses,getButtonYoutubeClasses,getClasses,getFallbackImageClasses,getIframeVimeoClasses,getIframeYoutubeClasses,getImageThumbnailClasses,getImageVimeoClasses,getImageYoutubeClasses,getVideoYoutubeClasses,getWrapThumbnailClasses,getYoutubeContentClasses};

package/dist/esm/video/components/LiteYouTubeEmbed.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as r}from"@gem-sdk/core";import o from"react-youtube";import{getYoutubeParams as a,isSettingLoop as i,covertStrParamsToObj as l}from"../common/helpers.js";import s from"../../image/components/NextImage.js";import{createClass as m,createStyle as c}from"@gem-sdk/system";import{getButtonYoutubeClasses as n,getImageYoutubeClasses as p,getArticleYoutubeClasses as u,getIframeYoutubeClasses as d,getYoutubeContentClasses as y}from"../common/classes.js";import{getIframeYoutubeStyle as f,getArticleYoutubeStyle as g}from"../common/styles.js";import{useLiteYoutubeEmbed as h}from"../hooks/useLiteYoutubeEmbed.js";let LiteYouTubeEmbed=b=>{let C=r(),w="edit"!==C,{style:N,poster:j,iframeClass:k,wrapperClass:v,title:x}=b,{preload:L}=j||{},{videoId:S,paramsImp:T,posterUrl:V,iframeSrc:B}=a(b),{iframe:E,intervalPlay:I,warmConnections:M,isVideoStarted:Y,videoDuration:z,addIframe:D}=h(b,T,S),P=L&&w,A=m({...n(E)}),F=m({...p()}),H=m({...u(P||!1,v)}),O=m({...d(k)}),R=c({...f(N)}),q=c({...g(N,V)}),G=m({...y()}),J=()=>b.isHeroBanner&&i(T)?t(o,{videoId:S,title:x,iframeClassName:O,style:R,className:G,opts:{host:"https://www.youtube-nocookie.com",playerVars:{autoplay:1,state:1,controls:0,mute:1,...l(T)}},onReady:e=>{e.target.playVideo(),z.current=Math.floor(e.target.getDuration())},onStateChange:e=>{let t=e.target;Y.current||(t.playVideo(),Y.current=!0,I(e)),0===e.data&&(z.current=t.getCurrentTime(),t.playVideo(),I(e))}}):t("iframe",{className:O,style:R,title:x,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:B});return e("article",{"aria-hidden":!0,className:H,"data-title":x,style:q,onPointerOver:M,onClick:D,children:[t(s,{src:V,alt:j?.altText,title:j?.imageTitle,priority:w&&L,enableLazyLoadImage:!0,className:F,isDisableAspectStyle:!0}),t("button",{type:"button","aria-label":"Play",className:A,children:e("svg",{height:"100%",version:"1.1",viewBox:"0 0 68 48",width:"100%",children:[t("path",{d:"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z",fill:"#f00"}),t("path",{d:"M 45,24 27,14 27,34",fill:"#fff"})]})}),E&&J()]})};export{LiteYouTubeEmbed as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as r}from"@gem-sdk/core";import a from"react-youtube";import{getYoutubeParams as o,isSettingLoop as i,covertStrParamsToObj as l}from"../common/helpers.js";import s from"../../image/components/NextImage.js";import{createClass as m,createStyle as n}from"@gem-sdk/system";import{getButtonYoutubeClasses as c,getImageYoutubeClasses as u,getArticleYoutubeClasses as d,getIframeYoutubeClasses as p,getYoutubeContentClasses as f}from"../common/classes.js";import{getIframeYoutubeStyle as y,getArticleYoutubeStyle as b}from"../common/styles.js";import{useLiteYoutubeEmbed as h}from"../hooks/useLiteYoutubeEmbed.js";let LiteYouTubeEmbed=g=>{let C=r(),v="edit"!==C,{style:w,poster:N,iframeClass:j,wrapperClass:k,title:x}=g,{preload:B}=N||{},{videoId:E,paramsImp:L,posterUrl:S,iframeSrc:T}=o(g),{iframe:I,intervalPlay:V,warmConnections:H,isVideoStarted:M,videoDuration:Y,addIframe:z}=h(g,L,E),D=B&&v,P=m({...c(I)}),A=m({...u()}),F=m({...d(D||!1,k)}),O=m({...p(j)}),R=n({...y(w)}),q=n({...b(w,S)}),G=m({...f()}),J=()=>{if(g.isHeroBanner&&i(L))return t(a,{videoId:E,title:x,iframeClassName:O,style:R,className:G,opts:{host:"https://www.youtube-nocookie.com",playerVars:{autoplay:1,state:1,controls:0,mute:1,...l(L)}},onReady:e=>{if(e.target.playVideo(),Y.current=Math.floor(e.target.getDuration()),g.isHeroBanner){let t=e.target.getIframe();if(t){let e=t.closest("div.hero-banner-container");if(e){let r=new CustomEvent("youtube-iframe-ready",{detail:{iframe:t},bubbles:!0,cancelable:!0});e.dispatchEvent(r)}}}},onStateChange:e=>{let t=e.target;M.current||(t.playVideo(),M.current=!0,V(e)),0===e.data&&(Y.current=t.getCurrentTime(),t.playVideo(),V(e))}});let e=t("iframe",{className:O,style:R,title:x,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:T});return g.isHeroBanner?t("div",{className:G,children:e}):e};return e("article",{"aria-hidden":!0,className:F,"data-title":x,style:q,onPointerOver:H,onClick:z,children:[t(s,{src:S,alt:N?.altText,title:N?.imageTitle,priority:v&&B,enableLazyLoadImage:!0,className:A,isDisableAspectStyle:!0}),t("button",{type:"button","aria-label":"Play",className:P,children:e("svg",{height:"100%",version:"1.1",viewBox:"0 0 68 48",width:"100%",children:[t("path",{d:"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z",fill:"#f00"}),t("path",{d:"M 45,24 27,14 27,34",fill:"#fff"})]})}),I&&J()]})};export{LiteYouTubeEmbed as default};

package/dist/esm/video/components/LiteYouTubeEmbed.liquid.js CHANGED Viewed

@@ -1,24 +1,26 @@
-import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as a}from"@gem-sdk/core";import l from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as r}from"../../helpers.js";import{createStateOrContext as i,createClass as o,createStyle as p,If as m}from"@gem-sdk/system";import{getButtonYoutubeClasses as d,getImageYoutubeClasses as c,getArticleYoutubeClasses as u,getIframeYoutubeClasses as f}from"../common/classes.js";import{getIframeYoutubeStyle as y,getArticleYoutubeStyle as b}from"../common/styles.js";import{getYoutubeParams as g}from"../common/helpers.js";let LiteYouTubeEmbed=n=>{let{style:$,iframeClass:h,wrapperClass:v,title:S,poster:j}=n,z=`gp-video-${n.uid}`,{posterUrl:E,iframeSrc:w}=g(n),C=j?.preload,L=i({lazy:n.lazy,style:$,title:S,iframeSrc:w}),N=!n.lazy,T=o({...d(N)}),k=o({...c()}),x=o({...u(C||!1,v)}),A=o({...f(h)}),I=p({...y($)}),M=p({...b($,E)}),G=()=>e`
+import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import a from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as i,createClass as o,createStyle as p,If as m}from"@gem-sdk/system";import{getButtonYoutubeClasses as d,getImageYoutubeClasses as c,getArticleYoutubeClasses as u,getIframeYoutubeClasses as f,getYoutubeContentClasses as y}from"../common/classes.js";import{getIframeYoutubeStyle as n,getArticleYoutubeStyle as b}from"../common/styles.js";import{getYoutubeParams as g}from"../common/helpers.js";let LiteYouTubeEmbed=$=>{let{style:h,iframeClass:v,wrapperClass:S,title:j,poster:z}=$,E=`gp-video-${$.uid}`,{posterUrl:w,iframeSrc:C}=g($),L=z?.preload,N=i({lazy:$.lazy,style:h,title:j,iframeSrc:C}),T=!$.lazy,k=o({...d(T)}),x=o({...c()}),A=o({...u(L||!1,S)}),I=o({...f(v)}),M=p({...n(h)}),B=p({...b(h,w)}),G=o({...y()}),O=()=>{let t=e`
     <iframe
-      id="player-wrapper-${n.uid}"
-      class="${A}"
-      style="${I}"
-      title="${S}"
+      id="player-wrapper-${$.uid}"
+      class="${I}"
+      style="${M}"
+      title="${j}"
       frameborder="0"
       allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
       allowfullscreen
-      src="${w}"
+      src="${C}"
     ></iframe>
-  `;return e`
-    <gp-lite-youtube-embed gp-data='${JSON.stringify(L)}'>
+  `;return $.isHeroBanner?e`
+        <div class="${G}">${t}</div>
+      `:t};return e`
+    <gp-lite-youtube-embed gp-data='${JSON.stringify(N)}'>
       <article
         aria-hidden
-        class="${x}"
-        data-title="${S}"
-        style="${M}"
+        class="${A}"
+        data-title="${j}"
+        style="${B}"
       >
-        ${l({id:z,src:E,alt:j?.altText,title:j?.imageTitle,priority:j?.preload,enableLazyLoadImage:!0,className:k,isDisableAspectStyle:!0,isNotLazyload:j?.preload})}
-        <button type="button" aria-label="Play" class="${T}">
+        ${a({id:E,src:w,alt:z?.altText,title:z?.imageTitle,priority:z?.preload,enableLazyLoadImage:!0,className:x,isDisableAspectStyle:!0,isNotLazyload:z?.preload})}
+        <button type="button" aria-label="Play" class="${k}">
           <svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%">
             <path
               d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"
@@ -27,8 +29,8 @@ import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as a}from"@gem-s
             <path d="M 45,24 27,14 27,34" fill="#fff"></path>
           </svg>
         </button>
-        ${m(N,G())}
+        ${m(T,O())}
       </article>
     </gp-lite-youtube-embed>
-    ${t(s,`<script ${r('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r('class="gps-link" delay',"src")}="${a}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${t(s,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${r}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{LiteYouTubeEmbed as default};

package/dist/types/index.d.ts CHANGED Viewed

@@ -147,7 +147,7 @@ type TextProps = BasePropsWrap<TextSettingProps, TextStyleProps> & Omit<React.Co
     disableEdit?: boolean;
 };
-type ObjectFit$1 = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+type ObjectFit$2 = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
 type BaseImageData = {
     alt?: string;
     src?: string;
@@ -161,8 +161,8 @@ type BaseImageData = {
 };
 type SharedProps = {
     aspectRatio?: ObjectDevices<string>;
-    layout?: ObjectDevices<ObjectFit$1>;
-    objectFit?: ObjectDevices<ObjectFit$1>;
+    layout?: ObjectDevices<ObjectFit$2>;
+    objectFit?: ObjectDevices<ObjectFit$2>;
     borderRadius?: ResponsiveStateProp<string>;
     image?: BaseImageData;
 };
@@ -639,6 +639,7 @@ declare const articleListSetting: {
     ArticleReadMore: _gem_sdk_core.ComponentSetting<ArticleReadMoreSidebarSettingProps>;
 };
+type ObjectFit$1 = 'cover' | 'contain';
 type HeroBannerSettingProps = {
     link?: {
         link?: string;
@@ -678,6 +679,7 @@ type HeroBannerStyleProps = {
     sizeSetting?: ObjectDevices<SizeSettingGlobal>;
     order?: ObjectDevices<number>;
     contentPadding?: ObjectDevices<PaddingType$2>;
+    videoObjectFit?: ObjectDevices<ObjectFit$1>;
 } & Pick<RowStyleProps, 'verticalGutter' | 'background'>;
 type HeroBannerProps = BasePropsWrap<HeroBannerSettingProps, HeroBannerStyleProps> & {
     children?: React.ReactNode;
@@ -1919,7 +1921,7 @@ type HeaderOriginalSettingProps = {
     logoWidth?: ObjectDevices<string>;
     logoAspectRatio?: ObjectDevices<string>;
     customAspectRadio?: ObjectDevices<Ratio>;
-    layout?: ObjectDevices<ObjectFit$1>;
+    layout?: ObjectDevices<ObjectFit$2>;
     breakpoint?: 'tablet' | 'mobile' | 'desktop';
     cartIcon?: string;
     openMode?: 'popup' | 'page';
@@ -2201,7 +2203,7 @@ type ImageComparisonStyleProps = {
     customAspectRadio?: ObjectDevices<Ratio>;
     fullWidth?: ObjectDevices<boolean>;
     width?: ObjectDevices<number | string>;
-    imageScale?: ObjectDevices<ObjectFit$1>;
+    imageScale?: ObjectDevices<ObjectFit$2>;
     labelPositionHoz?: ObjectDevices<string>;
     labelPositionVer?: ObjectDevices<string>;
 } & Pick<SharedProps, 'aspectRatio'>;
@@ -2887,7 +2889,7 @@ type PostPurchaseProductPriceBreakdownProps = BasePropsWrap<PostPurchaseProductP
 };
 type FeatureImageStyles$2 = {
-    ftLayout?: ObjectDevices<ObjectFit$1>;
+    ftLayout?: ObjectDevices<ObjectFit$2>;
     ftShape?: ObjectDevices<SizeSettingGlobal>;
     ftCorner?: CornerRadius;
 };
@@ -2928,7 +2930,7 @@ type SelectDisplaySetting$1 = {
     preDisplay?: '1st-available-variant' | '1st-images' | '1st-video' | '1st-3d-mode';
 };
 type GalleryStyles$2 = {
-    layout?: ObjectDevices<ObjectFit$1>;
+    layout?: ObjectDevices<ObjectFit$2>;
     shape?: ObjectDevices<SizeSettingGlobal>;
     shapeForBottom?: ObjectDevices<SizeSettingGlobal>;
     shapeForFtOnly?: ObjectDevices<SizeSettingGlobal>;
@@ -3526,7 +3528,7 @@ declare const postPurchaseProductSetting: {
 };
 type FeatureImageStyles$1 = {
-    ftLayout?: ObjectDevices<ObjectFit$1>;
+    ftLayout?: ObjectDevices<ObjectFit$2>;
     ftShape?: ObjectDevices<SizeSettingGlobal>;
     ftCorner?: CornerRadius;
 };
@@ -3566,7 +3568,7 @@ type SelectDisplaySetting = {
     preDisplay?: '1st-available-variant' | '1st-images' | '1st-video' | '1st-3d-mode';
 };
 type GalleryStyles$1 = {
-    layout?: ObjectDevices<ObjectFit$1>;
+    layout?: ObjectDevices<ObjectFit$2>;
     shape?: ObjectDevices<SizeSettingGlobal>;
     shapeForBottom?: ObjectDevices<SizeSettingGlobal>;
     shapeForFtOnly?: ObjectDevices<SizeSettingGlobal>;
@@ -4027,7 +4029,7 @@ type DynamicCheckoutLiquidProps = DynamicCheckoutProps & {
 type FeatureImageStyles = {
     ftAspectRatio?: ObjectDevices<string>;
     ftCustomAspectRadio?: ObjectDevices<Ratio>;
-    ftLayout?: ObjectDevices<ObjectFit$1>;
+    ftLayout?: ObjectDevices<ObjectFit$2>;
     ftFullWidth?: ObjectDevices<boolean>;
     ftWidth?: ObjectDevices<string>;
     ftWidthHorizontalLayout?: ObjectDevices<string>;
@@ -4048,7 +4050,7 @@ type FeatureImageSetting = {
 type GalleryStyles = {
     aspectRatio?: ObjectDevices<string>;
     customAspectRadio?: ObjectDevices<Ratio>;
-    layout?: ObjectDevices<ObjectFit$1>;
+    layout?: ObjectDevices<ObjectFit$2>;
     align?: ObjectDevices<Property.AlignItems>;
     position?: ObjectDevices<string>;
     spacing?: ObjectDevices<string | number>;
@@ -7991,4 +7993,4 @@ declare const replaceAllHrefFromString: (htmlString: string, hrefs: string[]) =>
 declare function isEmptyObject(obj: Record<string, any>): boolean;
 declare const handleClickLink: (setting?: ImageLink, mode?: RenderMode) => void;
-export { Accordion$1 as Accordion, AccordionItem$1 as AccordionItem, type AccordionItemProps, type AccordionProps, AftershipEmailMarketingsms$1 as AftershipEmailMarketingsms, type AftershipEmailMarketingsmsProps, AirProductReviewsAppUgc$1 as AirProductReviewsAppUgc, type AirProductReviewsAppUgcProps, AliReviews$1 as AliReviews, type AliReviewsProps, AlsoBoughtCbb$1 as AlsoBoughtCbb, type AlsoBoughtCbbProps, AovBundlesVolumeDiscounts$1 as AovBundlesVolumeDiscounts, type AovBundlesVolumeDiscountsProps, AovFreeGiftBuyXGetYBogo$1 as AovFreeGiftBuyXGetYBogo, type AovFreeGiftBuyXGetYBogoProps, AppointmentBookingCowlendar$1 as AppointmentBookingCowlendar, type AppointmentBookingCowlendarProps, AppstleBundlesDiscounts$1 as AppstleBundlesDiscounts, type AppstleBundlesDiscountsProps, AppstleSubscriptions$1 as AppstleSubscriptions, type AppstleSubscriptionsProps, ArticleAuthor$1 as ArticleAuthor, ArticleCategory$1 as ArticleCategory, ArticleContent$1 as ArticleContent, ArticleDate$1 as ArticleDate, ArticleExcerpt$1 as ArticleExcerpt, ArticleImage$1 as ArticleImage, ArticleList$1 as ArticleList, ArticlePagination$1 as ArticlePagination, ArticleReadMore$1 as ArticleReadMore, ArticleTag$1 as ArticleTag, ArticleTitle$1 as ArticleTitle, BasicHeader, BestBuyFulfillment$1 as BestBuyFulfillment, type BestBuyFulfillmentProps, BfSizeChartSizeGuide$1 as BfSizeChartSizeGuide, type BfSizeChartSizeGuideProps, BirdChime$1 as BirdChime, type BirdChimeProps, BloyRewardsProgramLoyalty$1 as BloyRewardsProgramLoyalty, type BloyRewardsProgramLoyaltyProps, Bogos$1 as Bogos, type BogosProps, BoldProductOptions$1 as BoldProductOptions, type BoldProductOptionsProps, BoldSubscriptions$1 as BoldSubscriptions, type BoldSubscriptionsProps, BonLoyaltyRewardsReferrals$1 as BonLoyaltyRewardsReferrals, type BonLoyaltyRewardsReferralsProps, BoostAISearchDiscovery$1 as BoostAISearchDiscovery, type BoostAISearchDiscoveryProps, Breadcrumb$1 as Breadcrumb, Breadcrumb$1 as BreadcrumbProps, Bundler$1 as Bundler, type BundlerProps, Button$2 as Button, type ButtonProps, CONTINUE_SELLING_WHEN_OUT_OF_STOCK, CSSCode$1 as CSSCode, type CSSCodeProps, type CalloutBoxProps, type CalloutTextProps, Carousel$2 as Carousel, CarouselItem$2 as CarouselItem, type CarouselItemProps, type CarouselItemProps$1 as CarouselItemPropsV3, CarouselItem$3 as CarouselItemV3, type CarouselProps, type CarouselProps$1 as CarouselPropsV3, type CarouselSettingProps, type CarouselSettingProps$1 as CarouselSettingPropsV3, type CarouselStyleProps, type CarouselStyleProps$1 as CarouselStylePropsV3, Carousel$3 as CarouselV3, Cart, CartCheckout, CartDiscount, CartLineAttribute, CartLineImage, CartLinePrice, CartLineVariant, CartList, CartOrderNote, type CartProps, CartTotalItem, CartTotalPrice, CheckoutNow, CleanSizeCharts$1 as CleanSizeCharts, type CleanSizeChartsProps, Column$1 as Col, type ColProps, CollectionBanner$1 as CollectionBanner, type CollectionBannerProps, CollectionDescription$1 as CollectionDescription, type CollectionDescriptionProps, CollectionPaginator$1 as CollectionPaginator, type CollectionPaginatorProps, CollectionTitle$1 as CollectionTitle, type CollectionTitleProps, CollectionToolbar$1 as CollectionToolbar, type CollectionToolbarProps, ContactForm$1 as ContactForm, Countdown$1 as Countdown, type CountdownProps, Coupon$1 as Coupon, CouponList, type CouponProps, CrossSellCartUpsell$1 as CrossSellCartUpsell, type CrossSellCartUpsellProps, CustomProductOptionsVariant$1 as CustomProductOptionsVariant, type CustomProductOptionsVariantProps, DEFAULT_FONT_SIZE, DEFAULT_HIGHLIGHT_TAG, DEFAULT_PROGRESS_BAR_HEIGHT, DEFAULT_QUANTITY_TEMPLATE, DEFAULT_RANGE_STEP, DEFAULT_REMAINING_PERCENT, DEFAULT_REMAINING_QUANTITY, DEFAULT_SCARCITY_THRESHOLD, type DataVideoType, DealeasyVolumeDiscounts$1 as DealeasyVolumeDiscounts, type DealeasyVolumeDiscountsProps, DesktopMenu, Dialog$1 as Dialog, DiscountInput, DiscountyBulkDiscountSales$1 as DiscountyBulkDiscountSales, type DiscountyBulkDiscountSalesProps, DynamicCheckout$1 as DynamicCheckout, type DynamicCheckoutProps, ELEMENT_Z_INDEX, EasifyProductOptions$1 as EasifyProductOptions, type EasifyProductOptionsProps, EasyBundleBuilderSkailama$1 as EasyBundleBuilderSkailama, type EasyBundleBuilderSkailamaProps, EasySell as EasySellCOD, type EasySellCODProps, EcoboostifyShoppableReelUgc$1 as EcoboostifyShoppableReelUgc, type EcoboostifyShoppableReelUgcProps, EcomsendBackInStockAlert$1 as EcomsendBackInStockAlert, type EcomsendBackInStockAlertProps, EssentialAnnouncementBar$1 as EssentialAnnouncementBar, type EssentialAnnouncementBarProps, EssentialCountdownTimerBar$1 as EssentialCountdownTimerBar, type EssentialCountdownTimerBarProps, EstimateDate$1 as EstimateDate, type EstimateDateProps, EstimatedDeliveryDatePlus$1 as EstimatedDeliveryDatePlus, type EstimatedDeliveryDatePlusProps, FastBundleBundlesDiscounts$1 as FastBundleBundlesDiscounts, type FastBundleBundlesDiscountsProps, FeraReviews$1 as FeraReviews, type FeraReviewsProps, FileUpload$1 as FileUpload, type FileUploadProps, FirePush$1 as FirePush, type FirePushProps, FlyBundlesUpsellsFbt$1 as FlyBundlesUpsellsFbt, type FlyBundlesUpsellsFbtProps, FordeerProductLabels$1 as FordeerProductLabels, type FordeerProductLabelsProps, FormCheckbox, type FormCheckboxProps, FormDropdown$1 as FormDropdown, type FormDropdownProps, FormEmail$1 as FormEmail, type FormEmailProps, FormTextArea as FormTextarea, FrequentlyBoughtTogether$1 as FrequentlyBoughtTogether, type FrequentlyBoughtTogetherProps, GloColorSwatchvariantImage$1 as GloColorSwatchvariantImage, type GloColorSwatchvariantImageProps, GloboProductOptionsVariant$1 as GloboProductOptionsVariant, type GloboProductOptionsVariantProps, GoogleReviewsByReputon$1 as GoogleReviewsByReputon, type GoogleReviewsByReputonProps, Growave$1 as Growave, type GrowaveProps, Header, type HeaderProps, Heading$1 as Heading, type HeadingProps, HeroBanner$1 as HeroBanner, type HeroBannerProps, HextomCountdownTimerBar$1 as HextomCountdownTimerBar, type HextomCountdownTimerBarProps, HextomFreeShippingBar$1 as HextomFreeShippingBar, type HextomFreeShippingBarProps, HulkFormBuilder$1 as HulkFormBuilder, type HulkFormBuilderProps, HulkProductOptions$1 as HulkProductOptions, type HulkProductOptionsProps, Icon$1 as Icon, IconList$1 as IconList, IconListHoz$1 as IconListHoz, type IconListHozProps, IconListItem$1 as IconListItem, IconListHozItem as IconListItemHoz, type IconListItemProps$1 as IconListItemProps, type IconListProps$1 as IconListProps, IconListV2$1 as IconListV2, type IconProps, Image$1 as Image, ImageComparison$1 as ImageComparison, type ImageComparisonItem, ImageDetection, type ImageDetectionProps, type ImageProps, type ImgProps, InfiniteOptions$1 as InfiniteOptions, type InfiniteOptionsProps, Input, type InputProps, Instafeed$1 as Instafeed, type InstafeedProps, InstantJudgemeReviews, InstantKlaviyo, InstantLooxReviews, InstantYotpoLoyalty, InstasellShoppableInstagram$1 as InstasellShoppableInstagram, type InstasellShoppableInstagramProps, JudgemeReviews$1 as JudgemeReviews, type JudgemeReviewsProps, JunipProductReviewsUgc$1 as JunipProductReviewsUgc, type JunipProductReviewsUgcProps, KachingBundles$1 as KachingBundles, type KachingBundlesProps, KachingSubscriptionsApp$1 as KachingSubscriptionsApp, type KachingSubscriptionsAppProps, KingProductOptions$1 as KingProductOptions, type KingProductOptionsProps, KiteFreeGiftDiscount$1 as KiteFreeGiftDiscount, type KiteFreeGiftDiscountProps, KlarnaMessaging$1 as KlarnaMessaging, type KlarnaMessagingProps, Klaviyo$1 as Klaviyo, type KlaviyoProps, KoalaBundleQuantityDiscount$1 as KoalaBundleQuantityDiscount, type KoalaBundleQuantityDiscountProps, LaiProductReviews$1 as LaiProductReviews, type LaiProductReviewsProps, Line$2 as Line, type LineProps, Link$1 as Link, type LinkProps, LoloyalLoyaltyReferrals$1 as LoloyalLoyaltyReferrals, type LoloyalLoyaltyReferralsProps, LoopSubscriptions$1 as LoopSubscriptions, type LoopSubscriptionsProps, LooxReviews$1 as LooxReviews, type LooxReviewsProps, MAX_PROGRESS_BAR_HEIGHT, MAX_REMAINING_PERCENT, MIN_PROGRESS_BAR_HEIGHT, MIN_REMAINING_PERCENT, MIN_REMAINING_QUANTITY, Marquee$1 as Marquee, _default$4 as MarqueeItem, type MarqueeItemProps, type MarqueeProps, MaxbundleProductBundles$1 as MaxbundleProductBundles, type MaxbundleProductBundlesProps, MbcBundleVolumeDiscount$1 as MbcBundleVolumeDiscount, type MbcBundleVolumeDiscountProps, Menu, type MenuProps, MobileMenu, Modal, ModernHeader, MyappgurusProductReviews$1 as MyappgurusProductReviews, type MyappgurusProductReviewsProps, NO_PRODUCT_LEFT, Newsletter$1 as Newsletter, type NewsletterProps, Notify as Notice, type NotificationAPI, type NotificationConfig, NotifyBackInStockPreOrder$1 as NotifyBackInStockPreOrder, type NotifyBackInStockPreOrderProps, OUT_OF_STOCK, type ObjectFit$1 as ObjectFit, OkendoReviewsLoyalty$1 as OkendoReviewsLoyalty, type OkendoReviewsLoyaltyProps, Omnisend$1 as Omnisend, type OmnisendProps, Opinew$1 as Opinew, type OpinewProps, Pagination, type PaginationProps, ParcelPanel$1 as ParcelPanel, type ParcelPanelProps, PickyStory$1 as PickyStory, type PickyStoryProps, PostPurchaseAcceptButton, PostPurchaseAdvancedList, PostPurchaseAdvancedListItem, type PostPurchaseAdvancedListProps, Button$1 as PostPurchaseButton, type PostPurchaseButtonProps, CalloutBox as PostPurchaseCalloutBox, CalloutText as PostPurchaseCalloutText, PostPurchaseCountdownTimer, type PostPurchaseCountdownTimerProps, PostPurchaseHeading, PostPurchaseImage, type PostPurchaseImageProps, Line$1 as PostPurchaseLine, type PostPurchaseLineProps, Link as PostPurchaseLink, type PostPurchaseLinkProps, PostPurchaseProductDescription, type PostPurchaseProductDescriptionProps, PostPurchaseProductDiscountTag, type PostPurchaseProductDiscountTagProps, PostPurchaseProductImages, type PostPurchaseProductImagesProps, PostPurchaseProductOffer, type PostPurchaseProductOfferProps$1 as PostPurchaseProductOfferProps, PostPurchaseProductPrice, PostPurchaseProductPriceBreakdown, type PostPurchaseProductPriceBreakdownProps, type PostPurchaseProductPriceProps, PostPurchaseProductQuantity, type PostPurchaseProductQuantityProps, PostPurchaseProductTitle, type PostPurchaseProductTitleProps, PostPurchaseProductVariants, type PostPurchaseProductVariantsProps, Text$2 as PostPurchaseText, type PostPurchaseTextProps, PowerfulContactFormBuilder$1 as PowerfulContactFormBuilder, type PowerfulContactFormBuilderProps, PreorderNowPreOrderPq$1 as PreorderNowPreOrderPq, type PreorderNowPreOrderPqProps, PreorderNowWodPresale$1 as PreorderNowWodPresale, type PreorderNowWodPresaleProps, Product$1 as Product, ProductBadge$1 as ProductBadge, type ProductBadgeProps, ProductBundleDiscount$1 as ProductBundleDiscount, ProductBundleDiscountItem$1 as ProductBundleDiscountItem, type ProductBundleDiscountProps, type ProductBundleItemDiscountProps, ProductButton$1 as ProductButton, type ProductButtonProps, ProductDescription$1 as ProductDescription, type ProductDescriptionProps, ProductImages$3 as ProductImages, type ProductImagesProps, ProductImagesV2, ProductImagesV3, ProductList$2 as ProductList, type ProductListProps, type ProductListProps$1 as ProductListPropsV3, ProductList$3 as ProductListV3, ProductOptionsCustomizer$1 as ProductOptionsCustomizer, type ProductOptionsCustomizerProps, ProductOptionsVariantOption$1 as ProductOptionsVariantOption, type ProductOptionsVariantOptionProps, ProductPrice$1 as ProductPrice, type ProductPriceProps, type ProductPropertiesProps, ProductProperties$1 as ProductPropertyInput, type ProductProps, ProductQuantity$1 as ProductQuantity, type ProductQuantityProps, QuickView as ProductQuickView, ProductReviews$1 as ProductReviews, type ProductReviewsProps, ProductSku$1 as ProductSku, ProductTag$1 as ProductTag, type ProductTagProps, ProductTitle$1 as ProductTitle, type ProductTitleProps, ProductVariants$1 as ProductVariants, type ProductVariantsProps, ProductVendor$1 as ProductVendor, ProductViewMore$1 as ProductViewMore, type ProductViewMoreProps, PumperBundlesVolumeDiscount$1 as PumperBundlesVolumeDiscount, type PumperBundlesVolumeDiscountProps, PushOwl$1 as PushOwl, type PushOwlProps, QUANTITY_SOURCE, QikifyUpsell$1 as QikifyUpsell, type QikifyUpsellProps, REGEX_PAGE_TYPE, Radio, RapiBundleQuantityBreaks$1 as RapiBundleQuantityBreaks, type RapiBundleQuantityBreaksProps, RechargeSubscriptions$1 as RechargeSubscriptions, type RechargeSubscriptionsProps, RecurpaySubscriptionApp$1 as RecurpaySubscriptionApp, type RecurpaySubscriptionAppProps, Releasit$1 as Releasit, type ReleasitProps, RequestQuoteHidePrice$1 as RequestQuoteHidePrice, type RequestQuoteHidePriceProps, ReviewxpoProductReviewsApp$1 as ReviewxpoProductReviewsApp, type ReviewxpoProductReviewsAppProps, Rivyo$1 as Rivyo, type RivyoProps, Root$1 as Root, type RootProps$2 as RootProps, Row$1 as Row, type RowProps, Ryviu$1 as Ryviu, type RyviuProps, SealSubscriptions$1 as SealSubscriptions, type SealSubscriptionsProps, Section$1 as Section, SegunoEmailMarketing$1 as SegunoEmailMarketing, type SegunoEmailMarketingProps, Select, Selleasy$1 as Selleasy, type SelleasyProps, SeoantTrustBadgesIcon$1 as SeoantTrustBadgesIcon, type SeoantTrustBadgesIconProps, ShopPayButton$1 as ShopPayButton, type ShopPayButtonProps, ShopPayInstallments$1 as ShopPayInstallments, ShopifyForms$1 as ShopifyForms, type ShopifyFormsProps, ShopifySubscriptions$1 as ShopifySubscriptions, type ShopifySubscriptionsProps, SimpleBundlesKits$1 as SimpleBundlesKits, type SimpleBundlesKitsProps, SkioSubscriptionsYcS20$1 as SkioSubscriptionsYcS20, type SkioSubscriptionsYcS20Props, type SkuProps, SmartSearchBarAndFilters$1 as SmartSearchBarAndFilters, type SmartSearchBarAndFiltersProps, SproutPlantTreesGrowSales$1 as SproutPlantTreesGrowSales, type SproutPlantTreesGrowSalesProps, Stamped$1 as Stamped, type StampedProps, StellarDeliveryDatePickup$1 as StellarDeliveryDatePickup, type StellarDeliveryDatePickupProps, Sticky$1 as Sticky, StockCounter$1 as StockCounter, SubifySubscriptionsApp$1 as SubifySubscriptionsApp, type SubifySubscriptionsAppProps, SubmitButton$1 as SubmitButton, type SubmitButtonProps, TabItem$1 as TabItem, type TabItemProps, Tabs$1 as Tabs, type TabsProps, TagembedSocialPostReview$1 as TagembedSocialPostReview, type TagembedSocialPostReviewProps, TagshopShoppableVideosUgc$1 as TagshopShoppableVideosUgc, type TagshopShoppableVideosUgcProps, TeeinblueProductPersonalizer$1 as TeeinblueProductPersonalizer, type TeeinblueProductPersonalizerProps, Text$1 as Text, type TextAreaProps, TextField$1 as TextField, type TextFieldProps, TextInput$1 as TextInput, type TextInputProps, type TextProps, TextArea as Textarea, type TextareaProps, ThirdPartySlot$1 as ThirdPartySlot, TrustBadgesBear$1 as TrustBadgesBear, type TrustBadgesBearProps, TrustMe$1 as TrustMe, type TrustMeProps, TrustedsiteTrustBadges$1 as TrustedsiteTrustBadges, type TrustedsiteTrustBadgesProps, Trustoo$1 as Trustoo, type TrustooProps, TrustreviewsProductReviews$1 as TrustreviewsProductReviews, type TrustreviewsProductReviewsProps, TrustshopProductReviews$1 as TrustshopProductReviews, type TrustshopProductReviewsProps, UltimateSalesBoost$1 as UltimateSalesBoost, type UltimateSalesBoostProps, UnlimitedBundlesDiscounts$1 as UnlimitedBundlesDiscounts, type UnlimitedBundlesDiscountsProps, UppromoteAffiliateMarketing$1 as UppromoteAffiliateMarketing, type UppromoteAffiliateMarketingProps, type VendorProps, Video$1 as Video, Vitals$1 as Vitals, type VitalsProps, WhatmoreShoppableVideosreel$1 as WhatmoreShoppableVideosreel, type WhatmoreShoppableVideosreelProps, WideBundle$1 as WideBundle, type WideBundleProps, Wiser$1 as Wiser, type WiserProps, WishlistKing$1 as WishlistKing, type WishlistKingProps, WishlistPlus$1 as WishlistPlus, type WishlistPlusProps, YotpoLoyalty, type YotpoLoyaltyProps, YotpoReviews$1 as YotpoReviews, type YotpoReviewsProps, accordionSetting, articleListSetting, bannerSetting, breadcrumbSetting, _default$2 as builderComponent, buttonSetting, carouselSetting, carouselSettingV3, cartSetting, checkIsOpenPopup, checkIsScrollToTop, codeSetting, collectionSetting, _default$1 as componentSettings, contactFormSetting, convertSizeToWidth, convertUnitToNumber, countdownSetting, couponSetting, dialogSetting, estimateDeliverySetting, filterTruthyObject, filterTruthyStyles, getAllHrefFromString, getDisplayStyle, getDynamicSourceLocales, getInlineCss, getInsertLinkData, getLinkArticle, getLinkData, getLiquidInitData, getLiquidTextContent, getSettingPreloadData, getStaticLocale, getTextDisplayData, gridSetting, handleClickLink, headerSetting, headingSetting, iconListHozSetting, iconListSetting, iconListSettingV2, iconSetting, imageComparisonSetting, imageDetectionSetting, imageSetting, inputSetting, isEmptyObject, isHexTransparent, isLinkedToSalesPage, isShopifyDomain, isTransparentColor, isTransparentRGBA, lineSetting, linkSetting, index_liquid as liquidComponents, marqueeSetting, menuSetting, modalSetting, _default$3 as nextComponent, normalizeMailto, openConfirm, paginationSetting, postPurchaseAdvancedListSetting, postPurchaseButtonSetting, postPurchaseCalloutBoxSetting, postPurchaseCountdownTimerSetting, postPurchaseImageSetting, postPurchaseLineSetting, postPurchaseLinkSetting, postPurchaseProduct1Col, postPurchaseProduct2Col, postPurchaseProductDefault, postPurchaseProductSetting, _default as postPurchaseSettings, postPurchaseTextSetting, productSetting, radioSetting, replaceAllHrefFromString, replaceLinkData, selectSetting, shopPayInstallmentSetting, stickySetting, stockCounterSetting, tabSetting, textSetting, textareaSetting, thirdPartyInstantSetting, thirdPartySetting, thirdPartySlotSetting, transformHighlighTag, transformNumberTag, useNotification, videoSetting, youtubeShortsRegex };
+export { Accordion$1 as Accordion, AccordionItem$1 as AccordionItem, type AccordionItemProps, type AccordionProps, AftershipEmailMarketingsms$1 as AftershipEmailMarketingsms, type AftershipEmailMarketingsmsProps, AirProductReviewsAppUgc$1 as AirProductReviewsAppUgc, type AirProductReviewsAppUgcProps, AliReviews$1 as AliReviews, type AliReviewsProps, AlsoBoughtCbb$1 as AlsoBoughtCbb, type AlsoBoughtCbbProps, AovBundlesVolumeDiscounts$1 as AovBundlesVolumeDiscounts, type AovBundlesVolumeDiscountsProps, AovFreeGiftBuyXGetYBogo$1 as AovFreeGiftBuyXGetYBogo, type AovFreeGiftBuyXGetYBogoProps, AppointmentBookingCowlendar$1 as AppointmentBookingCowlendar, type AppointmentBookingCowlendarProps, AppstleBundlesDiscounts$1 as AppstleBundlesDiscounts, type AppstleBundlesDiscountsProps, AppstleSubscriptions$1 as AppstleSubscriptions, type AppstleSubscriptionsProps, ArticleAuthor$1 as ArticleAuthor, ArticleCategory$1 as ArticleCategory, ArticleContent$1 as ArticleContent, ArticleDate$1 as ArticleDate, ArticleExcerpt$1 as ArticleExcerpt, ArticleImage$1 as ArticleImage, ArticleList$1 as ArticleList, ArticlePagination$1 as ArticlePagination, ArticleReadMore$1 as ArticleReadMore, ArticleTag$1 as ArticleTag, ArticleTitle$1 as ArticleTitle, BasicHeader, BestBuyFulfillment$1 as BestBuyFulfillment, type BestBuyFulfillmentProps, BfSizeChartSizeGuide$1 as BfSizeChartSizeGuide, type BfSizeChartSizeGuideProps, BirdChime$1 as BirdChime, type BirdChimeProps, BloyRewardsProgramLoyalty$1 as BloyRewardsProgramLoyalty, type BloyRewardsProgramLoyaltyProps, Bogos$1 as Bogos, type BogosProps, BoldProductOptions$1 as BoldProductOptions, type BoldProductOptionsProps, BoldSubscriptions$1 as BoldSubscriptions, type BoldSubscriptionsProps, BonLoyaltyRewardsReferrals$1 as BonLoyaltyRewardsReferrals, type BonLoyaltyRewardsReferralsProps, BoostAISearchDiscovery$1 as BoostAISearchDiscovery, type BoostAISearchDiscoveryProps, Breadcrumb$1 as Breadcrumb, Breadcrumb$1 as BreadcrumbProps, Bundler$1 as Bundler, type BundlerProps, Button$2 as Button, type ButtonProps, CONTINUE_SELLING_WHEN_OUT_OF_STOCK, CSSCode$1 as CSSCode, type CSSCodeProps, type CalloutBoxProps, type CalloutTextProps, Carousel$2 as Carousel, CarouselItem$2 as CarouselItem, type CarouselItemProps, type CarouselItemProps$1 as CarouselItemPropsV3, CarouselItem$3 as CarouselItemV3, type CarouselProps, type CarouselProps$1 as CarouselPropsV3, type CarouselSettingProps, type CarouselSettingProps$1 as CarouselSettingPropsV3, type CarouselStyleProps, type CarouselStyleProps$1 as CarouselStylePropsV3, Carousel$3 as CarouselV3, Cart, CartCheckout, CartDiscount, CartLineAttribute, CartLineImage, CartLinePrice, CartLineVariant, CartList, CartOrderNote, type CartProps, CartTotalItem, CartTotalPrice, CheckoutNow, CleanSizeCharts$1 as CleanSizeCharts, type CleanSizeChartsProps, Column$1 as Col, type ColProps, CollectionBanner$1 as CollectionBanner, type CollectionBannerProps, CollectionDescription$1 as CollectionDescription, type CollectionDescriptionProps, CollectionPaginator$1 as CollectionPaginator, type CollectionPaginatorProps, CollectionTitle$1 as CollectionTitle, type CollectionTitleProps, CollectionToolbar$1 as CollectionToolbar, type CollectionToolbarProps, ContactForm$1 as ContactForm, Countdown$1 as Countdown, type CountdownProps, Coupon$1 as Coupon, CouponList, type CouponProps, CrossSellCartUpsell$1 as CrossSellCartUpsell, type CrossSellCartUpsellProps, CustomProductOptionsVariant$1 as CustomProductOptionsVariant, type CustomProductOptionsVariantProps, DEFAULT_FONT_SIZE, DEFAULT_HIGHLIGHT_TAG, DEFAULT_PROGRESS_BAR_HEIGHT, DEFAULT_QUANTITY_TEMPLATE, DEFAULT_RANGE_STEP, DEFAULT_REMAINING_PERCENT, DEFAULT_REMAINING_QUANTITY, DEFAULT_SCARCITY_THRESHOLD, type DataVideoType, DealeasyVolumeDiscounts$1 as DealeasyVolumeDiscounts, type DealeasyVolumeDiscountsProps, DesktopMenu, Dialog$1 as Dialog, DiscountInput, DiscountyBulkDiscountSales$1 as DiscountyBulkDiscountSales, type DiscountyBulkDiscountSalesProps, DynamicCheckout$1 as DynamicCheckout, type DynamicCheckoutProps, ELEMENT_Z_INDEX, EasifyProductOptions$1 as EasifyProductOptions, type EasifyProductOptionsProps, EasyBundleBuilderSkailama$1 as EasyBundleBuilderSkailama, type EasyBundleBuilderSkailamaProps, EasySell as EasySellCOD, type EasySellCODProps, EcoboostifyShoppableReelUgc$1 as EcoboostifyShoppableReelUgc, type EcoboostifyShoppableReelUgcProps, EcomsendBackInStockAlert$1 as EcomsendBackInStockAlert, type EcomsendBackInStockAlertProps, EssentialAnnouncementBar$1 as EssentialAnnouncementBar, type EssentialAnnouncementBarProps, EssentialCountdownTimerBar$1 as EssentialCountdownTimerBar, type EssentialCountdownTimerBarProps, EstimateDate$1 as EstimateDate, type EstimateDateProps, EstimatedDeliveryDatePlus$1 as EstimatedDeliveryDatePlus, type EstimatedDeliveryDatePlusProps, FastBundleBundlesDiscounts$1 as FastBundleBundlesDiscounts, type FastBundleBundlesDiscountsProps, FeraReviews$1 as FeraReviews, type FeraReviewsProps, FileUpload$1 as FileUpload, type FileUploadProps, FirePush$1 as FirePush, type FirePushProps, FlyBundlesUpsellsFbt$1 as FlyBundlesUpsellsFbt, type FlyBundlesUpsellsFbtProps, FordeerProductLabels$1 as FordeerProductLabels, type FordeerProductLabelsProps, FormCheckbox, type FormCheckboxProps, FormDropdown$1 as FormDropdown, type FormDropdownProps, FormEmail$1 as FormEmail, type FormEmailProps, FormTextArea as FormTextarea, FrequentlyBoughtTogether$1 as FrequentlyBoughtTogether, type FrequentlyBoughtTogetherProps, GloColorSwatchvariantImage$1 as GloColorSwatchvariantImage, type GloColorSwatchvariantImageProps, GloboProductOptionsVariant$1 as GloboProductOptionsVariant, type GloboProductOptionsVariantProps, GoogleReviewsByReputon$1 as GoogleReviewsByReputon, type GoogleReviewsByReputonProps, Growave$1 as Growave, type GrowaveProps, Header, type HeaderProps, Heading$1 as Heading, type HeadingProps, HeroBanner$1 as HeroBanner, type HeroBannerProps, HextomCountdownTimerBar$1 as HextomCountdownTimerBar, type HextomCountdownTimerBarProps, HextomFreeShippingBar$1 as HextomFreeShippingBar, type HextomFreeShippingBarProps, HulkFormBuilder$1 as HulkFormBuilder, type HulkFormBuilderProps, HulkProductOptions$1 as HulkProductOptions, type HulkProductOptionsProps, Icon$1 as Icon, IconList$1 as IconList, IconListHoz$1 as IconListHoz, type IconListHozProps, IconListItem$1 as IconListItem, IconListHozItem as IconListItemHoz, type IconListItemProps$1 as IconListItemProps, type IconListProps$1 as IconListProps, IconListV2$1 as IconListV2, type IconProps, Image$1 as Image, ImageComparison$1 as ImageComparison, type ImageComparisonItem, ImageDetection, type ImageDetectionProps, type ImageProps, type ImgProps, InfiniteOptions$1 as InfiniteOptions, type InfiniteOptionsProps, Input, type InputProps, Instafeed$1 as Instafeed, type InstafeedProps, InstantJudgemeReviews, InstantKlaviyo, InstantLooxReviews, InstantYotpoLoyalty, InstasellShoppableInstagram$1 as InstasellShoppableInstagram, type InstasellShoppableInstagramProps, JudgemeReviews$1 as JudgemeReviews, type JudgemeReviewsProps, JunipProductReviewsUgc$1 as JunipProductReviewsUgc, type JunipProductReviewsUgcProps, KachingBundles$1 as KachingBundles, type KachingBundlesProps, KachingSubscriptionsApp$1 as KachingSubscriptionsApp, type KachingSubscriptionsAppProps, KingProductOptions$1 as KingProductOptions, type KingProductOptionsProps, KiteFreeGiftDiscount$1 as KiteFreeGiftDiscount, type KiteFreeGiftDiscountProps, KlarnaMessaging$1 as KlarnaMessaging, type KlarnaMessagingProps, Klaviyo$1 as Klaviyo, type KlaviyoProps, KoalaBundleQuantityDiscount$1 as KoalaBundleQuantityDiscount, type KoalaBundleQuantityDiscountProps, LaiProductReviews$1 as LaiProductReviews, type LaiProductReviewsProps, Line$2 as Line, type LineProps, Link$1 as Link, type LinkProps, LoloyalLoyaltyReferrals$1 as LoloyalLoyaltyReferrals, type LoloyalLoyaltyReferralsProps, LoopSubscriptions$1 as LoopSubscriptions, type LoopSubscriptionsProps, LooxReviews$1 as LooxReviews, type LooxReviewsProps, MAX_PROGRESS_BAR_HEIGHT, MAX_REMAINING_PERCENT, MIN_PROGRESS_BAR_HEIGHT, MIN_REMAINING_PERCENT, MIN_REMAINING_QUANTITY, Marquee$1 as Marquee, _default$4 as MarqueeItem, type MarqueeItemProps, type MarqueeProps, MaxbundleProductBundles$1 as MaxbundleProductBundles, type MaxbundleProductBundlesProps, MbcBundleVolumeDiscount$1 as MbcBundleVolumeDiscount, type MbcBundleVolumeDiscountProps, Menu, type MenuProps, MobileMenu, Modal, ModernHeader, MyappgurusProductReviews$1 as MyappgurusProductReviews, type MyappgurusProductReviewsProps, NO_PRODUCT_LEFT, Newsletter$1 as Newsletter, type NewsletterProps, Notify as Notice, type NotificationAPI, type NotificationConfig, NotifyBackInStockPreOrder$1 as NotifyBackInStockPreOrder, type NotifyBackInStockPreOrderProps, OUT_OF_STOCK, type ObjectFit$2 as ObjectFit, OkendoReviewsLoyalty$1 as OkendoReviewsLoyalty, type OkendoReviewsLoyaltyProps, Omnisend$1 as Omnisend, type OmnisendProps, Opinew$1 as Opinew, type OpinewProps, Pagination, type PaginationProps, ParcelPanel$1 as ParcelPanel, type ParcelPanelProps, PickyStory$1 as PickyStory, type PickyStoryProps, PostPurchaseAcceptButton, PostPurchaseAdvancedList, PostPurchaseAdvancedListItem, type PostPurchaseAdvancedListProps, Button$1 as PostPurchaseButton, type PostPurchaseButtonProps, CalloutBox as PostPurchaseCalloutBox, CalloutText as PostPurchaseCalloutText, PostPurchaseCountdownTimer, type PostPurchaseCountdownTimerProps, PostPurchaseHeading, PostPurchaseImage, type PostPurchaseImageProps, Line$1 as PostPurchaseLine, type PostPurchaseLineProps, Link as PostPurchaseLink, type PostPurchaseLinkProps, PostPurchaseProductDescription, type PostPurchaseProductDescriptionProps, PostPurchaseProductDiscountTag, type PostPurchaseProductDiscountTagProps, PostPurchaseProductImages, type PostPurchaseProductImagesProps, PostPurchaseProductOffer, type PostPurchaseProductOfferProps$1 as PostPurchaseProductOfferProps, PostPurchaseProductPrice, PostPurchaseProductPriceBreakdown, type PostPurchaseProductPriceBreakdownProps, type PostPurchaseProductPriceProps, PostPurchaseProductQuantity, type PostPurchaseProductQuantityProps, PostPurchaseProductTitle, type PostPurchaseProductTitleProps, PostPurchaseProductVariants, type PostPurchaseProductVariantsProps, Text$2 as PostPurchaseText, type PostPurchaseTextProps, PowerfulContactFormBuilder$1 as PowerfulContactFormBuilder, type PowerfulContactFormBuilderProps, PreorderNowPreOrderPq$1 as PreorderNowPreOrderPq, type PreorderNowPreOrderPqProps, PreorderNowWodPresale$1 as PreorderNowWodPresale, type PreorderNowWodPresaleProps, Product$1 as Product, ProductBadge$1 as ProductBadge, type ProductBadgeProps, ProductBundleDiscount$1 as ProductBundleDiscount, ProductBundleDiscountItem$1 as ProductBundleDiscountItem, type ProductBundleDiscountProps, type ProductBundleItemDiscountProps, ProductButton$1 as ProductButton, type ProductButtonProps, ProductDescription$1 as ProductDescription, type ProductDescriptionProps, ProductImages$3 as ProductImages, type ProductImagesProps, ProductImagesV2, ProductImagesV3, ProductList$2 as ProductList, type ProductListProps, type ProductListProps$1 as ProductListPropsV3, ProductList$3 as ProductListV3, ProductOptionsCustomizer$1 as ProductOptionsCustomizer, type ProductOptionsCustomizerProps, ProductOptionsVariantOption$1 as ProductOptionsVariantOption, type ProductOptionsVariantOptionProps, ProductPrice$1 as ProductPrice, type ProductPriceProps, type ProductPropertiesProps, ProductProperties$1 as ProductPropertyInput, type ProductProps, ProductQuantity$1 as ProductQuantity, type ProductQuantityProps, QuickView as ProductQuickView, ProductReviews$1 as ProductReviews, type ProductReviewsProps, ProductSku$1 as ProductSku, ProductTag$1 as ProductTag, type ProductTagProps, ProductTitle$1 as ProductTitle, type ProductTitleProps, ProductVariants$1 as ProductVariants, type ProductVariantsProps, ProductVendor$1 as ProductVendor, ProductViewMore$1 as ProductViewMore, type ProductViewMoreProps, PumperBundlesVolumeDiscount$1 as PumperBundlesVolumeDiscount, type PumperBundlesVolumeDiscountProps, PushOwl$1 as PushOwl, type PushOwlProps, QUANTITY_SOURCE, QikifyUpsell$1 as QikifyUpsell, type QikifyUpsellProps, REGEX_PAGE_TYPE, Radio, RapiBundleQuantityBreaks$1 as RapiBundleQuantityBreaks, type RapiBundleQuantityBreaksProps, RechargeSubscriptions$1 as RechargeSubscriptions, type RechargeSubscriptionsProps, RecurpaySubscriptionApp$1 as RecurpaySubscriptionApp, type RecurpaySubscriptionAppProps, Releasit$1 as Releasit, type ReleasitProps, RequestQuoteHidePrice$1 as RequestQuoteHidePrice, type RequestQuoteHidePriceProps, ReviewxpoProductReviewsApp$1 as ReviewxpoProductReviewsApp, type ReviewxpoProductReviewsAppProps, Rivyo$1 as Rivyo, type RivyoProps, Root$1 as Root, type RootProps$2 as RootProps, Row$1 as Row, type RowProps, Ryviu$1 as Ryviu, type RyviuProps, SealSubscriptions$1 as SealSubscriptions, type SealSubscriptionsProps, Section$1 as Section, SegunoEmailMarketing$1 as SegunoEmailMarketing, type SegunoEmailMarketingProps, Select, Selleasy$1 as Selleasy, type SelleasyProps, SeoantTrustBadgesIcon$1 as SeoantTrustBadgesIcon, type SeoantTrustBadgesIconProps, ShopPayButton$1 as ShopPayButton, type ShopPayButtonProps, ShopPayInstallments$1 as ShopPayInstallments, ShopifyForms$1 as ShopifyForms, type ShopifyFormsProps, ShopifySubscriptions$1 as ShopifySubscriptions, type ShopifySubscriptionsProps, SimpleBundlesKits$1 as SimpleBundlesKits, type SimpleBundlesKitsProps, SkioSubscriptionsYcS20$1 as SkioSubscriptionsYcS20, type SkioSubscriptionsYcS20Props, type SkuProps, SmartSearchBarAndFilters$1 as SmartSearchBarAndFilters, type SmartSearchBarAndFiltersProps, SproutPlantTreesGrowSales$1 as SproutPlantTreesGrowSales, type SproutPlantTreesGrowSalesProps, Stamped$1 as Stamped, type StampedProps, StellarDeliveryDatePickup$1 as StellarDeliveryDatePickup, type StellarDeliveryDatePickupProps, Sticky$1 as Sticky, StockCounter$1 as StockCounter, SubifySubscriptionsApp$1 as SubifySubscriptionsApp, type SubifySubscriptionsAppProps, SubmitButton$1 as SubmitButton, type SubmitButtonProps, TabItem$1 as TabItem, type TabItemProps, Tabs$1 as Tabs, type TabsProps, TagembedSocialPostReview$1 as TagembedSocialPostReview, type TagembedSocialPostReviewProps, TagshopShoppableVideosUgc$1 as TagshopShoppableVideosUgc, type TagshopShoppableVideosUgcProps, TeeinblueProductPersonalizer$1 as TeeinblueProductPersonalizer, type TeeinblueProductPersonalizerProps, Text$1 as Text, type TextAreaProps, TextField$1 as TextField, type TextFieldProps, TextInput$1 as TextInput, type TextInputProps, type TextProps, TextArea as Textarea, type TextareaProps, ThirdPartySlot$1 as ThirdPartySlot, TrustBadgesBear$1 as TrustBadgesBear, type TrustBadgesBearProps, TrustMe$1 as TrustMe, type TrustMeProps, TrustedsiteTrustBadges$1 as TrustedsiteTrustBadges, type TrustedsiteTrustBadgesProps, Trustoo$1 as Trustoo, type TrustooProps, TrustreviewsProductReviews$1 as TrustreviewsProductReviews, type TrustreviewsProductReviewsProps, TrustshopProductReviews$1 as TrustshopProductReviews, type TrustshopProductReviewsProps, UltimateSalesBoost$1 as UltimateSalesBoost, type UltimateSalesBoostProps, UnlimitedBundlesDiscounts$1 as UnlimitedBundlesDiscounts, type UnlimitedBundlesDiscountsProps, UppromoteAffiliateMarketing$1 as UppromoteAffiliateMarketing, type UppromoteAffiliateMarketingProps, type VendorProps, Video$1 as Video, Vitals$1 as Vitals, type VitalsProps, WhatmoreShoppableVideosreel$1 as WhatmoreShoppableVideosreel, type WhatmoreShoppableVideosreelProps, WideBundle$1 as WideBundle, type WideBundleProps, Wiser$1 as Wiser, type WiserProps, WishlistKing$1 as WishlistKing, type WishlistKingProps, WishlistPlus$1 as WishlistPlus, type WishlistPlusProps, YotpoLoyalty, type YotpoLoyaltyProps, YotpoReviews$1 as YotpoReviews, type YotpoReviewsProps, accordionSetting, articleListSetting, bannerSetting, breadcrumbSetting, _default$2 as builderComponent, buttonSetting, carouselSetting, carouselSettingV3, cartSetting, checkIsOpenPopup, checkIsScrollToTop, codeSetting, collectionSetting, _default$1 as componentSettings, contactFormSetting, convertSizeToWidth, convertUnitToNumber, countdownSetting, couponSetting, dialogSetting, estimateDeliverySetting, filterTruthyObject, filterTruthyStyles, getAllHrefFromString, getDisplayStyle, getDynamicSourceLocales, getInlineCss, getInsertLinkData, getLinkArticle, getLinkData, getLiquidInitData, getLiquidTextContent, getSettingPreloadData, getStaticLocale, getTextDisplayData, gridSetting, handleClickLink, headerSetting, headingSetting, iconListHozSetting, iconListSetting, iconListSettingV2, iconSetting, imageComparisonSetting, imageDetectionSetting, imageSetting, inputSetting, isEmptyObject, isHexTransparent, isLinkedToSalesPage, isShopifyDomain, isTransparentColor, isTransparentRGBA, lineSetting, linkSetting, index_liquid as liquidComponents, marqueeSetting, menuSetting, modalSetting, _default$3 as nextComponent, normalizeMailto, openConfirm, paginationSetting, postPurchaseAdvancedListSetting, postPurchaseButtonSetting, postPurchaseCalloutBoxSetting, postPurchaseCountdownTimerSetting, postPurchaseImageSetting, postPurchaseLineSetting, postPurchaseLinkSetting, postPurchaseProduct1Col, postPurchaseProduct2Col, postPurchaseProductDefault, postPurchaseProductSetting, _default as postPurchaseSettings, postPurchaseTextSetting, productSetting, radioSetting, replaceAllHrefFromString, replaceLinkData, selectSetting, shopPayInstallmentSetting, stickySetting, stockCounterSetting, tabSetting, textSetting, textareaSetting, thirdPartyInstantSetting, thirdPartySetting, thirdPartySlotSetting, transformHighlighTag, transformNumberTag, useNotification, videoSetting, youtubeShortsRegex };