@gem-sdk/components 3.0.20 → 3.0.22

package/dist/cjs/image/common/attrs.js

@@ -1 +1 @@
-"use strict";var constant=require("../../constant.js"),helpers=require("./helpers.js"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),constants=require("../constants.js");const getContainerAttrs=(e,t)=>({...e,...t&&{"data-id":t}}),getLinkWrapperAttrs=({urlData:e,imageLink:t,title:r,isLiquid:s=!1})=>{let a=s?{...e,...t?.noFollow&&{rel:"nofollow"},title:r}:{setting:e,title:r};return t?.type!=="go-to-sales-page"?t?.link?a:{}:s?{href:constant.HREF_TO_SALES_PAGE,target:"_self"}:{setting:{href:constant.HREF_TO_SALES_PAGE,target:"_self"}}},getImageLiquidAttrs=({pageContext:e,enableLazyLoadImage:t=!1})=>({...e&&{pageContext:e},...t&&{enableLazyLoadImage:t}}),getAdaptiveImageAttrs=({styles:e,setting:t,mode:r,isLiquid:s})=>{let{alt:a,srcSet:i,priority:l,qualityPercent:g,qualityType:p}=t??{},n=helpers.getAspectRatio({styles:e,setting:t}),o=()=>{helpers$1.handleClickLink(t?.imageLink,r)},c=i?.desktop?.backupFileKey?helpers.getNewBackupFileKey(i?.desktop?.backupFileKey??"",i?.desktop?.src??""):"",A=s?helpers.getImageSrc({src:i?.desktop?.src,backupFileKey:c,backupFilePath:i?.desktop?.backupFilePath,storage:i?.desktop?.storage}):i?.desktop?.src??"",u=l?{}:{"base-src":A??"","quality-type":helpers.safeStringify(p),"quality-percent":helpers.safeStringify(g)};return{pictureClass:"gp-contents",...a&&{alt:a},...i&&{srcSet:i},...l&&constants.PRIORITY_LOAD_ATTRS,...u,...e?.objectFit&&{layout:e.objectFit},onClick:o,aspectRatio:n}},getNextImageAttrs=({styles:e,setting:t})=>{let{objectFit:r}=e??{},{vw:s,alt:a,title:i,quality:l,priority:g,isNotLazyload:p,qualityType:n,qualityPercent:o}=t??{},c=helpers.getAspectRatio({styles:e,setting:t});return{...t?.image,...s&&{vw:s},...a&&{alt:a},...i&&{title:i},...l&&{quality:l},...g&&{priority:g},isNotLazyload:p,setting:{aspectRatio:c,layout:r,qualityType:n,qualityPercent:o}}},getNextImageLiquidAttrs=e=>{let{srcset:t,setting:r,storage:s,baseSrc:a,priority:i,customAttrs:l,width:g=2237,height:p=1678,isNotLazyload:n,backupFileKey:o,backupFilePath:c,srcIsLiquidCode:A,enableLazyLoadImage:u,alt:h,title:I,src:E=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC,sizes:_=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SIZES}=e,y=!n&&u&&!i,d=()=>{let e=o?helpers.getNewBackupFileKey(o??"",E):"",r=A?a:helpers.getImageSrc({src:E,backupFileKey:e,backupFilePath:c,storage:s}),l=A?E:helpers.getSrcSet(e??"",s??"THEME",E),g={sizes:"100vw",src:helpers.IMAGE_PLACEHOLDER,...r&&!i?{"base-src":r}:{},...r?{"data-src":r}:{},...l?{"data-srcset":l}:{}},p={sizes:_,src:r??"",isNotLazyload:"true",srcset:t??"",...r&&!i?{"base-src":r}:{},...i?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...y?g:p}},L=()=>{let{qualityPercent:e,qualityType:t}=r??{},s=!i&&t&&e?{"quality-type":helpers.safeStringify(t),"quality-percent":helpers.safeStringify(e)}:{"quality-type":"","quality-percent":""};return{...h&&{alt:h},...I&&{title:I},width:g,height:p,draggable:"false",...s}};return system.createAttr({...l,...L(),...d()})},getNextImageReactAttrs=e=>{let{width:t=helpers.NEXT_IMAGE_CONFIG.DEFAULT_WIDTH_PROPS,height:r=helpers.NEXT_IMAGE_CONFIG.DEFAULT_HEIGHT_PROPS,quality:s,priority:a,isNotLazyload:i,enableLazyLoadImage:l,base64:g=helpers.IMAGE_PLACEHOLDER,alt:p=helpers.NEXT_IMAGE_CONFIG.DEFAULT_ALT,src:n=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC}=e,o=!i&&l&&!a,c=()=>{let e={loading:"lazy",placeholder:"blur",...g&&{blurDataURL:g}},t={loading:"eager",fetchpriority:"high"};return{...o?e:t}},A=()=>({src:n,alt:p,width:t,height:r,quality:s}),u=A(),h=system.createAttr(c());return{...u,...h}};exports.getAdaptiveImageAttrs=getAdaptiveImageAttrs,exports.getContainerAttrs=getContainerAttrs,exports.getImageLiquidAttrs=getImageLiquidAttrs,exports.getLinkWrapperAttrs=getLinkWrapperAttrs,exports.getNextImageAttrs=getNextImageAttrs,exports.getNextImageLiquidAttrs=getNextImageLiquidAttrs,exports.getNextImageReactAttrs=getNextImageReactAttrs;
+"use strict";var constant=require("../../constant.js"),helpers=require("./helpers.js"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),constants=require("../constants.js");const getContainerAttrs=(e,t)=>({...e,...t&&{"data-id":t}}),getLinkWrapperAttrs=({urlData:e,imageLink:t,title:r,isLiquid:s=!1})=>{let a=s?{...e,...t?.noFollow&&{rel:"nofollow"},title:r}:{setting:e,title:r};return t?.type!=="go-to-sales-page"?t?.link?a:{}:s?{href:constant.HREF_TO_SALES_PAGE,target:"_self"}:{setting:{href:constant.HREF_TO_SALES_PAGE,target:"_self"}}},getImageLiquidAttrs=({pageContext:e,enableLazyLoadImage:t=!1})=>({...e&&{pageContext:e},...t&&{enableLazyLoadImage:t}}),getAdaptiveImageAttrs=({styles:e,setting:t,mode:r,isLiquid:s})=>{let{alt:a,srcSet:i,priority:l,qualityPercent:g,qualityType:p}=t??{},n=helpers.getAspectRatio({styles:e,setting:t}),o=()=>{helpers$1.handleClickLink(t?.imageLink,r)},c=i?.desktop?.backupFileKey?helpers.getNewBackupFileKey(i?.desktop?.backupFileKey??"",i?.desktop?.src??""):"",A=s?helpers.getImageSrc({src:i?.desktop?.src,backupFileKey:c,backupFilePath:i?.desktop?.backupFilePath,storage:i?.desktop?.storage}):i?.desktop?.src??"",u=l?{}:{"base-src":A??"","quality-type":helpers.safeStringify(p),"quality-percent":helpers.safeStringify(g)};return{pictureClass:"gp-contents",...a&&{alt:a},...i&&{srcSet:i},...l&&constants.PRIORITY_LOAD_ATTRS,...u,...e?.objectFit&&{layout:e.objectFit},onClick:o,aspectRatio:n}},getNextImageAttrs=({styles:e,setting:t})=>{let{objectFit:r}=e??{},{vw:s,alt:a,title:i,quality:l,priority:g,isNotLazyload:p,qualityType:n,qualityPercent:o}=t??{},c=helpers.getAspectRatio({styles:e,setting:t});return{...t?.image,...s&&{vw:s},...a&&{alt:a},...i&&{title:i},...l&&{quality:l},...g&&{priority:g},isNotLazyload:p,setting:{aspectRatio:c,layout:r,qualityType:n,qualityPercent:o}}},getNextImageLiquidAttrs=e=>{let{srcset:t,setting:r,storage:s,baseSrc:a,priority:i,customAttrs:l,width:g=2237,height:p=1678,isNotLazyload:n,backupFileKey:o,backupFilePath:c,srcIsLiquidCode:A,enableLazyLoadImage:u,alt:h,title:I,src:y=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC,sizes:E=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SIZES}=e,_=!n&&u&&!i,d=()=>{let e=o?helpers.getNewBackupFileKey(o??"",y):"",r=A?a:helpers.getImageSrc({src:y,backupFileKey:e,backupFilePath:c,storage:s}),l=A?y:helpers.getSrcSet(e??"",s??"THEME",y),n={sizes:"100vw",src:helpers.createBlurDataURL(g,p),...r&&!i?{"base-src":r}:{},...r?{"data-src":r}:{},...l?{"data-srcset":l}:{}},u={sizes:E,src:r??"",isNotLazyload:"true",srcset:t??"",...r&&!i?{"base-src":r}:{},...i?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",..._?n:u}},L=()=>{let{qualityPercent:e,qualityType:t}=r??{},s=!i&&t&&e?{"quality-type":helpers.safeStringify(t),"quality-percent":helpers.safeStringify(e)}:{"quality-type":"","quality-percent":""};return{...h&&{alt:h},...I&&{title:I},width:g,height:p,draggable:"false",...s}};return system.createAttr({...l,...L(),...d()})},getNextImageReactAttrs=e=>{let{width:t=helpers.NEXT_IMAGE_CONFIG.DEFAULT_WIDTH_PROPS,height:r=helpers.NEXT_IMAGE_CONFIG.DEFAULT_HEIGHT_PROPS,quality:s,priority:a,isNotLazyload:i,enableLazyLoadImage:l,base64:g=helpers.IMAGE_PLACEHOLDER,alt:p=helpers.NEXT_IMAGE_CONFIG.DEFAULT_ALT,src:n=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC}=e,o=!i&&l&&!a,c=()=>{let e={loading:"lazy",placeholder:"blur",...g&&{blurDataURL:g}},t={loading:"eager",fetchpriority:"high"};return{...o?e:t}},A=()=>({src:n,alt:p,width:t,height:r,quality:s}),u=A(),h=system.createAttr(c());return{...u,...h}};exports.getAdaptiveImageAttrs=getAdaptiveImageAttrs,exports.getContainerAttrs=getContainerAttrs,exports.getImageLiquidAttrs=getImageLiquidAttrs,exports.getLinkWrapperAttrs=getLinkWrapperAttrs,exports.getNextImageAttrs=getNextImageAttrs,exports.getNextImageLiquidAttrs=getNextImageLiquidAttrs,exports.getNextImageReactAttrs=getNextImageReactAttrs;

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/image/common/attrs.js

@@ -1 +1 @@
-import{HREF_TO_SALES_PAGE as t}from"../../constant.js";import{getAspectRatio as e,getNewBackupFileKey as r,getImageSrc as a,safeStringify as s,NEXT_IMAGE_CONFIG as i,getSrcSet as l,IMAGE_PLACEHOLDER as o}from"./helpers.js";import{createAttr as g}from"@gem-sdk/system";import{handleClickLink as p}from"../../helpers.js";import{PRIORITY_LOAD_ATTRS as n}from"../constants.js";let getContainerAttrs=(t,e)=>({...t,...e&&{"data-id":e}}),getLinkWrapperAttrs=({urlData:e,imageLink:r,title:a,isLiquid:s=!1})=>{let i=s?{...e,...r?.noFollow&&{rel:"nofollow"},title:a}:{setting:e,title:a};return r?.type!=="go-to-sales-page"?r?.link?i:{}:s?{href:t,target:"_self"}:{setting:{href:t,target:"_self"}}},getImageLiquidAttrs=({pageContext:t,enableLazyLoadImage:e=!1})=>({...t&&{pageContext:t},...e&&{enableLazyLoadImage:e}}),getAdaptiveImageAttrs=({styles:t,setting:i,mode:l,isLiquid:o})=>{let{alt:g,srcSet:c,priority:u,qualityPercent:d,qualityType:m}=i??{},A=e({styles:t,setting:i}),y=()=>{p(i?.imageLink,l)},k=c?.desktop?.backupFileKey?r(c?.desktop?.backupFileKey??"",c?.desktop?.src??""):"",L=o?a({src:c?.desktop?.src,backupFileKey:k,backupFilePath:c?.desktop?.backupFilePath,storage:c?.desktop?.storage}):c?.desktop?.src??"",F=u?{}:{"base-src":L??"","quality-type":s(m),"quality-percent":s(d)};return{pictureClass:"gp-contents",...g&&{alt:g},...c&&{srcSet:c},...u&&n,...F,...t?.objectFit&&{layout:t.objectFit},onClick:y,aspectRatio:A}},getNextImageAttrs=({styles:t,setting:r})=>{let{objectFit:a}=t??{},{vw:s,alt:i,title:l,quality:o,priority:g,isNotLazyload:p,qualityType:n,qualityPercent:c}=r??{},u=e({styles:t,setting:r});return{...r?.image,...s&&{vw:s},...i&&{alt:i},...l&&{title:l},...o&&{quality:o},...g&&{priority:g},isNotLazyload:p,setting:{aspectRatio:u,layout:a,qualityType:n,qualityPercent:c}}},getNextImageLiquidAttrs=t=>{let{srcset:e,setting:p,storage:n,baseSrc:c,priority:u,customAttrs:d,width:m=2237,height:A=1678,isNotLazyload:y,backupFileKey:k,backupFilePath:L,srcIsLiquidCode:F,enableLazyLoadImage:b,alt:f,title:h,src:I=i.DEFAULT_SRC,sizes:q=i.DEFAULT_SIZES}=t,E=!y&&b&&!u,T=()=>{let t=k?r(k??"",I):"",s=F?c:a({src:I,backupFileKey:t,backupFilePath:L,storage:n}),i=F?I:l(t??"",n??"THEME",I),g={sizes:"100vw",src:o,...s&&!u?{"base-src":s}:{},...s?{"data-src":s}:{},...i?{"data-srcset":i}:{}},p={sizes:q,src:s??"",isNotLazyload:"true",srcset:e??"",...s&&!u?{"base-src":s}:{},...u?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...E?g:p}},_=()=>{let{qualityPercent:t,qualityType:e}=p??{},r=!u&&e&&t?{"quality-type":s(e),"quality-percent":s(t)}:{"quality-type":"","quality-percent":""};return{...f&&{alt:f},...h&&{title:h},width:m,height:A,draggable:"false",...r}};return g({...d,..._(),...T()})},getNextImageReactAttrs=t=>{let{width:e=i.DEFAULT_WIDTH_PROPS,height:r=i.DEFAULT_HEIGHT_PROPS,quality:a,priority:s,isNotLazyload:l,enableLazyLoadImage:p,base64:n=o,alt:c=i.DEFAULT_ALT,src:u=i.DEFAULT_SRC}=t,d=!l&&p&&!s,m=()=>{let t={loading:"lazy",placeholder:"blur",...n&&{blurDataURL:n}},e={loading:"eager",fetchpriority:"high"};return{...d?t:e}},A=()=>({src:u,alt:c,width:e,height:r,quality:a}),y=A(),k=g(m());return{...y,...k}};export{getAdaptiveImageAttrs,getContainerAttrs,getImageLiquidAttrs,getLinkWrapperAttrs,getNextImageAttrs,getNextImageLiquidAttrs,getNextImageReactAttrs};
+import{HREF_TO_SALES_PAGE as t}from"../../constant.js";import{getAspectRatio as e,getNewBackupFileKey as r,getImageSrc as a,safeStringify as s,NEXT_IMAGE_CONFIG as i,getSrcSet as l,createBlurDataURL as o,IMAGE_PLACEHOLDER as g}from"./helpers.js";import{createAttr as p}from"@gem-sdk/system";import{handleClickLink as n}from"../../helpers.js";import{PRIORITY_LOAD_ATTRS as c}from"../constants.js";let getContainerAttrs=(t,e)=>({...t,...e&&{"data-id":e}}),getLinkWrapperAttrs=({urlData:e,imageLink:r,title:a,isLiquid:s=!1})=>{let i=s?{...e,...r?.noFollow&&{rel:"nofollow"},title:a}:{setting:e,title:a};return r?.type!=="go-to-sales-page"?r?.link?i:{}:s?{href:t,target:"_self"}:{setting:{href:t,target:"_self"}}},getImageLiquidAttrs=({pageContext:t,enableLazyLoadImage:e=!1})=>({...t&&{pageContext:t},...e&&{enableLazyLoadImage:e}}),getAdaptiveImageAttrs=({styles:t,setting:i,mode:l,isLiquid:o})=>{let{alt:g,srcSet:p,priority:u,qualityPercent:d,qualityType:m}=i??{},A=e({styles:t,setting:i}),y=()=>{n(i?.imageLink,l)},k=p?.desktop?.backupFileKey?r(p?.desktop?.backupFileKey??"",p?.desktop?.src??""):"",L=o?a({src:p?.desktop?.src,backupFileKey:k,backupFilePath:p?.desktop?.backupFilePath,storage:p?.desktop?.storage}):p?.desktop?.src??"",F=u?{}:{"base-src":L??"","quality-type":s(m),"quality-percent":s(d)};return{pictureClass:"gp-contents",...g&&{alt:g},...p&&{srcSet:p},...u&&c,...F,...t?.objectFit&&{layout:t.objectFit},onClick:y,aspectRatio:A}},getNextImageAttrs=({styles:t,setting:r})=>{let{objectFit:a}=t??{},{vw:s,alt:i,title:l,quality:o,priority:g,isNotLazyload:p,qualityType:n,qualityPercent:c}=r??{},u=e({styles:t,setting:r});return{...r?.image,...s&&{vw:s},...i&&{alt:i},...l&&{title:l},...o&&{quality:o},...g&&{priority:g},isNotLazyload:p,setting:{aspectRatio:u,layout:a,qualityType:n,qualityPercent:c}}},getNextImageLiquidAttrs=t=>{let{srcset:e,setting:g,storage:n,baseSrc:c,priority:u,customAttrs:d,width:m=2237,height:A=1678,isNotLazyload:y,backupFileKey:k,backupFilePath:L,srcIsLiquidCode:F,enableLazyLoadImage:b,alt:f,title:h,src:I=i.DEFAULT_SRC,sizes:q=i.DEFAULT_SIZES}=t,E=!y&&b&&!u,T=()=>{let t=k?r(k??"",I):"",s=F?c:a({src:I,backupFileKey:t,backupFilePath:L,storage:n}),i=F?I:l(t??"",n??"THEME",I),g={sizes:"100vw",src:o(m,A),...s&&!u?{"base-src":s}:{},...s?{"data-src":s}:{},...i?{"data-srcset":i}:{}},p={sizes:q,src:s??"",isNotLazyload:"true",srcset:e??"",...s&&!u?{"base-src":s}:{},...u?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...E?g:p}},_=()=>{let{qualityPercent:t,qualityType:e}=g??{},r=!u&&e&&t?{"quality-type":s(e),"quality-percent":s(t)}:{"quality-type":"","quality-percent":""};return{...f&&{alt:f},...h&&{title:h},width:m,height:A,draggable:"false",...r}};return p({...d,..._(),...T()})},getNextImageReactAttrs=t=>{let{width:e=i.DEFAULT_WIDTH_PROPS,height:r=i.DEFAULT_HEIGHT_PROPS,quality:a,priority:s,isNotLazyload:l,enableLazyLoadImage:o,base64:n=g,alt:c=i.DEFAULT_ALT,src:u=i.DEFAULT_SRC}=t,d=!l&&o&&!s,m=()=>{let t={loading:"lazy",placeholder:"blur",...n&&{blurDataURL:n}},e={loading:"eager",fetchpriority:"high"};return{...d?t:e}},A=()=>({src:u,alt:c,width:e,height:r,quality:a}),y=A(),k=p(m());return{...y,...k}};export{getAdaptiveImageAttrs,getContainerAttrs,getImageLiquidAttrs,getLinkWrapperAttrs,getNextImageAttrs,getNextImageLiquidAttrs,getNextImageReactAttrs};

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.20",
+  "version": "3.0.22",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",