@gem-sdk/components 3.0.21 → 3.0.23

package/dist/cjs/product/components/product-button/PriceLayout.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),system=require("@gem-sdk/system"),Separator=require("./Separator.js"),BlankSpace=require("./BlankSpace.js");const PriceLayout=({components:e,showPrice:t,showSeparator:r,separator:a})=>{let s=system.If(r,jsxRuntime.jsx(Separator.default,{separator:a}),jsxRuntime.jsx(BlankSpace.default,{}));return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[s,t&&e.map((t,r)=>jsxRuntime.jsxs(React.Fragment,{children:[t,r<e.length-1&&jsxRuntime.jsx(BlankSpace.default,{})]},r))]})};exports.default=PriceLayout;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),system=require("@gem-sdk/system"),Separator=require("./Separator.js"),BlankSpace=require("./BlankSpace.js");const PriceLayout=({components:e,showPrice:t,showSeparator:r,separator:s})=>{let a=system.If(r,jsxRuntime.jsx(Separator.default,{separator:s}),system.If(e.length>1,jsxRuntime.jsx(BlankSpace.default,{}),jsxRuntime.jsx(jsxRuntime.Fragment,{})));return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[a,t&&e.map((t,r)=>jsxRuntime.jsxs(React.Fragment,{children:[t,r<e.length-1&&jsxRuntime.jsx(BlankSpace.default,{})]},r))]})};exports.default=PriceLayout;

package/dist/cjs/product/components/product-button/PriceLayout.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var system=require("@gem-sdk/system"),Separator_liquid=require("./Separator.liquid.js"),BlankSpace_liquid=require("./BlankSpace.liquid.js"),core=require("@gem-sdk/core");const PriceLayout=({components:e,separator:r,showPrice:t,showSeparator:a})=>{let i=system.If(a,Separator_liquid.default({separator:r}),BlankSpace_liquid.default());return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var system=require("@gem-sdk/system"),Separator_liquid=require("./Separator.liquid.js"),BlankSpace_liquid=require("./BlankSpace.liquid.js"),core=require("@gem-sdk/core");const PriceLayout=({components:e,separator:r,showPrice:t,showSeparator:a})=>{let i=system.If(a,Separator_liquid.default({separator:r}),system.If(e.length>1,BlankSpace_liquid.default(),""));return core.template`
     ${i}
     ${t?e.map((r,t)=>core.template`
             ${r()}

package/dist/cjs/video/common/helpers.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getAspectRatioSettings=(e,t)=>{let o={desktop:e?.desktop?.width,tablet:e?.tablet?.width,mobile:e?.mobile?.width},s={desktop:e?.desktop?.height,tablet:e?.tablet?.height,mobile:e?.mobile?.height},i={desktop:t?.desktop==="custom"?`${core.getResponsiveValueByScreen(o,"desktop")}/${core.getResponsiveValueByScreen(s,"desktop")}`:t?.desktop==="cover"?"unset":t?.desktop,tablet:t?.tablet==="custom"?`${core.getResponsiveValueByScreen(o,"tablet")}/${core.getResponsiveValueByScreen(s,"tablet")}`:t?.tablet==="cover"?"unset":t?.tablet,mobile:t?.mobile==="custom"?`${core.getResponsiveValueByScreen(o,"mobile")}/${core.getResponsiveValueByScreen(s,"mobile")}`:t?.mobile==="cover"?"unset":t?.mobile};return i},listSourceVideoSupport=[".mp4",".mov"],getYoutubeParams=e=>{let{id:t,params:o,muted:s,webp:i,controls:p,adNetwork:r,autoplay:a,lazy:l}=e,m=encodeURIComponent(t),u="hqdefault",d=`${o}`||"",b=s?"&mute=1":"",c=i?"webp":"jpg",n=i?"vi_webp":"vi",g=e.thumbnail||`https://i.ytimg.com/${n}/${m}/${u}.${c}`,V=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",v=`${V}/embed/${m}?autoplay=${!!l||a}&state=1${b}${d}&controls=${p?1:0}`,h=r||!1;return{videoId:m,posterImp:u,paramsImp:d,mutedImp:b,format:c,vi:n,posterUrl:g,ytUrl:V,iframeSrc:v,adNetworkImp:h}},getVimeoParams=e=>{let{id:t,autoplay:o,muted:s,controls:i,loop:p,lazy:r}=e,a=encodeURIComponent(t),l=`?&autoplay=${r?1:o?1:0}&muted=${s?1:0}&loop=${p?1:0}&controls=${i}&autopause=false`,m=`https://player.vimeo.com/video/${a}${l}`;return{videoId:a,params:l,iframeSrc:m}},makeStyleResponsiveRatio=(e,t,o)=>({[`--${e}`]:o&&t?.desktop==="auto"?o:t?.desktop,[`--${e}-tablet`]:o&&t?.tablet==="auto"?o:t?.tablet,[`--${e}-mobile`]:o&&t?.mobile==="auto"?o:t?.mobile}),fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",youtubeVideoRegex=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,vimeoVideoRegex=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,getYoutubeVideoId=e=>{let t=e.match(youtubeVideoRegex);return t?.[1]??void 0},getVimeoVideoId=e=>{let t=/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/,o=e.match(t);return o?.[3]},parseTimeVideo=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},covertStrParamsToObj=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,s]=t.split("=");return"loop"!==o?{...e,[o]:s}:e},{})},isSettingLoop=e=>e.includes("loop=1");exports.covertStrParamsToObj=covertStrParamsToObj,exports.fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",exports.getAspectRatioSettings=getAspectRatioSettings,exports.getVimeoParams=getVimeoParams,exports.getVimeoVideoId=getVimeoVideoId,exports.getYoutubeParams=getYoutubeParams,exports.getYoutubeVideoId=getYoutubeVideoId,exports.isSettingLoop=isSettingLoop,exports.listSourceVideoSupport=listSourceVideoSupport,exports.makeStyleResponsiveRatio=makeStyleResponsiveRatio,exports.parseTimeVideo=parseTimeVideo,exports.vimeoVideoRegex=vimeoVideoRegex,exports.youtubeVideoRegex=youtubeVideoRegex;
+"use strict";var core=require("@gem-sdk/core");const getAspectRatioSettings=(e,t)=>{let o={desktop:e?.desktop?.width,tablet:e?.tablet?.width,mobile:e?.mobile?.width},s={desktop:e?.desktop?.height,tablet:e?.tablet?.height,mobile:e?.mobile?.height},i={desktop:t?.desktop==="custom"?`${core.getResponsiveValueByScreen(o,"desktop")}/${core.getResponsiveValueByScreen(s,"desktop")}`:t?.desktop==="cover"?"unset":t?.desktop,tablet:t?.tablet==="custom"?`${core.getResponsiveValueByScreen(o,"tablet")}/${core.getResponsiveValueByScreen(s,"tablet")}`:t?.tablet==="cover"?"unset":t?.tablet,mobile:t?.mobile==="custom"?`${core.getResponsiveValueByScreen(o,"mobile")}/${core.getResponsiveValueByScreen(s,"mobile")}`:t?.mobile==="cover"?"unset":t?.mobile};return i},listSourceVideoSupport=[".mp4",".mov"],getYoutubeParams=e=>{let{id:t,params:o,muted:s,webp:i,controls:r,adNetwork:p,autoplay:a,lazy:l}=e,m=encodeURIComponent(t),u="hqdefault",d=`${o}`||"",c=s?"&mute=1":"",b=i?"webp":"jpg",n=i?"vi_webp":"vi",g=e.thumbnail||`https://i.ytimg.com/${n}/${m}/${u}.${b}`,V=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",v=`${V}/embed/${m}?autoplay=${!!l||a}&state=1${c}${d}&controls=${r?1:0}`,h=p||!1;return{videoId:m,posterImp:u,paramsImp:d,mutedImp:c,format:b,vi:n,posterUrl:g,ytUrl:V,iframeSrc:v,adNetworkImp:h}},getVimeoParams=e=>{let{id:t,autoplay:o,muted:s,controls:i,loop:r,lazy:p}=e,a=encodeURIComponent(t),l=`?&autoplay=${p?1:o?1:0}&muted=${s?1:0}&loop=${r?1:0}&controls=${i}&autopause=false`,m=`https://player.vimeo.com/video/${a}${l}`;return{videoId:a,params:l,iframeSrc:m}},makeStyleResponsiveRatio=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",youtubeVideoRegex=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,vimeoVideoRegex=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,getYoutubeVideoId=e=>{let t=e.match(youtubeVideoRegex);return t?.[1]??void 0},getVimeoVideoId=e=>{let t=/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/,o=e.match(t);return o?.[3]},parseTimeVideo=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},covertStrParamsToObj=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,s]=t.split("=");return"loop"!==o?{...e,[o]:s}:e},{})},isSettingLoop=e=>e.includes("loop=1");exports.covertStrParamsToObj=covertStrParamsToObj,exports.fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",exports.getAspectRatioSettings=getAspectRatioSettings,exports.getVimeoParams=getVimeoParams,exports.getVimeoVideoId=getVimeoVideoId,exports.getYoutubeParams=getYoutubeParams,exports.getYoutubeVideoId=getYoutubeVideoId,exports.isSettingLoop=isSettingLoop,exports.listSourceVideoSupport=listSourceVideoSupport,exports.makeStyleResponsiveRatio=makeStyleResponsiveRatio,exports.parseTimeVideo=parseTimeVideo,exports.vimeoVideoRegex=vimeoVideoRegex,exports.youtubeVideoRegex=youtubeVideoRegex;

package/dist/cjs/video/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getStyle=(e,t)=>{let{aspectRatio:l}=e||{},r={...t,...core.makeStyleResponsive("aspect",l)};return filterTruthyStyles(r)},getYoutubeStyle=e=>{let t={...core.makeStyleResponsive("aspect",e)};return filterTruthyStyles(t)},getVimeoStyle=e=>{let t={...core.makeStyleResponsive("aspect",e)};return filterTruthyStyles(t)},getHtml5Style=e=>{let t={...core.makeStyleResponsive("aspect",e)};return filterTruthyStyles(t)},getFallBackImageStyle=e=>{let t={...core.makeStyleResponsive("aspect",e)};return filterTruthyStyles(t)},getPreloadImageStyle=()=>{let e={"--op":0,"--z":-1,display:"none",width:"100%",height:"auto"};return filterTruthyStyles(e)},getIframeVimeoStyle=e=>{let t={...core.makeStyleResponsive("aspect",e),position:"absolute",height:"100%",width:"100%"};return filterTruthyStyles(t)},getArticleVimeoStyle=(e,t,l)=>{let r={backgroundImage:`url(${t})`,...helpers.makeStyleResponsiveRatio("aspect",e,l)};return filterTruthyStyles(r)},getIframeYoutubeStyle=e=>{let t={...e,position:"absolute",height:"100%",width:"100%"};return filterTruthyStyles(t)},getArticleYoutubeStyle=(e,t)=>{let l={...e};return t&&(l={"background-image":`url(${t})`,...l}),filterTruthyStyles(l)};exports.getArticleVimeoStyle=getArticleVimeoStyle,exports.getArticleYoutubeStyle=getArticleYoutubeStyle,exports.getFallBackImageStyle=getFallBackImageStyle,exports.getHtml5Style=getHtml5Style,exports.getIframeVimeoStyle=getIframeVimeoStyle,exports.getIframeYoutubeStyle=getIframeYoutubeStyle,exports.getPreloadImageStyle=getPreloadImageStyle,exports.getStyle=getStyle,exports.getVimeoStyle=getVimeoStyle,exports.getYoutubeStyle=getYoutubeStyle;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getStyle=(e,t)=>{let{aspectRatio:l}=e||{},r={...t,...core.makeStyleResponsive("aspect",l)};return filterTruthyStyles(r)},getYoutubeStyle=e=>{let t={...core.makeStyleResponsive("aspect",e)};return filterTruthyStyles(t)},getVimeoStyle=e=>{let t={...core.makeStyleResponsive("aspect",e)};return filterTruthyStyles(t)},getHtml5Style=e=>{let t={...core.makeStyleResponsive("aspect",e)};return filterTruthyStyles(t)},getFallBackImageStyle=e=>{let t={...core.makeStyleResponsive("aspect",e)};return filterTruthyStyles(t)},getPreloadImageStyle=()=>{let e={"--op":0,"--z":-1,display:"none",width:"100%",height:"auto"};return filterTruthyStyles(e)},getIframeVimeoStyle=e=>{let t={...core.makeStyleResponsive("aspect",e),position:"absolute",height:"100%",width:"100%"};return filterTruthyStyles(t)},getArticleVimeoStyle=(e,t)=>{let l={backgroundImage:`url(${t})`,...helpers.makeStyleResponsiveRatio("aspect",e)};return filterTruthyStyles(l)},getIframeYoutubeStyle=e=>{let t={...e,position:"absolute",height:"100%",width:"100%"};return filterTruthyStyles(t)},getArticleYoutubeStyle=(e,t)=>{let l={...e};return t&&(l={"background-image":`url(${t})`,...l}),filterTruthyStyles(l)};exports.getArticleVimeoStyle=getArticleVimeoStyle,exports.getArticleYoutubeStyle=getArticleYoutubeStyle,exports.getFallBackImageStyle=getFallBackImageStyle,exports.getHtml5Style=getHtml5Style,exports.getIframeVimeoStyle=getIframeVimeoStyle,exports.getIframeYoutubeStyle=getIframeYoutubeStyle,exports.getPreloadImageStyle=getPreloadImageStyle,exports.getStyle=getStyle,exports.getVimeoStyle=getVimeoStyle,exports.getYoutubeStyle=getYoutubeStyle;

package/dist/cjs/video/components/LiteVimeoEmbed.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),useLiteVimeoEmbed=require("../hooks/useLiteVimeoEmbed.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js"),NextImage=require("../../image/components/NextImage.js");const LiteVimeoEmbed=e=>{let{title:s,lazy:t,aspectRatio:l,poster:a}=e,{iframeSrc:i,videoId:m}=helpers.getVimeoParams(e),{addIframe:r,thumbnail:c,iframe:o,originRatio:u}=useLiteVimeoEmbed.useLiteVimeoEmbed(t,m),n=e.thumbnail||c,y=system.createStyle({...styles.getIframeVimeoStyle(l)}),x=system.createStyle({...styles.getArticleVimeoStyle(l,n,u)}),d=system.createClass({...classes.getArticleVimeoClasses(n,l)}),j=system.createClass({...classes.getImageVimeoClasses(o)}),g=system.createClass({...classes.getButtonVimeoClasses(o)}),p=system.createClass({...classes.getIframeVimeoClasses()});return jsxRuntime.jsxs("article",{"aria-hidden":!0,className:d,"data-title":s,style:x,onClick:r,children:[jsxRuntime.jsx(NextImage.default,{src:n,alt:a?.altText,title:a?.imageTitle,className:j,isDisableAspectStyle:!0,onClick:r}),jsxRuntime.jsx("button",{type:"button",className:g,"aria-label":"Play",children:jsxRuntime.jsx("svg",{className:"gp-w-5 gp-text-white",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{fill:"currentColor",d:"M5 5.274c0-1.707 1.826-2.792 3.325-1.977l12.362 6.726c1.566.853 1.566 3.101 0 3.953L8.325 20.702C6.826 21.518 5 20.432 5 18.726V5.274Z"})})}),o&&jsxRuntime.jsx("iframe",{style:y,title:s,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:i,className:p})]})};exports.default=LiteVimeoEmbed;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),useLiteVimeoEmbed=require("../hooks/useLiteVimeoEmbed.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js"),NextImage=require("../../image/components/NextImage.js");const LiteVimeoEmbed=e=>{let{title:s,lazy:t,aspectRatio:l,poster:a}=e,{iframeSrc:i,videoId:m}=helpers.getVimeoParams(e),{addIframe:r,thumbnail:c,iframe:o}=useLiteVimeoEmbed.useLiteVimeoEmbed(t,m),u=e.thumbnail||c,n=system.createStyle({...styles.getIframeVimeoStyle(l)}),y=system.createStyle({...styles.getArticleVimeoStyle(l,u)}),x=system.createClass({...classes.getArticleVimeoClasses(u,l)}),d=system.createClass({...classes.getImageVimeoClasses(o)}),j=system.createClass({...classes.getButtonVimeoClasses(o)}),g=system.createClass({...classes.getIframeVimeoClasses()});return jsxRuntime.jsxs("article",{"aria-hidden":!0,className:x,"data-title":s,style:y,onClick:r,children:[jsxRuntime.jsx(NextImage.default,{src:u,alt:a?.altText,title:a?.imageTitle,className:d,isDisableAspectStyle:!0,onClick:r}),jsxRuntime.jsx("button",{type:"button",className:j,"aria-label":"Play",children:jsxRuntime.jsx("svg",{className:"gp-w-5 gp-text-white",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{fill:"currentColor",d:"M5 5.274c0-1.707 1.826-2.792 3.325-1.977l12.362 6.726c1.566.853 1.566 3.101 0 3.953L8.325 20.702C6.826 21.518 5 20.432 5 18.726V5.274Z"})})}),o&&jsxRuntime.jsx("iframe",{style:n,title:s,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:i,className:g})]})};exports.default=LiteVimeoEmbed;

package/dist/cjs/video/hooks/useLiteVimeoEmbed.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");const useLiteVimeoEmbed=(e,t)=>{let[i,s]=React.useState(),[o,a]=React.useState(!e),[u,r]=React.useState();React.useEffect(()=>{fetch(`https://vimeo.com/api/v2/video/${t}.json`).then(e=>e.json()).then(([e])=>{e?.width&&e?.height&&r((e?.width/e?.height).toFixed(2)),s(e?.thumbnail_large)})},[t]);let c=()=>{o||a(!0)};return{addIframe:c,thumbnail:i,iframe:o,originRatio:u}};exports.default=useLiteVimeoEmbed,exports.useLiteVimeoEmbed=useLiteVimeoEmbed;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");const useLiteVimeoEmbed=(e,t)=>{let[s,i]=React.useState(),[o,u]=React.useState(!e);React.useEffect(()=>{fetch(`https://vimeo.com/api/v2/video/${t}.json`).then(e=>e.json()).then(([e])=>{i(e?.thumbnail_large)})},[t]);let a=()=>{o||u(!0)};return{addIframe:a,thumbnail:s,iframe:o}};exports.default=useLiteVimeoEmbed,exports.useLiteVimeoEmbed=useLiteVimeoEmbed;

package/dist/esm/product/components/product-button/PriceLayout.js

@@ -1 +1 @@
-import{jsx as r,jsxs as t,Fragment as e}from"react/jsx-runtime";import m from"react";import{If as o}from"@gem-sdk/system";import a from"./Separator.js";import i from"./BlankSpace.js";let PriceLayout=({components:p,showPrice:s,showSeparator:c,separator:l})=>{let n=o(c,r(a,{separator:l}),r(i,{}));return t(e,{children:[n,s&&p.map((e,o)=>t(m.Fragment,{children:[e,o<p.length-1&&r(i,{})]},o))]})};export{PriceLayout as default};
+import{jsx as r,Fragment as t,jsxs as e}from"react/jsx-runtime";import m from"react";import{If as o}from"@gem-sdk/system";import a from"./Separator.js";import i from"./BlankSpace.js";let PriceLayout=({components:p,showPrice:l,showSeparator:n,separator:s})=>{let c=o(n,r(a,{separator:s}),o(p.length>1,r(i,{}),r(t,{})));return e(t,{children:[c,l&&p.map((t,o)=>e(m.Fragment,{children:[t,o<p.length-1&&r(i,{})]},o))]})};export{PriceLayout as default};

package/dist/esm/product/components/product-button/PriceLayout.liquid.js

@@ -1,7 +1,7 @@
-import{If as r}from"@gem-sdk/system";import e from"./Separator.liquid.js";import o from"./BlankSpace.liquid.js";import{template as t}from"@gem-sdk/core";let PriceLayout=({components:m,separator:i,showPrice:a,showSeparator:p})=>{let l=r(p,e({separator:i}),o());return t`
-    ${l}
-    ${a?m.map((r,e)=>t`
+import{If as r}from"@gem-sdk/system";import e from"./Separator.liquid.js";import t from"./BlankSpace.liquid.js";import{template as o}from"@gem-sdk/core";let PriceLayout=({components:m,separator:i,showPrice:a,showSeparator:l})=>{let p=r(l,e({separator:i}),r(m.length>1,t(),""));return o`
+    ${p}
+    ${a?m.map((r,e)=>o`
             ${r()}
-            ${e<m.length-1?o():""}
+            ${e<m.length-1?t():""}
           `).join(""):""}
   `};export{PriceLayout as default};

package/dist/esm/video/common/helpers.js

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"@gem-sdk/core";let getAspectRatioSettings=(t,o)=>{let i={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},s={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},l={desktop:o?.desktop==="custom"?`${e(i,"desktop")}/${e(s,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(i,"tablet")}/${e(s,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(i,"mobile")}/${e(s,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return l},listSourceVideoSupport=[".mp4",".mov"],getYoutubeParams=e=>{let{id:t,params:o,muted:i,webp:s,controls:l,adNetwork:a,autoplay:m,lazy:p}=e,d=encodeURIComponent(t),u="hqdefault",r=`${o}`||"",b=i?"&mute=1":"",n=s?"webp":"jpg",c=s?"vi_webp":"vi",g=e.thumbnail||`https://i.ytimg.com/${c}/${d}/${u}.${n}`,$=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",h=`${$}/embed/${d}?autoplay=${!!p||m}&state=1${b}${r}&controls=${l?1:0}`,v=a||!1;return{videoId:d,posterImp:u,paramsImp:r,mutedImp:b,format:n,vi:c,posterUrl:g,ytUrl:$,iframeSrc:h,adNetworkImp:v}},getVimeoParams=e=>{let{id:t,autoplay:o,muted:i,controls:s,loop:l,lazy:a}=e,m=encodeURIComponent(t),p=`?&autoplay=${a?1:o?1:0}&muted=${i?1:0}&loop=${l?1:0}&controls=${s}&autopause=false`,d=`https://player.vimeo.com/video/${m}${p}`;return{videoId:m,params:p,iframeSrc:d}},makeStyleResponsiveRatio=(e,t,o)=>({[`--${e}`]:o&&t?.desktop==="auto"?o:t?.desktop,[`--${e}-tablet`]:o&&t?.tablet==="auto"?o:t?.tablet,[`--${e}-mobile`]:o&&t?.mobile==="auto"?o:t?.mobile}),fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",youtubeVideoRegex=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,vimeoVideoRegex=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,getYoutubeVideoId=e=>{let t=e.match(youtubeVideoRegex);return t?.[1]??void 0},getVimeoVideoId=e=>{let t=/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/,o=e.match(t);return o?.[3]},parseTimeVideo=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},covertStrParamsToObj=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o?{...e,[o]:i}:e},{})},isSettingLoop=e=>e.includes("loop=1");export{covertStrParamsToObj,fallbackImageVideoUrl,getAspectRatioSettings,getVimeoParams,getVimeoVideoId,getYoutubeParams,getYoutubeVideoId,isSettingLoop,listSourceVideoSupport,makeStyleResponsiveRatio,parseTimeVideo,vimeoVideoRegex,youtubeVideoRegex};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";let getAspectRatioSettings=(t,o)=>{let i={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},s={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},l={desktop:o?.desktop==="custom"?`${e(i,"desktop")}/${e(s,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(i,"tablet")}/${e(s,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(i,"mobile")}/${e(s,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return l},listSourceVideoSupport=[".mp4",".mov"],getYoutubeParams=e=>{let{id:t,params:o,muted:i,webp:s,controls:l,adNetwork:m,autoplay:a,lazy:p}=e,d=encodeURIComponent(t),u="hqdefault",r=`${o}`||"",b=i?"&mute=1":"",n=s?"webp":"jpg",c=s?"vi_webp":"vi",g=e.thumbnail||`https://i.ytimg.com/${c}/${d}/${u}.${n}`,$=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",h=`${$}/embed/${d}?autoplay=${!!p||a}&state=1${b}${r}&controls=${l?1:0}`,v=m||!1;return{videoId:d,posterImp:u,paramsImp:r,mutedImp:b,format:n,vi:c,posterUrl:g,ytUrl:$,iframeSrc:h,adNetworkImp:v}},getVimeoParams=e=>{let{id:t,autoplay:o,muted:i,controls:s,loop:l,lazy:m}=e,a=encodeURIComponent(t),p=`?&autoplay=${m?1:o?1:0}&muted=${i?1:0}&loop=${l?1:0}&controls=${s}&autopause=false`,d=`https://player.vimeo.com/video/${a}${p}`;return{videoId:a,params:p,iframeSrc:d}},makeStyleResponsiveRatio=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",youtubeVideoRegex=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,vimeoVideoRegex=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,getYoutubeVideoId=e=>{let t=e.match(youtubeVideoRegex);return t?.[1]??void 0},getVimeoVideoId=e=>{let t=/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/,o=e.match(t);return o?.[3]},parseTimeVideo=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},covertStrParamsToObj=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o?{...e,[o]:i}:e},{})},isSettingLoop=e=>e.includes("loop=1");export{covertStrParamsToObj,fallbackImageVideoUrl,getAspectRatioSettings,getVimeoParams,getVimeoVideoId,getYoutubeParams,getYoutubeVideoId,isSettingLoop,listSourceVideoSupport,makeStyleResponsiveRatio,parseTimeVideo,vimeoVideoRegex,youtubeVideoRegex};

package/dist/esm/video/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e}from"@gem-sdk/core";import{makeStyleResponsiveRatio as t}from"./helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getStyle=(t,l)=>{let{aspectRatio:r}=t||{},y={...l,...e("aspect",r)};return filterTruthyStyles(y)},getYoutubeStyle=t=>{let l={...e("aspect",t)};return filterTruthyStyles(l)},getVimeoStyle=t=>{let l={...e("aspect",t)};return filterTruthyStyles(l)},getHtml5Style=t=>{let l={...e("aspect",t)};return filterTruthyStyles(l)},getFallBackImageStyle=t=>{let l={...e("aspect",t)};return filterTruthyStyles(l)},getPreloadImageStyle=()=>{let e={"--op":0,"--z":-1,display:"none",width:"100%",height:"auto"};return filterTruthyStyles(e)},getIframeVimeoStyle=t=>{let l={...e("aspect",t),position:"absolute",height:"100%",width:"100%"};return filterTruthyStyles(l)},getArticleVimeoStyle=(e,l,r)=>{let y={backgroundImage:`url(${l})`,...t("aspect",e,r)};return filterTruthyStyles(y)},getIframeYoutubeStyle=e=>{let t={...e,position:"absolute",height:"100%",width:"100%"};return filterTruthyStyles(t)},getArticleYoutubeStyle=(e,t)=>{let l={...e};return t&&(l={"background-image":`url(${t})`,...l}),filterTruthyStyles(l)};export{getArticleVimeoStyle,getArticleYoutubeStyle,getFallBackImageStyle,getHtml5Style,getIframeVimeoStyle,getIframeYoutubeStyle,getPreloadImageStyle,getStyle,getVimeoStyle,getYoutubeStyle};
+import{makeStyleResponsive as e}from"@gem-sdk/core";import{makeStyleResponsiveRatio as t}from"./helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getStyle=(t,l)=>{let{aspectRatio:r}=t||{},y={...l,...e("aspect",r)};return filterTruthyStyles(y)},getYoutubeStyle=t=>{let l={...e("aspect",t)};return filterTruthyStyles(l)},getVimeoStyle=t=>{let l={...e("aspect",t)};return filterTruthyStyles(l)},getHtml5Style=t=>{let l={...e("aspect",t)};return filterTruthyStyles(l)},getFallBackImageStyle=t=>{let l={...e("aspect",t)};return filterTruthyStyles(l)},getPreloadImageStyle=()=>{let e={"--op":0,"--z":-1,display:"none",width:"100%",height:"auto"};return filterTruthyStyles(e)},getIframeVimeoStyle=t=>{let l={...e("aspect",t),position:"absolute",height:"100%",width:"100%"};return filterTruthyStyles(l)},getArticleVimeoStyle=(e,l)=>{let r={backgroundImage:`url(${l})`,...t("aspect",e)};return filterTruthyStyles(r)},getIframeYoutubeStyle=e=>{let t={...e,position:"absolute",height:"100%",width:"100%"};return filterTruthyStyles(t)},getArticleYoutubeStyle=(e,t)=>{let l={...e};return t&&(l={"background-image":`url(${t})`,...l}),filterTruthyStyles(l)};export{getArticleVimeoStyle,getArticleYoutubeStyle,getFallBackImageStyle,getHtml5Style,getIframeVimeoStyle,getIframeYoutubeStyle,getPreloadImageStyle,getStyle,getVimeoStyle,getYoutubeStyle};

package/dist/esm/video/components/LiteVimeoEmbed.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useLiteVimeoEmbed as l}from"../hooks/useLiteVimeoEmbed.js";import{createStyle as m,createClass as o}from"@gem-sdk/system";import{getArticleVimeoClasses as r,getImageVimeoClasses as i,getButtonVimeoClasses as a,getIframeVimeoClasses as s}from"../common/classes.js";import{getIframeVimeoStyle as c,getArticleVimeoStyle as n}from"../common/styles.js";import{getVimeoParams as p}from"../common/helpers.js";import d from"../../image/components/NextImage.js";let LiteVimeoEmbed=u=>{let{title:f,lazy:y,aspectRatio:h,poster:b}=u,{iframeSrc:g,videoId:j}=p(u),{addIframe:x,thumbnail:N,iframe:w,originRatio:k}=l(y,j),C=u.thumbnail||N,L=m({...c(h)}),V=m({...n(h,C,k)}),E=o({...r(C,h)}),v=o({...i(w)}),B=o({...a(w)}),S=o({...s()});return e("article",{"aria-hidden":!0,className:E,"data-title":f,style:V,onClick:x,children:[t(d,{src:C,alt:b?.altText,title:b?.imageTitle,className:v,isDisableAspectStyle:!0,onClick:x}),t("button",{type:"button",className:B,"aria-label":"Play",children:t("svg",{className:"gp-w-5 gp-text-white",viewBox:"0 0 24 24",children:t("path",{fill:"currentColor",d:"M5 5.274c0-1.707 1.826-2.792 3.325-1.977l12.362 6.726c1.566.853 1.566 3.101 0 3.953L8.325 20.702C6.826 21.518 5 20.432 5 18.726V5.274Z"})})}),w&&t("iframe",{style:L,title:f,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:g,className:S})]})};export{LiteVimeoEmbed as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useLiteVimeoEmbed as l}from"../hooks/useLiteVimeoEmbed.js";import{createStyle as m,createClass as o}from"@gem-sdk/system";import{getArticleVimeoClasses as r,getImageVimeoClasses as i,getButtonVimeoClasses as a,getIframeVimeoClasses as s}from"../common/classes.js";import{getIframeVimeoStyle as c,getArticleVimeoStyle as n}from"../common/styles.js";import{getVimeoParams as p}from"../common/helpers.js";import d from"../../image/components/NextImage.js";let LiteVimeoEmbed=u=>{let{title:f,lazy:y,aspectRatio:h,poster:b}=u,{iframeSrc:g,videoId:j}=p(u),{addIframe:x,thumbnail:N,iframe:w}=l(y,j),k=u.thumbnail||N,C=m({...c(h)}),L=m({...n(h,k)}),V=o({...r(k,h)}),E=o({...i(w)}),v=o({...a(w)}),B=o({...s()});return e("article",{"aria-hidden":!0,className:V,"data-title":f,style:L,onClick:x,children:[t(d,{src:k,alt:b?.altText,title:b?.imageTitle,className:E,isDisableAspectStyle:!0,onClick:x}),t("button",{type:"button",className:v,"aria-label":"Play",children:t("svg",{className:"gp-w-5 gp-text-white",viewBox:"0 0 24 24",children:t("path",{fill:"currentColor",d:"M5 5.274c0-1.707 1.826-2.792 3.325-1.977l12.362 6.726c1.566.853 1.566 3.101 0 3.953L8.325 20.702C6.826 21.518 5 20.432 5 18.726V5.274Z"})})}),w&&t("iframe",{style:C,title:f,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:g,className:B})]})};export{LiteVimeoEmbed as default};

package/dist/esm/video/hooks/useLiteVimeoEmbed.js

@@ -1 +1 @@
-import{useState as e,useEffect as t}from"react";let useLiteVimeoEmbed=(i,o)=>{let[h,m]=e(),[d,r]=e(!i),[s,a]=e();t(()=>{fetch(`https://vimeo.com/api/v2/video/${o}.json`).then(e=>e.json()).then(([e])=>{e?.width&&e?.height&&a((e?.width/e?.height).toFixed(2)),m(e?.thumbnail_large)})},[o]);let l=()=>{d||r(!0)};return{addIframe:l,thumbnail:h,iframe:d,originRatio:s}};export{useLiteVimeoEmbed as default,useLiteVimeoEmbed};
+import{useState as e,useEffect as t}from"react";let useLiteVimeoEmbed=(i,m)=>{let[o,r]=e(),[s,a]=e(!i);t(()=>{fetch(`https://vimeo.com/api/v2/video/${m}.json`).then(e=>e.json()).then(([e])=>{r(e?.thumbnail_large)})},[m]);let l=()=>{s||a(!0)};return{addIframe:l,thumbnail:o,iframe:s}};export{useLiteVimeoEmbed as default,useLiteVimeoEmbed};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "3.0.21",
+  "version": "3.0.23",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",