@gem-sdk/components 11.2.4 → 12.0.0-dev.101

package/dist/esm/third-party-instant/settings/InstantJudgemeReviews/index.js

@@ -1,6 +1,6 @@
-import e from"../../configs/JudgemeReviews.js";import o from"./configs/ui-v1.js";import s from"./configs/ui-v2.js";import{InstantJudgemeReviewsSettings as i}from"./configs/settings.js";let config={tag:e.tag,label:e.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${e.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.id,name:{en:e.label},icon:{desktop:`
+import e from"../../configs/JudgemeReviews.js";import o from"./configs/ui-v2.js";import{InstantJudgemeReviewsSettings as s}from"./configs/settings.js";let config={tag:e.tag,label:e.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${e.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,icon:{desktop:`
         <div class="w-full flex flex-col items-center">
           <img class="w-24 border border-dark-200 rounded-medium" src="${e.logoUrl}">
           <span class="preset-item-title">${e.label}</span>
         </div>
-      `},components:[{tag:e.tag}]}],settings:i,ui:o,uiV2:s};export{config as default};
+      `},components:[{tag:e.tag}]}],settings:s,ui:[],uiV2:o};export{config as default};

package/dist/esm/third-party-instant/settings/InstantKlaviyo/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{controls:[{setting:{id:"klaviyoCodes"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"}}]}];export{SettingUIV2 as default};
+let SettingUIV2=[{controls:[{setting:{id:"klaviyoCodes"}}]},{controls:[{label:"Align",setting:{id:"align"}}]}];export{SettingUIV2 as default};

package/dist/esm/third-party-instant/settings/InstantKlaviyo/index.js

@@ -1,6 +1,6 @@
-import o from"../../configs/Klaviyo.js";import e from"./configs/ui-v1.js";import i from"./configs/ui-v2.js";import{InstantKlaviyoSettings as s}from"./configs/settings.js";let config={tag:o.tag,label:o.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:o.id,name:{en:o.label},icon:{desktop:`
+import o from"../../configs/Klaviyo.js";import e from"./configs/ui-v2.js";import{InstantKlaviyoSettings as s}from"./configs/settings.js";let config={tag:o.tag,label:o.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:o.id,name:o.label,icon:{desktop:`
         <div class="w-full flex flex-col items-center">
           <img class="w-24 border border-dark-200 rounded-medium" src="${o.logoUrl}">
           <span class="preset-item-title">${o.label}</span>
         </div>
-      `},components:[{tag:o.tag}]}],settings:s,ui:e,uiV2:i};export{config as default};
+      `},components:[{tag:o.tag}]}],settings:s,ui:[],uiV2:e};export{config as default};

package/dist/esm/third-party-instant/settings/InstantLooxReviews/index.js

@@ -1,4 +1,4 @@
-import e from"../../configs/LooxReviews.js";import{InstantLooxReviewsSettings as o}from"./configs/settings.js";let config={tag:e.tag,label:e.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${e.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.id,name:{en:e.label},icon:{desktop:`
+import e from"../../configs/LooxReviews.js";import{InstantLooxReviewsSettings as o}from"./configs/settings.js";let config={tag:e.tag,label:e.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${e.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,icon:{desktop:`
         <div class="w-full flex flex-col items-center">
           <img class="w-24 border border-dark-200 rounded-medium" src="${e.logoUrl}">
           <span class="preset-item-title">${e.label}</span>

package/dist/esm/third-party-instant/settings/InstantYotpoLoyalty/index.js

@@ -1,6 +1,6 @@
-import e from"../../configs/YotpoLoyalty.js";import{InstantYotpoLoyaltySettings as o}from"./configs/settings.js";let config={tag:e.tag,label:e.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${e.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.id,name:{en:e.label},icon:{desktop:`
+import o from"../../configs/YotpoLoyalty.js";import{InstantYotpoLoyaltySettings as e}from"./configs/settings.js";let config={tag:o.tag,label:o.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${o.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:o.id,name:o.label,icon:{desktop:`
         <div class="w-full flex flex-col items-center">
-          <img class="w-24 border border-dark-200 rounded-medium" src="${e.logoUrl}">
-          <span class="preset-item-title">${e.label}</span>
+          <img class="w-24 border border-dark-200 rounded-medium" src="${o.logoUrl}">
+          <span class="preset-item-title">${o.label}</span>
         </div>
-      `},components:[{tag:e.tag}]}],settings:o,ui:[{type:"control",setting:{id:"yotpoLoyaltyCodes"}},{type:"control",label:{en:"Align"},setting:{id:"align"}}]};export{config as default};
+      `},components:[{tag:o.tag}]}],settings:e,ui:[{type:"control",setting:{id:"yotpoLoyaltyCodes"}},{type:"control",label:{en:"Align"},setting:{id:"align"}}]};export{config as default};

package/dist/esm/third-party-slot/settings/ThirdPartySlot.js

@@ -1,4 +1,4 @@
-import C from"./configs/ui-v1.js";import i from"./configs/ui-v2.js";import{ThirdPartySlotSettings as t}from"./configs/settings.js";let icon=`
+import C from"./configs/ui-v2.js";import{ThirdPartySlotSettings as i}from"./configs/settings.js";let icon=`
 <div class="w-full flex flex-col items-center">
   <svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M17.1475 5.16194C17.1416 5.1148 17.1197 5.0713 17.0857 5.03911C17.0516 5.00692 17.0076 4.9881 16.9614 4.98597C16.8835 4.98597 15.3469 4.95397 15.3469 4.95397C15.3469 4.95397 14.0588 3.67419 13.9342 3.5311C13.8104 3.40312 13.5619 3.43512 13.4684 3.46711L12.8166 3.67508C12.7361 3.40491 12.6323 3.14259 12.5067 2.89121C12.0566 1.99536 11.3727 1.51544 10.5659 1.51544C10.5044 1.51544 10.4577 1.51544 10.3954 1.53144C10.3642 1.49945 10.3486 1.46745 10.3175 1.45145C9.9608 1.06752 9.51066 0.875552 8.96703 0.891549C7.92824 0.923543 6.88772 1.70741 6.03419 3.08318C5.44467 4.05901 4.99453 5.27392 4.8543 6.21776C3.65969 6.6017 2.82087 6.87365 2.79057 6.87365C2.18461 7.06562 2.16903 7.08161 2.09199 7.67351C2.06082 8.12144 0.477539 20.7415 0.477539 20.7415L13.7636 23.1091L19.522 21.6374C19.5064 21.6374 17.1631 5.27392 17.1475 5.16194ZM12.1492 3.89904C11.8062 4.00572 11.4648 4.11772 11.1251 4.23498C11.1251 3.69108 11.0472 2.92321 10.8143 2.28331C11.6064 2.41129 11.9942 3.33914 12.1492 3.89904ZM10.4265 4.44206C9.72794 4.66602 8.96789 4.90598 8.20698 5.14594C8.42426 4.29808 8.82766 3.46623 9.32454 2.90632C9.53303 2.66965 9.78635 2.47913 10.069 2.34641C10.3806 2.9712 10.4421 3.85105 10.4265 4.44206ZM8.99819 1.61143C9.24664 1.61143 9.44833 1.65942 9.61973 1.7874C9.31273 1.95192 9.03871 2.17444 8.81208 2.44329C8.14552 3.17916 7.63305 4.31408 7.43135 5.4179C6.79423 5.62586 6.17356 5.81783 5.61521 5.9938C5.98744 4.25009 7.39933 1.65942 8.99819 1.61143Z" fill="#95BF47"/>
@@ -7,4 +7,4 @@ import C from"./configs/ui-v1.js";import i from"./configs/ui-v2.js";import{Third
   </svg>
   <span class="preset-item-title">Shopify App</span>
 </div>
-`,config={tag:"AnyShopifyApps",label:"Shopify App",icon,settings:t,ui:C,uiV2:i,presets:[{id:"third-party-slot",name:{en:"Shopify App"},icon:{desktop:icon},components:[{tag:"ThirdPartySlot",advanced:{margin:{desktop:{bottom:"var(--g-s-l)"}}}}]}]};export{config as default};
+`,config={tag:"AnyShopifyApps",label:"Shopify App",icon,settings:i,ui:[],uiV2:C,presets:[{id:"third-party-slot",name:"Shopify App",icon:{desktop:icon},components:[{tag:"ThirdPartySlot",advanced:{margin:{desktop:{bottom:"var(--g-s-l)"}}}}]}]};export{config as default};

package/dist/esm/third-party-slot/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"setupGuide"}}]}];export{SettingUIV2 as default};
+let SettingUIV2=[{controls:[{type:"control",layout:"vertical",setting:{id:"setupGuide"}}]}];export{SettingUIV2 as default};

package/dist/esm/translate.js

@@ -0,0 +1,2 @@
+'use client';
+export{Accordion}from"./accordion/settings/configs/translate.js";export{IconListV2}from"./icon-list-v2/settings/configs/translate.js";export{Text}from"./text/settings/configs/translate.js";export{Heading}from"./heading/settings/configs/translate.js";export{CSSCode}from"./code/settings/configs/translate.js";export{Dialog}from"./dialog/settings/configs/translate.js";export{Tabs}from"./tab/settings/configs/translate.js";export{Button}from"./button/settings/configs/translate.js";export{Image}from"./image/settings/configs/translate.js";export{Sticky}from"./sticky/settings/configs/translate.js";export{IconList}from"./icon-list/settings/configs/translate.js";export{ImageComparison}from"./image-comparison/settings/configs/translate.js";export{Countdown}from"./countdown-timer/settings/configs/translate.js";export{Coupon}from"./coupon/settings/configs/translate.js";export{StockCounter}from"./stock-counter/settings/configs/translate.js";export{ProductViewMore}from"./product/settings/product-view-more/configs/translate.js";export{ProductProperties}from"./product/settings/product-properties/configs/translate.js";export{ProductDiscountTag,ProductTag}from"./product/settings/product-discount-tag/configs/translate.js";export{ProductDescription}from"./product/settings/product-description/configs/translate.js";export{ProductButton}from"./product/settings/product-button/configs/translate.js";export{ProductBadge}from"./product/settings/product-badge/configs/translate.js";export{FileUpload}from"./product/components/file-upload/settings/configs/translate.js";export{ArticlePagination,ArticleReadMore}from"./article/settings/configs/translate.js";export{CollectionToolbar}from"./collection/settings/collection-toolbar/configs/translate.js";export{CollectionPaginator}from"./collection/settings/collection-paginator/configs/translate.js";export{CollectionDescription}from"./collection/settings/collection-description/configs/translate.js";export{EstimateDate}from"./estimate-delivery/settings/configs/translate.js";export{HeroBanner}from"./hero-banner/settings/configs/translate.js";export{Row,Section}from"./grid/settings/configs/row/translate.js";export{Video}from"./video/settings/configs/translate.js";export{TextInput}from"./form/settings/text-input/configs/translate.js";export{TextField}from"./form/settings/text-field/configs/translate.js";export{SubmitButton}from"./form/settings/submit-button/configs/translate.js";export{Newsletter}from"./form/settings/newsletter/configs/translate.js";export{FormTextarea}from"./form/settings/form-textarea/configs/translate.js";export{FormEmail}from"./form/settings/form-email/configs/translate.js";export{FormDropdown}from"./form/settings/form-dropdown/configs/translate.js";export{FormCheckbox}from"./form/settings/form-checkbox/configs/translate.js";export{ContactForm}from"./form/settings/contact/configs/translate.js";

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 ";return e&&(s+=` ${e}`),{...composeClasses(s)}},getYoutubeContentClasses=()=>({...composeClasses("gp-absolute gp-left-0 gp-top-0 gp-aspect-video 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 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};

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},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",b=`${o}`||"",r=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${r}${b}&controls=${l?1:0}`,v=a||!1;return{videoId:d,posterImp:u,paramsImp:b,mutedImp:r,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)=>({[`--${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,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 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};

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

@@ -1,5 +1,5 @@
-import{template as e,RenderIf as t,isLocalEnv as o,baseAssetURL as s}from"@gem-sdk/core";import i from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as l}from"../../helpers.js";import{createAttr as r,createClass as a,createStyle as n,If as d}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=g=>{let $=`gp-video-${g.uid}`,{thumbnail:f,muted:h,autoplay:L,loop:b,controls:E,src:A,style:w,title:T,className:P,lazy:j,poster:k,wrapperStyles:I}=g,S=L&&h&&!!f,V=!j&&g.isVideoComponent,x=!f||L&&h,C=V?A:void 0,M=r({...y({videoId:$,title:T,autoplay:L,preloadThumbnail:S,offLazyLoad:V,src:A,thumbnail:f})}),B=a({...m(x)}),N=n({...v()}),z=a({...c()}),D=a({...u()}),G=a({...p(P,V)}),H=()=>S?e`${i({src:f,alt:T,priority:k?.preload,enableLazyLoadImage:!0,style:N})}
-    ${d(L,`<script>
+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})}
+    ${n(h,`<script>
         document.addEventListener("DOMContentLoaded", (event) => {
           const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
           const autoLoadTimeout = setTimeout(runAutoPlayVideo, 0);
@@ -14,20 +14,32 @@ import{template as e,RenderIf as t,isLocalEnv as o,baseAssetURL as s}from"@gem-s
               });
           }
           function runAutoPlayVideo() {
-              document.getElementById('${$}').setAttribute('autoplay','true');
-              document.getElementById('${$}').setAttribute('playsinline','true');
-              document.getElementById('${$}').play();
+              var video = document.getElementById('${g}');
+              if (!video) return;
+              video.setAttribute('autoplay','true');
+              video.setAttribute('playsinline','true');
+              var playPromise = video.play();
+              if (playPromise !== undefined) {
+                playPromise.catch(function(error) {
+                  if (error.name === 'AbortError') {
+                    video.addEventListener('loadeddata', function onLoaded() {
+                      video.removeEventListener('loadeddata', onLoaded);
+                      video.play();
+                    });
+                  }
+                });
+              }
           }
         });
       </script>`)}
       `:"",O=()=>e`
      <div
         role="presentation"
-        style="${w}"
-        class="${B}"
+        style="${P}"
+        class="${N}"
         >
-           ${i({id:"video-thumbnail",src:f??"",alt:k?.altText,title:k?.imageTitle,className:D,isDisableAspectStyle:!0,priority:k?.preload,enableLazyLoadImage:!0})}
-          <button type="button" class="${z}" aria-label="Play">
+           ${r({id:"video-thumbnail",src:$??"",alt:k?.altText,title:k?.imageTitle,className:D,isDisableAspectStyle:!0,priority:k?.preload,enableLazyLoadImage:!0})}
+          <button type="button" class="${B}" aria-label="Play">
             <svg class="gp-w-5 gp-text-white" viewBox="0 0 24 24">
               <path
                 fill="currentColor"
@@ -37,20 +49,20 @@ import{template as e,RenderIf as t,isLocalEnv as o,baseAssetURL as s}from"@gem-s
           </button>
         </div>
   `;return e`
-  <gp-lite-html5-embed is-check-loaded="${g.isCheckLoaded??!1}" style="${I}">
+  <gp-lite-html5-embed is-check-loaded="${f.isCheckLoaded??!1}" style="${S}">
     ${H()}
     <video
     ${{...M}}
-      style="${w}"
+      style="${P}"
       class="${G}"
       ${E?"controls":void 0}
       ${b?"loop":void 0}
-      ${h?"muted":void 0}
-      ${L?"autoplay":void 0}
+      ${L?"muted":void 0}
+      ${h?"autoplay":void 0}
       playsinline
-      ${C?`src="${C}"`:""}
+      ${I?`src="${I}"`:""}
     ></video>
-    ${d(!x,O())}
+    ${n(!C,O())}
   </gp-lite-html5-embed>
-        ${t(o,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-lite-html5-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${s}/assets-v2/gp-lite-html5-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+        ${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};

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

@@ -1,14 +1,15 @@
-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 g}from"../common/classes.js";import{getIframeVimeoStyle as f,getArticleVimeoStyle as n}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:S,autoplay:j,muted:w,thumbnailLink:E,poster:x}=b,{iframeSrc:L}=y(b),k=!v,I=b.thumbnail,N=r({id:u,thumbnail:E,lazy:v,iframeSrc:L,title:h,autoplay:j,muted:w,style:b?.vimeoStyleIframe||""}),V=a({...f(S)}),A=a({...n(S,"")}),T=m({...p(I,S)}),C=m({...c(k)}),G=m({...d(k)}),M=m({...g()});return e`
-    <gp-lite-vimeo-embed gp-data='${JSON.stringify(N)}'>
+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`
+    <gp-lite-vimeo-embed>
+      <script gp-data type="application/json">${JSON.stringify(V)}</script>
       <article
         aria-hidden
-        class="${T}"
+        class="${C}"
         data-title="${h}"
-        style="${A}"
+        style="${T}"
       >
-      ${$({src:I,alt:x?.altText,title:x?.imageTitle,className:C,isDisableAspectStyle:!0,enableLazyLoadImage:!0,priority:x?.preload,height:x?.height,width:x?.width})}
-         ${o(!k,e`
-          <button type="button" class="${G}" aria-label="Play">
+      ${$({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`
+          <button type="button" class="${M}" aria-label="Play">
           <svg class="gp-w-5 gp-text-white" viewBox="0 0 24 24">
             <path
               fill="currentColor"
@@ -16,17 +17,17 @@ import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as i}from"@gem-s
             />
           </svg>
         </button>`)}
-        ${o(k,e`
+        ${o(I,e`
           <iframe
-            style="${V}"
+            style="${A}"
             title="${h}"
             frameborder="0"
             allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
             allowfullscreen
-            src="${L}"
-            class="${M}"
+            src="${k}"
+            class="${O}"
           ></iframe>`)}
       </article>
     </gp-lite-vimeo-embed>
-    ${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>`)}
+    ${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};

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 o from"react-youtube";import{getYoutubeParams as a,isSettingLoop as i,covertStrParamsToObj as l}from"../common/helpers.js";import s from"../../image/components/NextImage.js";import{createClass as m,createStyle as c}from"@gem-sdk/system";import{getButtonYoutubeClasses as n,getImageYoutubeClasses as p,getArticleYoutubeClasses as u,getIframeYoutubeClasses as d,getYoutubeContentClasses as y}from"../common/classes.js";import{getIframeYoutubeStyle as f,getArticleYoutubeStyle as g}from"../common/styles.js";import{useLiteYoutubeEmbed as h}from"../hooks/useLiteYoutubeEmbed.js";let LiteYouTubeEmbed=b=>{let C=r(),w="edit"!==C,{style:N,poster:j,iframeClass:k,wrapperClass:v,title:x}=b,{preload:L}=j||{},{videoId:S,paramsImp:T,posterUrl:V,iframeSrc:B}=a(b),{iframe:E,intervalPlay:I,warmConnections:M,isVideoStarted:Y,videoDuration:z,addIframe:D}=h(b,T,S),P=L&&w,A=m({...n(E)}),F=m({...p()}),H=m({...u(P||!1,v)}),O=m({...d(k)}),R=c({...f(N)}),q=c({...g(N,V)}),G=m({...y()}),J=()=>b.isHeroBanner&&i(T)?t(o,{videoId:S,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(T)}},onReady:e=>{e.target.playVideo(),z.current=Math.floor(e.target.getDuration())},onStateChange:e=>{let t=e.target;Y.current||(t.playVideo(),Y.current=!0,I(e)),0===e.data&&(z.current=t.getCurrentTime(),t.playVideo(),I(e))}}):t("iframe",{className:O,style:R,title:x,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:B});return e("article",{"aria-hidden":!0,className:H,"data-title":x,style:q,onPointerOver:M,onClick:D,children:[t(s,{src:V,alt:j?.altText,title:j?.imageTitle,priority:w&&L,enableLazyLoadImage:!0,className:F,isDisableAspectStyle:!0}),t("button",{type:"button","aria-label":"Play",className:A,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"})]})}),E&&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 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};

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

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

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

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

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

@@ -1,8 +1,8 @@
-import{VideoSettings as i}from"./configs/settings.js";import{SettingUIV1 as t}from"./configs/ui-v1.js";import{SettingUIV2 as e}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 config={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>
-  `,settings:i,ui:t,uiV2:e,editorConfigs:{sideBar:{tab:{style:{hide:!0}}}},presets:[{id:"video",name:{en:"Video"},icon:{desktop:`
+  `,settings:i,ui:[],uiV2:t,editorConfigs:{sideBar:{tab:{style:{hide:!0}}}},presets:[{id:"video",name:"Video",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect width="96" height="48" rx="3" fill="#424242"/>
           <path d="M48.0003 9.6665C43.3962 9.6665 39.667 13.3957 39.667 17.9998C39.667 22.604 43.3962 26.3332 48.0003 26.3332C52.6045 26.3332 56.3337 22.604 56.3337 17.9998C56.3337 13.3957 52.6045 9.6665 48.0003 9.6665ZM46.3337 21.7498V14.2498L51.3337 17.9998L46.3337 21.7498Z" fill="#D6D6D6"/>

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=drIt4RH_kyQ",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 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};

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

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

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Video source"},controls:[{label:{en:"Type"},setting:{id:"type"}},{label:{en:"Video link"},conditionDisplay:"type === 'youtube'",setting:{id:"youtubeUrl"}},{label:{en:"Video link"},conditionDisplay:"type === 'vimeo'",setting:{id:"vimeoUrl"}},{label:{en:"Video link"},conditionDisplay:"type === 'html5'",setting:{id:"html5Url"}},{label:{en:"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:{en:"Start at"},setting:{id:"startTime"}},{conditionDisplay:"type === 'youtube'",label:{en:"End at"},setting:{id:"endTime"}}]}},{label:{en:"Video configure"},controls:[{label:{en:"Control bar"},setting:{id:"controls"}},{label:{en:"Sound"},setting:{id:"mute"}},{label:{en:"Lazy load"},setting:{id:"lazy"}}],moreSettings:{type:"collapse",controls:[{label:{en:"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:{en:"Loop video"},setting:{id:"loopVideo"}}]}},{label:{en:"Size"},controls:[{label:{en:"Frame"},setting:{id:"aspectRatio"}},{conditionDisplay:"aspectRatio === 'custom'",setting:{id:"ratioOptions"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"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 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};