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

package/dist/cjs/third-party/settings/YotpoLoyalty/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var YotpoLoyalty=require("../../configs/YotpoLoyalty.js"),uiV1=require("./uiV1.js"),uiV2=require("./uiV2.js");const config={tag:YotpoLoyalty.default.tag,label:YotpoLoyalty.default.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${YotpoLoyalty.default.logoUrl}?width=22&height=22">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:YotpoLoyalty.default.id,name:{en:YotpoLoyalty.default.label},hideTextContent:!0,icon:{desktop:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var YotpoLoyalty=require("../../configs/YotpoLoyalty.js"),uiV2=require("./uiV2.js");const config={tag:YotpoLoyalty.default.tag,label:YotpoLoyalty.default.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${YotpoLoyalty.default.logoUrl}?width=22&height=22">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:YotpoLoyalty.default.id,name:YotpoLoyalty.default.label,hideTextContent:!0,icon:{desktop:`
         <div class="w-full flex flex-col items-center">
           <img class="w-24 border border-dark-200 rounded-medium" src="${YotpoLoyalty.default.logoUrl}?width=22&height=22">
           <span class="preset-item-title">${YotpoLoyalty.default.label}</span>
         </div>
-      `},components:[{tag:YotpoLoyalty.default.tag}]}],settings:[{id:"setting",controls:[{id:"yotpoLoyaltyCodes",type:"yotpoLoyaltyCodes"}]},{id:"style",controls:[{id:"align",label:"Align",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:uiV1.default,uiV2:uiV2.default};exports.default=config;
+      `},components:[{tag:YotpoLoyalty.default.tag}]}],settings:[{id:"setting",controls:[{id:"yotpoLoyaltyCodes",type:"yotpoLoyaltyCodes"}]},{id:"style",controls:[{id:"align",label:"Align",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:[],uiV2:uiV2.default};exports.default=config;

package/dist/cjs/third-party/settings/YotpoLoyalty/uiV2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{controls:[{label:{en:"Align"},setting:{id:"align"}}]}];exports.default=SettingUIV2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{controls:[{label:"Align",setting:{id:"align"}}]}];exports.default=SettingUIV2;

package/dist/cjs/third-party/settings/YotpoReviews/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var YotpoReviews=require("../../configs/YotpoReviews.js"),uiV1=require("./uiV1.js"),uiV2=require("./uiV2.js"),helpers=require("../../common/helpers.js");const config={tag:YotpoReviews.default.tag,label:YotpoReviews.default.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${YotpoReviews.default.logoUrl}?width=22&height=22">`,editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:YotpoReviews.default.id,name:{en:YotpoReviews.default.label},hideTextContent:!0,icon:{desktop:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var YotpoReviews=require("../../configs/YotpoReviews.js"),uiV2=require("./uiV2.js"),helpers=require("../../common/helpers.js");const config={tag:YotpoReviews.default.tag,label:YotpoReviews.default.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${YotpoReviews.default.logoUrl}?width=22&height=22">`,editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:YotpoReviews.default.id,name:YotpoReviews.default.label,hideTextContent:!0,icon:{desktop:`
         <div class="w-full flex flex-col items-center">
           <img class="w-24 border border-dark-200 rounded-medium" src="${YotpoReviews.default.logoUrl}?width=22&height=22">
           <span class="preset-item-title">${YotpoReviews.default.label}</span>
         </div>
-      `},components:[{tag:YotpoReviews.default.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:helpers.get3rdPartyInstallLink({handle:"yotpo-product-reviews-ugc"}),appName:YotpoReviews.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/yotpo-social-reviews",appName:YotpoReviews.default.label},{id:"productHandle",type:"product-handle",hide:!0},{id:"version",label:"Choose version",type:"select",default:"v1",options:[{label:"V1",value:"v1"},{label:"V3",value:"v3"}]},{id:"widgetType",label:"Choose widget",type:"select",default:"reviews",options:[{label:"Reviews",value:"reviews"},{label:"Star Badge",value:"star-rating"},{label:"Review Highlights",value:"reviewHighlights"}]},{id:"appKey",label:"Your API key",type:"input"},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:uiV1.default,uiV2:uiV2.default};exports.default=config;
+      `},components:[{tag:YotpoReviews.default.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:helpers.get3rdPartyInstallLink({handle:"yotpo-product-reviews-ugc"}),appName:YotpoReviews.default.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/yotpo-social-reviews",appName:YotpoReviews.default.label},{id:"productHandle",type:"product-handle",hide:!0},{id:"version",label:"Choose version",type:"select",default:"v1",options:[{label:"V1",value:"v1"},{label:"V3",value:"v3"}]},{id:"widgetType",label:"Choose widget",type:"select",default:"reviews",options:[{label:"Reviews",value:"reviews"},{label:"Star Badge",value:"star-rating"},{label:"Review Highlights",value:"reviewHighlights"}]},{id:"appKey",label:"Your API key",type:"input"},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:[],uiV2:uiV2.default};exports.default=config;

package/dist/cjs/third-party/settings/YotpoReviews/uiV2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{controls:[{label:{en:"Product source"},controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{controls:[{setting:{id:"install"},layout:"vertical"}]},{controls:[{label:{en:"Choose version"},setting:{id:"version"}}]},{controls:[{label:{en:"Choose widget"},setting:{id:"widgetType"}},{conditionDisplay:'version === "v1"',type:"combo",label:{en:"App Key"},iconName:"polaris-text-block",getValueFromSettingID:"appKey",isHideClear:!0,popoverLabel:{en:"App Key"},controls:[{label:{en:"Content"},options:{fullWidth:!0},layout:"vertical",setting:{id:"appKey"}}]}]},{controls:[{setting:{id:"openApp"},layout:"vertical"}]},{controls:[{label:{en:"Align"},setting:{id:"align"}}]}];exports.default=SettingUIV2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{controls:[{label:"Product source",controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{controls:[{setting:{id:"install"},layout:"vertical"}]},{controls:[{label:"Choose version",setting:{id:"version"}}]},{controls:[{label:"Choose widget",setting:{id:"widgetType"}},{conditionDisplay:'version === "v1"',type:"combo",label:"App Key",iconName:"polaris-text-block",getValueFromSettingID:"appKey",isHideClear:!0,popoverLabel:"App Key",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"appKey"}}]}]},{controls:[{setting:{id:"openApp"},layout:"vertical"}]},{controls:[{label:"Align",setting:{id:"align"}}]}];exports.default=SettingUIV2;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{label:{en:"Widget Script"},controls:[{type:"control",label:{en:"Judge.me Public Token"},setting:{id:"publicToken"}}]},{controls:[{label:{en:"Choose widget"},setting:{id:"widgetType"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"}}]}];exports.default=SettingUIV2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{label:"Widget Script",controls:[{type:"control",label:"Judge.me Public Token",setting:{id:"publicToken"}}]},{controls:[{label:"Choose widget",setting:{id:"widgetType"}}]},{controls:[{label:"Align",setting:{id:"align"}}]}];exports.default=SettingUIV2;

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var JudgemeReviews=require("../../configs/JudgemeReviews.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js");const config={tag:JudgemeReviews.default.tag,label:JudgemeReviews.default.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${JudgemeReviews.default.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:JudgemeReviews.default.id,name:{en:JudgemeReviews.default.label},icon:{desktop:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var JudgemeReviews=require("../../configs/JudgemeReviews.js"),uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js");const config={tag:JudgemeReviews.default.tag,label:JudgemeReviews.default.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${JudgemeReviews.default.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:JudgemeReviews.default.id,name:JudgemeReviews.default.label,icon:{desktop:`
         <div class="w-full flex flex-col items-center">
           <img class="w-24 border border-dark-200 rounded-medium" src="${JudgemeReviews.default.logoUrl}">
           <span class="preset-item-title">${JudgemeReviews.default.label}</span>
         </div>
-      `},components:[{tag:JudgemeReviews.default.tag}]}],settings:settings.InstantJudgemeReviewsSettings,ui:uiV1.default,uiV2:uiV2.default};exports.default=config;
+      `},components:[{tag:JudgemeReviews.default.tag}]}],settings:settings.InstantJudgemeReviewsSettings,ui:[],uiV2:uiV2.default};exports.default=config;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{controls:[{setting:{id:"klaviyoCodes"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"}}]}];exports.default=SettingUIV2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{controls:[{setting:{id:"klaviyoCodes"}}]},{controls:[{label:"Align",setting:{id:"align"}}]}];exports.default=SettingUIV2;

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Klaviyo=require("../../configs/Klaviyo.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js");const config={tag:Klaviyo.default.tag,label:Klaviyo.default.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${Klaviyo.default.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:Klaviyo.default.id,name:{en:Klaviyo.default.label},icon:{desktop:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Klaviyo=require("../../configs/Klaviyo.js"),uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js");const config={tag:Klaviyo.default.tag,label:Klaviyo.default.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${Klaviyo.default.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:Klaviyo.default.id,name:Klaviyo.default.label,icon:{desktop:`
         <div class="w-full flex flex-col items-center">
           <img class="w-24 border border-dark-200 rounded-medium" src="${Klaviyo.default.logoUrl}">
           <span class="preset-item-title">${Klaviyo.default.label}</span>
         </div>
-      `},components:[{tag:Klaviyo.default.tag}]}],settings:settings.InstantKlaviyoSettings,ui:uiV1.default,uiV2:uiV2.default};exports.default=config;
+      `},components:[{tag:Klaviyo.default.tag}]}],settings:settings.InstantKlaviyoSettings,ui:[],uiV2:uiV2.default};exports.default=config;

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var LooxReviews=require("../../configs/LooxReviews.js"),settings=require("./configs/settings.js");const config={tag:LooxReviews.default.tag,label:LooxReviews.default.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${LooxReviews.default.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:LooxReviews.default.id,name:{en:LooxReviews.default.label},icon:{desktop:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var LooxReviews=require("../../configs/LooxReviews.js"),settings=require("./configs/settings.js");const config={tag:LooxReviews.default.tag,label:LooxReviews.default.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${LooxReviews.default.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:LooxReviews.default.id,name:LooxReviews.default.label,icon:{desktop:`
         <div class="w-full flex flex-col items-center">
           <img class="w-24 border border-dark-200 rounded-medium" src="${LooxReviews.default.logoUrl}">
           <span class="preset-item-title">${LooxReviews.default.label}</span>

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var YotpoLoyalty=require("../../configs/YotpoLoyalty.js"),settings=require("./configs/settings.js");const config={tag:YotpoLoyalty.default.tag,label:YotpoLoyalty.default.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${YotpoLoyalty.default.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:YotpoLoyalty.default.id,name:{en:YotpoLoyalty.default.label},icon:{desktop:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var YotpoLoyalty=require("../../configs/YotpoLoyalty.js"),settings=require("./configs/settings.js");const config={tag:YotpoLoyalty.default.tag,label:YotpoLoyalty.default.label,icon:`<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${YotpoLoyalty.default.logoUrl}">`,editorConfigs:{component:{isThirdParty:!0}},presets:[{id:YotpoLoyalty.default.id,name:YotpoLoyalty.default.label,icon:{desktop:`
         <div class="w-full flex flex-col items-center">
           <img class="w-24 border border-dark-200 rounded-medium" src="${YotpoLoyalty.default.logoUrl}">
           <span class="preset-item-title">${YotpoLoyalty.default.label}</span>

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

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

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",label:{en:""},layout:"vertical",setting:{id:"setupGuide"}}]}];exports.default=SettingUIV2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{controls:[{type:"control",layout:"vertical",setting:{id:"setupGuide"}}]}];exports.default=SettingUIV2;

package/dist/cjs/translate.js

@@ -0,0 +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;

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 ";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")});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 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;

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

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

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

@@ -1,5 +1,5 @@
-"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:l,loop:o,controls:r,src:i,style:d,title:n,className:c,lazy:u,poster:m,wrapperStyles:p}=e,y=l&&a&&!!s,g=!u&&e.isVideoComponent,v=!s||l&&a,$=g?i:void 0,h=system.createAttr({...attrs.getHtml5Attr({videoId:t,title:n,autoplay:l,preloadThumbnail:y,offLazyLoad:g,src:i,thumbnail:s})}),b=system.createClass({...classes.getWrapThumbnailClasses(v)}),f=system.createStyle({...styles.getPreloadImageStyle()}),L=system.createClass({...classes.getButtonThumbnailClasses()}),E=system.createClass({...classes.getImageThumbnailClasses()}),I=system.createClass({...classes.getVideoYoutubeClasses(c,g)}),A=()=>y?core.template`${NextImage_liquid.default({src:s,alt:n,priority:m?.preload,enableLazyLoadImage:!0,style:f})}
-    ${system.If(l,`<script>
+"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>
         document.addEventListener("DOMContentLoaded", (event) => {
           const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
           const autoLoadTimeout = setTimeout(runAutoPlayVideo, 0);
@@ -14,9 +14,21 @@
               });
           }
           function runAutoPlayVideo() {
-              document.getElementById('${t}').setAttribute('autoplay','true');
-              document.getElementById('${t}').setAttribute('playsinline','true');
-              document.getElementById('${t}').play();
+              var video = document.getElementById('${t}');
+              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>`)}
@@ -24,7 +36,7 @@
      <div
         role="presentation"
         style="${d}"
-        class="${b}"
+        class="${h}"
         >
            ${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">
@@ -37,20 +49,20 @@
           </button>
         </div>
   `;return core.template`
-  <gp-lite-html5-embed is-check-loaded="${e.isCheckLoaded??!1}" style="${p}">
-    ${A()}
+  <gp-lite-html5-embed is-check-loaded="${e.isCheckLoaded??!1}" style="${v}">
+    ${P()}
     <video
-    ${{...h}}
+    ${{...$}}
       style="${d}"
-      class="${I}"
-      ${r?"controls":void 0}
-      ${o?"loop":void 0}
+      class="${A}"
+      ${i?"controls":void 0}
+      ${r?"loop":void 0}
       ${a?"muted":void 0}
-      ${l?"autoplay":void 0}
+      ${o?"autoplay":void 0}
       playsinline
-      ${$?`src="${$}"`:""}
+      ${f?`src="${f}"`:""}
     ></video>
-    ${system.If(!v,C())}
+    ${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;

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

@@ -1,14 +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}=e,{iframeSrc:o}=helpers$1.getVimeoParams(e),p=!l,d=e.thumbnail,g=system.createStateOrContext({id:t,thumbnail:m,lazy:l,iframeSrc:o,title:s,autoplay:r,muted:i,style:e?.vimeoStyleIframe||""}),y=system.createStyle({...styles.getIframeVimeoStyle(a)}),n=system.createStyle({...styles.getArticleVimeoStyle(a,"")}),u=system.createClass({...classes.getArticleVimeoClasses(d,a)}),f=system.createClass({...classes.getImageVimeoClasses(p)}),h=system.createClass({...classes.getButtonVimeoClasses(p)}),$=system.createClass({...classes.getIframeVimeoClasses()});return core.template`
-    <gp-lite-vimeo-embed gp-data='${JSON.stringify(g)}'>
+"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`
+    <gp-lite-vimeo-embed>
+      <script gp-data type="application/json">${JSON.stringify(g)}</script>
       <article
         aria-hidden
-        class="${u}"
+        class="${f}"
         data-title="${s}"
-        style="${n}"
+        style="${u}"
       >
-      ${NextImage_liquid.default({src:d,alt:c?.altText,title:c?.imageTitle,className:f,isDisableAspectStyle:!0,enableLazyLoadImage:!0,priority:c?.preload,height:c?.height,width:c?.width})}
-         ${system.If(!p,core.template`
-          <button type="button" class="${h}" aria-label="Play">
+      ${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">
           <svg class="gp-w-5 gp-text-white" viewBox="0 0 24 24">
             <path
               fill="currentColor"
@@ -16,15 +17,15 @@
             />
           </svg>
         </button>`)}
-        ${system.If(p,core.template`
+        ${system.If(d,core.template`
           <iframe
-            style="${y}"
+            style="${n}"
             title="${s}"
             frameborder="0"
             allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
             allowfullscreen
-            src="${o}"
-            class="${$}"
+            src="${p}"
+            class="${b}"
           ></iframe>`)}
       </article>
     </gp-lite-vimeo-embed>

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:u,title:o}=e,{preload:i}=r||{},{videoId:c,paramsImp:m,posterUrl:n,iframeSrc:y}=helpers.getYoutubeParams(e),{iframe:d,intervalPlay:b,warmConnections:g,isVideoStarted:p,videoDuration:j,addIframe:x}=useLiteYoutubeEmbed.useLiteYoutubeEmbed(e,m,c),C=i&&s,h=system.createClass({...classes.getButtonYoutubeClasses(d)}),Y=system.createClass({...classes.getImageYoutubeClasses()}),f=system.createClass({...classes.getArticleYoutubeClasses(C||!1,u)}),S=system.createClass({...classes.getIframeYoutubeClasses(l)}),R=system.createStyle({...styles.getIframeYoutubeStyle(a)}),q=system.createStyle({...styles.getArticleYoutubeStyle(a,n)}),L=system.createClass({...classes.getYoutubeContentClasses()}),N=()=>e.isHeroBanner&&helpers.isSettingLoop(m)?jsxRuntime.jsx(YouTube,{videoId:c,title:o,iframeClassName:S,style:R,className:L,opts:{host:"https://www.youtube-nocookie.com",playerVars:{autoplay:1,state:1,controls:0,mute:1,...helpers.covertStrParamsToObj(m)}},onReady:e=>{e.target.playVideo(),j.current=Math.floor(e.target.getDuration())},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))}}):jsxRuntime.jsx("iframe",{className:S,style:R,title:o,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:y});return jsxRuntime.jsxs("article",{"aria-hidden":!0,className:f,"data-title":o,style:q,onPointerOver:g,onClick:x,children:[jsxRuntime.jsx(NextImage.default,{src:n,alt:r?.altText,title:r?.imageTitle,priority:s&&i,enableLazyLoadImage:!0,className:Y,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"})]})}),d&&N()]})};exports.default=LiteYouTubeEmbed;
+"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;

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

@@ -1,24 +1,27 @@
-"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}=e,i=`gp-video-${e.uid}`,{posterUrl:o,iframeSrc:c}=helpers$1.getYoutubeParams(e),u=r?.preload,d=system.createStateOrContext({lazy:e.lazy,style:s,title:l,iframeSrc:c}),m=!e.lazy,p=system.createClass({...classes.getButtonYoutubeClasses(m)}),y=system.createClass({...classes.getImageYoutubeClasses()}),g=system.createClass({...classes.getArticleYoutubeClasses(u||!1,a)}),b=system.createClass({...classes.getIframeYoutubeClasses(t)}),n=system.createStyle({...styles.getIframeYoutubeStyle(s)}),f=system.createStyle({...styles.getArticleYoutubeStyle(s,o)}),$=()=>core.template`
+"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="${n}"
+      style="${f}"
       title="${l}"
       frameborder="0"
       allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
       allowfullscreen
-      src="${c}"
+      src="${u}"
     ></iframe>
-  `;return core.template`
-    <gp-lite-youtube-embed gp-data='${JSON.stringify(d)}'>
+  `;return e.isHeroBanner?core.template`
+        <div class="${C}">${s}</div>
+      `:s};return core.template`
+    <gp-lite-youtube-embed>
+      <script gp-data type="application/json">${JSON.stringify(d)}</script>
       <article
         aria-hidden
-        class="${g}"
+        class="${n}"
         data-title="${l}"
-        style="${f}"
+        style="${$}"
       >
-        ${NextImage_liquid.default({id:i,src:o,alt:r?.altText,title:r?.imageTitle,priority:r?.preload,enableLazyLoadImage:!0,className:y,isDisableAspectStyle:!0,isNotLazyload:r?.preload})}
-        <button type="button" aria-label="Play" class="${p}">
+        ${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}">
           <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,7 +30,7 @@
             <path d="M 45,24 27,14 27,34" fill="#fff"></path>
           </svg>
         </button>
-        ${system.If(m,$())}
+        ${system.If(m,h())}
       </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>`)}

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$1=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=require("../../image/common/helpers.js");const Video=({className:e,setting:t,style:s,builderAttrs:l,builderProps:i,advanced:a})=>{let{youtubeUrl:r="",vimeoUrl:o="",html5Url:d,autoplay:u=!1,loopVideo:m=!1,controls:c=!1,mute:y,poster:p,startTime:g,endTime:n}=t??{},b=helpers.getImageSrc(p),{cssClass:q}=a??{},h=helpers$1.getAspectRatioSettings(t?.ratioOptions,t?.aspectRatio),V=system.createAttr({...attrs.getAttr({uid:i?.uid||""})}),$=system.createStyle({...styles.getStyle(t,s)}),f=system.createStyle({...styles.getYoutubeStyle(h)}),I=system.createStyle({...styles.getVimeoStyle(h)}),k=system.createStyle({...styles.getHtml5Style(h)}),S=system.createStyle({...styles.getFallBackImageStyle(t?.aspectRatio)}),_=system.createClass({...classes.getFallbackImageClasses()}),L=system.createClass({...classes.getClasses({className:e,builderProps:i,isInstantLP:!1,advancedCssClass:q})}),j=()=>{switch(t?.type){case"youtube":{let e=helpers$1.getYoutubeVideoId(r);if(!helpers$1.youtubeVideoRegex.test(r)||!e)return NextImage_liquid.default({src:helpers$1.fallbackImageVideoUrl,alt:"Fallback video",className:_,style:S});let s="";return m&&(s+=`&loop=1&playlist=${e}`),g&&(s+=`&start=${helpers$1.parseTimeVideo(g)}`),n&&(s+=`&end=${helpers$1.parseTimeVideo(n)}`),LiteYouTubeEmbed_liquid.default({uid:i?.uid,id:e,autoplay:u,title:"Video",controls:c,params:s,adNetwork:!1,noCookie:!0,muted:!y,thumbnail:b,lazy:t.lazy??!0,preload:p?.preload,poster:p,style:f})}case"vimeo":{let e=helpers$1.getVimeoVideoId(o);if(!helpers$1.vimeoVideoRegex.test(o)||!e)return NextImage_liquid.default({src:helpers$1.fallbackImageVideoUrl,alt:"Fallback video",className:_,style:S});return LiteVimeoEmbed_liquid.default({muted:!y,loop:m,controls:c,thumbnail:b,thumbnailLink:p?.src,autoplay:u,lazy:t.lazy??!0,id:e,title:"Video",aspectRatio:h,poster:p,vimeoStyleIframe:I})}case"html5":if(!d)return NextImage_liquid.default({src:helpers$1.fallbackImageVideoUrl,alt:"Fallback video",className:_,style:S});return HTML5Embed_liquid.default({uid:i?.uid,muted:!y,loop:m,controls:c,autoplay:u,src:d,thumbnail:b,title:"Video",poster:p,lazy:t.lazy??!0,isVideoComponent:!0,style:k})}};return core.template`
+"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`
     <div
-      ${{...l}} ${{...V}} class="${L}" style="${$}">
-      ${j()}
+      ${{...l}} ${{...T}} class="${N}" style="${_}">
+      ${C()}
     </div>
   `};exports.default=Video;

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"Video",label:"Video",icon:`
+"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:`
   <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:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,editorConfigs:{sideBar:{tab:{style:{hide:!0}}}},presets:[{id:"video",name:{en:"Video"},icon:{desktop:`
+  `,settings:settings.VideoSettings,ui:[],uiV2:uiV2.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"/>

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

@@ -1 +1 @@
-"use strict";var helpers=require("../../../helpers.js");const 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:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!0},{controlID:"autoplay",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!0},{controlID:"controls",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1},{controlID:"mute",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1},{controlID:"lazy",condition:`${helpers.youtubeShortsRegex}.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"}]}];exports.VideoSettings=VideoSettings;
+"use strict";var helpers=require("../../../helpers.js");const 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:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!0},{controlID:"autoplay",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!0},{controlID:"controls",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1},{controlID:"mute",condition:`${helpers.youtubeShortsRegex}.test(youtubeUrl)`,newValue:!1},{controlID:"lazy",condition:`${helpers.youtubeShortsRegex}.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"}]}];exports.VideoSettings=VideoSettings;

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

@@ -0,0 +1 @@
+"use strict";const Video={youtubeUrl:{id:"youtubeUrl"},vimeoUrl:{id:"vimeoUrl"},html5Url:{id:"html5Url"},poster:{id:"poster",fields:["src"]}};exports.Video=Video;

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

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

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

@@ -1 +1 @@
-import{getStyleBackgroundByDevice as e,getSingleColorVariable as t,makeStyle as o,makeStyleResponsive as r,getStyleShadow as i,getRadiusStyleActiveState as n,composeSize as l,getGlobalColorStateStyle as a,handleConvertBorderStyle as c,handleConvertBorderWidth as d,handleConvertBorderColor as g,makeGlobalSize as h,makeWidth as s}from"@gem-sdk/core";let filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet","--d","--d-mobile","--d-tablet"];return t.forEach(t=>{delete e?.[t]}),e},contentSizePaddingSize=e=>h(e?.contentSizePadding),getContainerStyles=(t,o)=>({...filterStyles(t),...contentSizePaddingSize(o).gap,...e(t?.backgroundContent),"border-radius":"inherit"}),widthHeightSizeControl=e=>h(e),widthStyle=(e,t,o)=>widthHeightSizeControl(o).width["--w"]?widthHeightSizeControl(o).width:r("w",s(e,t)),getItemContainerStyles=(e,l)=>{let{borderContent:a,backgroundContent:c,roundedContent:d,accordionShadow:g,width:h,fullWidth:s,widthHeightSize:m,iconColor:S,color:p,textColor:b,hasActiveShadow:w}=e??{};return{"--text-hover-color":l?t(b?.active??b?.normal):t(b?.hover??b?.normal),"--icon-expand-hover-color":l?t(p?.active??p?.normal):t(p?.hover??p?.normal),"--icon-expand-active-color":t(p?.active??p?.normal),"--icon-active-color":t(S?.active??S?.normal),"--icon-hover-color":l?t(S?.active??S?.normal):t(S?.hover??S?.normal),...widthStyle(h,s,m),...o({bs:a?.border??a?.border,bw:a?.width??a?.width,bc:t(a?.color??a?.color)}),...r("bg",c),...i({value:g,styleAppliedFor:"box-shadow",isEnableShadow:g?.enable||w}),...n({...d,active:{...d||{},radiusType:"custom"}})}},headerContentPaddingSize=e=>h(e),composePosition=e=>o({fd:"left"===e?"row":"row-reverse",jc:"right"===e?"space-between":""}),getDropdownStyles=(e,r)=>{let{headerContentPadding:i,widthHeightSize:n,itemHeaderSpacing:h,bgColor:s,headerBorder:m}=e??{},{isShow:S,iconPosition:p}=r??{};return{...i&&headerContentPaddingSize(i).padding,...h?.type||i?{}:l(h?.custom),...widthHeightSizeControl(n).height,...composePosition(p),...S?o({bgc:t(s?.active??s?.normal),bs:m?.active?.border??m?.normal?.border,bw:m?.active?.width??m?.normal?.width,bc:t(m?.active?.color??m?.normal?.color)}):{...a("bgc",s),...c(m),...d(m),...g(m),...a("bgc",s)}}},getDropdownTextStyles=(e,r)=>({...r?o({c:t(e?.active??e?.normal)}):o({c:t(e?.normal)})}),getIconRotateStyles=(e,r,i)=>{let{color:n}=e??{};return{...o({c:t(r?n?.active??n?.normal??"transparent":n?.normal??"transparent")}),width:`${i??16}px`,height:`${i??16}px`}},composeIconGlobalSize=e=>h(e),getGapStyles=(e,t)=>({...composeIconGlobalSize(e).gap,...r("jc",t)}),getIconStyles=(e,t)=>{let o=t?`${t}px`:"16px";return{...e,width:o,height:o,"--height":o}},getTemplateRow=e=>({"grid-template-rows":`${+!!e}fr`}),getRenderChildrenStyles=()=>({"grid-template-columns":"minmax(auto, 100%)"}),getIconGlobalSize=e=>h(e)?.padding;export{getContainerStyles,getDropdownStyles,getDropdownTextStyles,getGapStyles,getIconGlobalSize,getIconRotateStyles,getIconStyles,getItemContainerStyles,getRenderChildrenStyles,getTemplateRow};
+import{getStyleBackgroundByDevice as e,getSingleColorVariable as t,makeStyle as o,makeStyleResponsive as r,getStyleShadow as i,getRadiusStyleActiveState as n,composeSize as l,getGlobalColorStateStyle as a,handleConvertBorderStyle as c,handleConvertBorderWidth as d,handleConvertBorderColor as g,makeGlobalSize as h,makeWidth as s}from"@gem-sdk/core";let filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet","--d","--d-mobile","--d-tablet"];return t.forEach(t=>{delete e?.[t]}),e},contentSizePaddingSize=e=>h(e?.contentSizePadding),getContainerStyles=(t,o)=>({...filterStyles(t),...contentSizePaddingSize(o).gap,...e(t?.backgroundContent),"border-radius":"inherit"}),widthHeightSizeControl=e=>h(e),widthStyle=(e,t,o)=>widthHeightSizeControl(o).width["--w"]?widthHeightSizeControl(o).width:r("w",s(e,t)),getItemContainerStyles=(e,l)=>{let{borderContent:a,backgroundContent:c,roundedContent:d,accordionShadow:g,width:h,fullWidth:s,widthHeightSize:m,iconColor:S,color:p,textColor:b,hasActiveShadow:w}=e??{};return{"--text-hover-color":l?t(b?.active??b?.normal):t(b?.hover??b?.normal),"--icon-expand-hover-color":l?t(p?.active??p?.normal):t(p?.hover??p?.normal),"--icon-expand-active-color":t(p?.active??p?.normal),"--icon-active-color":t(S?.active??S?.normal),"--icon-hover-color":l?t(S?.active??S?.normal):t(S?.hover??S?.normal),...widthStyle(h,s,m),...o({bs:a?.border??a?.border,bw:a?.width??a?.width,bc:t(a?.color??a?.color)}),...r("bg",c),...i({value:g,styleAppliedFor:"box-shadow",isEnableShadow:g?.enable||w}),...n({...d,active:{...d||{},radiusType:"custom"}})}},headerContentPaddingSize=e=>h(e),composePosition=e=>o({fd:"left"===e?"row":"row-reverse",jc:"right"===e?"space-between":""}),getDropdownStyles=(e,r)=>{let{headerContentPadding:i,widthHeightSize:n,itemHeaderSpacing:h,bgColor:s,headerBorder:m}=e??{},{isShow:S,iconPosition:p}=r??{};return{...i&&headerContentPaddingSize(i).padding,...h?.type||i?{}:l(h?.custom),...widthHeightSizeControl(n).height,...composePosition(p),...S?o({bgc:t(s?.active??s?.normal),bs:m?.active?.border??m?.normal?.border,bw:m?.active?.width??m?.normal?.width,bc:t(m?.active?.color??m?.normal?.color)}):{...a("bgc",s),...c(m),...d(m),...g(m),...a("bgc",s)}}},getDropdownTextStyles=(e,r)=>({...r?o({c:t(e?.active??e?.normal)}):o({c:t(e?.normal)})}),getIconRotateStyles=(e,r,i)=>{let{color:n}=e??{};return{...o({c:t(r?n?.active??n?.normal??"transparent":n?.normal??"transparent")}),width:`${i??16}px`,height:`${i??16}px`}},composeIconGlobalSize=e=>h(e),getGapStyles=(e,t)=>({...composeIconGlobalSize(e).gap,...r("jc",t),...r("ta",t)}),getIconStyles=(e,t)=>{let o=t?`${t}px`:"16px";return{...e,width:o,height:o,"--height":o}},getTemplateRow=e=>({"grid-template-rows":`${+!!e}fr`}),getRenderChildrenStyles=()=>({"grid-template-columns":"minmax(auto, 100%)"}),getIconGlobalSize=e=>h(e)?.padding;export{getContainerStyles,getDropdownStyles,getDropdownTextStyles,getGapStyles,getIconGlobalSize,getIconRotateStyles,getIconStyles,getItemContainerStyles,getRenderChildrenStyles,getTemplateRow};

package/dist/esm/accordion/components/Accordion.liquid.js

@@ -1,17 +1,16 @@
-import{makeStyleResponsive as s,template as e,WrapRenderChildren as i,RenderChildren as t,RenderIf as r,isLocalEnv as o,baseAssetURL as c}from"@gem-sdk/core";import{getDynamicSourceLocales as d,getSettingPreloadData as a}from"../../helpers.js";import{createStateOrContext as l,createClass as p,createStyle as m,createAttr as n}from"@gem-sdk/system";import{getDataState as f}from"../common/helpers.js";import{getContainerStyles as g}from"../common/styles.js";import{getContainerClasses as $,extendClasses as u}from"../common/classes.js";let Accordion=({rawChildren:y,setting:v,styles:S,builderProps:j,pageContext:h,advanced:A,style:k,builderAttrs:E})=>{let{align:I}=S??{},{translate:x,childItem:C,activeKey:P}=v??{},{uidState:_,settingState:z,stylesState:G,accordions:N}=f({setting:v,styles:S,builderProps:j},y),O=l({uid:_,setting:z,styles:{...G}}),T=p($(A?.cssClass)),J=m({...g(k,S)}),K=n({...E,"data-id":j?.uid??""}),M=m({...s("jc",I)}),R=p({"gp-flex":!0}),U=p(u()),V=()=>i({uid:j?.uid??"",customProps:y?.[0].customProps},y?.map((s,i)=>{if(s){let r=d({val:C?.[i],uid:j?.uid,settingId:`childItem_${i}`,pageContext:h,isCapitalize:v?.titleTypo?.attrs?.transform==="capitalize",translate:x});return e`
-          <div class="${R}" style="${M}">
-            ${t({...s,index:i,title:r,accordions:N,parentSetting:v,parentStyle:S,parentUid:j?.uid,childrenIcon:v?.childConfig?.[i],activeKey:P})}
+import{makeStyleResponsive as s,template as i,WrapRenderChildren as t,RenderChildren as e,RenderIf as r,isLocalEnv as o,baseAssetURL as c}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as d,getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as p,createClass as n,createStyle as m,createAttr as f}from"@gem-sdk/system";import{getDataState as g}from"../common/helpers.js";import{getContainerStyles as u}from"../common/styles.js";import{getContainerClasses as $,extendClasses as y}from"../common/classes.js";import{Accordion as v}from"../settings/configs/translate.js";let Accordion=({rawChildren:j,setting:S,styles:h,builderProps:A,pageContext:k,advanced:E,style:I,builderAttrs:x})=>{let{align:C}=h??{},{childItem:P,activeKey:z}=S??{},{uidState:G,settingState:N,stylesState:O,accordions:T}=g({setting:S,styles:h,builderProps:A},j),_=p({uid:G,setting:N,styles:{...O}}),J=n($(E?.cssClass)),K=m({...u(I,h)}),M=f({...x,"data-id":A?.uid??""}),R=m({...s("jc",C)}),U=n({"gp-flex":!0}),V=n(y()),b=()=>t({uid:A?.uid??"",customProps:j?.[0].customProps},j?.map((s,t)=>{if(s){let r=a({val:P?.[t],uid:A?.uid,settingId:d({id:v?.childItem?.id,index:t}),pageContext:k,isCapitalize:S?.titleTypo?.attrs?.transform==="capitalize"});return i`
+          <div class="${U}" style="${R}">
+            ${e({...s,index:t,title:r,accordions:T,parentSetting:S,parentStyle:h,parentUid:A?.uid,childrenIcon:S?.childConfig?.[t],activeKey:z})}
           </div>
-            `}})),b=()=>r(o,`
-    <script ${a('class="gps-link" delay',"src")}="{{ 'gp-accordion-v7-5.js' | asset_url }}"
+            `}})),q=()=>r(o,`
+    <script ${l('class="gps-link" delay',"src")}="{{ 'gp-accordion-v7-5.js' | asset_url }}"
       defer="defer"></script>`,`
-    <script ${a('class="gps-link" delay',"src")}="${c}/assets-v2/gp-accordion-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
-    `);return e`
-    <gp-accordion ${K} class="${T}" style="${J}"
-      gp-data='${JSON.stringify(O).replaceAll("'","&#039;")}'
-        >
-        <div class=" ${U}"></div>
-      ${V()}
+    <script ${l('class="gps-link" delay',"src")}="${c}/assets-v2/gp-accordion-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
+    `);return i`
+    <gp-accordion ${M} class="${J}" style="${K}">
+      <script gp-data type="application/json">${JSON.stringify(_).replaceAll("'","&#039;")}</script>
+      <div class=" ${V}"></div>
+      ${b()}
     </gp-accordion>
-    ${b()}
+    ${q()}
   `};export{Accordion as default};

package/dist/esm/accordion/settings/Accordion.js

@@ -1,8 +1,8 @@
-import{itemChildrenTemplate as t}from"./configs/child-items.js";import{AccordionSettings as i}from"./configs/settings.js";import{SettingUIV1 as e}from"./configs/ui-v1.js";import{SettingUIV2 as l}from"./configs/ui-v2.js";let config={tag:"Accordion",label:"Accordion",icon:`
+import{itemChildrenTemplate as t}from"./configs/child-items.js";import{AccordionSettings as i}from"./configs/settings.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";let config={tag:"Accordion",label:"Accordion",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C2.58579 4 2.25 4.33579 2.25 4.75C2.25 5.16421 2.58579 5.5 3 5.5H21.0025C21.4167 5.5 21.7525 5.16421 21.7525 4.75C21.7525 4.33579 21.4167 4 21.0025 4H3ZM1.5 9.67558C1.5 8.1568 2.73122 6.92558 4.25 6.92558H19.7525C21.2713 6.92558 22.5025 8.1568 22.5025 9.67558V14.3781C22.5025 15.8969 21.2713 17.1281 19.7525 17.1281H4.25C2.73121 17.1281 1.5 15.8969 1.5 14.3781V9.67558ZM4.25 8.42558C3.55964 8.42558 3 8.98523 3 9.67558V14.3781C3 15.0685 3.55964 15.6281 4.25 15.6281H19.7525C20.4428 15.6281 21.0025 15.0685 21.0025 14.3781V9.67558C21.0025 8.98523 20.4428 8.42558 19.7525 8.42558H4.25ZM2.25 19.2542C2.25 18.84 2.58579 18.5042 3 18.5042H21.0025C21.4167 18.5042 21.7525 18.84 21.7525 19.2542C21.7525 19.6684 21.4167 20.0042 21.0025 20.0042H3C2.58579 20.0042 2.25 19.6684 2.25 19.2542Z" fill="white"/>
   </svg>
-  `,settings:i,ui:e,uiV2:l,presets:[{id:"accordion-1",name:{en:"Accordion"},icon:{desktop:`
+  `,settings:i,ui:[],uiV2:e,presets:[{id:"accordion-1",name:"Accordion",icon:{desktop:`
      <svg width="98" height="56" viewBox="0 0 98 56" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="4" y="4" width="57" height="6" rx="3" fill="#757575"/>
       <rect x="2" y="4" width="57" height="6" rx="3" fill="#757575"/>
@@ -20,7 +20,7 @@ import{itemChildrenTemplate as t}from"./configs/child-items.js";import{Accordion
       <path d="M96 55H0V57H96V55Z" fill="#424242" mask="url(#path-18-inside-6_1355_357)"/>
       <path d="M98 55H2V57H98V55Z" fill="#424242" mask="url(#path-15-inside-5_1355_357)"/>
       </svg>
-        `},components:[{tag:"Accordion",settings:{childItem:["Accordion 1","Accordion 2","Accordion 3"],layoutHeader:"text-only"},styles:{borderContent:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"0px",bottom:"8px",right:"0px"}}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[t,t,t]}]},{id:"accordion-3",name:{en:"Accordion"},icon:{desktop:`
+        `},components:[{tag:"Accordion",settings:{childItem:["Accordion 1","Accordion 2","Accordion 3"],layoutHeader:"text-only"},styles:{borderContent:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"0px",bottom:"8px",right:"0px"}}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[t,t,t]}]},{id:"accordion-3",name:"Accordion",icon:{desktop:`
         <svg width="96" height="56" viewBox="0 0 96 56" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.75 3.75C8.75 3.33579 8.41421 3 8 3C7.58579 3 7.25 3.33579 7.25 3.75L7.25 6.25H4.75C4.33579 6.25 4 6.58579 4 7C4 7.41421 4.33579 7.75 4.75 7.75H7.25L7.25 10.25C7.25 10.6642 7.58579 11 8 11C8.41421 11 8.75 10.6642 8.75 10.25V7.75H11.25C11.6642 7.75 12 7.41421 12 7C12 6.58579 11.6642 6.25 11.25 6.25H8.75V3.75Z" fill="#AAAAAA"/>
 <rect x="35" y="4" width="57" height="6" rx="3" fill="#757575"/>
@@ -40,7 +40,7 @@ import{itemChildrenTemplate as t}from"./configs/child-items.js";import{Accordion
             <svg width="16" height="16" data-name="minus-regular" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2 7.75C2 7.33579 2.33579 7 2.75 7L13.25 7C13.6642 7 14 7.33579 14 7.75C14 8.16421 13.6642 8.5 13.25 8.5H2.75C2.33579 8.5 2 8.16421 2 7.75Z" fill="currentColor"/>
 </svg>
-            `,iconPosition:"left"},styles:{headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"0px",bottom:"8px",right:"0px"}}},borderContent:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},widthHeightSize:{desktop:{width:"600px"}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[t,t,t]}]},{id:"accordion-2",name:{en:"Accordion"},icon:{desktop:`
+            `,iconPosition:"left"},styles:{headerContentPadding:{desktop:{padding:{type:"medium",top:"8px",left:"0px",bottom:"8px",right:"0px"}}},borderContent:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},widthHeightSize:{desktop:{width:"600px"}}},advanced:{margin:{bottom:"var(--g-s-l)"}},childrens:[t,t,t]}]},{id:"accordion-2",name:"Accordion",icon:{desktop:`
         <svg width="96" height="56" viewBox="0 0 96 56" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M0 3C0 1.34315 1.34315 0 3 0H93C94.6569 0 96 1.34315 96 3V10C96 11.6569 94.6569 13 93 13H3C1.34315 13 0 11.6569 0 10V3Z" fill="#333333"/>
 <g clip-path="url(#clip0_1355_8713)">