@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,14 +1,14 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers$1=require("../common/helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js");const LiteVimeoEmbed=e=>{let{title:s,id:t,lazy:l,aspectRatio:a,autoplay:r,muted:i,thumbnailLink:m,poster:c
|
|
2
|
-
<gp-lite-vimeo-embed gp-data='${JSON.stringify(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers$1=require("../common/helpers.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js");const LiteVimeoEmbed=e=>{let{title:s,id:t,lazy:l,aspectRatio:a,autoplay:r,muted:i,thumbnailLink:m,poster:c}=e,{iframeSrc:o}=helpers$1.getVimeoParams(e),p=!l,d=e.thumbnail,g=system.createStateOrContext({id:t,thumbnail:m,lazy:l,iframeSrc:o,title:s,autoplay:r,muted:i,style:e?.vimeoStyleIframe||""}),y=system.createStyle({...styles.getIframeVimeoStyle(a)}),n=system.createStyle({...styles.getArticleVimeoStyle(a,"")}),u=system.createClass({...classes.getArticleVimeoClasses(d,a)}),f=system.createClass({...classes.getImageVimeoClasses(p)}),h=system.createClass({...classes.getButtonVimeoClasses(p)}),$=system.createClass({...classes.getIframeVimeoClasses()});return core.template`
|
|
2
|
+
<gp-lite-vimeo-embed gp-data='${JSON.stringify(g)}'>
|
|
3
3
|
<article
|
|
4
4
|
aria-hidden
|
|
5
|
-
class="${
|
|
5
|
+
class="${u}"
|
|
6
6
|
data-title="${s}"
|
|
7
|
-
style="${
|
|
7
|
+
style="${n}"
|
|
8
8
|
>
|
|
9
|
-
${NextImage_liquid.default({src:
|
|
10
|
-
${system.If(!
|
|
11
|
-
<button type="button" class="${
|
|
9
|
+
${NextImage_liquid.default({src:d,alt:c?.altText,title:c?.imageTitle,className:f,isDisableAspectStyle:!0,enableLazyLoadImage:!0,priority:c?.preload,height:c?.height,width:c?.width})}
|
|
10
|
+
${system.If(!p,core.template`
|
|
11
|
+
<button type="button" class="${h}" aria-label="Play">
|
|
12
12
|
<svg class="gp-w-5 gp-text-white" viewBox="0 0 24 24">
|
|
13
13
|
<path
|
|
14
14
|
fill="currentColor"
|
|
@@ -16,15 +16,15 @@
|
|
|
16
16
|
/>
|
|
17
17
|
</svg>
|
|
18
18
|
</button>`)}
|
|
19
|
-
${system.If(
|
|
19
|
+
${system.If(p,core.template`
|
|
20
20
|
<iframe
|
|
21
|
-
style="${
|
|
21
|
+
style="${y}"
|
|
22
22
|
title="${s}"
|
|
23
23
|
frameborder="0"
|
|
24
24
|
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
|
|
25
25
|
allowfullscreen
|
|
26
|
-
src="${
|
|
27
|
-
class="${
|
|
26
|
+
src="${o}"
|
|
27
|
+
class="${$}"
|
|
28
28
|
></iframe>`)}
|
|
29
29
|
</article>
|
|
30
30
|
</gp-lite-vimeo-embed>
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers$1=require("../common/helpers.js");const LiteYouTubeEmbed=e=>{let{style:s,iframeClass:t,wrapperClass:a,title:l,poster:r
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers$1=require("../common/helpers.js");const LiteYouTubeEmbed=e=>{let{style:s,iframeClass:t,wrapperClass:a,title:l,poster:r}=e,i=`gp-video-${e.uid}`,{posterUrl:o,iframeSrc:c}=helpers$1.getYoutubeParams(e),u=r?.preload,d=system.createStateOrContext({lazy:e.lazy,style:s,title:l,iframeSrc:c}),m=!e.lazy,p=system.createClass({...classes.getButtonYoutubeClasses(m)}),y=system.createClass({...classes.getImageYoutubeClasses()}),g=system.createClass({...classes.getArticleYoutubeClasses(u||!1,a)}),b=system.createClass({...classes.getIframeYoutubeClasses(t)}),n=system.createStyle({...styles.getIframeYoutubeStyle(s)}),f=system.createStyle({...styles.getArticleYoutubeStyle(s,o)}),$=()=>core.template`
|
|
2
2
|
<iframe
|
|
3
3
|
id="player-wrapper-${e.uid}"
|
|
4
|
-
class="${
|
|
5
|
-
style="${
|
|
4
|
+
class="${b}"
|
|
5
|
+
style="${n}"
|
|
6
6
|
title="${l}"
|
|
7
7
|
frameborder="0"
|
|
8
8
|
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
|
|
9
9
|
allowfullscreen
|
|
10
|
-
src="${
|
|
10
|
+
src="${c}"
|
|
11
11
|
></iframe>
|
|
12
12
|
`;return core.template`
|
|
13
|
-
<gp-lite-youtube-embed gp-data='${JSON.stringify(
|
|
13
|
+
<gp-lite-youtube-embed gp-data='${JSON.stringify(d)}'>
|
|
14
14
|
<article
|
|
15
15
|
aria-hidden
|
|
16
|
-
class="${
|
|
16
|
+
class="${g}"
|
|
17
17
|
data-title="${l}"
|
|
18
|
-
style="${
|
|
18
|
+
style="${f}"
|
|
19
19
|
>
|
|
20
|
-
${NextImage_liquid.default({id:
|
|
21
|
-
<button type="button" aria-label="Play" class="${
|
|
20
|
+
${NextImage_liquid.default({id:i,src:o,alt:r?.altText,title:r?.imageTitle,priority:r?.preload,enableLazyLoadImage:!0,className:y,isDisableAspectStyle:!0,isNotLazyload:r?.preload})}
|
|
21
|
+
<button type="button" aria-label="Play" class="${p}">
|
|
22
22
|
<svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%">
|
|
23
23
|
<path
|
|
24
24
|
d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
<path d="M 45,24 27,14 27,34" fill="#fff"></path>
|
|
28
28
|
</svg>
|
|
29
29
|
</button>
|
|
30
|
-
${system.If(
|
|
30
|
+
${system.If(m,$())}
|
|
31
31
|
</article>
|
|
32
32
|
</gp-lite-youtube-embed>
|
|
33
33
|
${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../common/helpers.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),HTML5Embed_liquid=require("./HTML5Embed.liquid.js"),LiteVimeoEmbed_liquid=require("./LiteVimeoEmbed.liquid.js"),LiteYouTubeEmbed_liquid=require("./LiteYouTubeEmbed.liquid.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),helpers
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../common/helpers.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),HTML5Embed_liquid=require("./HTML5Embed.liquid.js"),LiteVimeoEmbed_liquid=require("./LiteVimeoEmbed.liquid.js"),LiteYouTubeEmbed_liquid=require("./LiteYouTubeEmbed.liquid.js"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),helpers=require("../../image/common/helpers.js");const Video=({className:e,setting:t,style:s,builderAttrs:l,builderProps:i,advanced:a})=>{let{youtubeUrl:r="",vimeoUrl:o="",html5Url:d,autoplay:u=!1,loopVideo:m=!1,controls:c=!1,mute:y,poster:p,startTime:g,endTime:n}=t??{},b=helpers.getImageSrc(p),{cssClass:q}=a??{},h=helpers$1.getAspectRatioSettings(t?.ratioOptions,t?.aspectRatio),V=system.createAttr({...attrs.getAttr({uid:i?.uid||""})}),$=system.createStyle({...styles.getStyle(t,s)}),f=system.createStyle({...styles.getYoutubeStyle(h)}),I=system.createStyle({...styles.getVimeoStyle(h)}),k=system.createStyle({...styles.getHtml5Style(h)}),S=system.createStyle({...styles.getFallBackImageStyle(t?.aspectRatio)}),_=system.createClass({...classes.getFallbackImageClasses()}),L=system.createClass({...classes.getClasses({className:e,builderProps:i,isInstantLP:!1,advancedCssClass:q})}),j=()=>{switch(t?.type){case"youtube":{let e=helpers$1.getYoutubeVideoId(r);if(!helpers$1.youtubeVideoRegex.test(r)||!e)return NextImage_liquid.default({src:helpers$1.fallbackImageVideoUrl,alt:"Fallback video",className:_,style:S});let s="";return m&&(s+=`&loop=1&playlist=${e}`),g&&(s+=`&start=${helpers$1.parseTimeVideo(g)}`),n&&(s+=`&end=${helpers$1.parseTimeVideo(n)}`),LiteYouTubeEmbed_liquid.default({uid:i?.uid,id:e,autoplay:u,title:"Video",controls:c,params:s,adNetwork:!1,noCookie:!0,muted:!y,thumbnail:b,lazy:t.lazy??!0,preload:p?.preload,poster:p,style:f})}case"vimeo":{let e=helpers$1.getVimeoVideoId(o);if(!helpers$1.vimeoVideoRegex.test(o)||!e)return NextImage_liquid.default({src:helpers$1.fallbackImageVideoUrl,alt:"Fallback video",className:_,style:S});return LiteVimeoEmbed_liquid.default({muted:!y,loop:m,controls:c,thumbnail:b,thumbnailLink:p?.src,autoplay:u,lazy:t.lazy??!0,id:e,title:"Video",aspectRatio:h,poster:p,vimeoStyleIframe:I})}case"html5":if(!d)return NextImage_liquid.default({src:helpers$1.fallbackImageVideoUrl,alt:"Fallback video",className:_,style:S});return HTML5Embed_liquid.default({uid:i?.uid,muted:!y,loop:m,controls:c,autoplay:u,src:d,thumbnail:b,title:"Video",poster:p,lazy:t.lazy??!0,isVideoComponent:!0,style:k})}};return core.template`
|
|
2
2
|
<div
|
|
3
|
-
${{...l}} ${{...
|
|
4
|
-
${
|
|
3
|
+
${{...l}} ${{...V}} class="${L}" style="${$}">
|
|
4
|
+
${j()}
|
|
5
5
|
</div>
|
|
6
6
|
`};exports.default=Video;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var helpers=require("../../../helpers.js");const VideoSettings=[{id:"setting",controls:[{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"type",type:"select",label:"Video Type",options:[{label:"YouTube",value:"youtube"},{label:"Vimeo",value:"vimeo"},{label:"Video hosting",value:"html5"}],default:"html5"},{id:"youtubeUrl",type:"input",label:"Youtube Link",default:"https://www.youtube.com/watch?v=drIt4RH_kyQ",placeholder:"Insert video url here",hide:!0,action:{clear:!0},actionChangeControls:[{controlID:"loopVideo",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!0},{controlID:"autoplay",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!0},{controlID:"controls",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1},{controlID:"mute",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1},{controlID:"lazy",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1}]},{id:"vimeoUrl",type:"input",label:"Vimeo Link",default:"https://vimeo.com/1095883398",placeholder:"Insert video url here",hide:!0,action:{clear:!0}},{id:"html5Url",type:"input",label:"HTML5 Video Link",default:"https://cdn.shopify.com/videos/c/o/v/2cd3deb506b54b009063f7270ab5cf2e.mp4",placeholder:"Insert video url here",hide:!0,action:{clear:!0}},{id:"notes",type:"notes",default:'You can upload video to a hosting server e.g Shopify. <a class="no-underline text-[#8AA4FF] font-medium leading-5" target="_blank" href="https://help.gempages.net/articles/version-7-video-element#video-url">Learn more</a>'},{id:"poster",type:"image",label:"Video Poster",hiddenSetting:{seo:!0}},{id:"
|
|
1
|
+
"use strict";var helpers=require("../../../helpers.js");const VideoSettings=[{id:"setting",controls:[{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"type",type:"select",label:"Video Type",options:[{label:"YouTube",value:"youtube"},{label:"Vimeo",value:"vimeo"},{label:"Video hosting",value:"html5"}],default:"html5"},{id:"youtubeUrl",type:"input",label:"Youtube Link",default:"https://www.youtube.com/watch?v=drIt4RH_kyQ",placeholder:"Insert video url here",hide:!0,action:{clear:!0},actionChangeControls:[{controlID:"loopVideo",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!0},{controlID:"autoplay",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!0},{controlID:"controls",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1},{controlID:"mute",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1},{controlID:"lazy",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1}]},{id:"vimeoUrl",type:"input",label:"Vimeo Link",default:"https://vimeo.com/1095883398",placeholder:"Insert video url here",hide:!0,action:{clear:!0}},{id:"html5Url",type:"input",label:"HTML5 Video Link",default:"https://cdn.shopify.com/videos/c/o/v/2cd3deb506b54b009063f7270ab5cf2e.mp4",placeholder:"Insert video url here",hide:!0,action:{clear:!0}},{id:"notes",type:"notes",default:'You can upload video to a hosting server e.g Shopify. <a class="no-underline text-[#8AA4FF] font-medium leading-5" target="_blank" href="https://help.gempages.net/articles/version-7-video-element#video-url">Learn more</a>'},{id:"poster",type:"image",label:"Video Poster",hiddenSetting:{seo:!0}},{id:"preload",type:"toggle",label:"Preload",default:!0},{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:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"}}},{id:"width",type:"input:stepper",min:0,label:"Aspect Width",hide:!0,devices:{desktop:{default:16}}},{id:"height",type:"input:stepper",min:1,label:"Aspect Height",hide:!0,devices:{desktop:{default:9}}},{id:"startTime",type:"input",label:"Start time",placeholder:"mm:ss",info:"Start video at xx seconds",hide:!0},{id:"endTime",type:"input",label:"End time",placeholder:"mm:ss",info:"End video at xx seconds",hide:!0},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"mute",label:"Enable Sound",type:"toggle",default:!1},{id:"loopVideo",label:"Loop Video",type:"toggle",default:!1},{id:"controls",label:"Show Control Bar",type:"toggle",default:!0,info:"Player controls display in the player"},{id:"lazy",label:"Lazy load",type:"toggle",default:!0,info:"Optimize for pagespeed loading time"}]}];exports.VideoSettings=VideoSettings;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as
|
|
2
|
+
import{jsx as r,jsxs as t}from"react/jsx-runtime";import"react";import{useCartData as e,CartLineProvider as i,isEmptyChildren as m}from"@gem-sdk/core";import"next/head";import o from"../../grid/components/ChildrenDroppable.js";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import d from"../../grid/components/col/Col.js";let CartList=({builderProps:n,advanced:l,setting:p,styles:a,children:s,...c})=>{let{data:h,error:u}=e();return r("div",{"data-id":n?.uid,...c,children:u?t("div",{children:["Error: ",u.message]}):h?r(d,{styles:a,children:h.lineItems.map(t=>t?r(i,{line:t,children:m(s)?r(o,{}):s},t.id):null)}):r("div",{children:"Cart Empty"})})};export{CartList as default};
|
package/dist/esm/cart/index.js
CHANGED
|
@@ -1 +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"
|
|
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";export{default as ShopPayButton}from"./components/shop-pay-button/ShopPayButton.js";import t from"./settings/Cart.js";import r from"./settings/CartLinePrice.js";import o from"./settings/CartLineVariant.js";import i from"./settings/CartList.js";import e from"./settings/CartLineImage.js";import s from"./settings/CartTotalPrice.js";import m from"./settings/CartTotalItem.js";import a from"./settings/CartCheckout.js";import n from"./settings/DiscountInput.js";import p from"./settings/CartDiscount.js";import C from"./settings/CartOrderNote.js";import g from"./settings/CartLineAttribute.js";import u from"./settings/CouponList.js";import c from"./settings/ShopPayButton.js";let cartSetting={Cart:t,CartList:i,CartLinePrice:r,CartLineVariant:o,CartLineImage:e,CartTotalPrice:s,CartTotalItem:m,CartCheckout:a,DiscountInput:n,CartDiscount:p,CartOrderNote:C,CartLineAttribute:g,CouponList:u,ShopPayButton:c};export{cartSetting};
|
|
@@ -1 +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"
|
|
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};
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import{template as e,WrapRenderChildren as o,RenderChildren as
|
|
2
|
-
${
|
|
1
|
+
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`
|
|
2
|
+
${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>`)}
|
|
3
3
|
`},D=e`
|
|
4
|
-
<gp-row gp-data='${x}' ${{...T}} class="${
|
|
5
|
-
${
|
|
6
|
-
<div class="${
|
|
7
|
-
<div class="${
|
|
4
|
+
<gp-row gp-data='${x}' ${{...T}} class="${B}" style="${z()}">
|
|
5
|
+
${d(!!H(),e`
|
|
6
|
+
<div class="${_}" style="${A}">
|
|
7
|
+
<div class="${G}">${H()}</div>
|
|
8
8
|
</div>
|
|
9
9
|
`)}
|
|
10
10
|
|
|
11
|
-
${o({uid:
|
|
11
|
+
${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})}))}
|
|
12
12
|
|
|
13
13
|
${Y()}
|
|
14
14
|
</gp-row>
|
|
15
15
|
`;return e`
|
|
16
|
-
${
|
|
16
|
+
${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" />`)}`)}
|
|
17
17
|
|
|
18
|
-
${
|
|
18
|
+
${r(!!S,"{% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}")}
|
|
19
19
|
|
|
20
|
-
${
|
|
21
|
-
<${
|
|
22
|
-
class="${
|
|
20
|
+
${d(S,e`
|
|
21
|
+
<${L}
|
|
22
|
+
class="${I} ${S?a("gps-lazy"):""}"
|
|
23
23
|
style="${R}"
|
|
24
24
|
>
|
|
25
25
|
${D}
|
|
26
|
-
</${
|
|
26
|
+
</${L}>
|
|
27
27
|
`,e`${D}`)}
|
|
28
28
|
`};export{Row as default};
|
package/dist/esm/grid/index.js
CHANGED
|
@@ -1 +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"
|
|
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};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as
|
|
2
|
+
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};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as
|
|
2
|
+
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};
|
package/dist/esm/header/index.js
CHANGED
|
@@ -1 +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"
|
|
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};
|
package/dist/esm/helpers.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{DEVICES as
|
|
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)&®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:l,defaultVal:a="",translate:o,isReplaceLocationOrigin:s,isReplaceMaxSize:c,isReplaceInventoryQuantity:p})=>{let g=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(e?.toString()??""),u=n?.isTranslateWithLocale?1e3:5e3;if(!o||!e?.toString().trim()||e.toString().length>u||g||n?.isPreviewing)return e??a;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"),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"],a=t?.link!==void 0&&""!==t.link,o=t?.link??"",s="/"===o,c=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),p=a&&c.test(o);p&&(o=getHttpUrl(o)),a&&o.toLowerCase().startsWith("mailto:")&&o.includes("+")&&(o=normalizeMailto(o));let g=()=>!!(n.find(e=>o.startsWith(e))||l.find(e=>o.includes(e))),u=p||isShopifyDomain(a,o)||g()||s||isLinkedToSalesPage(t?.type);(isShopifyDomain(a,o)||s)&&(o=t?.isTranslate?"$locationOrigin"+o:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+o);let f=u?t?.isLiquid?"a":i:e,h={href:o,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},m=u?h:a?{...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 a=["product.url"],o=["#","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=()=>!!(a.find(e=>s.includes(e))||o.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 a=r(e);for(let e in a){let t=a[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 a},safeSvgIcon=e=>e?e.replace(/\s*(\r\n|\n|\r)\s*/g,"").replace(/\\/g,"\\\\").replace(/"/g,'\\"'):"";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,safeSvgIcon,youtubeShortsRegex};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import e from"./HeroBannerItem.liquid.js";import{getAttr as
|
|
1
|
+
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`
|
|
2
2
|
<gp-hero-banner
|
|
3
|
-
${{...
|
|
4
|
-
${{...
|
|
5
|
-
class="${
|
|
6
|
-
style="${
|
|
7
|
-
gp-data='${p(
|
|
3
|
+
${{...E}}
|
|
4
|
+
${{...A}}
|
|
5
|
+
class="${G}"
|
|
6
|
+
style="${F}"
|
|
7
|
+
gp-data='${p(w)}'
|
|
8
8
|
>
|
|
9
|
-
${
|
|
10
|
-
${
|
|
9
|
+
${d(!z,T())}
|
|
10
|
+
${d(z,m`
|
|
11
11
|
<div
|
|
12
|
-
${{...
|
|
12
|
+
${{...D}}
|
|
13
13
|
aria-hidden="true"
|
|
14
|
-
class="${
|
|
14
|
+
class="${I}"
|
|
15
15
|
>
|
|
16
|
-
${
|
|
16
|
+
${T()}
|
|
17
17
|
</div>`)}
|
|
18
18
|
</gp-hero-banner>
|
|
19
|
-
${f(
|
|
19
|
+
${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>
|
|
20
20
|
`)}
|
|
21
21
|
`};export{HeroBanner as default};
|