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

package/dist/cjs/third-party-slot/components/ThirdPartySlot.liquid.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var classes=require("../common/classes.js"),system=require("@gem-sdk/system"),helpers=require("../common/helpers.js"),styles=require("../common/styles.js");const ThirdPartySlot=e=>{let{setting:s,builderProps:t}=e,r=system.createClass(classes.getClassThirdPartyContainer()),a=system.createClass(classes.getClassIconThirdPartyContainer()),l=system.createClass(classes.getClassTextThirdPartyContainer()),i=system.createStyle(styles.getStyleIconThirdPartyContainer());return helpers.renderThirdPartySlot({setting:s,type:"liquid",componentsEditorMode:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../common/classes.js"),s=require("@gem-sdk/system"),r=require("../common/helpers.js"),t=require("../common/styles.js");exports.default=a=>{let{setting:i,builderProps:d}=a,n=s.createClass(e.getClassThirdPartyContainer()),o=s.createClass(e.getClassIconThirdPartyContainer()),l=s.createClass(e.getClassTextThirdPartyContainer()),c=s.createStyle(t.getStyleIconThirdPartyContainer());return r.renderThirdPartySlot({setting:i,type:"liquid",componentsEditorMode:`
       <div
-        data-uid=${t?.uid??""}
-        data-index=${s?.index}
-        class="${r}"
+        data-uid=${d?.uid??""}
+        data-index=${i?.index}
+        class="${n}"
       >
-        <div class="${a}" style="${i}" >
-          <span>${helpers.ICON_SHOPIFY_SLOT}</span>
+        <div class="${o}" style="${c}" >
+          <span>${r.ICON_SHOPIFY_SLOT}</span>
           <div class="${l}">Shopify App</div>
         </div>
       </div>
-    `})};exports.default=ThirdPartySlot;
+    `})};

package/dist/cjs/third-party-slot/index.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("@gem-sdk/system"),require("@gem-sdk/core");var ThirdPartySlot$1=require("./settings/ThirdPartySlot.js");const thirdPartySlotSetting={ThirdPartySlot:ThirdPartySlot$1.default};exports.thirdPartySlotSetting=thirdPartySlotSetting;
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/system"),require("@gem-sdk/core");var r=require("./settings/ThirdPartySlot.js");const e={ThirdPartySlot:r.default};exports.thirdPartySlotSetting=e;

package/dist/cjs/third-party-slot/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const ThirdPartySlot=dynamic(()=>Promise.resolve().then(function(){return require("./components/ThirdPartySlot.js")}),{loading:Loading.default});var thirdPartySlot={ThirdPartySlot};exports.default=thirdPartySlot;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/ThirdPartySlot.js")}),{loading:r.default});exports.default={ThirdPartySlot:t};

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js");const icon=`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("./configs/ui-v2.js"),C=require("./configs/settings.js");const e=`
 <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 @@
   </svg>
   <span class="preset-item-title">Shopify App</span>
 </div>
-`,config={tag:"AnyShopifyApps",label:"Shopify App",icon,settings:settings.ThirdPartySlotSettings,ui:[],uiV2:uiV2.default,presets:[{id:"third-party-slot",name:"Shopify App",icon:{desktop:icon},components:[{tag:"ThirdPartySlot",advanced:{margin:{desktop:{bottom:"var(--g-s-l)"}}}}]}]};exports.default=config;
+`,i={tag:"AnyShopifyApps",label:"Shopify App",icon:e,settings:C.ThirdPartySlotSettings,ui:[],uiV2:t.default,presets:[{id:"third-party-slot",name:"Shopify App",icon:{desktop:e},components:[{tag:"ThirdPartySlot",advanced:{margin:{desktop:{bottom:"var(--g-s-l)"}}}}]}]};exports.default=i;

package/dist/cjs/third-party-slot/settings/configs/settings.js

@@ -1 +1 @@
-"use strict";const ThirdPartySlotSettings=[{id:"setting",controls:[{id:"setupGuide",label:"",title:"Setup in Shopify",type:"steps-guide",info:"You can integrate your store with Shopify Apps using this element",steps:[{label:"Publish this page",icon:'<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="18" height="18" rx="9" fill="#D6D6D6"/><path d="M10.2021 5.22727V12.5H8.88459V6.50923H8.84197L7.14098 7.59588V6.38849L8.94851 5.22727H10.2021Z" fill="#212121"/></svg>',value:"step-1"},{label:"Open Shopify editor & add app block you want",icon:'<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="18" height="18" rx="9" fill="#D6D6D6"/><path d="M6.54084 12.5V11.5483L9.0657 9.07315C9.30717 8.82931 9.5084 8.61269 9.66939 8.4233C9.83037 8.2339 9.95111 8.05043 10.0316 7.87287C10.1121 7.69531 10.1523 7.50592 10.1523 7.30469C10.1523 7.07505 10.1003 6.87855 9.99609 6.7152C9.89193 6.54948 9.7487 6.42164 9.56641 6.33168C9.38411 6.24171 9.17696 6.19673 8.94496 6.19673C8.70585 6.19673 8.49633 6.24645 8.31641 6.34588C8.13648 6.44294 7.9968 6.58144 7.89737 6.76136C7.80031 6.94129 7.75178 7.15554 7.75178 7.40412H6.49822C6.49822 6.94247 6.60357 6.54119 6.81428 6.20028C7.02498 5.85937 7.31499 5.59541 7.6843 5.40838C8.05599 5.22135 8.48213 5.12784 8.96271 5.12784C9.4504 5.12784 9.87891 5.21899 10.2482 5.40128C10.6175 5.58357 10.904 5.83333 11.1076 6.15057C11.3136 6.4678 11.4165 6.83002 11.4165 7.23722C11.4165 7.50947 11.3645 7.77699 11.2603 8.03977C11.1561 8.30256 10.9727 8.59375 10.7099 8.91335C10.4495 9.23295 10.0837 9.62003 9.61257 10.0746L8.35902 11.3494V11.3991H11.5266V12.5H6.54084Z" fill="#212121"/></svg>',value:"step-2",actions:[{label:"Open Shopify editor",type:"tertiary",size:"medium",icon:'<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 2C2.22386 2 2 2.22386 2 2.5V13.5C2 13.7761 2.22386 14 2.5 14H13.5C13.7761 14 14 13.7761 14 13.5L14 10C14 9.72386 14.2239 9.5 14.5 9.5C14.7761 9.5 15 9.72386 15 10L15 13.5C15 14.3284 14.3284 15 13.5 15H2.5C1.67157 15 1 14.3284 1 13.5V2.5C1 1.67157 1.67157 1 2.5 1H6C6.27614 1 6.5 1.22386 6.5 1.5C6.5 1.77614 6.27614 2 6 2H2.5Z" fill="#F9F9F9"/><path d="M14 2.70709V6.5C14 6.77614 14.2239 7 14.5 7C14.7761 7 15 6.77614 15 6.5V1.5C15 1.22386 14.7761 1 14.5 1H9.5C9.22386 1 9 1.22386 9 1.5C9 1.77614 9.22386 2 9.5 2H13.2929L5.5269 9.76597C5.33164 9.96124 5.33164 10.2778 5.5269 10.4731C5.72217 10.6683 6.03875 10.6683 6.23401 10.4731L14 2.70709Z" fill="#F9F9F9"/></svg>',iconPosition:"right",buttonType:"link"}]}],default:"step-1"},{id:"index",type:"input:number",default:0}]}];exports.ThirdPartySlotSettings=ThirdPartySlotSettings;
+"use strict";exports.ThirdPartySlotSettings=[{id:"setting",controls:[{id:"setupGuide",label:"",title:"Setup in Shopify",type:"steps-guide",info:"You can integrate your store with Shopify Apps using this element",steps:[{label:"Publish this page",icon:'<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="18" height="18" rx="9" fill="#D6D6D6"/><path d="M10.2021 5.22727V12.5H8.88459V6.50923H8.84197L7.14098 7.59588V6.38849L8.94851 5.22727H10.2021Z" fill="#212121"/></svg>',value:"step-1"},{label:"Open Shopify editor & add app block you want",icon:'<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="18" height="18" rx="9" fill="#D6D6D6"/><path d="M6.54084 12.5V11.5483L9.0657 9.07315C9.30717 8.82931 9.5084 8.61269 9.66939 8.4233C9.83037 8.2339 9.95111 8.05043 10.0316 7.87287C10.1121 7.69531 10.1523 7.50592 10.1523 7.30469C10.1523 7.07505 10.1003 6.87855 9.99609 6.7152C9.89193 6.54948 9.7487 6.42164 9.56641 6.33168C9.38411 6.24171 9.17696 6.19673 8.94496 6.19673C8.70585 6.19673 8.49633 6.24645 8.31641 6.34588C8.13648 6.44294 7.9968 6.58144 7.89737 6.76136C7.80031 6.94129 7.75178 7.15554 7.75178 7.40412H6.49822C6.49822 6.94247 6.60357 6.54119 6.81428 6.20028C7.02498 5.85937 7.31499 5.59541 7.6843 5.40838C8.05599 5.22135 8.48213 5.12784 8.96271 5.12784C9.4504 5.12784 9.87891 5.21899 10.2482 5.40128C10.6175 5.58357 10.904 5.83333 11.1076 6.15057C11.3136 6.4678 11.4165 6.83002 11.4165 7.23722C11.4165 7.50947 11.3645 7.77699 11.2603 8.03977C11.1561 8.30256 10.9727 8.59375 10.7099 8.91335C10.4495 9.23295 10.0837 9.62003 9.61257 10.0746L8.35902 11.3494V11.3991H11.5266V12.5H6.54084Z" fill="#212121"/></svg>',value:"step-2",actions:[{label:"Open Shopify editor",type:"tertiary",size:"medium",icon:'<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 2C2.22386 2 2 2.22386 2 2.5V13.5C2 13.7761 2.22386 14 2.5 14H13.5C13.7761 14 14 13.7761 14 13.5L14 10C14 9.72386 14.2239 9.5 14.5 9.5C14.7761 9.5 15 9.72386 15 10L15 13.5C15 14.3284 14.3284 15 13.5 15H2.5C1.67157 15 1 14.3284 1 13.5V2.5C1 1.67157 1.67157 1 2.5 1H6C6.27614 1 6.5 1.22386 6.5 1.5C6.5 1.77614 6.27614 2 6 2H2.5Z" fill="#F9F9F9"/><path d="M14 2.70709V6.5C14 6.77614 14.2239 7 14.5 7C14.7761 7 15 6.77614 15 6.5V1.5C15 1.22386 14.7761 1 14.5 1H9.5C9.22386 1 9 1.22386 9 1.5C9 1.77614 9.22386 2 9.5 2H13.2929L5.5269 9.76597C5.33164 9.96124 5.33164 10.2778 5.5269 10.4731C5.72217 10.6683 6.03875 10.6683 6.23401 10.4731L14 2.70709Z" fill="#F9F9F9"/></svg>',iconPosition:"right",buttonType:"link"}]}],default:"step-1"},{id:"index",type:"input:number",default:0}]}];

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{controls:[{type:"control",layout:"vertical",setting:{id:"setupGuide"}}]}];exports.default=SettingUIV2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=[{controls:[{type:"control",layout:"vertical",setting:{id:"setupGuide"}}]}];

package/dist/cjs/translate.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var translate=require("./accordion/settings/configs/translate.js"),translate$1=require("./icon-list-v2/settings/configs/translate.js"),translate$2=require("./text/settings/configs/translate.js"),translate$3=require("./heading/settings/configs/translate.js"),translate$4=require("./code/settings/configs/translate.js"),translate$5=require("./dialog/settings/configs/translate.js"),translate$6=require("./tab/settings/configs/translate.js"),translate$7=require("./button/settings/configs/translate.js"),translate$8=require("./image/settings/configs/translate.js"),translate$9=require("./sticky/settings/configs/translate.js"),translate$a=require("./icon-list/settings/configs/translate.js"),translate$b=require("./image-comparison/settings/configs/translate.js"),translate$c=require("./countdown-timer/settings/configs/translate.js"),translate$d=require("./coupon/settings/configs/translate.js"),translate$e=require("./stock-counter/settings/configs/translate.js"),translate$f=require("./product/settings/product-view-more/configs/translate.js"),translate$g=require("./product/settings/product-properties/configs/translate.js"),translate$h=require("./product/settings/product-discount-tag/configs/translate.js"),translate$i=require("./product/settings/product-description/configs/translate.js"),translate$j=require("./product/settings/product-button/configs/translate.js"),translate$k=require("./product/settings/product-badge/configs/translate.js"),translate$l=require("./product/components/file-upload/settings/configs/translate.js"),translate$m=require("./article/settings/configs/translate.js"),translate$n=require("./collection/settings/collection-toolbar/configs/translate.js"),translate$o=require("./collection/settings/collection-paginator/configs/translate.js"),translate$p=require("./collection/settings/collection-description/configs/translate.js"),translate$q=require("./estimate-delivery/settings/configs/translate.js"),translate$r=require("./hero-banner/settings/configs/translate.js"),translate$s=require("./grid/settings/configs/row/translate.js"),translate$t=require("./video/settings/configs/translate.js"),translate$u=require("./form/settings/text-input/configs/translate.js"),translate$v=require("./form/settings/text-field/configs/translate.js"),translate$w=require("./form/settings/submit-button/configs/translate.js"),translate$x=require("./form/settings/newsletter/configs/translate.js"),translate$y=require("./form/settings/form-textarea/configs/translate.js"),translate$z=require("./form/settings/form-email/configs/translate.js"),translate$A=require("./form/settings/form-dropdown/configs/translate.js"),translate$B=require("./form/settings/form-checkbox/configs/translate.js"),translate$C=require("./form/settings/contact/configs/translate.js");exports.Accordion=translate.Accordion,exports.IconListV2=translate$1.IconListV2,exports.Text=translate$2.Text,exports.Heading=translate$3.Heading,exports.CSSCode=translate$4.CSSCode,exports.Dialog=translate$5.Dialog,exports.Tabs=translate$6.Tabs,exports.Button=translate$7.Button,exports.Image=translate$8.Image,exports.Sticky=translate$9.Sticky,exports.IconList=translate$a.IconList,exports.ImageComparison=translate$b.ImageComparison,exports.Countdown=translate$c.Countdown,exports.Coupon=translate$d.Coupon,exports.StockCounter=translate$e.StockCounter,exports.ProductViewMore=translate$f.ProductViewMore,exports.ProductProperties=translate$g.ProductProperties,exports.ProductDiscountTag=translate$h.ProductDiscountTag,exports.ProductTag=translate$h.ProductTag,exports.ProductDescription=translate$i.ProductDescription,exports.ProductButton=translate$j.ProductButton,exports.ProductBadge=translate$k.ProductBadge,exports.FileUpload=translate$l.FileUpload,exports.ArticlePagination=translate$m.ArticlePagination,exports.ArticleReadMore=translate$m.ArticleReadMore,exports.CollectionToolbar=translate$n.CollectionToolbar,exports.CollectionPaginator=translate$o.CollectionPaginator,exports.CollectionDescription=translate$p.CollectionDescription,exports.EstimateDate=translate$q.EstimateDate,exports.HeroBanner=translate$r.HeroBanner,exports.Row=translate$s.Row,exports.Section=translate$s.Section,exports.Video=translate$t.Video,exports.TextInput=translate$u.TextInput,exports.TextField=translate$v.TextField,exports.SubmitButton=translate$w.SubmitButton,exports.Newsletter=translate$x.Newsletter,exports.FormTextarea=translate$y.FormTextarea,exports.FormEmail=translate$z.FormEmail,exports.FormDropdown=translate$A.FormDropdown,exports.FormCheckbox=translate$B.FormCheckbox,exports.ContactForm=translate$C.ContactForm;
+"use strict";var t=require("./accordion/settings/configs/translate.js"),e=require("./icon-list-v2/settings/configs/translate.js"),s=require("./text/settings/configs/translate.js"),r=require("./heading/settings/configs/translate.js"),o=require("./code/settings/configs/translate.js"),i=require("./dialog/settings/configs/translate.js"),n=require("./tab/settings/configs/translate.js"),a=require("./button/settings/configs/translate.js"),c=require("./image/settings/configs/translate.js"),g=require("./sticky/settings/configs/translate.js"),u=require("./icon-list/settings/configs/translate.js"),l=require("./image-comparison/settings/configs/translate.js"),p=require("./countdown-timer/settings/configs/translate.js"),d=require("./coupon/settings/configs/translate.js"),x=require("./stock-counter/settings/configs/translate.js"),f=require("./product/settings/product-view-more/configs/translate.js"),m=require("./product/settings/product-properties/configs/translate.js"),j=require("./product/settings/product-discount-tag/configs/translate.js"),q=require("./product/settings/product-description/configs/translate.js"),C=require("./product/settings/product-button/configs/translate.js"),P=require("./product/settings/product-badge/configs/translate.js"),b=require("./product/components/file-upload/settings/configs/translate.js"),T=require("./article/settings/configs/translate.js"),w=require("./collection/settings/collection-toolbar/configs/translate.js"),F=require("./collection/settings/collection-paginator/configs/translate.js"),D=require("./collection/settings/collection-description/configs/translate.js"),S=require("./estimate-delivery/settings/configs/translate.js"),B=require("./hero-banner/settings/configs/translate.js"),I=require("./grid/settings/configs/row/translate.js"),k=require("./video/settings/configs/translate.js"),A=require("./form/settings/text-input/configs/translate.js"),V=require("./form/settings/text-field/configs/translate.js"),h=require("./form/settings/submit-button/configs/translate.js"),v=require("./form/settings/newsletter/configs/translate.js"),y=require("./form/settings/form-textarea/configs/translate.js"),E=require("./form/settings/form-email/configs/translate.js"),H=require("./form/settings/form-dropdown/configs/translate.js"),L=require("./form/settings/form-checkbox/configs/translate.js"),M=require("./form/settings/contact/configs/translate.js");exports.Accordion=t.Accordion,exports.IconListV2=e.IconListV2,exports.Text=s.Text,exports.Heading=r.Heading,exports.CSSCode=o.CSSCode,exports.Dialog=i.Dialog,exports.Tabs=n.Tabs,exports.Button=a.Button,exports.Image=c.Image,exports.Sticky=g.Sticky,exports.IconList=u.IconList,exports.ImageComparison=l.ImageComparison,exports.Countdown=p.Countdown,exports.Coupon=d.Coupon,exports.StockCounter=x.StockCounter,exports.ProductViewMore=f.ProductViewMore,exports.ProductProperties=m.ProductProperties,exports.ProductDiscountTag=j.ProductDiscountTag,exports.ProductTag=j.ProductTag,exports.ProductDescription=q.ProductDescription,exports.ProductButton=C.ProductButton,exports.ProductBadge=P.ProductBadge,exports.FileUpload=b.FileUpload,exports.ArticlePagination=T.ArticlePagination,exports.ArticleReadMore=T.ArticleReadMore,exports.CollectionToolbar=w.CollectionToolbar,exports.CollectionPaginator=F.CollectionPaginator,exports.CollectionDescription=D.CollectionDescription,exports.EstimateDate=S.EstimateDate,exports.HeroBanner=B.HeroBanner,exports.Row=I.Row,exports.Section=I.Section,exports.Video=k.Video,exports.TextInput=A.TextInput,exports.TextField=V.TextField,exports.SubmitButton=h.SubmitButton,exports.Newsletter=v.Newsletter,exports.FormTextarea=y.FormTextarea,exports.FormEmail=E.FormEmail,exports.FormDropdown=H.FormDropdown,exports.FormCheckbox=L.FormCheckbox,exports.ContactForm=M.ContactForm;

package/dist/cjs/validates/background.js

@@ -1 +1 @@
-"use strict";const 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"}}};exports.BackgroundSettingValidate=BackgroundSettingValidate;
+"use strict";exports.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"}}};

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

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

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}const 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=(e,s)=>{let t="gp-relative gp-bg-cover gp-bg-center gp-lite-vimeo-embed-article",l=core.getResponsiveValueByScreen(s,"desktop"),g=core.getResponsiveValueByScreen(s,"tablet"),a=core.getResponsiveValueByScreen(s,"mobile");return e||l&&"auto"!=l||(t+=" !gp-aspect-video"),e||g&&"auto"!=g||(t+=" tablet:!gp-aspect-video"),e||a&&"auto"!=a||(t+=" mobile:!gp-aspect-video"),{...composeClasses(t)}},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")});exports.getArticleVimeoClasses=getArticleVimeoClasses,exports.getArticleYoutubeClasses=getArticleYoutubeClasses,exports.getButtonThumbnailClasses=getButtonThumbnailClasses,exports.getButtonVimeoClasses=getButtonVimeoClasses,exports.getButtonYoutubeClasses=getButtonYoutubeClasses,exports.getClasses=getClasses,exports.getFallbackImageClasses=getFallbackImageClasses,exports.getIframeVimeoClasses=getIframeVimeoClasses,exports.getIframeYoutubeClasses=getIframeYoutubeClasses,exports.getImageThumbnailClasses=getImageThumbnailClasses,exports.getImageVimeoClasses=getImageVimeoClasses,exports.getImageYoutubeClasses=getImageYoutubeClasses,exports.getVideoYoutubeClasses=getVideoYoutubeClasses,exports.getWrapThumbnailClasses=getWrapThumbnailClasses,exports.getYoutubeContentClasses=getYoutubeContentClasses;
+"use strict";var e=require("@gem-sdk/core");function t(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}exports.getArticleVimeoClasses=(p,g)=>{let l="gp-relative gp-bg-cover gp-bg-center gp-lite-vimeo-embed-article",s=e.getResponsiveValueByScreen(g,"desktop"),a=e.getResponsiveValueByScreen(g,"tablet"),o=e.getResponsiveValueByScreen(g,"mobile");return p||s&&"auto"!=s||(l+=" !gp-aspect-video"),p||a&&"auto"!=a||(l+=" tablet:!gp-aspect-video"),p||o&&"auto"!=o||(l+=" mobile:!gp-aspect-video"),{...t(l)}},exports.getArticleYoutubeClasses=(e,p)=>{let g="gp-relative gp-bg-cover gp-bg-center gp-lite-youtube-embed-article";return e||(g+=" gp_lazybg"),p&&(g+=` ${p}`),{...t(g)}},exports.getButtonThumbnailClasses=()=>({...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]")}),exports.getButtonVimeoClasses=e=>{let p="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&&(p+="  gp-invisible gp-opacity-0"),{...t(p)}},exports.getButtonYoutubeClasses=e=>{let p="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?p+=" gp-opacity-0":p+=" gp-visible gp-opacity-100",{...t(p)}},exports.getClasses=({className:e,builderProps:p,isInstantLP:g,advancedCssClass:l})=>{let s=`!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)))] ${p?.uid}`;return g||(s+=" gp-relative"),e&&(s+=` ${e}`),l&&(s+=` ${l}`),{...p?.uid&&{[p.uid]:!0},...t(s)}},exports.getFallbackImageClasses=()=>({...t("gp-w-full gp-h-full gp-object-cover")}),exports.getIframeVimeoClasses=()=>({...t("gp-inset-0 gp-w-full gp-bg-black")}),exports.getIframeYoutubeClasses=e=>{let p="gp-inset-0 gp-w-full gp-bg-black  gp-h-full !gp-max-w-none";return e&&(p+=` ${e}`),{...t(p)}},exports.getImageThumbnailClasses=()=>({...t("gp-w-full gp-h-full gp-object-cover")}),exports.getImageVimeoClasses=e=>{let p="gp-h-full gp-w-full gp-relative gp-top-0 gp-left-0 gp-z-9";return e&&(p+="  gp-invisible gp-opacity-0"),{...t(p)}},exports.getImageYoutubeClasses=()=>({...t("gp-invisible gp-w-full gp-h-full gp_lazyforbg")}),exports.getVideoYoutubeClasses=(e,p)=>{let g="gp-w-full";return e&&(g+=` ${e}`),p||(g+=" gp-lazyload-video"),{...t(g)}},exports.getWrapThumbnailClasses=e=>{let p="gp-absolute gp-top-0 gp-left-0  gp-w-full gp-thumbnail-video gp-h-full";return e&&(p+=" gp-hidden"),{...t(p)}},exports.getYoutubeContentClasses=()=>({...t("gp-absolute gp-left-0 gp-top-0 gp-h-full gp-w-full")});

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

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

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),NextImage=require("../../image/components/NextImage.js"),useLiteHtml5Embed=require("../hooks/useLiteHtml5Embed.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),attrs=require("../common/attrs.js");const HTML5Embed=e=>{let s=core.useEditorMode(),t="edit"!==s,{thumbnail:a,muted:l,autoplay:r,loop:i,controls:m,src:o,style:u,title:c,className:n,lazy:d,poster:x}=e,{playVideoAndTurnOffThumbnail:j,videoRef:y,showThumbnail:g}=useLiteHtml5Embed.useLiteHtml5Embed(r,l,o),b=!t&&r&&l&&!!a,p=!d&&e.isVideoComponent&&t,C=!a||!g,h=o||void 0,R=system.createAttr({...attrs.getHtml5Attr({title:c,autoplay:r,preloadThumbnail:b,offLazyLoad:p,src:o,thumbnail:a})}),L=system.createClass({...classes.getWrapThumbnailClasses(C)}),N=system.createStyle({...styles.getPreloadImageStyle()}),q=system.createClass({...classes.getButtonThumbnailClasses()}),v=system.createClass({...classes.getImageThumbnailClasses()}),I=system.createClass({...classes.getVideoYoutubeClasses(n,p)}),E=()=>b?jsxRuntime.jsx(NextImage.default,{src:a,alt:c,priority:!0,style:N}):"",H=()=>jsxRuntime.jsxs("div",{role:"presentation",style:u,className:L,onClick:j,children:[jsxRuntime.jsx(NextImage.default,{id:"video-thumbnail",src:a??"",alt:x?.altText,title:x?.imageTitle,priority:x?.preload&&t,className:v,isDisableAspectStyle:!0,enableLazyLoadImage:!0}),jsxRuntime.jsx("button",{type:"button",className:q,"aria-label":"Play",children:jsxRuntime.jsx("svg",{className:"gp-w-5 gp-text-white",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{fill:"currentColor",d:"M5 5.274c0-1.707 1.826-2.792 3.325-1.977l12.362 6.726c1.566.853 1.566 3.101 0 3.953L8.325 20.702C6.826 21.518 5 20.432 5 18.726V5.274Z"})})})]});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[E(),jsxRuntime.jsx("video",{ref:y,...R,style:u,className:I,controls:m,loop:i,muted:l,autoPlay:r,playsInline:!0,src:h}),!C&&H()]})};exports.default=HTML5Embed;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("../../image/components/NextImage.js"),a=require("../hooks/useLiteHtml5Embed.js"),l=require("@gem-sdk/system"),r=require("../common/classes.js"),i=require("../common/styles.js"),o=require("../common/attrs.js");exports.default=c=>{let m=s.useEditorMode(),u="edit"!==m,{thumbnail:n,muted:d,autoplay:g,loop:p,controls:y,src:j,style:x,title:b,className:C,lazy:h,poster:q}=c,{playVideoAndTurnOffThumbnail:v,videoRef:f,showThumbnail:N}=a.default(g,d,j),I=!u&&g&&d&&!!n,T=!h&&c.isVideoComponent&&u,k=!n||!N,L=j||void 0,P=l.createAttr({...o.getHtml5Attr({title:b,autoplay:g,preloadThumbnail:I,offLazyLoad:T,src:j,thumbnail:n})}),w=l.createClass({...r.getWrapThumbnailClasses(k)}),A=l.createStyle({...i.getPreloadImageStyle()}),M=l.createClass({...r.getButtonThumbnailClasses()}),S=l.createClass({...r.getImageThumbnailClasses()}),V=l.createClass({...r.getVideoYoutubeClasses(C,T)});return e.jsxs(e.Fragment,{children:[I?e.jsx(t.default,{src:n,alt:b,priority:!0,style:A}):"",e.jsx("video",{ref:f,...P,style:x,className:V,controls:y,loop:p,muted:d,autoPlay:g,playsInline:!0,src:L}),!k&&e.jsxs("div",{role:"presentation",style:x,className:w,onClick:v,children:[e.jsx(t.default,{id:"video-thumbnail",src:n??"",alt:q?.altText,title:q?.imageTitle,priority:q?.preload&&u,className:S,isDisableAspectStyle:!0,enableLazyLoadImage:!0}),e.jsx("button",{type:"button",className:M,"aria-label":"Play",children:e.jsx("svg",{className:"gp-w-5 gp-text-white",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"currentColor",d:"M5 5.274c0-1.707 1.826-2.792 3.325-1.977l12.362 6.726c1.566.853 1.566 3.101 0 3.953L8.325 20.702C6.826 21.518 5 20.432 5 18.726V5.274Z"})})})]})]})};

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

@@ -1,5 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),attrs=require("../common/attrs.js");const HTML5Embed=e=>{let t=`gp-video-${e.uid}`,{thumbnail:s,muted:a,autoplay:o,loop:r,controls:i,src:l,style:d,title:n,className:c,lazy:u,poster:m,wrapperStyles:v}=e,p=o&&a&&!!s,y=!u&&e.isVideoComponent,g=!s||o&&a,f=y?l:void 0,$=system.createAttr({...attrs.getHtml5Attr({videoId:t,title:n,autoplay:o,preloadThumbnail:p,offLazyLoad:y,src:l,thumbnail:s})}),h=system.createClass({...classes.getWrapThumbnailClasses(g)}),b=system.createStyle({...styles.getPreloadImageStyle()}),L=system.createClass({...classes.getButtonThumbnailClasses()}),E=system.createClass({...classes.getImageThumbnailClasses()}),A=system.createClass({...classes.getVideoYoutubeClasses(c,y)}),P=()=>p?core.template`${NextImage_liquid.default({src:s,alt:n,priority:m?.preload,enableLazyLoadImage:!0,style:b})}
-    ${system.If(o,`<script>
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../image/components/NextImage.liquid.js"),a=require("../../helpers.js"),s=require("@gem-sdk/system"),o=require("../common/classes.js"),i=require("../common/styles.js"),r=require("../common/attrs.js");exports.default=l=>{let d=`gp-video-${l.uid}`,{thumbnail:n,muted:u,autoplay:c,loop:m,controls:v,src:p,style:g,title:y,className:f,lazy:$,poster:b,wrapperStyles:h}=l,L=c&&u&&!!n,A=!$&&l.isVideoComponent,P=!n||c&&u,E=A?p:void 0,C=s.createAttr({...r.getHtml5Attr({videoId:d,title:y,autoplay:c,preloadThumbnail:L,offLazyLoad:A,src:p,thumbnail:n})}),I=s.createClass({...o.getWrapThumbnailClasses(P)}),S=s.createStyle({...i.getPreloadImageStyle()}),T=s.createClass({...o.getButtonThumbnailClasses()}),w=s.createClass({...o.getImageThumbnailClasses()}),j=s.createClass({...o.getVideoYoutubeClasses(f,A)});return e.template`
+  <gp-lite-html5-embed is-check-loaded="${l.isCheckLoaded??!1}" style="${h}">
+    ${L?e.template`${t.default({src:n,alt:y,priority:b?.preload,enableLazyLoadImage:!0,style:S})}
+    ${s.If(c,`<script>
         document.addEventListener("DOMContentLoaded", (event) => {
           const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
           const autoLoadTimeout = setTimeout(runAutoPlayVideo, 0);
@@ -14,7 +16,7 @@
               });
           }
           function runAutoPlayVideo() {
-              var video = document.getElementById('${t}');
+              var video = document.getElementById('${d}');
               if (!video) return;
               video.setAttribute('autoplay','true');
               video.setAttribute('playsinline','true');
@@ -32,14 +34,26 @@
           }
         });
       </script>`)}
-      `:"",C=()=>core.template`
+      `:""}
+    <video
+    ${{...C}}
+      style="${g}"
+      class="${j}"
+      ${v?"controls":void 0}
+      ${m?"loop":void 0}
+      ${u?"muted":void 0}
+      ${c?"autoplay":void 0}
+      playsinline
+      ${E?`src="${E}"`:""}
+    ></video>
+    ${s.If(!P,e.template`
      <div
         role="presentation"
-        style="${d}"
-        class="${h}"
+        style="${g}"
+        class="${I}"
         >
-           ${NextImage_liquid.default({id:"video-thumbnail",src:s??"",alt:m?.altText,title:m?.imageTitle,className:E,isDisableAspectStyle:!0,priority:m?.preload,enableLazyLoadImage:!0})}
-          <button type="button" class="${L}" aria-label="Play">
+           ${t.default({id:"video-thumbnail",src:n??"",alt:b?.altText,title:b?.imageTitle,className:w,isDisableAspectStyle:!0,priority:b?.preload,enableLazyLoadImage:!0})}
+          <button type="button" class="${T}" aria-label="Play">
             <svg class="gp-w-5 gp-text-white" viewBox="0 0 24 24">
               <path
                 fill="currentColor"
@@ -48,21 +62,7 @@
             </svg>
           </button>
         </div>
-  `;return core.template`
-  <gp-lite-html5-embed is-check-loaded="${e.isCheckLoaded??!1}" style="${v}">
-    ${P()}
-    <video
-    ${{...$}}
-      style="${d}"
-      class="${A}"
-      ${i?"controls":void 0}
-      ${r?"loop":void 0}
-      ${a?"muted":void 0}
-      ${o?"autoplay":void 0}
-      playsinline
-      ${f?`src="${f}"`:""}
-    ></video>
-    ${system.If(!g,C())}
+  `)}
   </gp-lite-html5-embed>
-        ${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-lite-html5-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-lite-html5-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};exports.default=HTML5Embed;
+        ${e.RenderIf(e.isLocalEnv,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-lite-html5-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-lite-html5-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};

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

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

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

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

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

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

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

@@ -1,27 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers$1=require("../common/helpers.js");const LiteYouTubeEmbed=e=>{let{style:s,iframeClass:t,wrapperClass:a,title:l,poster:r,translatedVideoUrl:i}=e,o=`gp-video-${e.uid}`,{posterUrl:c,iframeSrc:u}=helpers$1.getYoutubeParams(e),p=r?.preload,d=system.createStateOrContext({lazy:e.lazy,style:s,title:l,iframeSrc:u,translatedVideoUrl:i}),m=!e.lazy,y=system.createClass({...classes.getButtonYoutubeClasses(m)}),g=system.createClass({...classes.getImageYoutubeClasses()}),n=system.createClass({...classes.getArticleYoutubeClasses(p||!1,a)}),b=system.createClass({...classes.getIframeYoutubeClasses(t)}),f=system.createStyle({...styles.getIframeYoutubeStyle(s)}),$=system.createStyle({...styles.getArticleYoutubeStyle(s,c)}),C=system.createClass({...classes.getYoutubeContentClasses()}),h=()=>{let s=core.template`
-    <iframe
-      id="player-wrapper-${e.uid}"
-      class="${b}"
-      style="${f}"
-      title="${l}"
-      frameborder="0"
-      allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-      allowfullscreen
-      src="${u}"
-    ></iframe>
-  `;return e.isHeroBanner?core.template`
-        <div class="${C}">${s}</div>
-      `:s};return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../image/components/NextImage.liquid.js"),s=require("../../helpers.js"),a=require("@gem-sdk/system"),l=require("../common/classes.js"),r=require("../common/styles.js"),i=require("../common/helpers.js");exports.default=o=>{let{style:c,iframeClass:u,wrapperClass:p,title:d,poster:g,translatedVideoUrl:m}=o,n=`gp-video-${o.uid}`,{posterUrl:y,iframeSrc:b}=i.getYoutubeParams(o),f=g?.preload,$=a.createStateOrContext({lazy:o.lazy,style:c,title:d,iframeSrc:b,translatedVideoUrl:m}),C=!o.lazy,S=a.createClass({...l.getButtonYoutubeClasses(C)}),v=a.createClass({...l.getImageYoutubeClasses()}),h=a.createClass({...l.getArticleYoutubeClasses(f||!1,p)}),j=a.createClass({...l.getIframeYoutubeClasses(u)}),q=a.createStyle({...r.getIframeYoutubeStyle(c)}),I=a.createStyle({...r.getArticleYoutubeStyle(c,y)}),Y=a.createClass({...l.getYoutubeContentClasses()});return e.template`
     <gp-lite-youtube-embed>
-      <script gp-data type="application/json">${JSON.stringify(d)}</script>
+      <script gp-data type="application/json">${JSON.stringify($)}</script>
       <article
         aria-hidden
-        class="${n}"
-        data-title="${l}"
-        style="${$}"
+        class="${h}"
+        data-title="${d}"
+        style="${I}"
       >
-        ${NextImage_liquid.default({id:o,src:c,alt:r?.altText,title:r?.imageTitle,priority:r?.preload,enableLazyLoadImage:!0,className:g,isDisableAspectStyle:!0,isNotLazyload:r?.preload})}
-        <button type="button" aria-label="Play" class="${y}">
+        ${t.default({id:n,src:y,alt:g?.altText,title:g?.imageTitle,priority:g?.preload,enableLazyLoadImage:!0,className:v,isDisableAspectStyle:!0,isNotLazyload:g?.preload})}
+        <button type="button" aria-label="Play" class="${S}">
           <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 @@
             <path d="M 45,24 27,14 27,34" fill="#fff"></path>
           </svg>
         </button>
-        ${system.If(m,h())}
+        ${a.If(C,(()=>{let t=e.template`
+    <iframe
+      id="player-wrapper-${o.uid}"
+      class="${j}"
+      style="${q}"
+      title="${d}"
+      frameborder="0"
+      allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+      allowfullscreen
+      src="${b}"
+    ></iframe>
+  `;return o.isHeroBanner?e.template`
+        <div class="${Y}">${t}</div>
+      `:t})())}
       </article>
     </gp-lite-youtube-embed>
-    ${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};exports.default=LiteYouTubeEmbed;
+    ${e.RenderIf(e.isLocalEnv,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");const useLiteHtml5Embed=(e,t,r)=>{let[u,s]=React.useState(!(e&&t)),l=React.useRef(null);React.useEffect(()=>{l.current?.load()},[r]);let c=()=>{s(!1),l?.current&&l.current.play()};return{playVideoAndTurnOffThumbnail:c,videoRef:l,showThumbnail:u}};exports.default=useLiteHtml5Embed,exports.useLiteHtml5Embed=useLiteHtml5Embed;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");const t=(t,r,u)=>{let[l,s]=e.useState(!(t&&r)),n=e.useRef(null);return e.useEffect(()=>{n.current?.load()},[u]),{playVideoAndTurnOffThumbnail:()=>{s(!1),n?.current&&n.current.play()},videoRef:n,showThumbnail:l}};exports.default=t,exports.useLiteHtml5Embed=t;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),helpers=require("../common/helpers.js");const useLiteYoutubeEmbed=(e,t,r)=>{let{lazy:u,isHeroBanner:s}=e,[a,c]=React.useState(!1),[o,l]=React.useState(!u),n=()=>{a||c(!0)},i=()=>{o||l(!0)},p=React.useRef(!1),d=React.useRef(0),R=React.useRef(),b=e=>{let r=e.target;if(r&&s&&helpers.isSettingLoop(t)&&d.current>0){let e=parseFloat((d.current/100*5).toFixed(2));clearInterval(R.current),R.current=setInterval(()=>{let t=parseFloat(r.getCurrentTime().toFixed(2)),u=parseFloat((d.current-t).toFixed(2));u<=parseFloat((1.5*e).toFixed(2))&&r.seekTo(0)},1e3*e)}};return React.useEffect(()=>()=>{R.current&&(clearInterval(R.current),p.current=!1)},[r,t]),{iframe:o,addIframe:i,intervalPlay:b,warmConnections:n,isVideoStarted:p,videoDuration:d}};exports.default=useLiteYoutubeEmbed,exports.useLiteYoutubeEmbed=useLiteYoutubeEmbed;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../common/helpers.js");const r=(r,a,u)=>{let{lazy:s,isHeroBanner:o}=r,[n,l]=e.useState(!1),[c,i]=e.useState(!s),d=e.useRef(!1),p=e.useRef(0),f=e.useRef();return e.useEffect(()=>()=>{f.current&&(clearInterval(f.current),d.current=!1)},[u,a]),{iframe:c,addIframe:()=>{c||i(!0)},intervalPlay:e=>{let r=e.target;if(r&&o&&t.isSettingLoop(a)&&p.current>0){let e=parseFloat((p.current/100*5).toFixed(2));clearInterval(f.current),f.current=setInterval(()=>{let t=parseFloat(r.getCurrentTime().toFixed(2)),a=parseFloat((p.current-t).toFixed(2));a<=parseFloat((1.5*e).toFixed(2))&&r.seekTo(0)},1e3*e)}},warmConnections:()=>{n||l(!0)},isVideoStarted:d,videoDuration:p}};exports.default=r,exports.useLiteYoutubeEmbed=r;

package/dist/cjs/video/index.js

@@ -1 +1 @@
-"use strict";var Video$1=require("./settings/Video.js"),Video=require("./components/Video.js");const videoSetting={Video:Video$1.default};exports.Video=Video.default,exports.videoSetting=videoSetting;
+"use strict";var e=require("./settings/Video.js"),t=require("./components/Video.js");const i={Video:e.default};exports.Video=t.default,exports.videoSetting=i;

package/dist/cjs/video/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Video=dynamic(()=>Promise.resolve().then(function(){return require("./components/Video.js")}),{loading:Loading.default});var video={Video};exports.default=video;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const o=e(()=>Promise.resolve().then(function(){return require("./components/Video.js")}),{loading:r.default});exports.default={Video:o};

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

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"Video",label:"Video",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./configs/settings.js"),t=require("./configs/ui-v2.js");const i={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:settings.VideoSettings,ui:[],uiV2:uiV2.SettingUIV2,editorConfigs:{sideBar:{tab:{style:{hide:!0}}}},presets:[{id:"video",name:"Video",icon:{desktop:`
+  `,settings:e.VideoSettings,ui:[],uiV2:t.SettingUIV2,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"/>
           <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}'}}}]}]};exports.default=config;
+        `},components:[{tag:"Video",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:'.{{rootClassName}}[data-component-label="Video"] {\n\n}'}}}]}]};exports.default=i;