@gem-sdk/components 12.0.0-dev.132 → 12.0.0-dev.138

package/dist/esm/validates/background.js

@@ -1 +1 @@
-let BackgroundSettingValidate={type:"object",properties:{color:{type:"string"},size:{type:"string",enum:["cover","contain"]},image:{type:"object",properties:{image:{type:"object",required:["src","width","height"]}}},position:{type:"object",properties:{x:{type:"number",maximum:100},y:{type:"number",maximum:100}}},repeat:{type:"string",enum:["no-repeat","none","repeat-x","repeat-y"]},attachment:{type:"string",enum:["scroll","fixed","local"]},preload:{type:"boolean"}}};export{BackgroundSettingValidate};
+let e={type:"object",properties:{color:{type:"string"},size:{type:"string",enum:["cover","contain"]},image:{type:"object",properties:{image:{type:"object",required:["src","width","height"]}}},position:{type:"object",properties:{x:{type:"number",maximum:100},y:{type:"number",maximum:100}}},repeat:{type:"string",enum:["no-repeat","none","repeat-x","repeat-y"]},attachment:{type:"string",enum:["scroll","fixed","local"]},preload:{type:"boolean"}}};export{e as BackgroundSettingValidate};

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

@@ -1 +1 @@
-let getAttr=({uid:t})=>({"data-id":t}),getHtml5Attr=({videoId:t,title:e,autoplay:a,preloadThumbnail:r,offLazyLoad:d,src:l,thumbnail:o})=>({id:`${t}`,title:`${e}`,preload:`${a&&!r||d?"metadata":"none"}`,"data-src":`${l}`,poster:o||"","data-poster":o||""});export{getAttr,getHtml5Attr};
+let t=({uid:t})=>({"data-id":t}),a=({videoId:t,title:a,autoplay:e,preloadThumbnail:d,offLazyLoad:r,src:o,thumbnail:l})=>({id:`${t}`,title:`${a}`,preload:`${e&&!d||r?"metadata":"none"}`,"data-src":`${o}`,poster:l||"","data-poster":l||""});export{t as getAttr,a as getHtml5Attr};

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

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"@gem-sdk/core";function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}let getClasses=({className:e,builderProps:s,isInstantLP:t,advancedCssClass:l})=>{let g=`!gp-max-w-none gp-bg-black gp-overflow-hidden [&_>_article]:gp-aspect-[var(--aspect)] tablet:[&_>_article]:gp-aspect-[var(--aspect-tablet,_var(--aspect))] mobile:[&_>_article]:gp-aspect-[var(--aspect-mobile,_var(--aspect-tablet,_var(--aspect)))] ${s?.uid}`;return t||(g+=" gp-relative"),e&&(g+=` ${e}`),l&&(g+=` ${l}`),{...s?.uid&&{[s.uid]:!0},...composeClasses(g)}},getButtonThumbnailClasses=()=>({...composeClasses("gp-absolute gp-left-1/2 gp-top-1/2 gp-flex gp-aspect-[56/32] gp-w-14 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-items-center gp-justify-center gp-rounded gp-bg-black/80 gp-transition-colors hover:gp-bg-[#ef0800]")}),getFallbackImageClasses=()=>({...composeClasses("gp-w-full gp-h-full gp-object-cover")}),getWrapThumbnailClasses=e=>{let s="gp-absolute gp-top-0 gp-left-0  gp-w-full gp-thumbnail-video gp-h-full";return e&&(s+=" gp-hidden"),{...composeClasses(s)}},getImageThumbnailClasses=()=>({...composeClasses("gp-w-full gp-h-full gp-object-cover")}),getArticleVimeoClasses=(s,t)=>{let l="gp-relative gp-bg-cover gp-bg-center gp-lite-vimeo-embed-article",g=e(t,"desktop"),p=e(t,"tablet"),a=e(t,"mobile");return s||g&&"auto"!=g||(l+=" !gp-aspect-video"),s||p&&"auto"!=p||(l+=" tablet:!gp-aspect-video"),s||a&&"auto"!=a||(l+=" mobile:!gp-aspect-video"),{...composeClasses(l)}},getVideoYoutubeClasses=(e,s)=>{let t="gp-w-full";return e&&(t+=` ${e}`),s||(t+=" gp-lazyload-video"),{...composeClasses(t)}},getImageVimeoClasses=e=>{let s="gp-h-full gp-w-full gp-relative gp-top-0 gp-left-0 gp-z-9";return e&&(s+="  gp-invisible gp-opacity-0"),{...composeClasses(s)}},getButtonVimeoClasses=e=>{let s="gp-absolute gp-left-1/2 gp-top-1/2 gp-flex gp-aspect-[56/32] gp-w-14 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-items-center gp-justify-center gp-rounded gp-bg-black/80 gp-transition-colors hover:gp-bg-[#ef0800] gp-z-10 gp-lite-vimeo-embed-button";return e&&(s+="  gp-invisible gp-opacity-0"),{...composeClasses(s)}},getIframeVimeoClasses=()=>({...composeClasses("gp-inset-0 gp-w-full gp-bg-black")}),getButtonYoutubeClasses=e=>{let s="gp-absolute gp-left-1/2 gp-top-1/2 gp-w-[68px] -gp-translate-x-1/2 -gp-translate-y-1/2 gp-lite-youtube-embed-button";return e?s+=" gp-opacity-0":s+=" gp-visible gp-opacity-100",{...composeClasses(s)}},getImageYoutubeClasses=()=>({...composeClasses("gp-invisible gp-w-full gp-h-full gp_lazyforbg")}),getArticleYoutubeClasses=(e,s)=>{let t="gp-relative gp-bg-cover gp-bg-center gp-lite-youtube-embed-article";return e||(t+=" gp_lazybg"),s&&(t+=` ${s}`),{...composeClasses(t)}},getIframeYoutubeClasses=e=>{let s="gp-inset-0 gp-w-full gp-bg-black  gp-h-full !gp-max-w-none";return e&&(s+=` ${e}`),{...composeClasses(s)}},getYoutubeContentClasses=()=>({...composeClasses("gp-absolute gp-left-0 gp-top-0 gp-h-full gp-w-full")});export{getArticleVimeoClasses,getArticleYoutubeClasses,getButtonThumbnailClasses,getButtonVimeoClasses,getButtonYoutubeClasses,getClasses,getFallbackImageClasses,getIframeVimeoClasses,getIframeYoutubeClasses,getImageThumbnailClasses,getImageVimeoClasses,getImageYoutubeClasses,getVideoYoutubeClasses,getWrapThumbnailClasses,getYoutubeContentClasses};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";function t(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}let g=({className:e,builderProps:g,isInstantLP:p,advancedCssClass:l})=>{let a=`!gp-max-w-none gp-bg-black gp-overflow-hidden [&_>_article]:gp-aspect-[var(--aspect)] tablet:[&_>_article]:gp-aspect-[var(--aspect-tablet,_var(--aspect))] mobile:[&_>_article]:gp-aspect-[var(--aspect-mobile,_var(--aspect-tablet,_var(--aspect)))] ${g?.uid}`;return p||(a+=" gp-relative"),e&&(a+=` ${e}`),l&&(a+=` ${l}`),{...g?.uid&&{[g.uid]:!0},...t(a)}},p=()=>({...t("gp-absolute gp-left-1/2 gp-top-1/2 gp-flex gp-aspect-[56/32] gp-w-14 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-items-center gp-justify-center gp-rounded gp-bg-black/80 gp-transition-colors hover:gp-bg-[#ef0800]")}),l=()=>({...t("gp-w-full gp-h-full gp-object-cover")}),a=e=>{let g="gp-absolute gp-top-0 gp-left-0  gp-w-full gp-thumbnail-video gp-h-full";return e&&(g+=" gp-hidden"),{...t(g)}},s=()=>({...t("gp-w-full gp-h-full gp-object-cover")}),o=(g,p)=>{let l="gp-relative gp-bg-cover gp-bg-center gp-lite-vimeo-embed-article",a=e(p,"desktop"),s=e(p,"tablet"),o=e(p,"mobile");return g||a&&"auto"!=a||(l+=" !gp-aspect-video"),g||s&&"auto"!=s||(l+=" tablet:!gp-aspect-video"),g||o&&"auto"!=o||(l+=" mobile:!gp-aspect-video"),{...t(l)}},r=(e,g)=>{let p="gp-w-full";return e&&(p+=` ${e}`),g||(p+=" gp-lazyload-video"),{...t(p)}},i=e=>{let g="gp-h-full gp-w-full gp-relative gp-top-0 gp-left-0 gp-z-9";return e&&(g+="  gp-invisible gp-opacity-0"),{...t(g)}},u=e=>{let g="gp-absolute gp-left-1/2 gp-top-1/2 gp-flex gp-aspect-[56/32] gp-w-14 -gp-translate-x-1/2 -gp-translate-y-1/2 gp-items-center gp-justify-center gp-rounded gp-bg-black/80 gp-transition-colors hover:gp-bg-[#ef0800] gp-z-10 gp-lite-vimeo-embed-button";return e&&(g+="  gp-invisible gp-opacity-0"),{...t(g)}},b=()=>({...t("gp-inset-0 gp-w-full gp-bg-black")}),n=e=>{let g="gp-absolute gp-left-1/2 gp-top-1/2 gp-w-[68px] -gp-translate-x-1/2 -gp-translate-y-1/2 gp-lite-youtube-embed-button";return e?g+=" gp-opacity-0":g+=" gp-visible gp-opacity-100",{...t(g)}},c=()=>({...t("gp-invisible gp-w-full gp-h-full gp_lazyforbg")}),f=(e,g)=>{let p="gp-relative gp-bg-cover gp-bg-center gp-lite-youtube-embed-article";return e||(p+=" gp_lazybg"),g&&(p+=` ${g}`),{...t(p)}},m=e=>{let g="gp-inset-0 gp-w-full gp-bg-black  gp-h-full !gp-max-w-none";return e&&(g+=` ${e}`),{...t(g)}},v=()=>({...t("gp-absolute gp-left-0 gp-top-0 gp-h-full gp-w-full")});export{o as getArticleVimeoClasses,f as getArticleYoutubeClasses,p as getButtonThumbnailClasses,u as getButtonVimeoClasses,n as getButtonYoutubeClasses,g as getClasses,l as getFallbackImageClasses,b as getIframeVimeoClasses,m as getIframeYoutubeClasses,s as getImageThumbnailClasses,i as getImageVimeoClasses,c as getImageYoutubeClasses,r as getVideoYoutubeClasses,a as getWrapThumbnailClasses,v as getYoutubeContentClasses};

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

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e,cloneDeep as t}from"@gem-sdk/core";import{getDynamicSourceLocales as o,createSettingId as i}from"../../helpers.js";import{Video as l}from"../settings/configs/translate.js";let getAspectRatioSettings=(t,o)=>{let i={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},l={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},s={desktop:o?.desktop==="custom"?`${e(i,"desktop")}/${e(l,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(i,"tablet")}/${e(l,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(i,"mobile")}/${e(l,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return s},getSettingTranslatedVideoAndThumbnail=(e,s,r)=>{if(!e||!s)return{};if(r?.isPreviewing)return e;let a=t(e);if(a.youtubeUrl&&"youtube"===a.type){let e=o({val:a.youtubeUrl,uid:s,settingId:i({id:l?.youtubeUrl?.id})});a.youtubeUrlTranslated=String(e)}if(a.vimeoUrl&&"vimeo"===a.type){let e=o({val:a.vimeoUrl,uid:s,settingId:i({id:l?.vimeoUrl?.id})});a.vimeoUrlTranslated=String(e)}if(a.html5Url&&"html5"===a.type){let e=o({val:a.html5Url,uid:s,settingId:i({id:l?.html5Url?.id})});a.html5Url=String(e)}if(a.poster){let e=o({val:a.poster?.src,uid:s,settingId:l?.poster?.id?`${l.poster.id}_src`:""});a.poster.src=String(e)}return a},getYoutubeParams=e=>{let{id:t,params:o,muted:i,webp:l,controls:s,adNetwork:r,autoplay:a,lazy:m}=e,d=encodeURIComponent(t),p="hqdefault",u=`${o}`||"",n=i?"&mute=1":"",b=l?"webp":"jpg",g=l?"vi_webp":"vi",c=e.thumbnail||`https://i.ytimg.com/${g}/${d}/${p}.${b}`,h=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",v=`${h}/embed/${d}?autoplay=${!!m||a}&state=1${n}${u}&controls=${s?1:0}`,$=r||!1;return{videoId:d,posterImp:p,paramsImp:u,mutedImp:n,format:b,vi:g,posterUrl:c,ytUrl:h,iframeSrc:v,adNetworkImp:$}},getVimeoParams=e=>{let{id:t,autoplay:o,muted:i,controls:l,loop:s,lazy:r}=e,a=encodeURIComponent(t),m=`?&autoplay=${r?1:o?1:0}&muted=${i?1:0}&loop=${s?1:0}&controls=${l}&autopause=false`,d=`https://player.vimeo.com/video/${a}${m}`;return{videoId:a,params:m,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,getSettingTranslatedVideoAndThumbnail,getVimeoParams,getVimeoVideoId,getYoutubeParams,getYoutubeVideoId,isSettingLoop,makeStyleResponsiveRatio,parseTimeVideo,vimeoVideoRegex,youtubeVideoRegex};
+import{getResponsiveValueByScreen as e,cloneDeep as t}from"@gem-sdk/core";import{getDynamicSourceLocales as o,createSettingId as i}from"../../helpers.js";import{Video as l}from"../settings/configs/translate.js";let s=(t,o)=>{let i={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},l={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},s={desktop:o?.desktop==="custom"?`${e(i,"desktop")}/${e(l,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(i,"tablet")}/${e(l,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(i,"mobile")}/${e(l,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return s},r=(e,s,r)=>{if(!e||!s)return{};if(r?.isPreviewing)return e;let m=t(e);if(m.youtubeUrl&&"youtube"===m.type){let e=o({val:m.youtubeUrl,uid:s,settingId:i({id:l?.youtubeUrl?.id})});m.youtubeUrlTranslated=String(e)}if(m.vimeoUrl&&"vimeo"===m.type){let e=o({val:m.vimeoUrl,uid:s,settingId:i({id:l?.vimeoUrl?.id})});m.vimeoUrlTranslated=String(e)}if(m.html5Url&&"html5"===m.type){let e=o({val:m.html5Url,uid:s,settingId:i({id:l?.html5Url?.id})});m.html5Url=String(e)}if(m.poster){let e=o({val:m.poster?.src,uid:s,settingId:l?.poster?.id?`${l.poster.id}_src`:""});m.poster.src=String(e)}return m},m=e=>{let{id:t,params:o,muted:i,webp:l,controls:s,adNetwork:r,autoplay:m,lazy:a}=e,d=encodeURIComponent(t),p="hqdefault",n=`${o}`||"",u=i?"&mute=1":"",b=l?"webp":"jpg",g=l?"vi_webp":"vi",h=e.thumbnail||`https://i.ytimg.com/${g}/${d}/${p}.${b}`,c=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",$=`${c}/embed/${d}?autoplay=${!!a||m}&state=1${u}${n}&controls=${s?1:0}`;return{videoId:d,posterImp:p,paramsImp:n,mutedImp:u,format:b,vi:g,posterUrl:h,ytUrl:c,iframeSrc:$,adNetworkImp:r||!1}},a=e=>{let{id:t,autoplay:o,muted:i,controls:l,loop:s,lazy:r}=e,m=encodeURIComponent(t),a=`?&autoplay=${r?1:o?1:0}&muted=${i?1:0}&loop=${s?1:0}&controls=${l}&autopause=false`,d=`https://player.vimeo.com/video/${m}${a}`;return{videoId:m,params:a,iframeSrc:d}},d=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),p="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",n=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,u=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,b=e=>{let t=e.match(n);return t?.[1]??void 0},g=e=>e.match(/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/)?.[3],h=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},c=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o?{...e,[o]:i}:e},{})},$=e=>e.includes("loop=1");export{c as covertStrParamsToObj,p as fallbackImageVideoUrl,s as getAspectRatioSettings,r as getSettingTranslatedVideoAndThumbnail,a as getVimeoParams,g as getVimeoVideoId,m as getYoutubeParams,b as getYoutubeVideoId,$ as isSettingLoop,d as makeStyleResponsiveRatio,h as parseTimeVideo,u as vimeoVideoRegex,n as 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)=>{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};
+import{makeStyleResponsive as e}from"@gem-sdk/core";import{makeStyleResponsiveRatio as t}from"./helpers.js";function r(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let l=(t,l)=>{let{aspectRatio:o}=t||{},u={...l,...e("aspect",o)};return r(u)},o=t=>{let l={...e("aspect",t)};return r(l)},u=t=>{let l={...e("aspect",t)};return r(l)},i=t=>{let l={...e("aspect",t)};return r(l)},a=t=>{let l={...e("aspect",t)};return r(l)},g=()=>r({"--op":0,"--z":-1,display:"none",width:"100%",height:"auto"}),n=t=>{let l={...e("aspect",t),position:"absolute",height:"100%",width:"100%"};return r(l)},s=(e,l)=>{let o={backgroundImage:`url(${l})`,...t("aspect",e)};return r(o)},c=e=>{let t={...e,position:"absolute",height:"100%",width:"100%"};return r(t)},m=(e,t)=>{let l={...e};return t&&(l={"background-image":`url(${t})`,...l}),r(l)};export{s as getArticleVimeoStyle,m as getArticleYoutubeStyle,a as getFallBackImageStyle,i as getHtml5Style,n as getIframeVimeoStyle,c as getIframeYoutubeStyle,g as getPreloadImageStyle,l as getStyle,u as getVimeoStyle,o as getYoutubeStyle};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useEditorMode as s}from"@gem-sdk/core";import m from"../../image/components/NextImage.js";import{useLiteHtml5Embed as r}from"../hooks/useLiteHtml5Embed.js";import{createAttr as l,createClass as i,createStyle as a}from"@gem-sdk/system";import{getWrapThumbnailClasses as c,getButtonThumbnailClasses as n,getImageThumbnailClasses as p,getVideoYoutubeClasses as d}from"../common/classes.js";import{getPreloadImageStyle as y}from"../common/styles.js";import{getHtml5Attr as f}from"../common/attrs.js";let HTML5Embed=u=>{let b=s(),g="edit"!==b,{thumbnail:h,muted:j,autoplay:v,loop:x,controls:L,src:N,style:k,title:C,className:T,lazy:w,poster:E}=u,{playVideoAndTurnOffThumbnail:H,videoRef:I,showThumbnail:M}=r(v,j,N),P=!g&&v&&j&&!!h,V=!w&&u.isVideoComponent&&g,z=!h||!M,A=N||void 0,B=l({...f({title:C,autoplay:v,preloadThumbnail:P,offLazyLoad:V,src:N,thumbnail:h})}),D=i({...c(z)}),S=a({...y()}),Z=i({...n()}),q=i({...p()}),F=i({...d(T,V)}),G=()=>P?o(m,{src:h,alt:C,priority:!0,style:S}):"",J=()=>e("div",{role:"presentation",style:k,className:D,onClick:H,children:[o(m,{id:"video-thumbnail",src:h??"",alt:E?.altText,title:E?.imageTitle,priority:E?.preload&&g,className:q,isDisableAspectStyle:!0,enableLazyLoadImage:!0}),o("button",{type:"button",className:Z,"aria-label":"Play",children:o("svg",{className:"gp-w-5 gp-text-white",viewBox:"0 0 24 24",children:o("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"})})})]});return e(t,{children:[G(),o("video",{ref:I,...B,style:k,className:F,controls:L,loop:x,muted:j,autoPlay:v,playsInline:!0,src:A}),!z&&J()]})};export{HTML5Embed as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useEditorMode as s}from"@gem-sdk/core";import r from"../../image/components/NextImage.js";import l from"../hooks/useLiteHtml5Embed.js";import{createAttr as m,createClass as i,createStyle as a}from"@gem-sdk/system";import{getWrapThumbnailClasses as c,getButtonThumbnailClasses as n,getImageThumbnailClasses as p,getVideoYoutubeClasses as d}from"../common/classes.js";import{getPreloadImageStyle as y}from"../common/styles.js";import{getHtml5Attr as f}from"../common/attrs.js";let u=u=>{let g=s(),b="edit"!==g,{thumbnail:h,muted:j,autoplay:v,loop:x,controls:N,src:L,style:k,title:C,className:w,lazy:I,poster:T}=u,{playVideoAndTurnOffThumbnail:E,videoRef:H,showThumbnail:M}=l(v,j,L),P=!b&&v&&j&&!!h,V=!I&&u.isVideoComponent&&b,z=!h||!M,A=L||void 0,B=m({...f({title:C,autoplay:v,preloadThumbnail:P,offLazyLoad:V,src:L,thumbnail:h})}),D=i({...c(z)}),S=a({...y()}),Z=i({...n()}),q=i({...p()}),F=i({...d(w,V)});return e(t,{children:[P?o(r,{src:h,alt:C,priority:!0,style:S}):"",o("video",{ref:H,...B,style:k,className:F,controls:N,loop:x,muted:j,autoPlay:v,playsInline:!0,src:A}),!z&&e("div",{role:"presentation",style:k,className:D,onClick:E,children:[o(r,{id:"video-thumbnail",src:h??"",alt:T?.altText,title:T?.imageTitle,priority:T?.preload&&b,className:q,isDisableAspectStyle:!0,enableLazyLoadImage:!0}),o("button",{type:"button",className:Z,"aria-label":"Play",children:o("svg",{className:"gp-w-5 gp-text-white",viewBox:"0 0 24 24",children:o("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"})})})]})]})};export{u as default};

package/dist/esm/video/components/HTML5Embed.liquid.js

@@ -1,4 +1,6 @@
-import{template as e,RenderIf as t,isLocalEnv as o,baseAssetURL as i}from"@gem-sdk/core";import r from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as s}from"../../helpers.js";import{createAttr as a,createClass as d,createStyle as l,If as n}from"@gem-sdk/system";import{getWrapThumbnailClasses as m,getButtonThumbnailClasses as c,getImageThumbnailClasses as u,getVideoYoutubeClasses as p}from"../common/classes.js";import{getPreloadImageStyle as v}from"../common/styles.js";import{getHtml5Attr as y}from"../common/attrs.js";let HTML5Embed=f=>{let g=`gp-video-${f.uid}`,{thumbnail:$,muted:L,autoplay:h,loop:b,controls:E,src:A,style:P,title:w,className:T,lazy:j,poster:k,wrapperStyles:S}=f,V=h&&L&&!!$,x=!j&&f.isVideoComponent,C=!$||h&&L,I=x?A:void 0,M=a({...y({videoId:g,title:w,autoplay:h,preloadThumbnail:V,offLazyLoad:x,src:A,thumbnail:$})}),N=d({...m(C)}),z=l({...v()}),B=d({...c()}),D=d({...u()}),G=d({...p(T,x)}),H=()=>V?e`${r({src:$,alt:w,priority:k?.preload,enableLazyLoadImage:!0,style:z})}
+import{RenderIf as e,isLocalEnv as t,baseAssetURL as o,template as i}from"@gem-sdk/core";import r from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as s}from"../../helpers.js";import{createAttr as a,createClass as d,createStyle as l,If as n}from"@gem-sdk/system";import{getWrapThumbnailClasses as m,getButtonThumbnailClasses as c,getImageThumbnailClasses as u,getVideoYoutubeClasses as p}from"../common/classes.js";import{getPreloadImageStyle as v}from"../common/styles.js";import{getHtml5Attr as y}from"../common/attrs.js";let f=f=>{let g=`gp-video-${f.uid}`,{thumbnail:$,muted:L,autoplay:h,loop:b,controls:E,src:A,style:P,title:w,className:T,lazy:j,poster:k,wrapperStyles:S}=f,V=h&&L&&!!$,x=!j&&f.isVideoComponent,C=!$||h&&L,I=x?A:void 0,M=a({...y({videoId:g,title:w,autoplay:h,preloadThumbnail:V,offLazyLoad:x,src:A,thumbnail:$})}),N=d({...m(C)}),z=l({...v()}),B=d({...c()}),D=d({...u()}),G=d({...p(T,x)});return i`
+  <gp-lite-html5-embed is-check-loaded="${f.isCheckLoaded??!1}" style="${S}">
+    ${V?i`${r({src:$,alt:w,priority:k?.preload,enableLazyLoadImage:!0,style:z})}
     ${n(h,`<script>
         document.addEventListener("DOMContentLoaded", (event) => {
           const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
@@ -32,7 +34,19 @@ import{template as e,RenderIf as t,isLocalEnv as o,baseAssetURL as i}from"@gem-s
           }
         });
       </script>`)}
-      `:"",O=()=>e`
+      `:""}
+    <video
+    ${{...M}}
+      style="${P}"
+      class="${G}"
+      ${E?"controls":void 0}
+      ${b?"loop":void 0}
+      ${L?"muted":void 0}
+      ${h?"autoplay":void 0}
+      playsinline
+      ${I?`src="${I}"`:""}
+    ></video>
+    ${n(!C,i`
      <div
         role="presentation"
         style="${P}"
@@ -48,21 +62,7 @@ import{template as e,RenderIf as t,isLocalEnv as o,baseAssetURL as i}from"@gem-s
             </svg>
           </button>
         </div>
-  `;return e`
-  <gp-lite-html5-embed is-check-loaded="${f.isCheckLoaded??!1}" style="${S}">
-    ${H()}
-    <video
-    ${{...M}}
-      style="${P}"
-      class="${G}"
-      ${E?"controls":void 0}
-      ${b?"loop":void 0}
-      ${L?"muted":void 0}
-      ${h?"autoplay":void 0}
-      playsinline
-      ${I?`src="${I}"`:""}
-    ></video>
-    ${n(!C,O())}
+  `)}
   </gp-lite-html5-embed>
-        ${t(o,`<script ${s('class="gps-link" delay',"src")}="{{ 'gp-lite-html5-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s('class="gps-link" delay',"src")}="${i}/assets-v2/gp-lite-html5-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{HTML5Embed as default};
+        ${e(t,`<script ${s('class="gps-link" delay',"src")}="{{ 'gp-lite-html5-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s('class="gps-link" delay',"src")}="${o}/assets-v2/gp-lite-html5-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{f as default};

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}=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};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import l from"../hooks/useLiteVimeoEmbed.js";import{createStyle as r,createClass as m}from"@gem-sdk/system";import{getArticleVimeoClasses as o,getImageVimeoClasses as a,getButtonVimeoClasses as i,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 u=u=>{let{title:f,lazy:y,aspectRatio:h,poster:g}=u,{iframeSrc:b,videoId:j}=p(u),{addIframe:x,thumbnail:N,iframe:w}=l(y,j),k=u.thumbnail||N,C=r({...c(h)}),L=r({...n(h,k)}),V=m({...o(k,h)}),v=m({...a(w)}),B=m({...i(w)}),E=m({...s()});return e("article",{"aria-hidden":!0,className:V,"data-title":f,style:L,onClick:x,children:[t(d,{src:k,alt:g?.altText,title:g?.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:C,title:f,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:b,className:E})]})};export{u as default};

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

@@ -1,14 +1,14 @@
-import{template as e,RenderIf as t,isLocalEnv as i,baseAssetURL as s}from"@gem-sdk/core";import{getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as r,createStyle as a,createClass as m,If as o}from"@gem-sdk/system";import{getArticleVimeoClasses as p,getImageVimeoClasses as c,getButtonVimeoClasses as d,getIframeVimeoClasses as n}from"../common/classes.js";import{getIframeVimeoStyle as g,getArticleVimeoStyle as f}from"../common/styles.js";import{getVimeoParams as y}from"../common/helpers.js";import $ from"../../image/components/NextImage.liquid.js";let LiteVimeoEmbed=b=>{let{title:h,id:u,lazy:v,aspectRatio:j,autoplay:S,muted:w,thumbnailLink:E,poster:x,translatedVideoUrl:L}=b,{iframeSrc:k}=y(b),I=!v,N=b.thumbnail,V=r({id:u,thumbnail:E,lazy:v,iframeSrc:k,title:h,autoplay:S,muted:w,style:b?.vimeoStyleIframe||"",translatedVideoUrl:L}),A=a({...g(j)}),T=a({...f(j,"")}),C=m({...p(N,j)}),G=m({...c(I)}),M=m({...d(I)}),O=m({...n()});return e`
+import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as i}from"@gem-sdk/core";import{getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as r,createStyle as a,createClass as m,If as o}from"@gem-sdk/system";import{getArticleVimeoClasses as p,getImageVimeoClasses as c,getButtonVimeoClasses as d,getIframeVimeoClasses as n}from"../common/classes.js";import{getIframeVimeoStyle as g,getArticleVimeoStyle as f}from"../common/styles.js";import{getVimeoParams as y}from"../common/helpers.js";import $ from"../../image/components/NextImage.liquid.js";let b=b=>{let{title:h,id:u,lazy:v,aspectRatio:j,autoplay:S,muted:w,thumbnailLink:x,poster:E,translatedVideoUrl:k}=b,{iframeSrc:I}=y(b),L=!v,N=b.thumbnail,A=r({id:u,thumbnail:x,lazy:v,iframeSrc:I,title:h,autoplay:S,muted:w,style:b?.vimeoStyleIframe||"",translatedVideoUrl:k}),T=a({...g(j)}),V=a({...f(j,"")}),C=m({...p(N,j)}),G=m({...c(L)}),M=m({...d(L)}),O=m({...n()});return e`
     <gp-lite-vimeo-embed>
-      <script gp-data type="application/json">${JSON.stringify(V)}</script>
+      <script gp-data type="application/json">${JSON.stringify(A)}</script>
       <article
         aria-hidden
         class="${C}"
         data-title="${h}"
-        style="${T}"
+        style="${V}"
       >
-      ${$({src:N,alt:x?.altText,title:x?.imageTitle,className:G,isDisableAspectStyle:!0,enableLazyLoadImage:!0,priority:x?.preload,height:x?.height,width:x?.width})}
-         ${o(!I,e`
+      ${$({src:N,alt:E?.altText,title:E?.imageTitle,className:G,isDisableAspectStyle:!0,enableLazyLoadImage:!0,priority:E?.preload,height:E?.height,width:E?.width})}
+         ${o(!L,e`
           <button type="button" class="${M}" aria-label="Play">
           <svg class="gp-w-5 gp-text-white" viewBox="0 0 24 24">
             <path
@@ -17,17 +17,17 @@ import{template as e,RenderIf as t,isLocalEnv as i,baseAssetURL as s}from"@gem-s
             />
           </svg>
         </button>`)}
-        ${o(I,e`
+        ${o(L,e`
           <iframe
-            style="${A}"
+            style="${T}"
             title="${h}"
             frameborder="0"
             allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
             allowfullscreen
-            src="${k}"
+            src="${I}"
             class="${O}"
           ></iframe>`)}
       </article>
     </gp-lite-vimeo-embed>
-    ${t(i,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-lite-vimeo-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${s}/assets-v2/gp-lite-vimeo-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{LiteVimeoEmbed as default};
+    ${t(s,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-lite-vimeo-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${i}/assets-v2/gp-lite-vimeo-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{b as default};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as r}from"@gem-sdk/core";import a from"react-youtube";import{getYoutubeParams as o,isSettingLoop as i,covertStrParamsToObj as l}from"../common/helpers.js";import s from"../../image/components/NextImage.js";import{createClass as m,createStyle as n}from"@gem-sdk/system";import{getButtonYoutubeClasses as c,getImageYoutubeClasses as u,getArticleYoutubeClasses as d,getIframeYoutubeClasses as p,getYoutubeContentClasses as f}from"../common/classes.js";import{getIframeYoutubeStyle as y,getArticleYoutubeStyle as b}from"../common/styles.js";import{useLiteYoutubeEmbed as h}from"../hooks/useLiteYoutubeEmbed.js";let LiteYouTubeEmbed=g=>{let C=r(),v="edit"!==C,{style:w,poster:N,iframeClass:j,wrapperClass:k,title:x}=g,{preload:B}=N||{},{videoId:E,paramsImp:L,posterUrl:S,iframeSrc:T}=o(g),{iframe:I,intervalPlay:V,warmConnections:H,isVideoStarted:M,videoDuration:Y,addIframe:z}=h(g,L,E),D=B&&v,P=m({...c(I)}),A=m({...u()}),F=m({...d(D||!1,k)}),O=m({...p(j)}),R=n({...y(w)}),q=n({...b(w,S)}),G=m({...f()}),J=()=>{if(g.isHeroBanner&&i(L))return t(a,{videoId:E,title:x,iframeClassName:O,style:R,className:G,opts:{host:"https://www.youtube-nocookie.com",playerVars:{autoplay:1,state:1,controls:0,mute:1,...l(L)}},onReady:e=>{if(e.target.playVideo(),Y.current=Math.floor(e.target.getDuration()),g.isHeroBanner){let t=e.target.getIframe();if(t){let e=t.closest("div.hero-banner-container");if(e){let r=new CustomEvent("youtube-iframe-ready",{detail:{iframe:t},bubbles:!0,cancelable:!0});e.dispatchEvent(r)}}}},onStateChange:e=>{let t=e.target;M.current||(t.playVideo(),M.current=!0,V(e)),0===e.data&&(Y.current=t.getCurrentTime(),t.playVideo(),V(e))}});let e=t("iframe",{className:O,style:R,title:x,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:T});return g.isHeroBanner?t("div",{className:G,children:e}):e};return e("article",{"aria-hidden":!0,className:F,"data-title":x,style:q,onPointerOver:H,onClick:z,children:[t(s,{src:S,alt:N?.altText,title:N?.imageTitle,priority:v&&B,enableLazyLoadImage:!0,className:A,isDisableAspectStyle:!0}),t("button",{type:"button","aria-label":"Play",className:P,children:e("svg",{height:"100%",version:"1.1",viewBox:"0 0 68 48",width:"100%",children:[t("path",{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",fill:"#f00"}),t("path",{d:"M 45,24 27,14 27,34",fill:"#fff"})]})}),I&&J()]})};export{LiteYouTubeEmbed as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as r}from"@gem-sdk/core";import a from"react-youtube";import{getYoutubeParams as o,isSettingLoop as i,covertStrParamsToObj as l}from"../common/helpers.js";import s from"../../image/components/NextImage.js";import{createClass as m,createStyle as n}from"@gem-sdk/system";import{getButtonYoutubeClasses as c,getImageYoutubeClasses as d,getArticleYoutubeClasses as u,getIframeYoutubeClasses as p,getYoutubeContentClasses as f}from"../common/classes.js";import{getIframeYoutubeStyle as y,getArticleYoutubeStyle as h}from"../common/styles.js";import b from"../hooks/useLiteYoutubeEmbed.js";let g=g=>{let C=r(),v="edit"!==C,{style:w,poster:N,iframeClass:j,wrapperClass:k,title:x}=g,{preload:B}=N||{},{videoId:S,paramsImp:E,posterUrl:I,iframeSrc:L}=o(g),{iframe:T,intervalPlay:V,warmConnections:H,isVideoStarted:M,videoDuration:z,addIframe:D}=b(g,E,S),P=m({...c(T)}),Y=m({...d()}),A=m({...u(B&&v||!1,k)}),F=m({...p(j)}),O=n({...y(w)}),R=n({...h(w,I)}),q=m({...f()});return e("article",{"aria-hidden":!0,className:A,"data-title":x,style:R,onPointerOver:H,onClick:D,children:[t(s,{src:I,alt:N?.altText,title:N?.imageTitle,priority:v&&B,enableLazyLoadImage:!0,className:Y,isDisableAspectStyle:!0}),t("button",{type:"button","aria-label":"Play",className:P,children:e("svg",{height:"100%",version:"1.1",viewBox:"0 0 68 48",width:"100%",children:[t("path",{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",fill:"#f00"}),t("path",{d:"M 45,24 27,14 27,34",fill:"#fff"})]})}),T&&(()=>{if(g.isHeroBanner&&i(E))return t(a,{videoId:S,title:x,iframeClassName:F,style:O,className:q,opts:{host:"https://www.youtube-nocookie.com",playerVars:{autoplay:1,state:1,controls:0,mute:1,...l(E)}},onReady:e=>{if(e.target.playVideo(),z.current=Math.floor(e.target.getDuration()),g.isHeroBanner){let t=e.target.getIframe();if(t){let e=t.closest("div.hero-banner-container");if(e){let r=new CustomEvent("youtube-iframe-ready",{detail:{iframe:t},bubbles:!0,cancelable:!0});e.dispatchEvent(r)}}}},onStateChange:e=>{let t=e.target;M.current||(t.playVideo(),M.current=!0,V(e)),0===e.data&&(z.current=t.getCurrentTime(),t.playVideo(),V(e))}});let e=t("iframe",{className:F,style:O,title:x,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:L});return g.isHeroBanner?t("div",{className:q,children:e}):e})()]})};export{g as default};

package/dist/esm/video/components/LiteYouTubeEmbed.liquid.js

@@ -1,27 +1,14 @@
-import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import a from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as i}from"../../helpers.js";import{createStateOrContext as l,createClass as o,createStyle as p,If as m}from"@gem-sdk/system";import{getButtonYoutubeClasses as d,getImageYoutubeClasses as c,getArticleYoutubeClasses as u,getIframeYoutubeClasses as y,getYoutubeContentClasses as f}from"../common/classes.js";import{getIframeYoutubeStyle as n,getArticleYoutubeStyle as b}from"../common/styles.js";import{getYoutubeParams as g}from"../common/helpers.js";let LiteYouTubeEmbed=$=>{let{style:h,iframeClass:v,wrapperClass:S,title:j,poster:z,translatedVideoUrl:E}=$,w=`gp-video-${$.uid}`,{posterUrl:C,iframeSrc:L}=g($),N=z?.preload,T=l({lazy:$.lazy,style:h,title:j,iframeSrc:L,translatedVideoUrl:E}),k=!$.lazy,x=o({...d(k)}),A=o({...c()}),I=o({...u(N||!1,S)}),M=o({...y(v)}),B=p({...n(h)}),G=p({...b(h,C)}),O=o({...f()}),P=()=>{let t=e`
-    <iframe
-      id="player-wrapper-${$.uid}"
-      class="${M}"
-      style="${B}"
-      title="${j}"
-      frameborder="0"
-      allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-      allowfullscreen
-      src="${L}"
-    ></iframe>
-  `;return $.isHeroBanner?e`
-        <div class="${O}">${t}</div>
-      `:t};return e`
+import{RenderIf as e,isLocalEnv as t,baseAssetURL as s,template as r}from"@gem-sdk/core";import a from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as i}from"../../helpers.js";import{createStateOrContext as l,createClass as o,createStyle as p,If as m}from"@gem-sdk/system";import{getButtonYoutubeClasses as d,getImageYoutubeClasses as c,getArticleYoutubeClasses as y,getIframeYoutubeClasses as f,getYoutubeContentClasses as u}from"../common/classes.js";import{getIframeYoutubeStyle as n,getArticleYoutubeStyle as g}from"../common/styles.js";import{getYoutubeParams as $}from"../common/helpers.js";let b=b=>{let{style:h,iframeClass:v,wrapperClass:S,title:j,poster:z,translatedVideoUrl:w}=b,C=`gp-video-${b.uid}`,{posterUrl:E,iframeSrc:N}=$(b),k=z?.preload,x=l({lazy:b.lazy,style:h,title:j,iframeSrc:N,translatedVideoUrl:w}),L=!b.lazy,T=o({...d(L)}),A=o({...c()}),I=o({...y(k||!1,S)}),M=o({...f(v)}),B=p({...n(h)}),G=p({...g(h,E)}),O=o({...u()});return r`
     <gp-lite-youtube-embed>
-      <script gp-data type="application/json">${JSON.stringify(T)}</script>
+      <script gp-data type="application/json">${JSON.stringify(x)}</script>
       <article
         aria-hidden
         class="${I}"
         data-title="${j}"
         style="${G}"
       >
-        ${a({id:w,src:C,alt:z?.altText,title:z?.imageTitle,priority:z?.preload,enableLazyLoadImage:!0,className:A,isDisableAspectStyle:!0,isNotLazyload:z?.preload})}
-        <button type="button" aria-label="Play" class="${x}">
+        ${a({id:C,src:E,alt:z?.altText,title:z?.imageTitle,priority:z?.preload,enableLazyLoadImage:!0,className:A,isDisableAspectStyle:!0,isNotLazyload:z?.preload})}
+        <button type="button" aria-label="Play" class="${T}">
           <svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%">
             <path
               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"
@@ -30,8 +17,21 @@ import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as r}from"@gem-s
             <path d="M 45,24 27,14 27,34" fill="#fff"></path>
           </svg>
         </button>
-        ${m(k,P())}
+        ${m(L,(()=>{let e=r`
+    <iframe
+      id="player-wrapper-${b.uid}"
+      class="${M}"
+      style="${B}"
+      title="${j}"
+      frameborder="0"
+      allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+      allowfullscreen
+      src="${N}"
+    ></iframe>
+  `;return b.isHeroBanner?r`
+        <div class="${O}">${e}</div>
+      `:e})())}
       </article>
     </gp-lite-youtube-embed>
-    ${t(s,`<script ${i('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${i('class="gps-link" delay',"src")}="${r}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{LiteYouTubeEmbed as default};
+    ${e(t,`<script ${i('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${i('class="gps-link" delay',"src")}="${s}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{b as default};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useEditorMode as o}from"@gem-sdk/core";import m from"next/dynamic";import{useMemo as s}from"react";import{getAspectRatioSettings as r,fallbackImageVideoUrl as a,getVimeoVideoId as i,getYoutubeVideoId as l,youtubeVideoRegex as d,parseTimeVideo as p}from"../common/helpers.js";import{createAttr as c,createStyle as n,createClass as u}from"@gem-sdk/system";import{getAttr as y}from"../common/attrs.js";import{getStyle as b,getYoutubeStyle as f,getVimeoStyle as j,getHtml5Style as E,getFallBackImageStyle as L}from"../common/styles.js";import{getFallbackImageClasses as V,getClasses as h}from"../common/classes.js";import k from"../../image/components/NextImage.js";let HTML5Embed=m(()=>import("./HTML5Embed.js")),LiteVimeoEmbed=m(()=>import("./LiteVimeoEmbed.js")),LiteYouTubeEmbed=m(()=>import("./LiteYouTubeEmbed.js")),Video=({className:m,setting:z,style:v,builderAttrs:N,builderProps:T,advanced:g,children:x})=>{let C=o(),{youtubeUrl:F="",vimeoUrl:H="",html5Url:M,autoplay:R=!1,loopVideo:Y=!1,controls:$=!1,mute:w,poster:I,startTime:O,endTime:S}=z??{},{cssClass:q}=g??{},A=I?.src,B="edit"!==C,D=r(z?.ratioOptions,z?.aspectRatio),G=c({...y({uid:T?.uid||""})}),J=n({...b(z,v)}),K=n({...f(D)}),P=n({...j(D)}),Q=n({...E(D)}),U=n({...L(z?.aspectRatio)}),W=u({...V()}),X=u({...h({className:m,builderProps:T,isInstantLP:B,advancedCssClass:q})}),Z=s(()=>{switch(z?.type){case"youtube":{let t=l(F);if(!d.test(F)||!t)return e(k,{src:a,alt:"Fallback video",className:W,style:U});let o="";return Y&&(o+=`&loop=1&playlist=${t}`),O&&(o+=`&start=${p(O)}`),S&&(o+=`&end=${p(S)}`),e(LiteYouTubeEmbed,{id:t,autoplay:R,title:"Video",controls:$,params:o,adNetwork:!1,noCookie:!0,muted:!w,thumbnail:A,lazy:z.lazy??!0,poster:I,preload:I?.preload,style:K})}case"vimeo":{let t=i(H);if(!t)return e(k,{src:a,alt:"Fallback video",className:W,style:U});return e(LiteVimeoEmbed,{muted:!w,loop:Y,controls:$,thumbnail:A,autoplay:R,lazy:z.lazy??!0,id:t,title:"Video",aspectRatio:D,poster:I,vimeoStyleIframe:P})}case"html5":if(!M)return e(k,{src:a,alt:"Fallback video",className:W,style:U});return e(HTML5Embed,{muted:!w,loop:Y,controls:$,autoplay:R,src:M,thumbnail:A,title:"Video",lazy:z.lazy??!0,isVideoComponent:!0,style:Q,poster:I})}},[D,R,Y,w,$,H,F,M,S,O,z?.type,z?.lazy,A,P,K,Q,U,W,I]);return t("div",{...N,...G,className:X,style:J,children:[Z,x]})};export{Video as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useEditorMode as o}from"@gem-sdk/core";import s from"next/dynamic";import{useMemo as r}from"react";import{getAspectRatioSettings as a,fallbackImageVideoUrl as m,getVimeoVideoId as l,getYoutubeVideoId as i,youtubeVideoRegex as p,parseTimeVideo as c}from"../common/helpers.js";import{createAttr as n,createStyle as d,createClass as u}from"@gem-sdk/system";import{getAttr as y}from"../common/attrs.js";import{getStyle as f,getYoutubeStyle as b,getVimeoStyle as j,getHtml5Style as h,getFallBackImageStyle as k}from"../common/styles.js";import{getFallbackImageClasses as z,getClasses as v}from"../common/classes.js";import N from"../../image/components/NextImage.js";let V=s(()=>import("./HTML5Embed.js")),g=s(()=>import("./LiteVimeoEmbed.js")),x=s(()=>import("./LiteYouTubeEmbed.js")),L=({className:s,setting:L,style:C,builderAttrs:E,builderProps:F,advanced:I,children:R})=>{let $=o(),{youtubeUrl:w="",vimeoUrl:T="",html5Url:H,autoplay:M=!1,loopVideo:O=!1,controls:P=!1,mute:S,poster:Y,startTime:q,endTime:A}=L??{},{cssClass:B}=I??{},D=Y?.src,G=a(L?.ratioOptions,L?.aspectRatio),J=n({...y({uid:F?.uid||""})}),K=d({...f(L,C)}),Q=d({...b(G)}),U=d({...j(G)}),W=d({...h(G)}),X=d({...k(L?.aspectRatio)}),Z=u({...z()}),_=u({...v({className:s,builderProps:F,isInstantLP:"edit"!==$,advancedCssClass:B})}),tt=r(()=>{switch(L?.type){case"youtube":{let e=i(w);if(!p.test(w)||!e)return t(N,{src:m,alt:"Fallback video",className:Z,style:X});let o="";return O&&(o+=`&loop=1&playlist=${e}`),q&&(o+=`&start=${c(q)}`),A&&(o+=`&end=${c(A)}`),t(x,{id:e,autoplay:M,title:"Video",controls:P,params:o,adNetwork:!1,noCookie:!0,muted:!S,thumbnail:D,lazy:L.lazy??!0,poster:Y,preload:Y?.preload,style:Q})}case"vimeo":{let e=l(T);if(!e)return t(N,{src:m,alt:"Fallback video",className:Z,style:X});return t(g,{muted:!S,loop:O,controls:P,thumbnail:D,autoplay:M,lazy:L.lazy??!0,id:e,title:"Video",aspectRatio:G,poster:Y,vimeoStyleIframe:U})}case"html5":if(!H)return t(N,{src:m,alt:"Fallback video",className:Z,style:X});return t(V,{muted:!S,loop:O,controls:P,autoplay:M,src:H,thumbnail:D,title:"Video",lazy:L.lazy??!0,isVideoComponent:!0,style:W,poster:Y})}},[G,M,O,S,P,T,w,H,A,q,L?.type,L?.lazy,D,U,Q,W,X,Z,Y]);return e("div",{...E,...J,className:_,style:K,children:[tt,R]})};export{L as default};

package/dist/esm/video/components/Video.liquid.js

@@ -1,6 +1,6 @@
-import{template as t,hasTranslatedLiquid as e}from"@gem-sdk/core";import{getSettingTranslatedVideoAndThumbnail as o,getAspectRatioSettings as i,getVimeoVideoId as s,vimeoVideoRegex as l,getYoutubeVideoId as m,youtubeVideoRegex as r,parseTimeVideo as a,fallbackImageVideoUrl as d}from"../common/helpers.js";import{createAttr as u,createStyle as c,createClass as n}from"@gem-sdk/system";import{getAttr as p}from"../common/attrs.js";import{getStyle as f,getYoutubeStyle as y,getVimeoStyle as b,getHtml5Style as j,getFallBackImageStyle as V}from"../common/styles.js";import{getFallbackImageClasses as h,getClasses as k}from"../common/classes.js";import $ from"./HTML5Embed.liquid.js";import v from"./LiteVimeoEmbed.liquid.js";import g from"./LiteYouTubeEmbed.liquid.js";import L from"../../image/components/NextImage.liquid.js";import{getImageSrc as N}from"../../image/common/helpers.js";let Video=({className:q,setting:z,style:C,builderAttrs:E,builderProps:F,advanced:I,pageContext:R})=>{let w=o(z,F?.uid,R),{youtubeUrl:x="",vimeoUrl:T="",html5Url:U,autoplay:H=!1,loopVideo:M=!1,controls:O=!1,mute:P,poster:S,startTime:Y,endTime:A,lazy:B,type:D}=w??{},{youtubeUrlTranslated:G,vimeoUrlTranslated:J}=w,K=N(S),{cssClass:Q}=I??{},W=i(w?.ratioOptions,w?.aspectRatio),X=u({...p({uid:F?.uid||""})}),Z=c({...f(w,C)}),_=c({...y(W)}),tt=c({...b(W)}),te=c({...j(W)}),to=c({...V(z?.aspectRatio)}),ti=n({...h()}),ts=n({...k({className:q,builderProps:F,isInstantLP:!1,advancedCssClass:Q})}),tl=()=>{switch(D){case"youtube":{let t=m(x),o=e(G);if((!r.test(x)||!t)&&!o)return L({src:d,alt:"Fallback video",className:ti,style:to});let i="";return M&&(i+=`&loop=1&playlist=${t}`),Y&&(i+=`&start=${a(Y)}`),A&&(i+=`&end=${a(A)}`),g({uid:F?.uid,id:t??"",translatedVideoUrl:o?G:"",autoplay:H,title:"Video",controls:O,params:i,adNetwork:!1,noCookie:!0,muted:!P,thumbnail:K,lazy:B??!0,preload:S?.preload,poster:S,style:_})}case"vimeo":{let t=s(T),o=e(J);if((!l.test(T)||!t)&&!o)return L({src:d,alt:"Fallback video",className:ti,style:to});return v({muted:!P,loop:M,controls:O,thumbnail:K,thumbnailLink:S?.src,autoplay:H,lazy:B??!0,id:t??"",translatedVideoUrl:o?J:"",title:"Video",aspectRatio:W,poster:S,vimeoStyleIframe:tt})}case"html5":if(!U)return L({src:d,alt:"Fallback video",className:ti,style:to});return $({uid:F?.uid,muted:!P,loop:M,controls:O,autoplay:H,src:U,thumbnail:K,title:"Video",poster:S,lazy:B??!0,isVideoComponent:!0,style:te})}};return t`
+import{template as t,hasTranslatedLiquid as e}from"@gem-sdk/core";import{getSettingTranslatedVideoAndThumbnail as o,getAspectRatioSettings as i,getVimeoVideoId as s,vimeoVideoRegex as l,getYoutubeVideoId as m,youtubeVideoRegex as r,parseTimeVideo as a,fallbackImageVideoUrl as d}from"../common/helpers.js";import{createAttr as u,createStyle as c,createClass as n}from"@gem-sdk/system";import{getAttr as p}from"../common/attrs.js";import{getStyle as f,getYoutubeStyle as y,getVimeoStyle as b,getHtml5Style as j,getFallBackImageStyle as h}from"../common/styles.js";import{getFallbackImageClasses as k,getClasses as V}from"../common/classes.js";import $ from"./HTML5Embed.liquid.js";import v from"./LiteVimeoEmbed.liquid.js";import g from"./LiteYouTubeEmbed.liquid.js";import L from"../../image/components/NextImage.liquid.js";import{getImageSrc as N}from"../../image/common/helpers.js";let q=({className:q,setting:z,style:C,builderAttrs:E,builderProps:F,advanced:I,pageContext:R})=>{let w=o(z,F?.uid,R),{youtubeUrl:x="",vimeoUrl:T="",html5Url:U,autoplay:H=!1,loopVideo:M=!1,controls:O=!1,mute:P,poster:S,startTime:Y,endTime:A,lazy:B,type:D}=w??{},{youtubeUrlTranslated:G,vimeoUrlTranslated:J}=w,K=N(S),{cssClass:Q}=I??{},W=i(w?.ratioOptions,w?.aspectRatio),X=u({...p({uid:F?.uid||""})}),Z=c({...f(w,C)}),_=c({...y(W)}),tt=c({...b(W)}),te=c({...j(W)}),to=c({...h(z?.aspectRatio)}),ti=n({...k()}),ts=n({...V({className:q,builderProps:F,isInstantLP:!1,advancedCssClass:Q})});return t`
     <div
       ${{...E}} ${{...X}} class="${ts}" style="${Z}">
-      ${tl()}
+      ${(()=>{switch(D){case"youtube":{let t=m(x),o=e(G);if((!r.test(x)||!t)&&!o)return L({src:d,alt:"Fallback video",className:ti,style:to});let i="";return M&&(i+=`&loop=1&playlist=${t}`),Y&&(i+=`&start=${a(Y)}`),A&&(i+=`&end=${a(A)}`),g({uid:F?.uid,id:t??"",translatedVideoUrl:o?G:"",autoplay:H,title:"Video",controls:O,params:i,adNetwork:!1,noCookie:!0,muted:!P,thumbnail:K,lazy:B??!0,poster:S,style:_})}case"vimeo":{let t=s(T),o=e(J);if((!l.test(T)||!t)&&!o)return L({src:d,alt:"Fallback video",className:ti,style:to});return v({muted:!P,loop:M,controls:O,thumbnail:K,thumbnailLink:S?.src,autoplay:H,lazy:B??!0,id:t??"",translatedVideoUrl:o?J:"",title:"Video",aspectRatio:W,poster:S,vimeoStyleIframe:tt})}case"html5":if(!U)return L({src:d,alt:"Fallback video",className:ti,style:to});return $({uid:F?.uid,muted:!P,loop:M,controls:O,autoplay:H,src:U,thumbnail:K,title:"Video",poster:S,lazy:B??!0,isVideoComponent:!0,style:te})}})()}
     </div>
-  `};export{Video as default};
+  `};export{q as default};

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

@@ -1 +1 @@
-import{useState as e,useRef as t,useEffect as r}from"react";let useLiteHtml5Embed=(l,u,m)=>{let[a,d]=e(!(l&&u)),n=t(null);r(()=>{n.current?.load()},[m]);let c=()=>{d(!1),n?.current&&n.current.play()};return{playVideoAndTurnOffThumbnail:c,videoRef:n,showThumbnail:a}};export{useLiteHtml5Embed as default,useLiteHtml5Embed};
+import{useState as e,useRef as t,useEffect as r}from"react";let l=(l,u,n)=>{let[a,m]=e(!(l&&u)),d=t(null);return r(()=>{d.current?.load()},[n]),{playVideoAndTurnOffThumbnail:()=>{m(!1),d?.current&&d.current.play()},videoRef:d,showThumbnail:a}};export{l as default,l as useLiteHtml5Embed};

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

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

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

@@ -1 +1 @@
-import{useState as e,useRef as t,useEffect as r}from"react";import{isSettingLoop as u}from"../common/helpers.js";let useLiteYoutubeEmbed=(o,a,l)=>{let{lazy:n,isHeroBanner:c}=o,[s,i]=e(!1),[m,d]=e(!n),p=()=>{s||i(!0)},F=()=>{m||d(!0)},b=t(!1),x=t(0),f=t(),v=e=>{let t=e.target;if(t&&c&&u(a)&&x.current>0){let e=parseFloat((x.current/100*5).toFixed(2));clearInterval(f.current),f.current=setInterval(()=>{let r=parseFloat(t.getCurrentTime().toFixed(2)),u=parseFloat((x.current-r).toFixed(2));u<=parseFloat((1.5*e).toFixed(2))&&t.seekTo(0)},1e3*e)}};return r(()=>()=>{f.current&&(clearInterval(f.current),b.current=!1)},[l,a]),{iframe:m,addIframe:F,intervalPlay:v,warmConnections:p,isVideoStarted:b,videoDuration:x}};export{useLiteYoutubeEmbed as default,useLiteYoutubeEmbed};
+import{useState as e,useRef as t,useEffect as r}from"react";import{isSettingLoop as a}from"../common/helpers.js";let o=(o,l,n)=>{let{lazy:u,isHeroBanner:c}=o,[i,s]=e(!1),[m,d]=e(!u),p=t(!1),F=t(0),f=t();return r(()=>()=>{f.current&&(clearInterval(f.current),p.current=!1)},[n,l]),{iframe:m,addIframe:()=>{m||d(!0)},intervalPlay:e=>{let t=e.target;if(t&&c&&a(l)&&F.current>0){let e=parseFloat((F.current/100*5).toFixed(2));clearInterval(f.current),f.current=setInterval(()=>{let r=parseFloat(t.getCurrentTime().toFixed(2)),a=parseFloat((F.current-r).toFixed(2));a<=parseFloat((1.5*e).toFixed(2))&&t.seekTo(0)},1e3*e)}},warmConnections:()=>{i||s(!0)},isVideoStarted:p,videoDuration:F}};export{o as default,o as useLiteYoutubeEmbed};

package/dist/esm/video/index.js

@@ -1 +1 @@
-import e from"./settings/Video.js";export{default as Video}from"./components/Video.js";let videoSetting={Video:e};export{videoSetting};
+import e from"./settings/Video.js";export{default as Video}from"./components/Video.js";let o={Video:e};export{o as videoSetting};

package/dist/esm/video/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import e from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Video=o(()=>import("./components/Video.js"),{loading:e});var video={Video};export{video as default};
+import o from"next/dynamic";import m from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let t=o(()=>import("./components/Video.js"),{loading:m});var r={Video:t};export{r as default};

package/dist/esm/video/settings/Video.js

@@ -1,4 +1,4 @@
-import{VideoSettings as i}from"./configs/settings.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";let config={tag:"Video",label:"Video",icon:`
+import{VideoSettings as i}from"./configs/settings.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";let e={tag:"Video",label:"Video",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M17.3333 24V16L24 20L17.3333 24ZM20 9.33337C20 9.33337 13.3333 9.33338 8.8 9.60004C8.13333 9.73338 6.8 9.73338 5.6 10.9334C4.66667 11.8667 4.26667 14 4.26667 14C4.26667 14 4 16.4 4 18.8V21.0667C4 23.4667 4.26667 26 4.26667 26C4.26667 26 4.53333 28.1334 5.6 29.0667C6.8 30.2667 8.4 30.2667 9.06667 30.4C11.7333 30.5334 20 30.6667 20 30.6667C20 30.6667 26.6667 30.6667 31.2 30.4C31.8667 30.2667 33.2 30.2667 34.4 29.0667C35.3333 28.1334 35.7333 26 35.7333 26C35.7333 26 36 23.6 36 21.0667V18.8C36 16.4 35.7333 13.8667 35.7333 13.8667C35.7333 13.8667 35.4667 11.7334 34.4 10.8C33.2 9.60004 31.8667 9.60004 31.2 9.46671C26.6667 9.33337 20 9.33337 20 9.33337ZM20 11.7334C20.1333 11.7334 26.6667 11.7334 31.0667 12H31.2C31.7333 12 32.2667 12.1334 32.8 12.5334C32.9333 12.8 33.3333 13.6 33.3333 14.1334C33.3333 14.1334 33.6 16.4 33.6 18.6667V20.9334C33.6 23.2 33.3333 25.4667 33.3333 25.4667C33.2 26 32.9333 26.9334 32.8 27.0667C32.2667 27.6 31.8667 27.6 31.3333 27.6H31.2C26.6667 28.2667 20 28.2667 20 28.2667C19.8667 28.2667 11.8667 28.1334 9.33333 28C9.2 28 9.06667 28 8.93333 28C8.13333 27.8667 7.6 27.8667 7.2 27.4667C7.06667 27.2 6.66667 26.4 6.66667 25.8667C6.66667 25.8667 6.4 23.6 6.4 21.3334V19.0667C6.4 16.8 6.66667 14.5334 6.66667 14.5334C6.8 13.8667 7.06667 13.0667 7.2 12.8C7.73333 12.2667 8.13333 12.2667 8.66667 12.2667H8.8C13.3333 11.7334 19.8667 11.7334 20 11.7334Z" fill="currentColor"/>
   </svg>
@@ -9,4 +9,4 @@ import{VideoSettings as i}from"./configs/settings.js";import{SettingUIV2 as t}fr
           <rect x="7" y="38" width="82" height="2" rx="1" fill="#757575"/>
           <circle cx="24" cy="39" r="3" fill="#D6D6D6"/>
           </svg>
-        `},components:[{tag:"Video",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:'.{{rootClassName}}[data-component-label="Video"] {\n\n}'}}}]}]};export{config as default};
+        `},components:[{tag:"Video",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:'.{{rootClassName}}[data-component-label="Video"] {\n\n}'}}}]}]};export{e as default};

package/dist/esm/video/settings/configs/settings.js

@@ -1 +1 @@
-import{youtubeShortsRegex as e}from"../../../helpers.js";let 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=NfASaHFN1zg",placeholder:"Insert video url here",hide:!0,action:{clear:!0},actionChangeControls:[{controlID:"loopVideo",condition:`${e}.test(youtubeUrl)`,newValue:!0},{controlID:"autoplay",condition:`${e}.test(youtubeUrl)`,newValue:!0},{controlID:"controls",condition:`${e}.test(youtubeUrl)`,newValue:!1},{controlID:"mute",condition:`${e}.test(youtubeUrl)`,newValue:!1},{controlID:"lazy",condition:`${e}.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"}]}];export{VideoSettings};
+import{youtubeShortsRegex as e}from"../../../helpers.js";let t=[{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=NfASaHFN1zg",placeholder:"Insert video url here",hide:!0,action:{clear:!0},actionChangeControls:[{controlID:"loopVideo",condition:`${e}.test(youtubeUrl)`,newValue:!0},{controlID:"autoplay",condition:`${e}.test(youtubeUrl)`,newValue:!0},{controlID:"controls",condition:`${e}.test(youtubeUrl)`,newValue:!1},{controlID:"mute",condition:`${e}.test(youtubeUrl)`,newValue:!1},{controlID:"lazy",condition:`${e}.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"}]}];export{t as VideoSettings};

package/dist/esm/video/settings/configs/translate.js

@@ -1 +1 @@
-let Video={youtubeUrl:{id:"youtubeUrl"},vimeoUrl:{id:"vimeoUrl"},html5Url:{id:"html5Url"},poster:{id:"poster",fields:["src"]}};export{Video};
+let e={youtubeUrl:{id:"youtubeUrl"},vimeoUrl:{id:"vimeoUrl"},html5Url:{id:"html5Url"},poster:{id:"poster",fields:["src"]}};export{e as Video};

package/dist/esm/video/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:"Video source",controls:[{label:"Type",setting:{id:"type"}},{label:"Video link",conditionDisplay:"type === 'youtube'",setting:{id:"youtubeUrl"}},{label:"Video link",conditionDisplay:"type === 'vimeo'",setting:{id:"vimeoUrl"}},{label:"Video link",conditionDisplay:"type === 'html5'",setting:{id:"html5Url"}},{label:"Thumbnail",setting:{id:"poster"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"type === 'youtube'",label:"Start at",setting:{id:"startTime"}},{conditionDisplay:"type === 'youtube'",label:"End at",setting:{id:"endTime"}}]}},{label:"Video configure",controls:[{label:"Control bar",setting:{id:"controls"}},{label:"Sound",setting:{id:"mute"}},{label:"Lazy load",setting:{id:"lazy"}}],moreSettings:{type:"collapse",controls:[{label:"Autoplay",setting:{id:"autoplay"},options:{disableMessage:"YouTube & Vimeo videos will not autoplay when lazy load is enabled"},conditionEnable:"type === 'html5' || (type !== 'html5' && lazy != true)"},{label:"Loop video",setting:{id:"loopVideo"}}]}},{label:"Size",controls:[{label:"Frame",setting:{id:"aspectRatio"}},{conditionDisplay:"aspectRatio === 'custom'",setting:{id:"ratioOptions"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]}];export{SettingUIV2};
+let e=[{label:"Video source",controls:[{label:"Type",setting:{id:"type"}},{label:"Video link",conditionDisplay:"type === 'youtube'",setting:{id:"youtubeUrl"}},{label:"Video link",conditionDisplay:"type === 'vimeo'",setting:{id:"vimeoUrl"}},{label:"Video link",conditionDisplay:"type === 'html5'",setting:{id:"html5Url"}},{label:"Thumbnail",setting:{id:"poster"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"type === 'youtube'",label:"Start at",setting:{id:"startTime"}},{conditionDisplay:"type === 'youtube'",label:"End at",setting:{id:"endTime"}}]}},{label:"Video configure",controls:[{label:"Control bar",setting:{id:"controls"}},{label:"Sound",setting:{id:"mute"}},{label:"Lazy load",setting:{id:"lazy"}}],moreSettings:{type:"collapse",controls:[{label:"Autoplay",setting:{id:"autoplay"},options:{disableMessage:"YouTube & Vimeo videos will not autoplay when lazy load is enabled"},conditionEnable:"type === 'html5' || (type !== 'html5' && lazy != true)"},{label:"Loop video",setting:{id:"loopVideo"}}]}},{label:"Size",controls:[{label:"Frame",setting:{id:"aspectRatio"}},{conditionDisplay:"aspectRatio === 'custom'",setting:{id:"ratioOptions"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]}];export{e as SettingUIV2};