@gem-sdk/components 8.0.0-dev.69 → 8.0.0-dev.71

package/dist/esm/collection/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import"next/head";import"next/image";import"react-youtube";import"html-react-parser";import t from"./settings/collection-title/CollectionTitle.js";import o from"./settings/collection-banner/CollectionBanner.js";import i from"./settings/collection-description/CollectionDescription.js";import e from"./settings/collection-toolbar/CollectionToolbar.js";import l from"./settings/collection-paginator/CollectionPaginator.js";let collectionSetting={CollectionTitle:t,CollectionBanner:o,CollectionDescription:i,CollectionToolbar:e,CollectionPaginator:l};export{collectionSetting};
+import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import"next/head";import"next/image";import"../accordion/common/classes.js";import"../accordion/settings/configs/settings.js";import"../image/components/AdaptiveImage.js";import"html-react-parser";import"react-youtube";import"../hero-banner/common/animation-manager.js";import"@gem-sdk/keen-slider/react";import"../cart/components/shop-pay-button/ShopPayButton.js";import t from"./settings/collection-title/CollectionTitle.js";import o from"./settings/collection-banner/CollectionBanner.js";import r from"./settings/collection-description/CollectionDescription.js";import i from"./settings/collection-toolbar/CollectionToolbar.js";import s from"./settings/collection-paginator/CollectionPaginator.js";import"../countdown-timer/settings/configs/setting.js";import"../estimate-delivery/settings/configs/settings.js";import"../header/components/Header.js";import"../header/components/kind/basic/index.js";import"react-transition-group";import"../icon-list-v2/settings/configs/settings.js";import"../image-comparison/components/Label.js";import"../marquee/common/classes.js";import"../modal/components/confirm.js";import"react-dom";import"../notification/components/Notifications.js";import"../notification/components/Notice.js";import"../post-purchase/callout-banner/common/styles.js";import"../post-purchase/image/components/Img.js";import"../post-purchase/line/types.js";import"../post-purchase/link/common/helpers.js";import"../post-purchase/product/components/product-variant/components/variants/VariantItem.js";import"../product/components/product-wrap/Product.js";import"../product/components/product-button/types.js";import"../product/components/product-variants/components/variants/index.js";import"../video/components/Video.js";import"../product/components/product-quick-view/QuickView.js";import"../product/components/constants/product-bundle.js";import"../product/components/product-list-v3/ProductList.js";import"../product/components/product-list/ProductList.js";import"../product/components/product-bundle/common/styles.js";import"../product/components/product-bundle/common/classes.js";import"../product/components/product-badge/constants.js";import"../product/components/product-badge/types.js";import"../product/components/product-badge/utils/shape.js";import"../select/settings/configs/settings.js";import"../textarea/components/Textarea.js";import"../third-party/components/JudgemeReviews.js";import"../third-party/components/LooxReviews.js";import"../third-party/components/Klaviyo.js";import"../third-party/components/YotpoLoyalty.js";import"../third-party/components/SmartSearchBarAndFilters.js";import"../third-party/components/Instafeed.js";import"../third-party/components/ProductReviews.js";import"../third-party/components/Ryviu.js";import"../third-party/components/Rivyo.js";import"../third-party/components/Vitals.js";import"../third-party/components/Omnisend.js";import"../third-party/components/Trustoo.js";import"../third-party/components/SealSubscriptions.js";import"../third-party/components/AppstleSubscriptions.js";import"../third-party/components/FeraReviews.js";import"../third-party/components/ParcelPanel.js";import"../third-party/components/TrustMe.js";import"../third-party/components/FrequentlyBoughtTogether.js";import"../third-party/components/BoldSubscriptions.js";import"../third-party/components/BoldProductOptions.js";import"../third-party/components/WideBundle.js";import"../third-party/components/PickyStory.js";import"../third-party/components/InfiniteOptions.js";import"../third-party/components/Wiser.js";import"../third-party/components/Stamped.js";import"../third-party/components/Bundler.js";import"../third-party/components/LaiProductReviews.js";import"../third-party/components/Growave.js";import"../third-party/components/KachingBundles.js";import"../third-party/components/Opinew.js";import"../third-party/components/UltimateSalesBoost.js";import"../third-party/components/CrossSellCartUpsell.js";import"../third-party/components/BoostAISearchDiscovery.js";import"../third-party/components/YotpoReviews.js";import"../third-party/components/FirePush.js";import"../third-party/components/AliReviews.js";import"../third-party/components/Bogos.js";import"../third-party/components/Releasit.js";import"../third-party/components/KingProductOptions.js";import"../third-party/components/BirdChime.js";import"../third-party-instant/components/Judgeme/SingleProduct.js";import"../third-party-instant/components/Judgeme/WithoutProduct.js";import"../third-party-instant/components/InstantLooxReviews.js";import"../third-party-instant/components/InstantKlaviyo.js";import"../third-party-instant/components/InstantYotpoLoyalty.js";import"../accordion/next.js";import"../article/next.js";import"../hero-banner/next.js";import"../breadcrumb/next.js";import"../button/next.js";import"../carousel-v3/next.js";import"../carousel/next.js";import"../cart/next.js";import"../code/next.js";import"./next.js";import"../countdown-timer/next.js";import"../coupon/next.js";import"../dialog/next.js";import"../estimate-delivery/next.js";import"../form/next.js";import"../grid/next.js";import"../header/next.js";import"../heading/next.js";import"../icon/next.js";import"../icon-list/next.js";import"../icon-list-hoz/next.js";import"../icon-list-v2/next.js";import"../image/next.js";import"../image-comparison/next.js";import"../image-detection/next.js";import"../input/next.js";import"../line/next.js";import"../link/next.js";import"../marquee/next.js";import"../menu/next.js";import"../modal/next.js";import"../pagination/next.js";import"../post-purchase/advanced-list/next.js";import"../post-purchase/button/next.js";import"../post-purchase/callout-banner/next.js";import"../post-purchase/countdown-timer/next.js";import"../post-purchase/image/next.js";import"../post-purchase/line/next.js";import"../post-purchase/link/next.js";import"../post-purchase/text/next.js";import"../post-purchase/product/next.js";import"../product/next.js";import"../radio/next.js";import"../select/next.js";import"../tab/next.js";import"../text/next.js";import"../textarea/next.js";import"../video/next.js";import"../third-party/next.js";import"../third-party-instant/next.js";import"../stock-counter/next.js";import"../third-party-slot/next.js";import"../shop-pay-installment/next.js";import"../sticky/next.js";import"../breadcrumb/types.js";let collectionSetting={CollectionTitle:t,CollectionBanner:o,CollectionDescription:r,CollectionToolbar:i,CollectionPaginator:s};export{collectionSetting};

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

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

package/dist/esm/grid/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import t from"./settings/Root.js";import o from"./settings/Section.js";import i from"./settings/Row.js";import e from"./settings/Col.js";let gridSetting={Root:t,Section:o,Row:i,Col:e};export{gridSetting};
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"../accordion/common/classes.js";import"../accordion/settings/configs/settings.js";import"../image/components/AdaptiveImage.js";import"html-react-parser";import t from"./settings/Root.js";import o from"./settings/Section.js";import r from"./settings/Row.js";import s from"./settings/Col.js";import"react-youtube";import"../hero-banner/common/animation-manager.js";import"@gem-sdk/keen-slider/react";import"../cart/components/shop-pay-button/ShopPayButton.js";import"../countdown-timer/settings/configs/setting.js";import"../estimate-delivery/settings/configs/settings.js";import"../header/components/Header.js";import"../header/components/kind/basic/index.js";import"react-transition-group";import"../icon-list-v2/settings/configs/settings.js";import"../image-comparison/components/Label.js";import"../marquee/common/classes.js";import"../modal/components/confirm.js";import"react-dom";import"../notification/components/Notifications.js";import"../notification/components/Notice.js";import"../post-purchase/callout-banner/common/styles.js";import"../post-purchase/image/components/Img.js";import"../post-purchase/line/types.js";import"../post-purchase/link/common/helpers.js";import"../post-purchase/product/components/product-variant/components/variants/VariantItem.js";import"../product/components/product-wrap/Product.js";import"../product/components/product-button/types.js";import"../product/components/product-variants/components/variants/index.js";import"../video/components/Video.js";import"../product/components/product-quick-view/QuickView.js";import"../product/components/constants/product-bundle.js";import"../product/components/product-list-v3/ProductList.js";import"../product/components/product-list/ProductList.js";import"../product/components/product-bundle/common/styles.js";import"../product/components/product-bundle/common/classes.js";import"../product/components/product-badge/constants.js";import"../product/components/product-badge/types.js";import"../product/components/product-badge/utils/shape.js";import"../select/settings/configs/settings.js";import"../textarea/components/Textarea.js";import"../third-party/components/JudgemeReviews.js";import"../third-party/components/LooxReviews.js";import"../third-party/components/Klaviyo.js";import"../third-party/components/YotpoLoyalty.js";import"../third-party/components/SmartSearchBarAndFilters.js";import"../third-party/components/Instafeed.js";import"../third-party/components/ProductReviews.js";import"../third-party/components/Ryviu.js";import"../third-party/components/Rivyo.js";import"../third-party/components/Vitals.js";import"../third-party/components/Omnisend.js";import"../third-party/components/Trustoo.js";import"../third-party/components/SealSubscriptions.js";import"../third-party/components/AppstleSubscriptions.js";import"../third-party/components/FeraReviews.js";import"../third-party/components/ParcelPanel.js";import"../third-party/components/TrustMe.js";import"../third-party/components/FrequentlyBoughtTogether.js";import"../third-party/components/BoldSubscriptions.js";import"../third-party/components/BoldProductOptions.js";import"../third-party/components/WideBundle.js";import"../third-party/components/PickyStory.js";import"../third-party/components/InfiniteOptions.js";import"../third-party/components/Wiser.js";import"../third-party/components/Stamped.js";import"../third-party/components/Bundler.js";import"../third-party/components/LaiProductReviews.js";import"../third-party/components/Growave.js";import"../third-party/components/KachingBundles.js";import"../third-party/components/Opinew.js";import"../third-party/components/UltimateSalesBoost.js";import"../third-party/components/CrossSellCartUpsell.js";import"../third-party/components/BoostAISearchDiscovery.js";import"../third-party/components/YotpoReviews.js";import"../third-party/components/FirePush.js";import"../third-party/components/AliReviews.js";import"../third-party/components/Bogos.js";import"../third-party/components/Releasit.js";import"../third-party/components/KingProductOptions.js";import"../third-party/components/BirdChime.js";import"../third-party-instant/components/Judgeme/SingleProduct.js";import"../third-party-instant/components/Judgeme/WithoutProduct.js";import"../third-party-instant/components/InstantLooxReviews.js";import"../third-party-instant/components/InstantKlaviyo.js";import"../third-party-instant/components/InstantYotpoLoyalty.js";import"../accordion/next.js";import"../article/next.js";import"../hero-banner/next.js";import"../breadcrumb/next.js";import"../button/next.js";import"../carousel-v3/next.js";import"../carousel/next.js";import"../cart/next.js";import"../code/next.js";import"../collection/next.js";import"../countdown-timer/next.js";import"../coupon/next.js";import"../dialog/next.js";import"../estimate-delivery/next.js";import"../form/next.js";import"./next.js";import"../header/next.js";import"../heading/next.js";import"../icon/next.js";import"../icon-list/next.js";import"../icon-list-hoz/next.js";import"../icon-list-v2/next.js";import"../image/next.js";import"../image-comparison/next.js";import"../image-detection/next.js";import"../input/next.js";import"../line/next.js";import"../link/next.js";import"../marquee/next.js";import"../menu/next.js";import"../modal/next.js";import"../pagination/next.js";import"../post-purchase/advanced-list/next.js";import"../post-purchase/button/next.js";import"../post-purchase/callout-banner/next.js";import"../post-purchase/countdown-timer/next.js";import"../post-purchase/image/next.js";import"../post-purchase/line/next.js";import"../post-purchase/link/next.js";import"../post-purchase/text/next.js";import"../post-purchase/product/next.js";import"../product/next.js";import"../radio/next.js";import"../select/next.js";import"../tab/next.js";import"../text/next.js";import"../textarea/next.js";import"../video/next.js";import"../third-party/next.js";import"../third-party-instant/next.js";import"../stock-counter/next.js";import"../third-party-slot/next.js";import"../shop-pay-installment/next.js";import"../sticky/next.js";import"../breadcrumb/types.js";let gridSetting={Root:t,Section:o,Row:r,Col:s};export{gridSetting};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{makeStyleResponsive as i,cls as l}from"@gem-sdk/core";import r from"next/dynamic";import p from"../../../../cart/components/Cart.js";import"react";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import s from"../../../../image/components/Image.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";import a from"../../../../cart/components/CheckoutNow.js";let MobileMenu=r(()=>import("./MobileMenu.js")),DesktopMenu=r(()=>import("./DesktopMenu.js")),BasicHeader=({btnBgColor:r,btnBorder:n,btnRounded:m,btnSpacing:c,btnTextColor:g,btnTypography:d,btnType:b,btnWidth:h,openMode:u,buyNow:f,breakpoint:y,...x})=>{let k=!!x.menu?.ROOT.childrens?.length;return e("div",{className:"gp-relative gp-z-50 gp-flex gp-items-center gp-px-4 gp-justify-between",style:i("h",x.height),children:[k?e(t,{children:[o(MobileMenu,{...x,className:l({"gp-flex":"desktop"===y,"gp-hidden tablet:gp-flex":"tablet"===y,"gp-hidden mobile:gp-flex":"mobile"===y})}),o(DesktopMenu,{...x,className:l({"!gp-hidden":"desktop"===y,"tablet:!gp-hidden":"tablet"===y,"mobile:!gp-hidden":"mobile"===y})})]}):null,!!x.logo&&o("div",{className:l({"gp-justify-center":"desktop"===y&&k,"tablet:gp-justify-center":"tablet"===y&&k,"mobile:gp-justify-center":"mobile"===y&&k,"gp-flex gp-items-center":"desktop"===y,"tablet:gp-flex tablet:gp-items-center":"tablet"===y,"mobile:gp-flex mobile:gp-items-center":"mobile"===y,"gp-order-first":"desktop"!==y,"mobile:gp-order-[0]":!0,"tablet:gp-order-[0]":"tablet"===y}),children:o(s,{style:i("maxh",x.height),setting:{srcSet:x.logo,alt:"Logo",quality:100,isAdaptive:!0},styles:{customAspectRadio:x.customAspectRadio,aspectRatio:x.logoAspectRatio,width:x.logoWidth,objectFit:x.layout,opacity:{normal:0,hover:0}}})}),e("div",{className:"gp-flex gp-items-center gp-gap-4",children:[f&&o(a,{className:"mobile:gp-hidden",setting:{label:"Buy Now",openMode:u},styles:{backgroundColor:r,borderBtn:n,roundedBtn:m,btnSpacing:c,textColor:g,typography:d,type:b,width:h}}),o(p,{setting:{iconOnly:!0,svgIcon:x.cartIcon,enableHoverEffect:x.cardEnableHoverEffect??!0},styles:{iconColor:x.cartIconColor}})]})]})};export{BasicHeader as default};
+import{jsxs as t,Fragment as o,jsx as e}from"react/jsx-runtime";import{makeStyleResponsive as r,cls as s}from"@gem-sdk/core";import p from"next/dynamic";import i from"../../../../cart/components/Cart.js";import"react";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"../../../../accordion/common/classes.js";import"../../../../accordion/settings/configs/settings.js";import n from"../../../../image/components/Image.js";import"html-react-parser";import"../../../../image/components/AdaptiveImage.js";import"react-youtube";import"../../../../hero-banner/common/animation-manager.js";import"@gem-sdk/keen-slider/react";import"../../../../countdown-timer/settings/configs/setting.js";import"../../../../estimate-delivery/settings/configs/settings.js";import"../../Header.js";import"react-transition-group";import"../../../../icon-list-v2/settings/configs/settings.js";import"../../../../image-comparison/components/Label.js";import"../../../../marquee/common/classes.js";import"../../../../modal/components/confirm.js";import"react-dom";import"../../../../notification/components/Notifications.js";import"../../../../notification/components/Notice.js";import"../../../../post-purchase/callout-banner/common/styles.js";import"../../../../post-purchase/image/components/Img.js";import"../../../../post-purchase/line/types.js";import"../../../../post-purchase/link/common/helpers.js";import"../../../../post-purchase/product/components/product-variant/components/variants/VariantItem.js";import"../../../../product/components/product-wrap/Product.js";import"../../../../product/components/product-button/types.js";import"../../../../product/components/product-variants/components/variants/index.js";import"../../../../video/components/Video.js";import"../../../../product/components/product-quick-view/QuickView.js";import"../../../../product/components/constants/product-bundle.js";import"../../../../product/components/product-list-v3/ProductList.js";import"../../../../product/components/product-list/ProductList.js";import"../../../../product/components/product-bundle/common/styles.js";import"../../../../product/components/product-bundle/common/classes.js";import"../../../../product/components/product-badge/constants.js";import"../../../../product/components/product-badge/types.js";import"../../../../product/components/product-badge/utils/shape.js";import"../../../../select/settings/configs/settings.js";import"../../../../textarea/components/Textarea.js";import"../../../../third-party/components/JudgemeReviews.js";import"../../../../third-party/components/LooxReviews.js";import"../../../../third-party/components/Klaviyo.js";import"../../../../third-party/components/YotpoLoyalty.js";import"../../../../third-party/components/SmartSearchBarAndFilters.js";import"../../../../third-party/components/Instafeed.js";import"../../../../third-party/components/ProductReviews.js";import"../../../../third-party/components/Ryviu.js";import"../../../../third-party/components/Rivyo.js";import"../../../../third-party/components/Vitals.js";import"../../../../third-party/components/Omnisend.js";import"../../../../third-party/components/Trustoo.js";import"../../../../third-party/components/SealSubscriptions.js";import"../../../../third-party/components/AppstleSubscriptions.js";import"../../../../third-party/components/FeraReviews.js";import"../../../../third-party/components/ParcelPanel.js";import"../../../../third-party/components/TrustMe.js";import"../../../../third-party/components/FrequentlyBoughtTogether.js";import"../../../../third-party/components/BoldSubscriptions.js";import"../../../../third-party/components/BoldProductOptions.js";import"../../../../third-party/components/WideBundle.js";import"../../../../third-party/components/PickyStory.js";import"../../../../third-party/components/InfiniteOptions.js";import"../../../../third-party/components/Wiser.js";import"../../../../third-party/components/Stamped.js";import"../../../../third-party/components/Bundler.js";import"../../../../third-party/components/LaiProductReviews.js";import"../../../../third-party/components/Growave.js";import"../../../../third-party/components/KachingBundles.js";import"../../../../third-party/components/Opinew.js";import"../../../../third-party/components/UltimateSalesBoost.js";import"../../../../third-party/components/CrossSellCartUpsell.js";import"../../../../third-party/components/BoostAISearchDiscovery.js";import"../../../../third-party/components/YotpoReviews.js";import"../../../../third-party/components/FirePush.js";import"../../../../third-party/components/AliReviews.js";import"../../../../third-party/components/Bogos.js";import"../../../../third-party/components/Releasit.js";import"../../../../third-party/components/KingProductOptions.js";import"../../../../third-party/components/BirdChime.js";import"../../../../third-party-instant/components/Judgeme/SingleProduct.js";import"../../../../third-party-instant/components/Judgeme/WithoutProduct.js";import"../../../../third-party-instant/components/InstantLooxReviews.js";import"../../../../third-party-instant/components/InstantKlaviyo.js";import"../../../../third-party-instant/components/InstantYotpoLoyalty.js";import"../../../../accordion/next.js";import"../../../../article/next.js";import"../../../../hero-banner/next.js";import"../../../../breadcrumb/next.js";import"../../../../button/next.js";import"../../../../carousel-v3/next.js";import"../../../../carousel/next.js";import"../../../../cart/next.js";import"../../../../code/next.js";import"../../../../collection/next.js";import"../../../../countdown-timer/next.js";import"../../../../coupon/next.js";import"../../../../dialog/next.js";import"../../../../estimate-delivery/next.js";import"../../../../form/next.js";import"../../../../grid/next.js";import"../../../next.js";import"../../../../heading/next.js";import"../../../../icon/next.js";import"../../../../icon-list/next.js";import"../../../../icon-list-hoz/next.js";import"../../../../icon-list-v2/next.js";import"../../../../image/next.js";import"../../../../image-comparison/next.js";import"../../../../image-detection/next.js";import"../../../../input/next.js";import"../../../../line/next.js";import"../../../../link/next.js";import"../../../../marquee/next.js";import"../../../../menu/next.js";import"../../../../modal/next.js";import"../../../../pagination/next.js";import"../../../../post-purchase/advanced-list/next.js";import"../../../../post-purchase/button/next.js";import"../../../../post-purchase/callout-banner/next.js";import"../../../../post-purchase/countdown-timer/next.js";import"../../../../post-purchase/image/next.js";import"../../../../post-purchase/line/next.js";import"../../../../post-purchase/link/next.js";import"../../../../post-purchase/text/next.js";import"../../../../post-purchase/product/next.js";import"../../../../product/next.js";import"../../../../radio/next.js";import"../../../../select/next.js";import"../../../../tab/next.js";import"../../../../text/next.js";import"../../../../textarea/next.js";import"../../../../video/next.js";import"../../../../third-party/next.js";import"../../../../third-party-instant/next.js";import"../../../../stock-counter/next.js";import"../../../../third-party-slot/next.js";import"../../../../shop-pay-installment/next.js";import"../../../../sticky/next.js";import"../../../../breadcrumb/types.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";import m from"../../../../cart/components/CheckoutNow.js";let MobileMenu=p(()=>import("./MobileMenu.js")),DesktopMenu=p(()=>import("./DesktopMenu.js")),BasicHeader=({btnBgColor:p,btnBorder:c,btnRounded:a,btnSpacing:d,btnTextColor:j,btnTypography:l,btnType:u,btnWidth:h,openMode:g,buyNow:y,breakpoint:x,...b})=>{let v=!!b.menu?.ROOT.childrens?.length;return t("div",{className:"gp-relative gp-z-50 gp-flex gp-items-center gp-px-4 gp-justify-between",style:r("h",b.height),children:[v?t(o,{children:[e(MobileMenu,{...b,className:s({"gp-flex":"desktop"===x,"gp-hidden tablet:gp-flex":"tablet"===x,"gp-hidden mobile:gp-flex":"mobile"===x})}),e(DesktopMenu,{...b,className:s({"!gp-hidden":"desktop"===x,"tablet:!gp-hidden":"tablet"===x,"mobile:!gp-hidden":"mobile"===x})})]}):null,!!b.logo&&e("div",{className:s({"gp-justify-center":"desktop"===x&&v,"tablet:gp-justify-center":"tablet"===x&&v,"mobile:gp-justify-center":"mobile"===x&&v,"gp-flex gp-items-center":"desktop"===x,"tablet:gp-flex tablet:gp-items-center":"tablet"===x,"mobile:gp-flex mobile:gp-items-center":"mobile"===x,"gp-order-first":"desktop"!==x,"mobile:gp-order-[0]":!0,"tablet:gp-order-[0]":"tablet"===x}),children:e(n,{style:r("maxh",b.height),setting:{srcSet:b.logo,alt:"Logo",quality:100,isAdaptive:!0},styles:{customAspectRadio:b.customAspectRadio,aspectRatio:b.logoAspectRatio,width:b.logoWidth,objectFit:b.layout,opacity:{normal:0,hover:0}}})}),t("div",{className:"gp-flex gp-items-center gp-gap-4",children:[y&&e(m,{className:"mobile:gp-hidden",setting:{label:"Buy Now",openMode:g},styles:{backgroundColor:p,borderBtn:c,roundedBtn:a,btnSpacing:d,textColor:j,typography:l,type:u,width:h}}),e(i,{setting:{iconOnly:!0,svgIcon:b.cartIcon,enableHoverEffect:b.cardEnableHoverEffect??!0},styles:{iconColor:b.cartIconColor}})]})]})};export{BasicHeader as default};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../../../cart/components/Cart.js";import"react";import{makeStyleResponsive as r}from"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../../../../image/components/AdaptiveImage.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";let ModernHeader=m=>e("div",{className:"gp-relative gp-flex gp-items-center gp-px-4",style:r("h",m.height),children:["Coming Soon",t("div",{className:"gp-ml-auto gp-flex gp-items-center gp-pr-4",children:t(o,{setting:{iconOnly:!0,enableHoverEffect:m.cardEnableHoverEffect??!0}})})]});export{ModernHeader as default};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import r from"../../../../cart/components/Cart.js";import"react";import{makeStyleResponsive as s}from"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"../../../../accordion/common/classes.js";import"../../../../accordion/settings/configs/settings.js";import"../../../../image/components/AdaptiveImage.js";import"html-react-parser";import"react-youtube";import"../../../../hero-banner/common/animation-manager.js";import"@gem-sdk/keen-slider/react";import"../../../../countdown-timer/settings/configs/setting.js";import"../../../../estimate-delivery/settings/configs/settings.js";import"../../Header.js";import"../basic/index.js";import"react-transition-group";import"../../../../icon-list-v2/settings/configs/settings.js";import"../../../../image-comparison/components/Label.js";import"../../../../marquee/common/classes.js";import"../../../../modal/components/confirm.js";import"react-dom";import"../../../../notification/components/Notifications.js";import"../../../../notification/components/Notice.js";import"../../../../post-purchase/callout-banner/common/styles.js";import"../../../../post-purchase/image/components/Img.js";import"../../../../post-purchase/line/types.js";import"../../../../post-purchase/link/common/helpers.js";import"../../../../post-purchase/product/components/product-variant/components/variants/VariantItem.js";import"../../../../product/components/product-wrap/Product.js";import"../../../../product/components/product-button/types.js";import"../../../../product/components/product-variants/components/variants/index.js";import"../../../../video/components/Video.js";import"../../../../product/components/product-quick-view/QuickView.js";import"../../../../product/components/constants/product-bundle.js";import"../../../../product/components/product-list-v3/ProductList.js";import"../../../../product/components/product-list/ProductList.js";import"../../../../product/components/product-bundle/common/styles.js";import"../../../../product/components/product-bundle/common/classes.js";import"../../../../product/components/product-badge/constants.js";import"../../../../product/components/product-badge/types.js";import"../../../../product/components/product-badge/utils/shape.js";import"../../../../select/settings/configs/settings.js";import"../../../../textarea/components/Textarea.js";import"../../../../third-party/components/JudgemeReviews.js";import"../../../../third-party/components/LooxReviews.js";import"../../../../third-party/components/Klaviyo.js";import"../../../../third-party/components/YotpoLoyalty.js";import"../../../../third-party/components/SmartSearchBarAndFilters.js";import"../../../../third-party/components/Instafeed.js";import"../../../../third-party/components/ProductReviews.js";import"../../../../third-party/components/Ryviu.js";import"../../../../third-party/components/Rivyo.js";import"../../../../third-party/components/Vitals.js";import"../../../../third-party/components/Omnisend.js";import"../../../../third-party/components/Trustoo.js";import"../../../../third-party/components/SealSubscriptions.js";import"../../../../third-party/components/AppstleSubscriptions.js";import"../../../../third-party/components/FeraReviews.js";import"../../../../third-party/components/ParcelPanel.js";import"../../../../third-party/components/TrustMe.js";import"../../../../third-party/components/FrequentlyBoughtTogether.js";import"../../../../third-party/components/BoldSubscriptions.js";import"../../../../third-party/components/BoldProductOptions.js";import"../../../../third-party/components/WideBundle.js";import"../../../../third-party/components/PickyStory.js";import"../../../../third-party/components/InfiniteOptions.js";import"../../../../third-party/components/Wiser.js";import"../../../../third-party/components/Stamped.js";import"../../../../third-party/components/Bundler.js";import"../../../../third-party/components/LaiProductReviews.js";import"../../../../third-party/components/Growave.js";import"../../../../third-party/components/KachingBundles.js";import"../../../../third-party/components/Opinew.js";import"../../../../third-party/components/UltimateSalesBoost.js";import"../../../../third-party/components/CrossSellCartUpsell.js";import"../../../../third-party/components/BoostAISearchDiscovery.js";import"../../../../third-party/components/YotpoReviews.js";import"../../../../third-party/components/FirePush.js";import"../../../../third-party/components/AliReviews.js";import"../../../../third-party/components/Bogos.js";import"../../../../third-party/components/Releasit.js";import"../../../../third-party/components/KingProductOptions.js";import"../../../../third-party/components/BirdChime.js";import"../../../../third-party-instant/components/Judgeme/SingleProduct.js";import"../../../../third-party-instant/components/Judgeme/WithoutProduct.js";import"../../../../third-party-instant/components/InstantLooxReviews.js";import"../../../../third-party-instant/components/InstantKlaviyo.js";import"../../../../third-party-instant/components/InstantYotpoLoyalty.js";import"../../../../accordion/next.js";import"../../../../article/next.js";import"../../../../hero-banner/next.js";import"../../../../breadcrumb/next.js";import"../../../../button/next.js";import"../../../../carousel-v3/next.js";import"../../../../carousel/next.js";import"../../../../cart/next.js";import"../../../../code/next.js";import"../../../../collection/next.js";import"../../../../countdown-timer/next.js";import"../../../../coupon/next.js";import"../../../../dialog/next.js";import"../../../../estimate-delivery/next.js";import"../../../../form/next.js";import"../../../../grid/next.js";import"../../../next.js";import"../../../../heading/next.js";import"../../../../icon/next.js";import"../../../../icon-list/next.js";import"../../../../icon-list-hoz/next.js";import"../../../../icon-list-v2/next.js";import"../../../../image/next.js";import"../../../../image-comparison/next.js";import"../../../../image-detection/next.js";import"../../../../input/next.js";import"../../../../line/next.js";import"../../../../link/next.js";import"../../../../marquee/next.js";import"../../../../menu/next.js";import"../../../../modal/next.js";import"../../../../pagination/next.js";import"../../../../post-purchase/advanced-list/next.js";import"../../../../post-purchase/button/next.js";import"../../../../post-purchase/callout-banner/next.js";import"../../../../post-purchase/countdown-timer/next.js";import"../../../../post-purchase/image/next.js";import"../../../../post-purchase/line/next.js";import"../../../../post-purchase/link/next.js";import"../../../../post-purchase/text/next.js";import"../../../../post-purchase/product/next.js";import"../../../../product/next.js";import"../../../../radio/next.js";import"../../../../select/next.js";import"../../../../tab/next.js";import"../../../../text/next.js";import"../../../../textarea/next.js";import"../../../../video/next.js";import"../../../../third-party/next.js";import"../../../../third-party-instant/next.js";import"../../../../stock-counter/next.js";import"../../../../third-party-slot/next.js";import"../../../../shop-pay-installment/next.js";import"../../../../sticky/next.js";import"../../../../breadcrumb/types.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";let ModernHeader=p=>t("div",{className:"gp-relative gp-flex gp-items-center gp-px-4",style:s("h",p.height),children:["Coming Soon",o("div",{className:"gp-ml-auto gp-flex gp-items-center gp-pr-4",children:o(r,{setting:{iconOnly:!0,enableHoverEffect:p.cardEnableHoverEffect??!0}})})]});export{ModernHeader as default};

package/dist/esm/header/index.js

@@ -1 +1 @@
-export{default as Header}from"./components/Header.js";export{default as BasicHeader}from"./components/kind/basic/index.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";import"../cart/components/shop-pay-button/ShopPayButton.js";import"react-transition-group";import e from"./settings/Header.js";let headerSetting={Header:e};export{headerSetting};
+export{default as Header}from"./components/Header.js";export{default as BasicHeader}from"./components/kind/basic/index.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"../accordion/common/classes.js";import"../accordion/settings/configs/settings.js";import"../image/components/AdaptiveImage.js";import"html-react-parser";import"react-youtube";import"../hero-banner/common/animation-manager.js";import"@gem-sdk/keen-slider/react";import"../countdown-timer/settings/configs/setting.js";import"../estimate-delivery/settings/configs/settings.js";import"react-transition-group";import t from"./settings/Header.js";import"../icon-list-v2/settings/configs/settings.js";import"../image-comparison/components/Label.js";import"../marquee/common/classes.js";import"../modal/components/confirm.js";import"react-dom";import"../notification/components/Notifications.js";import"../notification/components/Notice.js";import"../post-purchase/callout-banner/common/styles.js";import"../post-purchase/image/components/Img.js";import"../post-purchase/line/types.js";import"../post-purchase/link/common/helpers.js";import"../post-purchase/product/components/product-variant/components/variants/VariantItem.js";import"../product/components/product-wrap/Product.js";import"../product/components/product-button/types.js";import"../product/components/product-variants/components/variants/index.js";import"../video/components/Video.js";import"../product/components/product-quick-view/QuickView.js";import"../product/components/constants/product-bundle.js";import"../product/components/product-list-v3/ProductList.js";import"../product/components/product-list/ProductList.js";import"../product/components/product-bundle/common/styles.js";import"../product/components/product-bundle/common/classes.js";import"../product/components/product-badge/constants.js";import"../product/components/product-badge/types.js";import"../product/components/product-badge/utils/shape.js";import"../select/settings/configs/settings.js";import"../textarea/components/Textarea.js";import"../third-party/components/JudgemeReviews.js";import"../third-party/components/LooxReviews.js";import"../third-party/components/Klaviyo.js";import"../third-party/components/YotpoLoyalty.js";import"../third-party/components/SmartSearchBarAndFilters.js";import"../third-party/components/Instafeed.js";import"../third-party/components/ProductReviews.js";import"../third-party/components/Ryviu.js";import"../third-party/components/Rivyo.js";import"../third-party/components/Vitals.js";import"../third-party/components/Omnisend.js";import"../third-party/components/Trustoo.js";import"../third-party/components/SealSubscriptions.js";import"../third-party/components/AppstleSubscriptions.js";import"../third-party/components/FeraReviews.js";import"../third-party/components/ParcelPanel.js";import"../third-party/components/TrustMe.js";import"../third-party/components/FrequentlyBoughtTogether.js";import"../third-party/components/BoldSubscriptions.js";import"../third-party/components/BoldProductOptions.js";import"../third-party/components/WideBundle.js";import"../third-party/components/PickyStory.js";import"../third-party/components/InfiniteOptions.js";import"../third-party/components/Wiser.js";import"../third-party/components/Stamped.js";import"../third-party/components/Bundler.js";import"../third-party/components/LaiProductReviews.js";import"../third-party/components/Growave.js";import"../third-party/components/KachingBundles.js";import"../third-party/components/Opinew.js";import"../third-party/components/UltimateSalesBoost.js";import"../third-party/components/CrossSellCartUpsell.js";import"../third-party/components/BoostAISearchDiscovery.js";import"../third-party/components/YotpoReviews.js";import"../third-party/components/FirePush.js";import"../third-party/components/AliReviews.js";import"../third-party/components/Bogos.js";import"../third-party/components/Releasit.js";import"../third-party/components/KingProductOptions.js";import"../third-party/components/BirdChime.js";import"../third-party-instant/components/Judgeme/SingleProduct.js";import"../third-party-instant/components/Judgeme/WithoutProduct.js";import"../third-party-instant/components/InstantLooxReviews.js";import"../third-party-instant/components/InstantKlaviyo.js";import"../third-party-instant/components/InstantYotpoLoyalty.js";import"../accordion/next.js";import"../article/next.js";import"../hero-banner/next.js";import"../breadcrumb/next.js";import"../button/next.js";import"../carousel-v3/next.js";import"../carousel/next.js";import"../cart/next.js";import"../code/next.js";import"../collection/next.js";import"../countdown-timer/next.js";import"../coupon/next.js";import"../dialog/next.js";import"../estimate-delivery/next.js";import"../form/next.js";import"../grid/next.js";import"./next.js";import"../heading/next.js";import"../icon/next.js";import"../icon-list/next.js";import"../icon-list-hoz/next.js";import"../icon-list-v2/next.js";import"../image/next.js";import"../image-comparison/next.js";import"../image-detection/next.js";import"../input/next.js";import"../line/next.js";import"../link/next.js";import"../marquee/next.js";import"../menu/next.js";import"../modal/next.js";import"../pagination/next.js";import"../post-purchase/advanced-list/next.js";import"../post-purchase/button/next.js";import"../post-purchase/callout-banner/next.js";import"../post-purchase/countdown-timer/next.js";import"../post-purchase/image/next.js";import"../post-purchase/line/next.js";import"../post-purchase/link/next.js";import"../post-purchase/text/next.js";import"../post-purchase/product/next.js";import"../product/next.js";import"../radio/next.js";import"../select/next.js";import"../tab/next.js";import"../text/next.js";import"../textarea/next.js";import"../video/next.js";import"../third-party/next.js";import"../third-party-instant/next.js";import"../stock-counter/next.js";import"../third-party-slot/next.js";import"../shop-pay-installment/next.js";import"../sticky/next.js";import"../breadcrumb/types.js";import"../cart/components/shop-pay-button/ShopPayButton.js";let headerSetting={Header:t};export{headerSetting};

package/dist/esm/helpers.js

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

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

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

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

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

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";import"./common/animation-manager.js";import t from"./settings/HeroBanner.js";let bannerSetting={HeroBanner:t};export{bannerSetting};
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"../accordion/common/classes.js";import"../accordion/settings/configs/settings.js";import"../image/components/AdaptiveImage.js";import"html-react-parser";import t from"./settings/HeroBanner.js";import"@gem-sdk/keen-slider/react";import"../cart/components/shop-pay-button/ShopPayButton.js";import"../countdown-timer/settings/configs/setting.js";import"../estimate-delivery/settings/configs/settings.js";import"../header/components/Header.js";import"../header/components/kind/basic/index.js";import"react-transition-group";import"../icon-list-v2/settings/configs/settings.js";import"../image-comparison/components/Label.js";import"../marquee/common/classes.js";import"../modal/components/confirm.js";import"react-dom";import"../notification/components/Notifications.js";import"../notification/components/Notice.js";import"../post-purchase/callout-banner/common/styles.js";import"../post-purchase/image/components/Img.js";import"../post-purchase/line/types.js";import"../post-purchase/link/common/helpers.js";import"../post-purchase/product/components/product-variant/components/variants/VariantItem.js";import"../product/components/product-wrap/Product.js";import"../product/components/product-button/types.js";import"../product/components/product-variants/components/variants/index.js";import"../video/components/Video.js";import"../product/components/product-quick-view/QuickView.js";import"../product/components/constants/product-bundle.js";import"../product/components/product-list-v3/ProductList.js";import"../product/components/product-list/ProductList.js";import"../product/components/product-bundle/common/styles.js";import"../product/components/product-bundle/common/classes.js";import"../product/components/product-badge/constants.js";import"../product/components/product-badge/types.js";import"../product/components/product-badge/utils/shape.js";import"../select/settings/configs/settings.js";import"../textarea/components/Textarea.js";import"../third-party/components/JudgemeReviews.js";import"../third-party/components/LooxReviews.js";import"../third-party/components/Klaviyo.js";import"../third-party/components/YotpoLoyalty.js";import"../third-party/components/SmartSearchBarAndFilters.js";import"../third-party/components/Instafeed.js";import"../third-party/components/ProductReviews.js";import"../third-party/components/Ryviu.js";import"../third-party/components/Rivyo.js";import"../third-party/components/Vitals.js";import"../third-party/components/Omnisend.js";import"../third-party/components/Trustoo.js";import"../third-party/components/SealSubscriptions.js";import"../third-party/components/AppstleSubscriptions.js";import"../third-party/components/FeraReviews.js";import"../third-party/components/ParcelPanel.js";import"../third-party/components/TrustMe.js";import"../third-party/components/FrequentlyBoughtTogether.js";import"../third-party/components/BoldSubscriptions.js";import"../third-party/components/BoldProductOptions.js";import"../third-party/components/WideBundle.js";import"../third-party/components/PickyStory.js";import"../third-party/components/InfiniteOptions.js";import"../third-party/components/Wiser.js";import"../third-party/components/Stamped.js";import"../third-party/components/Bundler.js";import"../third-party/components/LaiProductReviews.js";import"../third-party/components/Growave.js";import"../third-party/components/KachingBundles.js";import"../third-party/components/Opinew.js";import"../third-party/components/UltimateSalesBoost.js";import"../third-party/components/CrossSellCartUpsell.js";import"../third-party/components/BoostAISearchDiscovery.js";import"../third-party/components/YotpoReviews.js";import"../third-party/components/FirePush.js";import"../third-party/components/AliReviews.js";import"../third-party/components/Bogos.js";import"../third-party/components/Releasit.js";import"../third-party/components/KingProductOptions.js";import"../third-party/components/BirdChime.js";import"../third-party-instant/components/Judgeme/SingleProduct.js";import"../third-party-instant/components/Judgeme/WithoutProduct.js";import"../third-party-instant/components/InstantLooxReviews.js";import"../third-party-instant/components/InstantKlaviyo.js";import"../third-party-instant/components/InstantYotpoLoyalty.js";import"../accordion/next.js";import"../article/next.js";import"./next.js";import"../breadcrumb/next.js";import"../button/next.js";import"../carousel-v3/next.js";import"../carousel/next.js";import"../cart/next.js";import"../code/next.js";import"../collection/next.js";import"../countdown-timer/next.js";import"../coupon/next.js";import"../dialog/next.js";import"../estimate-delivery/next.js";import"../form/next.js";import"../grid/next.js";import"../header/next.js";import"../heading/next.js";import"../icon/next.js";import"../icon-list/next.js";import"../icon-list-hoz/next.js";import"../icon-list-v2/next.js";import"../image/next.js";import"../image-comparison/next.js";import"../image-detection/next.js";import"../input/next.js";import"../line/next.js";import"../link/next.js";import"../marquee/next.js";import"../menu/next.js";import"../modal/next.js";import"../pagination/next.js";import"../post-purchase/advanced-list/next.js";import"../post-purchase/button/next.js";import"../post-purchase/callout-banner/next.js";import"../post-purchase/countdown-timer/next.js";import"../post-purchase/image/next.js";import"../post-purchase/line/next.js";import"../post-purchase/link/next.js";import"../post-purchase/text/next.js";import"../post-purchase/product/next.js";import"../product/next.js";import"../radio/next.js";import"../select/next.js";import"../tab/next.js";import"../text/next.js";import"../textarea/next.js";import"../video/next.js";import"../third-party/next.js";import"../third-party-instant/next.js";import"../stock-counter/next.js";import"../third-party-slot/next.js";import"../shop-pay-installment/next.js";import"../sticky/next.js";import"../breadcrumb/types.js";import"react-youtube";import"./common/animation-manager.js";let bannerSetting={HeroBanner:t};export{bannerSetting};

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

@@ -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%",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};
+            </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:"translate",type:"input",default:[{id:"background",fields:["image.src","video","videoHtml5"]},{id:"alt"},{id:"title"}]},{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};