@gem-sdk/components 8.0.0-dev.74 → 8.0.0-dev.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/cart/components/CartList.js +1 -1
- package/dist/cjs/cart/index.js +1 -1
- package/dist/cjs/collection/index.js +1 -1
- package/dist/cjs/grid/components/row/Row.liquid.js +1 -1
- package/dist/cjs/grid/index.js +1 -1
- package/dist/cjs/header/components/kind/basic/index.js +1 -1
- package/dist/cjs/header/components/kind/modern/index.js +1 -1
- package/dist/cjs/header/index.js +1 -1
- package/dist/cjs/helpers.js +1 -1
- package/dist/cjs/hero-banner/components/HeroBanner.liquid.js +10 -10
- package/dist/cjs/hero-banner/components/HeroBannerItem.liquid.js +9 -9
- package/dist/cjs/hero-banner/index.js +1 -1
- package/dist/cjs/hero-banner/settings/configs/settings.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/marquee/components/Marquee.liquid.js +6 -6
- package/dist/cjs/post-purchase/callout-banner/index.js +1 -1
- package/dist/cjs/post-purchase/product/index.js +1 -1
- package/dist/cjs/product/components/product-badge/ProductBadge.liquid.js +18 -18
- package/dist/cjs/product/settings/bundle-layout/horizontal-three.js +1 -1
- package/dist/cjs/product/settings/bundle-layout/horizontal-two.js +1 -1
- package/dist/cjs/text/common/helpers.js +1 -1
- package/dist/cjs/video/common/helpers.js +1 -1
- package/dist/cjs/video/components/LiteVimeoEmbed.liquid.js +11 -11
- package/dist/cjs/video/components/LiteYouTubeEmbed.liquid.js +10 -10
- package/dist/cjs/video/components/Video.liquid.js +3 -3
- package/dist/cjs/video/settings/configs/settings.js +1 -1
- package/dist/esm/cart/components/CartList.js +1 -1
- package/dist/esm/cart/index.js +1 -1
- package/dist/esm/collection/index.js +1 -1
- package/dist/esm/grid/components/row/Row.liquid.js +13 -13
- package/dist/esm/grid/index.js +1 -1
- package/dist/esm/header/components/kind/basic/index.js +1 -1
- package/dist/esm/header/components/kind/modern/index.js +1 -1
- package/dist/esm/header/index.js +1 -1
- package/dist/esm/helpers.js +1 -1
- package/dist/esm/hero-banner/components/HeroBanner.liquid.js +12 -12
- package/dist/esm/hero-banner/components/HeroBannerItem.liquid.js +10 -10
- package/dist/esm/hero-banner/index.js +1 -1
- package/dist/esm/hero-banner/settings/configs/settings.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/marquee/components/Marquee.liquid.js +18 -18
- package/dist/esm/post-purchase/callout-banner/index.js +1 -1
- package/dist/esm/post-purchase/product/index.js +1 -1
- package/dist/esm/product/components/product-badge/ProductBadge.liquid.js +23 -23
- package/dist/esm/product/settings/bundle-layout/horizontal-three.js +1 -1
- package/dist/esm/product/settings/bundle-layout/horizontal-two.js +1 -1
- package/dist/esm/text/common/helpers.js +1 -1
- package/dist/esm/video/common/helpers.js +1 -1
- package/dist/esm/video/components/LiteVimeoEmbed.liquid.js +11 -11
- package/dist/esm/video/components/LiteYouTubeEmbed.liquid.js +10 -10
- package/dist/esm/video/components/Video.liquid.js +3 -3
- package/dist/esm/video/settings/configs/settings.js +1 -1
- package/dist/types/index.d.ts +5 -11
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");require("react");var core=require("@gem-sdk/core");require("next/head");var ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js");require("next/image"),require("@gem-sdk/system"),require("next/link"),require("
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");require("react");var core=require("@gem-sdk/core");require("next/head");var ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js");require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube");var Col=require("../../grid/components/col/Col.js");const CartList=({builderProps:e,advanced:r,setting:i,styles:t,children:s,...n})=>{let{data:u,error:a}=core.useCartData();return jsxRuntime.jsx("div",{"data-id":e?.uid,...n,children:a?jsxRuntime.jsxs("div",{children:["Error: ",a.message]}):u?jsxRuntime.jsx(Col.default,{styles:t,children:u.lineItems.map(e=>e?jsxRuntime.jsx(core.CartLineProvider,{line:e,children:core.isEmptyChildren(s)?jsxRuntime.jsx(ChildrenDroppable.default,{}):s},e.id):null)}):jsxRuntime.jsx("div",{children:"Cart Empty"})})};exports.default=CartList;
|
package/dist/cjs/cart/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("
|
|
1
|
+
"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../image/components/AdaptiveImage.js");var ShopPayButton=require("./components/shop-pay-button/ShopPayButton.js"),Cart$1=require("./settings/Cart.js"),CartLinePrice$1=require("./settings/CartLinePrice.js"),CartLineVariant$1=require("./settings/CartLineVariant.js"),CartList$1=require("./settings/CartList.js"),CartLineImage$1=require("./settings/CartLineImage.js"),CartTotalPrice$1=require("./settings/CartTotalPrice.js"),CartTotalItem$1=require("./settings/CartTotalItem.js"),CartCheckout$1=require("./settings/CartCheckout.js"),DiscountInput$1=require("./settings/DiscountInput.js"),CartDiscount$1=require("./settings/CartDiscount.js"),CartOrderNote$1=require("./settings/CartOrderNote.js"),CartLineAttribute$1=require("./settings/CartLineAttribute.js"),CouponList$1=require("./settings/CouponList.js"),ShopPayButton$1=require("./settings/ShopPayButton.js");const cartSetting={Cart:Cart$1.default,CartList:CartList$1.default,CartLinePrice:CartLinePrice$1.default,CartLineVariant:CartLineVariant$1.default,CartLineImage:CartLineImage$1.default,CartTotalPrice:CartTotalPrice$1.default,CartTotalItem:CartTotalItem$1.default,CartCheckout:CartCheckout$1.default,DiscountInput:DiscountInput$1.default,CartDiscount:CartDiscount$1.default,CartOrderNote:CartOrderNote$1.default,CartLineAttribute:CartLineAttribute$1.default,CouponList:CouponList$1.default,ShopPayButton:ShopPayButton$1.default};exports.ShopPayButton=ShopPayButton.default,exports.cartSetting=cartSetting;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("next/link"),require("next/head"),require("next/image"),require("
|
|
1
|
+
"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("next/link"),require("next/head"),require("next/image"),require("react-youtube"),require("html-react-parser");var CollectionTitle$1=require("./settings/collection-title/CollectionTitle.js"),CollectionBanner$1=require("./settings/collection-banner/CollectionBanner.js"),CollectionDescription$1=require("./settings/collection-description/CollectionDescription.js"),CollectionToolbar$1=require("./settings/collection-toolbar/CollectionToolbar.js"),CollectionPaginator$1=require("./settings/collection-paginator/CollectionPaginator.js");const collectionSetting={CollectionTitle:CollectionTitle$1.default,CollectionBanner:CollectionBanner$1.default,CollectionDescription:CollectionDescription$1.default,CollectionToolbar:CollectionToolbar$1.default,CollectionPaginator:CollectionPaginator$1.default};exports.collectionSetting=collectionSetting;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),HTML5Embed_liquid=require("../../../video/components/HTML5Embed.liquid.js"),system=require("@gem-sdk/system"),helpers$2=require("../../../video/common/helpers.js"),LiteYouTubeEmbed_liquid=require("../../../video/components/LiteYouTubeEmbed.liquid.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js"),helpers$3=require("../../../hero-banner/common/helpers.js");const Row=e=>{let{styles:r,setting:s,rawChildren:t,builderProps:o}=e,{isSection:l}=s??{},{background:a}=r??{},i=l?"section":"div",d=helpers.getBackgroundTranslated({background:a,uid:o?.uid,translate:r?.translate,pageContext:e.pageContext}),{stateData:p}=helpers$1.getData(e),{rowStyle:c,backgroundBoxStyle:n,embedVideoStyle:u,sectionStyle:m}=styles.getRowStyle({rowProps:e,type:"Liquid",translatedBackground:d}),{rowAttr:g}=attrs.getAttr(e),{rowClass:$,backgroundBoxClass:f,backgroundBoxInnerClass:h,sectionClass:y,wrapperYoutubeClasses:b,iframeYoutubeClasses:k}=classes.getClass(e),q=system.createClass({[$]:!0}),v=()=>{if(!helpers$1.checkHasBackgroundVideo(a))return;let e=helpers$3.getResponsiveSetting(a||{});if(helpers$1.isRenderHtmlVideo(a))return HTML5Embed_liquid.default({uid:o?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:u});if(helpers$1.isRenderYoutubeVideo(a)){let r=e?.desktop?.video??"",s=helpers$2.getYoutubeVideoId(r)||"",t
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),HTML5Embed_liquid=require("../../../video/components/HTML5Embed.liquid.js"),system=require("@gem-sdk/system"),helpers$2=require("../../../video/common/helpers.js"),LiteYouTubeEmbed_liquid=require("../../../video/components/LiteYouTubeEmbed.liquid.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js"),helpers$3=require("../../../hero-banner/common/helpers.js");const Row=e=>{let{styles:r,setting:s,rawChildren:t,builderProps:o}=e,{isSection:l}=s??{},{background:a}=r??{},i=l?"section":"div",d=helpers.getBackgroundTranslated({background:a,uid:o?.uid,translate:r?.translate,pageContext:e.pageContext}),{stateData:p}=helpers$1.getData(e),{rowStyle:c,backgroundBoxStyle:n,embedVideoStyle:u,sectionStyle:m}=styles.getRowStyle({rowProps:e,type:"Liquid",translatedBackground:d}),{rowAttr:g}=attrs.getAttr(e),{rowClass:$,backgroundBoxClass:f,backgroundBoxInnerClass:h,sectionClass:y,wrapperYoutubeClasses:b,iframeYoutubeClasses:k}=classes.getClass(e),q=system.createClass({[$]:!0}),v=()=>{if(!helpers$1.checkHasBackgroundVideo(a))return;let e=helpers$3.getResponsiveSetting(a||{});if(helpers$1.isRenderHtmlVideo(a))return HTML5Embed_liquid.default({uid:o?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:u});if(helpers$1.isRenderYoutubeVideo(a)){let r=e?.desktop?.video??"",s=helpers$2.getYoutubeVideoId(r)||"",t=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return LiteYouTubeEmbed_liquid.default({uid:o?.uid,id:s,autoplay:!0,title:"Video",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,preload:!0,style:u,wrapperClass:b,iframeClass:k})}},R=()=>{if(helpers$1.checkHasBackgroundVideo(a))return core.template`
|
|
2
2
|
${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
|
|
3
3
|
`},j=core.template`
|
|
4
4
|
<gp-row gp-data='${p}' ${{...g}} class="${q}" style="${c()}">
|
package/dist/cjs/grid/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("
|
|
1
|
+
"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube");var Root$1=require("./settings/Root.js"),Section$1=require("./settings/Section.js"),Row$1=require("./settings/Row.js"),Col$1=require("./settings/Col.js");const gridSetting={Root:Root$1.default,Section:Section$1.default,Row:Row$1.default,Col:Col$1.default};exports.gridSetting=gridSetting;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),dynamic=require("next/dynamic"),Cart=require("../../../../cart/components/Cart.js");require("react"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("../../../../accordion/common/classes.js"),require("../../../../accordion/settings/configs/settings.js");var Image=require("../../../../image/components/Image.js");require("html-react-parser"),require("../../../../image/components/AdaptiveImage.js"),require("react-youtube"),require("../../../../hero-banner/common/animation-manager.js"),require("@gem-sdk/keen-slider/react"),require("../../../../countdown-timer/settings/configs/setting.js"),require("../../../../estimate-delivery/settings/configs/settings.js"),require("../../Header.js"),require("react-transition-group"),require("../../../../icon-list-v2/settings/configs/settings.js"),require("../../../../image-comparison/components/Label.js"),require("../../../../marquee/common/classes.js"),require("../../../../modal/components/confirm.js"),require("react-dom"),require("../../../../notification/components/Notifications.js"),require("../../../../notification/components/Notice.js"),require("../../../../post-purchase/callout-banner/common/styles.js"),require("../../../../post-purchase/image/components/Img.js"),require("../../../../post-purchase/line/types.js"),require("../../../../post-purchase/link/common/helpers.js"),require("../../../../post-purchase/product/components/product-variant/components/variants/VariantItem.js"),require("../../../../product/components/product-wrap/Product.js"),require("../../../../product/components/product-button/types.js"),require("../../../../product/components/product-variants/components/variants/index.js"),require("../../../../video/components/Video.js"),require("../../../../product/components/product-quick-view/QuickView.js"),require("../../../../product/components/constants/product-bundle.js"),require("../../../../product/components/product-list-v3/ProductList.js"),require("../../../../product/components/product-list/ProductList.js"),require("../../../../product/components/product-bundle/common/styles.js"),require("../../../../product/components/product-bundle/common/classes.js"),require("../../../../product/components/product-badge/constants.js"),require("../../../../product/components/product-badge/types.js"),require("../../../../product/components/product-badge/utils/shape.js"),require("../../../../select/settings/configs/settings.js"),require("../../../../textarea/components/Textarea.js"),require("../../../../third-party/components/JudgemeReviews.js"),require("../../../../third-party/components/LooxReviews.js"),require("../../../../third-party/components/Klaviyo.js"),require("../../../../third-party/components/YotpoLoyalty.js"),require("../../../../third-party/components/SmartSearchBarAndFilters.js"),require("../../../../third-party/components/Instafeed.js"),require("../../../../third-party/components/ProductReviews.js"),require("../../../../third-party/components/Ryviu.js"),require("../../../../third-party/components/Rivyo.js"),require("../../../../third-party/components/Vitals.js"),require("../../../../third-party/components/Omnisend.js"),require("../../../../third-party/components/Trustoo.js"),require("../../../../third-party/components/SealSubscriptions.js"),require("../../../../third-party/components/AppstleSubscriptions.js"),require("../../../../third-party/components/FeraReviews.js"),require("../../../../third-party/components/ParcelPanel.js"),require("../../../../third-party/components/TrustMe.js"),require("../../../../third-party/components/FrequentlyBoughtTogether.js"),require("../../../../third-party/components/BoldSubscriptions.js"),require("../../../../third-party/components/BoldProductOptions.js"),require("../../../../third-party/components/WideBundle.js"),require("../../../../third-party/components/PickyStory.js"),require("../../../../third-party/components/InfiniteOptions.js"),require("../../../../third-party/components/Wiser.js"),require("../../../../third-party/components/Stamped.js"),require("../../../../third-party/components/Bundler.js"),require("../../../../third-party/components/LaiProductReviews.js"),require("../../../../third-party/components/Growave.js"),require("../../../../third-party/components/KachingBundles.js"),require("../../../../third-party/components/Opinew.js"),require("../../../../third-party/components/UltimateSalesBoost.js"),require("../../../../third-party/components/CrossSellCartUpsell.js"),require("../../../../third-party/components/BoostAISearchDiscovery.js"),require("../../../../third-party/components/YotpoReviews.js"),require("../../../../third-party/components/FirePush.js"),require("../../../../third-party/components/AliReviews.js"),require("../../../../third-party/components/Bogos.js"),require("../../../../third-party/components/Releasit.js"),require("../../../../third-party/components/KingProductOptions.js"),require("../../../../third-party/components/BirdChime.js"),require("../../../../third-party-instant/components/Judgeme/SingleProduct.js"),require("../../../../third-party-instant/components/Judgeme/WithoutProduct.js"),require("../../../../third-party-instant/components/InstantLooxReviews.js"),require("../../../../third-party-instant/components/InstantKlaviyo.js"),require("../../../../third-party-instant/components/InstantYotpoLoyalty.js"),require("../../../../accordion/next.js"),require("../../../../article/next.js"),require("../../../../hero-banner/next.js"),require("../../../../breadcrumb/next.js"),require("../../../../button/next.js"),require("../../../../carousel-v3/next.js"),require("../../../../carousel/next.js"),require("../../../../cart/next.js"),require("../../../../code/next.js"),require("../../../../collection/next.js"),require("../../../../countdown-timer/next.js"),require("../../../../coupon/next.js"),require("../../../../dialog/next.js"),require("../../../../estimate-delivery/next.js"),require("../../../../form/next.js"),require("../../../../grid/next.js"),require("../../../next.js"),require("../../../../heading/next.js"),require("../../../../icon/next.js"),require("../../../../icon-list/next.js"),require("../../../../icon-list-hoz/next.js"),require("../../../../icon-list-v2/next.js"),require("../../../../image/next.js"),require("../../../../image-comparison/next.js"),require("../../../../image-detection/next.js"),require("../../../../input/next.js"),require("../../../../line/next.js"),require("../../../../link/next.js"),require("../../../../marquee/next.js"),require("../../../../menu/next.js"),require("../../../../modal/next.js"),require("../../../../pagination/next.js"),require("../../../../post-purchase/advanced-list/next.js"),require("../../../../post-purchase/button/next.js"),require("../../../../post-purchase/callout-banner/next.js"),require("../../../../post-purchase/countdown-timer/next.js"),require("../../../../post-purchase/image/next.js"),require("../../../../post-purchase/line/next.js"),require("../../../../post-purchase/link/next.js"),require("../../../../post-purchase/text/next.js"),require("../../../../post-purchase/product/next.js"),require("../../../../product/next.js"),require("../../../../radio/next.js"),require("../../../../select/next.js"),require("../../../../tab/next.js"),require("../../../../text/next.js"),require("../../../../textarea/next.js"),require("../../../../video/next.js"),require("../../../../third-party/next.js"),require("../../../../third-party-instant/next.js"),require("../../../../stock-counter/next.js"),require("../../../../third-party-slot/next.js"),require("../../../../shop-pay-installment/next.js"),require("../../../../sticky/next.js"),require("../../../../breadcrumb/types.js"),require("../../../../cart/components/shop-pay-button/ShopPayButton.js");var CheckoutNow=require("../../../../cart/components/CheckoutNow.js");const MobileMenu=dynamic(()=>Promise.resolve().then(function(){return require("./MobileMenu.js")})),DesktopMenu=dynamic(()=>Promise.resolve().then(function(){return require("./DesktopMenu.js")})),BasicHeader=({btnBgColor:e,btnBorder:r,btnRounded:t,btnSpacing:s,btnTextColor:i,btnTypography:o,btnType:n,btnWidth:u,openMode:c,buyNow:p,breakpoint:a,...d})=>{let m=!!d.menu?.ROOT.childrens?.length;return jsxRuntime.jsxs("div",{className:"gp-relative gp-z-50 gp-flex gp-items-center gp-px-4 gp-justify-between",style:core.makeStyleResponsive("h",d.height),children:[m?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(MobileMenu,{...d,className:core.cls({"gp-flex":"desktop"===a,"gp-hidden tablet:gp-flex":"tablet"===a,"gp-hidden mobile:gp-flex":"mobile"===a})}),jsxRuntime.jsx(DesktopMenu,{...d,className:core.cls({"!gp-hidden":"desktop"===a,"tablet:!gp-hidden":"tablet"===a,"mobile:!gp-hidden":"mobile"===a})})]}):null,!!d.logo&&jsxRuntime.jsx("div",{className:core.cls({"gp-justify-center":"desktop"===a&&m,"tablet:gp-justify-center":"tablet"===a&&m,"mobile:gp-justify-center":"mobile"===a&&m,"gp-flex gp-items-center":"desktop"===a,"tablet:gp-flex tablet:gp-items-center":"tablet"===a,"mobile:gp-flex mobile:gp-items-center":"mobile"===a,"gp-order-first":"desktop"!==a,"mobile:gp-order-[0]":!0,"tablet:gp-order-[0]":"tablet"===a}),children:jsxRuntime.jsx(Image.default,{style:core.makeStyleResponsive("maxh",d.height),setting:{srcSet:d.logo,alt:"Logo",quality:100,isAdaptive:!0},styles:{customAspectRadio:d.customAspectRadio,aspectRatio:d.logoAspectRatio,width:d.logoWidth,objectFit:d.layout,opacity:{normal:0,hover:0}}})}),jsxRuntime.jsxs("div",{className:"gp-flex gp-items-center gp-gap-4",children:[p&&jsxRuntime.jsx(CheckoutNow.default,{className:"mobile:gp-hidden",setting:{label:"Buy Now",openMode:c},styles:{backgroundColor:e,borderBtn:r,roundedBtn:t,btnSpacing:s,textColor:i,typography:o,type:n,width:u}}),jsxRuntime.jsx(Cart.default,{setting:{iconOnly:!0,svgIcon:d.cartIcon,enableHoverEffect:d.cardEnableHoverEffect??!0},styles:{iconColor:d.cartIconColor}})]})]})};exports.default=BasicHeader;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),dynamic=require("next/dynamic"),Cart=require("../../../../cart/components/Cart.js");require("react"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube");var Image=require("../../../../image/components/Image.js");require("../../../../cart/components/shop-pay-button/ShopPayButton.js");var CheckoutNow=require("../../../../cart/components/CheckoutNow.js");const MobileMenu=dynamic(()=>Promise.resolve().then(function(){return require("./MobileMenu.js")})),DesktopMenu=dynamic(()=>Promise.resolve().then(function(){return require("./DesktopMenu.js")})),BasicHeader=({btnBgColor:e,btnBorder:t,btnRounded:s,btnSpacing:r,btnTextColor:o,btnTypography:i,btnType:n,btnWidth:l,openMode:a,buyNow:c,breakpoint:u,...p})=>{let m=!!p.menu?.ROOT.childrens?.length;return jsxRuntime.jsxs("div",{className:"gp-relative gp-z-50 gp-flex gp-items-center gp-px-4 gp-justify-between",style:core.makeStyleResponsive("h",p.height),children:[m?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(MobileMenu,{...p,className:core.cls({"gp-flex":"desktop"===u,"gp-hidden tablet:gp-flex":"tablet"===u,"gp-hidden mobile:gp-flex":"mobile"===u})}),jsxRuntime.jsx(DesktopMenu,{...p,className:core.cls({"!gp-hidden":"desktop"===u,"tablet:!gp-hidden":"tablet"===u,"mobile:!gp-hidden":"mobile"===u})})]}):null,!!p.logo&&jsxRuntime.jsx("div",{className:core.cls({"gp-justify-center":"desktop"===u&&m,"tablet:gp-justify-center":"tablet"===u&&m,"mobile:gp-justify-center":"mobile"===u&&m,"gp-flex gp-items-center":"desktop"===u,"tablet:gp-flex tablet:gp-items-center":"tablet"===u,"mobile:gp-flex mobile:gp-items-center":"mobile"===u,"gp-order-first":"desktop"!==u,"mobile:gp-order-[0]":!0,"tablet:gp-order-[0]":"tablet"===u}),children:jsxRuntime.jsx(Image.default,{style:core.makeStyleResponsive("maxh",p.height),setting:{srcSet:p.logo,alt:"Logo",quality:100,isAdaptive:!0},styles:{customAspectRadio:p.customAspectRadio,aspectRatio:p.logoAspectRatio,width:p.logoWidth,objectFit:p.layout,opacity:{normal:0,hover:0}}})}),jsxRuntime.jsxs("div",{className:"gp-flex gp-items-center gp-gap-4",children:[c&&jsxRuntime.jsx(CheckoutNow.default,{className:"mobile:gp-hidden",setting:{label:"Buy Now",openMode:a},styles:{backgroundColor:e,borderBtn:t,roundedBtn:s,btnSpacing:r,textColor:o,typography:i,type:n,width:l}}),jsxRuntime.jsx(Cart.default,{setting:{iconOnly:!0,svgIcon:p.cartIcon,enableHoverEffect:p.cardEnableHoverEffect??!0},styles:{iconColor:p.cartIconColor}})]})]})};exports.default=BasicHeader;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Cart=require("../../../../cart/components/Cart.js");require("react");var core=require("@gem-sdk/core");require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Cart=require("../../../../cart/components/Cart.js");require("react");var core=require("@gem-sdk/core");require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../../../../image/components/AdaptiveImage.js"),require("../../../../cart/components/shop-pay-button/ShopPayButton.js");const ModernHeader=e=>jsxRuntime.jsxs("div",{className:"gp-relative gp-flex gp-items-center gp-px-4",style:core.makeStyleResponsive("h",e.height),children:["Coming Soon",jsxRuntime.jsx("div",{className:"gp-ml-auto gp-flex gp-items-center gp-pr-4",children:jsxRuntime.jsx(Cart.default,{setting:{iconOnly:!0,enableHoverEffect:e.cardEnableHoverEffect??!0}})})]});exports.default=ModernHeader;
|
package/dist/cjs/header/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var Header=require("./components/Header.js"),index=require("./components/kind/basic/index.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("
|
|
1
|
+
"use strict";var Header=require("./components/Header.js"),index=require("./components/kind/basic/index.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../image/components/AdaptiveImage.js"),require("../cart/components/shop-pay-button/ShopPayButton.js"),require("react-transition-group");var Header$1=require("./settings/Header.js");const headerSetting={Header:Header$1.default};exports.Header=Header.default,exports.BasicHeader=index.default,exports.headerSetting=headerSetting;
|
package/dist/cjs/helpers.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),Link=require("./link/components/Link.js")
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),Link=require("./link/components/Link.js");const 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)&®EX_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:o,defaultVal:l="",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??l;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: '<$quantity$>', inventory_quantity"),o&&(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}const getInsertLinkData=(e,t,r)=>{let i=["#","mailto:","tel:"],n=["product.url"],o=t?.link!==void 0&&""!==t.link,l=t?.link??"",a="/"===l,s=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),c=o&&s.test(l);c&&(l=getHttpUrl(l)),o&&l.toLowerCase().startsWith("mailto:")&&l.includes("+")&&(l=normalizeMailto(l));let p=()=>!!(i.find(e=>l.startsWith(e))||n.find(e=>l.includes(e))),g=c||isShopifyDomain(o,l)||p()||a||isLinkedToSalesPage(t?.type);(isShopifyDomain(o,l)||a)&&(l=t?.isTranslate?"$locationOrigin"+l:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+l);let u=g?t?.isLiquid?"a":Link.default:e,f={href:l,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},h=g?f:o?{...f,type:r}:{type:r};return{Wrap:u,urlData:h,shouldRenderLink:g}},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:i=!1,enableImageLink:n=!1})=>{let o=["product.url"],l=["#","mailto:","tel:"],a=e?.link??"",s="/"===a,c=e?.link!==void 0&&""!==e.link,p=new RegExp(/^https?:\/\//i),g=c&&p.test(a);c&&a.toLowerCase().startsWith("mailto:")&&a.includes("+")&&(a=normalizeMailto(a));let u=()=>!!(o.find(e=>a.includes(e))||l.find(e=>a.startsWith(e))),f=n&&(g||isShopifyDomain(c,a)||u()||s||isLinkedToSalesPage(e?.type)),h=a;i&&(isShopifyDomain(c,a)||s)&&(h=e?.isTranslate?"$locationOrigin"+a:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+a);let d=f?i?"a":Link.default:r,m={href:h,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},k=f?m:c?{...m,type:t}:{type:t};return{Wrapper:d,urlData:k,shouldRenderLink:f}},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))}const getDisplayStyle=(e,t)=>{let r={};return core.DEVICES.forEach(i=>{r={...r,[`--d${"desktop"===i?"":`-${i}`}`]:`${e(i)?"none":t}`}}),r},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}const handleClickLink=(e,t)=>{if("edit"!==t){if(checkIsScrollToTop(e)){window.scrollTo({top:0,behavior:"smooth"});return}if(checkIsOpenPopup(e)){let t=e?.link?.replace("#el-","#");core.globalEvent.dispatch("onOpenDialog",{popupUId:t});return}e?.link?.startsWith("#")&&core.globalEvent.dispatch("onOpenDialog",{popupUId:e?.link})}},hasTranslateIdInSetting=(e,t)=>!!t&&0!==t.length&&t.some(t=>t.id===e),getBackgroundTranslated=({background:e,translate:t,uid:r,pageContext:i,isTranslateVideo:n=!0})=>{if(!e)return{};if(!hasTranslateIdInSetting("background",t)||!r)return e;let o=core.cloneDeep(e);for(let e in o){let t=o[e];if(t){if(t.image?.src){let n=getDynamicSourceLocales({val:t.image.src,uid:r,settingId:`background_${e}_image_src`,translate:"true",pageContext:i});t.image.src=String(n)}if(n){if("youtube"===t.videoType&&t.video){let n=getDynamicSourceLocales({val:t.video,uid:r,settingId:`background_${e}_video`,translate:"true",pageContext:i});t.video=String(n)}if("html5"===t.videoType&&t.videoHtml5){let n=getDynamicSourceLocales({val:t.videoHtml5,uid:r,settingId:`background_${e}_videoHtml5`,translate:"true",pageContext:i});t.videoHtml5=String(n)}}}}return o},safeSvgIcon=e=>e?e.replace(/\s*(\r\n|\n|\r)\s*/g,"").replace(/\\/g,"\\\\").replace(/"/g,'\\"'):"";exports.REGEX_PAGE_TYPE=REGEX_PAGE_TYPE,exports.checkIsOpenPopup=checkIsOpenPopup,exports.checkIsScrollToTop=checkIsScrollToTop,exports.convertUnitToNumber=convertUnitToNumber,exports.filterTruthyObject=filterTruthyObject,exports.filterTruthyStyles=filterTruthyStyles,exports.getAllHrefFromString=getAllHrefFromString,exports.getBackgroundTranslated=getBackgroundTranslated,exports.getDisplayStyle=getDisplayStyle,exports.getDynamicSourceLocales=getDynamicSourceLocales,exports.getInsertLinkData=getInsertLinkData,exports.getLinkArticle=getLinkArticle,exports.getLinkData=getLinkData,exports.getSettingPreloadData=getSettingPreloadData,exports.getStaticLocale=getStaticLocale,exports.handleClickLink=handleClickLink,exports.hasTranslateIdInSetting=hasTranslateIdInSetting,exports.isEmptyObject=isEmptyObject,exports.isHexTransparent=isHexTransparent,exports.isLinkedToSalesPage=isLinkedToSalesPage,exports.isShopifyDomain=isShopifyDomain,exports.isTransparentColor=isTransparentColor,exports.isTransparentRGBA=isTransparentRGBA,exports.normalizeMailto=normalizeMailto,exports.replaceAllHrefFromString=replaceAllHrefFromString,exports.replaceLinkData=replaceLinkData,exports.safeSvgIcon=safeSvgIcon,exports.youtubeShortsRegex=youtubeShortsRegex;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var HeroBannerItem_liquid=require("./HeroBannerItem.liquid.js"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),system=require("@gem-sdk/system"),core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),helpers$1=require("../common/helpers.js");const HeroBanner=e=>{let{builderAttrs:t,builderProps:s,setting:r,styles:a,style:l,children:n,advanced:i,pageContext:o}=e,{enableLazyLoadImage:c}=o??{},{enableLink:d}=r??{},p=helpers
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var HeroBannerItem_liquid=require("./HeroBannerItem.liquid.js"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),system=require("@gem-sdk/system"),core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),helpers$1=require("../common/helpers.js");const HeroBanner=e=>{let{builderAttrs:t,builderProps:s,setting:r,styles:a,style:l,children:n,advanced:i,pageContext:o}=e,{enableLazyLoadImage:c}=o??{},{enableLink:d}=r??{},p=helpers$1.getBannerLink(r),{cssClass:g}=i??{},{urlData:u}=helpers.getInsertLinkData("",p),m=system.createStateOrContext({background:helpers$1.getResponsiveSetting(a?.background||{}),uid:s?.uid,enableParallax:Number(r?.speedParallax||0)>0,speedParallax:Number(r?.speedParallax)||0,hoverEffect:a?.hoverEffect,hoverEffectScale:a?.hoverEffectScale,layout:r?.layout,contentPosition1Col:a?.contentPosition1Col,contentPosition2Col:a?.contentPosition2Col,aspectRatio:r?.aspectRatio,sizeSetting:helpers$1.getResponsiveSetting(a?.sizeSetting||{}),videoObjectFit:helpers$1.getResponsiveSetting(a?.videoObjectFit||{}),target:p?.target??"_self",href:u?.href??"",linkType:p?.type??"",hoverEffectDuration:a?.hoverEffectDuration}),f=!!p?.link&&d,h=system.createAttr({...attrs.getAttr({uid:s?.uid||""})}),y=system.createAttr(attrs.getAttrLink()),v=system.createStyle({...styles.getStyle(a,r,l)}),$=system.createClass({...classes.getClasses({setting:r,builderProps:s,advancedCssClass:g})}),S=system.createClass({...classes.getLinkClasses()}),b=()=>HeroBannerItem_liquid.default({setting:r,styles:a,children:n,enableLazyLoadImage:c,rawChildren:e.rawChildren,builderProps:s});return core.template`
|
|
2
2
|
<gp-hero-banner
|
|
3
3
|
${{...t}}
|
|
4
|
-
${{...
|
|
5
|
-
class="${
|
|
6
|
-
style="${
|
|
7
|
-
gp-data='${core.dataStringify(
|
|
4
|
+
${{...h}}
|
|
5
|
+
class="${$}"
|
|
6
|
+
style="${v}"
|
|
7
|
+
gp-data='${core.dataStringify(m)}'
|
|
8
8
|
>
|
|
9
|
-
${system.If(!
|
|
10
|
-
${system.If(
|
|
9
|
+
${system.If(!f,b())}
|
|
10
|
+
${system.If(f,core.template`
|
|
11
11
|
<div
|
|
12
|
-
${{...
|
|
12
|
+
${{...y}}
|
|
13
13
|
aria-hidden="true"
|
|
14
|
-
class="${
|
|
14
|
+
class="${S}"
|
|
15
15
|
>
|
|
16
|
-
${
|
|
16
|
+
${b()}
|
|
17
17
|
</div>`)}
|
|
18
18
|
</gp-hero-banner>
|
|
19
19
|
${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-hero-banner-v2-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-hero-banner-v2-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),AdaptiveImage_liquid=require("../../image/components/AdaptiveImage.liquid.js"),HTML5Embed_liquid=require("../../video/components/HTML5Embed.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),helpers$1=require("../../image/common/helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),LiteYouTubeEmbed_liquid=require("../../video/components/LiteYouTubeEmbed.liquid.js"),helpers$3=require("../../video/common/helpers.js"),helpers$2=require("../../grid/components/row/common/helpers.js"),constants=require("../../image/constants.js");const HeroBannerItem=e=>{let{enableLazyLoadImage:s=!0,
|
|
2
|
-
<div class="${
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),AdaptiveImage_liquid=require("../../image/components/AdaptiveImage.liquid.js"),HTML5Embed_liquid=require("../../video/components/HTML5Embed.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),helpers$1=require("../../image/common/helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),LiteYouTubeEmbed_liquid=require("../../video/components/LiteYouTubeEmbed.liquid.js"),helpers$3=require("../../video/common/helpers.js"),helpers$2=require("../../grid/components/row/common/helpers.js"),constants=require("../../image/constants.js");const HeroBannerItem=e=>{let{enableLazyLoadImage:s=!0,setting:t,styles:l,children:a,builderProps:r,rawChildren:i}=e,{layout:o,verticalAlign:c,enableParallax:m,alt:d,title:u,preload:y}=t??{},{background:n,overlayColor:p,verticalGutter:g,sizeSetting:C,contentWidth:h,hoverEffect:q,contentPosition1Col:v,contentPosition2Col:b,videoObjectFit:S}=l??{},I=!y&&s,f=helpers.getAspectRatio(C,n),$=helpers.getYoutubeAspectRatio(n,S,f),R=helpers.getResponsiveSetting(n||{}),j=R.desktop,B=system.createStyle({...styles.getContainerStyle(l)}),k=system.createClass({...classes.getContainerClasses(t,l)}),A=system.createStyle({...styles.getOverlayStyle(l)}),_=system.createClass({...classes.getOverlayClasses(l)}),w=system.createStyle({...styles.getRowStyle(l)}),H=system.createClass({...classes.getRowClasses(l,t)}),T=system.createStyle({...styles.getAdaptiveStyle(l)}),V=system.createClass({...classes.getAdaptivePictureClasses()}),E=system.createClass({...classes.getAdaptiveClasses()}),L=system.createClass({...classes.getBackgroundClasses(q,I)}),Y=system.createStyle({...helpers.getBackgroundImageHeroBanner(n,I,!1),...styles.getBackgroundStyle(l,m,"")}),N=system.createClass({...classes.getContainBackgroundClasses()}),x=system.createStyle({...styles.getContainBackgroundStyle(l)}),z=system.createClass({...classes.getHtml5VideoClasses(!1)}),O=system.createStyle({...styles.getYoutubeIframeStyle($,S)}),D=system.createClass({...classes.getWrapperYoutubeClasses()}),M=system.createStyle({...styles.getHtml5VideoStyle(f,S)}),P=system.createClass({...classes.getIframeYoutubeClasses()}),W=e=>system.createClass({...classes.getLazyBackgroundClasses(e)}),G=()=>{if(!y)return core.DEVICES.map(e=>system.If(helpers.getEnableBgImageByDevice(e,n),NextImage_liquid.default({src:helpers$1.getImageSrc(core.getResponsiveValueByScreen(helpers.getBgImage(n),e),e),alt:d,title:u,className:W(e),isDisableAspectStyle:!0,enableLazyLoadImage:s}))).join("")},F=()=>{if(!helpers.showVideoType(n))return;if(helpers$2.isRenderHtmlVideo(n))return HTML5Embed_liquid.default({uid:r?.uid,muted:!0,loop:j?.loop,controls:!1,autoplay:!0,src:j?.videoHtml5||"",title:"Video",style:M,className:z});let e=j?.video??"",s=helpers$3.getYoutubeVideoId(e),t=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(j?.type==="video"&&j?.videoType==="youtube"&&s&&helpers$3.youtubeVideoRegex.test(e))return LiteYouTubeEmbed_liquid.default({uid:r?.uid,id:s,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:j?.lazyLoad??!0,preload:!0,style:O,wrapperClass:D,iframeClass:P})};return core.template`
|
|
2
|
+
<div class="${k}" style="${B}">
|
|
3
3
|
<div
|
|
4
|
-
class="${
|
|
5
|
-
style="${
|
|
4
|
+
class="${N}"
|
|
5
|
+
style="${x}"
|
|
6
6
|
>
|
|
7
|
-
<div class="${
|
|
8
|
-
${
|
|
7
|
+
<div class="${L}" style="${Y}">
|
|
8
|
+
${G()}
|
|
9
9
|
${F()}
|
|
10
10
|
</div>
|
|
11
|
-
${system.If(!!
|
|
11
|
+
${system.If(!!p,core.template`<div aria-label="Overlay" class="${_}" style="${A}"> </div>`)}
|
|
12
12
|
</div>
|
|
13
|
-
${Row_liquid.default({className:H,style:
|
|
14
|
-
${AdaptiveImage_liquid.default({pictureClass:
|
|
13
|
+
${Row_liquid.default({className:H,style:w,setting:{layout:o,horizontalAlign:helpers.horizontalAlign(o,v,b),verticalAlign:c},styles:{verticalGutter:g,width:helpers.getWidth(h),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:a,rawChildren:i})}
|
|
14
|
+
${AdaptiveImage_liquid.default({pictureClass:V,srcSet:helpers.getBgImage(n),className:E,...y&&constants.PRIORITY_LOAD_ATTRS,aspectRatio:core.getAspectRatioGlobalSize(C),style:T,alt:d,title:u,enableLazyLoadImage:s,fallbackImg:helpers.fallbackImg})}
|
|
15
15
|
</div>
|
|
16
16
|
`};exports.default=HeroBannerItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("
|
|
1
|
+
"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../image/components/AdaptiveImage.js"),require("./common/animation-manager.js");var HeroBanner$1=require("./settings/HeroBanner.js");const bannerSetting={HeroBanner:HeroBanner$1.default};exports.bannerSetting=bannerSetting;
|
|
@@ -143,4 +143,4 @@
|
|
|
143
143
|
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"
|
|
144
144
|
fill="currentColor"
|
|
145
145
|
/>
|
|
146
|
-
</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:"
|
|
146
|
+
</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}}}}]}];exports.SettingsV2=SettingsV2;
|