@gem-sdk/components 17.0.0-dev.28 → 17.0.0-staging.5

package/dist/esm/third-party-instant/configs/YotpoLoyalty.js

@@ -1 +1 @@
-var t={id:"instant-yotpo-loyalty",label:"Yotpo Loyalty",logoUrl:"https://ucarecdn.com/6e0d43dd-cfc2-446b-aa7a-34beb739a786/-/format/auto/-/preview/3000x3000/-/quality/lighter/Yotpo%20Loyalty%20&%20Rewards.png",tag:"InstantYotpoLoyalty"};export{t as default};
+var YotpoLoyaltyConfig={id:"instant-yotpo-loyalty",label:"Yotpo Loyalty",logoUrl:"https://ucarecdn.com/6e0d43dd-cfc2-446b-aa7a-34beb739a786/-/format/auto/-/preview/3000x3000/-/quality/lighter/Yotpo%20Loyalty%20&%20Rewards.png",tag:"InstantYotpoLoyalty"};export{YotpoLoyaltyConfig as default};

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

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"./components/Judgeme/SingleProduct.js";import"./components/Judgeme/WithoutProduct.js";export{default as InstantLooxReviews}from"./components/InstantLooxReviews.js";export{default as InstantKlaviyo}from"./components/InstantKlaviyo.js";export{default as InstantYotpoLoyalty}from"./components/InstantYotpoLoyalty.js";import t from"./settings/InstantJudgemeReviews/index.js";import o from"./settings/InstantLooxReviews/index.js";import n from"./settings/InstantKlaviyo/index.js";import e from"./settings/InstantYotpoLoyalty/index.js";let s={InstantJudgemeReviews:t,InstantLooxReviews:o,InstantKlaviyo:n,InstantYotpoLoyalty:e};export{s as thirdPartyInstantSetting};
+import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"./components/Judgeme/SingleProduct.js";import"./components/Judgeme/WithoutProduct.js";export{default as InstantLooxReviews}from"./components/InstantLooxReviews.js";export{default as InstantKlaviyo}from"./components/InstantKlaviyo.js";export{default as InstantYotpoLoyalty}from"./components/InstantYotpoLoyalty.js";import t from"./settings/InstantJudgemeReviews/index.js";import o from"./settings/InstantLooxReviews/index.js";import n from"./settings/InstantKlaviyo/index.js";import e from"./settings/InstantYotpoLoyalty/index.js";let thirdPartyInstantSetting={InstantJudgemeReviews:t,InstantLooxReviews:o,InstantKlaviyo:n,InstantYotpoLoyalty:e};export{thirdPartyInstantSetting};

package/dist/esm/third-party-instant/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let n=o(()=>import("./components/InstantJudgemeReviews.js"),{ssr:!1,loading:t}),s=o(()=>import("./components/InstantLooxReviews.js"),{ssr:!1,loading:t}),r=o(()=>import("./components/InstantKlaviyo.js"),{ssr:!1,loading:t}),m=o(()=>import("./components/InstantYotpoLoyalty.js"),{ssr:!1,loading:t});var e={InstantJudgemeReviews:n,InstantLooxReviews:s,InstantKlaviyo:r,InstantYotpoLoyalty:m};export{e as default};
+import t from"next/dynamic";import o from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let InstantJudgemeReviews=t(()=>import("./components/InstantJudgemeReviews.js"),{ssr:!1,loading:o}),InstantLooxReviews=t(()=>import("./components/InstantLooxReviews.js"),{ssr:!1,loading:o}),InstantKlaviyo=t(()=>import("./components/InstantKlaviyo.js"),{ssr:!1,loading:o}),InstantYotpoLoyalty=t(()=>import("./components/InstantYotpoLoyalty.js"),{ssr:!1,loading:o});var thirdPartyInstant={InstantJudgemeReviews,InstantLooxReviews,InstantKlaviyo,InstantYotpoLoyalty};export{thirdPartyInstant as default};

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

@@ -1 +1 @@
-let e=[{id:"setting",controls:[{id:"script",label:"Widget Script",type:"group",controls:[{id:"publicToken",label:"Judge.me Public Token",type:"input",hyperlinkInfo:{hyperlinkText:"How to get Judge.me Public Token?",modal:"judge_reviews",link:"https://help.gempages.net/articles/how-to-get-judgeme-public-token"}}]},{id:"widgetType",label:"Widget Type",type:"select",default:"reviews_carousel",options:[{label:"Single Product Preview Badge",value:"single_product_preview_badge",flowTag:["Product"]},{label:"Reviews Widget",value:"review_widget",flowTag:["Product"]},{label:"Reviews Carousel",value:"reviews_carousel"},{label:"All Reviews Widget",value:"all_reviews_widget"},{label:"All Reviews Text",value:"all_reviews_text"}],info:"For the full widget configuration, please go to the settings area of the Judge.me Product Reviews application"}]},{id:"style",controls:[{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"}}}]}];export{e as InstantJudgemeReviewsSettings};
+let InstantJudgemeReviewsSettings=[{id:"setting",controls:[{id:"script",label:"Widget Script",type:"group",controls:[{id:"publicToken",label:"Judge.me Public Token",type:"input",hyperlinkInfo:{hyperlinkText:"How to get Judge.me Public Token?",modal:"judge_reviews",link:"https://help.gempages.net/articles/how-to-get-judgeme-public-token"}}]},{id:"widgetType",label:"Widget Type",type:"select",default:"reviews_carousel",options:[{label:"Single Product Preview Badge",value:"single_product_preview_badge",flowTag:["Product"]},{label:"Reviews Widget",value:"review_widget",flowTag:["Product"]},{label:"Reviews Carousel",value:"reviews_carousel"},{label:"All Reviews Widget",value:"all_reviews_widget"},{label:"All Reviews Text",value:"all_reviews_text"}],info:"For the full widget configuration, please go to the settings area of the Judge.me Product Reviews application"}]},{id:"style",controls:[{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"}}}]}];export{InstantJudgemeReviewsSettings};

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

@@ -1 +1 @@
-let e=[{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"}}]}];export{e as default};
+let 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"}}]}];export{SettingUIV2 as default};

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

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

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

@@ -1 +1 @@
-let e=[{id:"setting",controls:[{id:"klaviyoCodes",type:"klaviyoCodes"}]},{id:"style",controls:[{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"}}}]}];export{e as InstantKlaviyoSettings};
+let InstantKlaviyoSettings=[{id:"setting",controls:[{id:"klaviyoCodes",type:"klaviyoCodes"}]},{id:"style",controls:[{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"}}}]}];export{InstantKlaviyoSettings};

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

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

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

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

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

@@ -1 +1 @@
-let e=[{id:"setting",controls:[{id:"widgetType",label:"Widget Type",type:"select",default:"reviews_widget_all_stores",options:[{label:"Product Reviews Widget",value:"product_reviews_widget",flowTag:["Product"]},{label:"All Stores Reviews Widget",value:"reviews_widget_all_stores"},{label:"Product Star Ratings Widget",value:"product_star_ratings_widget",flowTag:["Product"]},{label:"Loox Cards Carousel Widget",value:"carousel_widget",flowTag:["Product"]}]}]},{id:"style",controls:[{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"}}}]}];export{e as InstantLooxReviewsSettings};
+let InstantLooxReviewsSettings=[{id:"setting",controls:[{id:"widgetType",label:"Widget Type",type:"select",default:"reviews_widget_all_stores",options:[{label:"Product Reviews Widget",value:"product_reviews_widget",flowTag:["Product"]},{label:"All Stores Reviews Widget",value:"reviews_widget_all_stores"},{label:"Product Star Ratings Widget",value:"product_star_ratings_widget",flowTag:["Product"]},{label:"Loox Cards Carousel Widget",value:"carousel_widget",flowTag:["Product"]}]}]},{id:"style",controls:[{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"}}}]}];export{InstantLooxReviewsSettings};

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

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

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

@@ -1 +1 @@
-let t=[{id:"setting",controls:[{id:"yotpoLoyaltyCodes",type:"yotpoLoyaltyCodes"}]},{id:"style",controls:[{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"}}}]}];export{t as InstantYotpoLoyaltySettings};
+let InstantYotpoLoyaltySettings=[{id:"setting",controls:[{id:"yotpoLoyaltyCodes",type:"yotpoLoyaltyCodes"}]},{id:"style",controls:[{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"}}}]}];export{InstantYotpoLoyaltySettings};

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

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

package/dist/esm/third-party-instant/types.js

@@ -1 +1 @@
-let _="https://cdn.judge.me/widget_preloader.js",E="https://cdn.judge.me/assets/installed.js",e="https://cdnwidget.judge.me/widget_preloader.js",d="judge_widget_preloader",D="judge_widget_preloader_v2",I="judge_installed",R="judge_public_token";export{I as JUDGEME_REVIEWS_INSTALLED_JS_ID,E as JUDGEME_REVIEWS_INSTALLED_JS_URL,R as JUDGEME_REVIEWS_PUBLIC_TOKEN_JS_ID,d as JUDGEME_REVIEWS_WIDGET_PRELOADER_JS_ID,D as JUDGEME_REVIEWS_WIDGET_PRELOADER_JS_I_V2,_ as JUDGEME_REVIEWS_WIDGET_PRELOADER_JS_URL,e as JUDGEME_REVIEWS_WIDGET_PRELOADER_JS_URL_V2};
+let JUDGEME_REVIEWS_WIDGET_PRELOADER_JS_URL="https://cdn.judge.me/widget_preloader.js",JUDGEME_REVIEWS_INSTALLED_JS_URL="https://cdn.judge.me/assets/installed.js",JUDGEME_REVIEWS_WIDGET_PRELOADER_JS_URL_V2="https://cdnwidget.judge.me/widget_preloader.js",JUDGEME_REVIEWS_WIDGET_PRELOADER_JS_ID="judge_widget_preloader",JUDGEME_REVIEWS_WIDGET_PRELOADER_JS_I_V2="judge_widget_preloader_v2",JUDGEME_REVIEWS_INSTALLED_JS_ID="judge_installed",JUDGEME_REVIEWS_PUBLIC_TOKEN_JS_ID="judge_public_token";export{JUDGEME_REVIEWS_INSTALLED_JS_ID,JUDGEME_REVIEWS_INSTALLED_JS_URL,JUDGEME_REVIEWS_PUBLIC_TOKEN_JS_ID,JUDGEME_REVIEWS_WIDGET_PRELOADER_JS_ID,JUDGEME_REVIEWS_WIDGET_PRELOADER_JS_I_V2,JUDGEME_REVIEWS_WIDGET_PRELOADER_JS_URL,JUDGEME_REVIEWS_WIDGET_PRELOADER_JS_URL_V2};

package/dist/esm/third-party-slot/common/classes.js

@@ -1 +1 @@
-let e=()=>r("third-party-slot gp-bg-[#f4f4f4] gp-border gp-border-[#D6D6D6] gp-flex gp-h-[56px] gp-w-full gp-items-center gp-justify-center gp-border-box"),t=()=>r("gp-h-[28px] gp-overflow-hidden gp-whitespace-nowrap gp-flex gp-justify-center gp-items-center gp-gap-2"),p=()=>r("gp-font-[Inter] gp-text-[14px] gp-text-[#212121] gp-font-semibold gp-leading-[24px]");function r(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}export{r as composeClasses,t as getClassIconThirdPartyContainer,p as getClassTextThirdPartyContainer,e as getClassThirdPartyContainer};
+let getClassThirdPartyContainer=()=>composeClasses("third-party-slot gp-bg-[#f4f4f4] gp-border gp-border-[#D6D6D6] gp-flex gp-h-[56px] gp-w-full gp-items-center gp-justify-center gp-border-box"),getClassIconThirdPartyContainer=()=>composeClasses("gp-h-[28px] gp-overflow-hidden gp-whitespace-nowrap gp-flex gp-justify-center gp-items-center gp-gap-2"),getClassTextThirdPartyContainer=()=>composeClasses("gp-font-[Inter] gp-text-[14px] gp-text-[#212121] gp-font-semibold gp-leading-[24px]");function composeClasses(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}export{composeClasses,getClassIconThirdPartyContainer,getClassTextThirdPartyContainer,getClassThirdPartyContainer};

package/dist/esm/third-party-slot/common/helpers.js

@@ -1,10 +1,10 @@
-import{template as e}from"@gem-sdk/core";import{createClass as i}from"@gem-sdk/system";import{composeClasses as s}from"./classes.js";let l=`
+import{template as e}from"@gem-sdk/core";import{createClass as i}from"@gem-sdk/system";import{composeClasses as s}from"./classes.js";let ICON_SHOPIFY_SLOT=`
   <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M19.6475 5.16194C19.6416 5.1148 19.6197 5.0713 19.5857 5.03911C19.5516 5.00692 19.5076 4.9881 19.4614 4.98597C19.3835 4.98597 17.8469 4.95397 17.8469 4.95397C17.8469 4.95397 16.5588 3.67419 16.4342 3.5311C16.3104 3.40312 16.0619 3.43512 15.9684 3.46711L15.3166 3.67508C15.2361 3.40491 15.1323 3.14259 15.0067 2.89121C14.5566 1.99536 13.8727 1.51544 13.0659 1.51544C13.0044 1.51544 12.9577 1.51544 12.8954 1.53144C12.8642 1.49945 12.8486 1.46745 12.8175 1.45145C12.4608 1.06752 12.0107 0.875552 11.467 0.891549C10.4282 0.923543 9.38772 1.70741 8.53419 3.08318C7.94467 4.05901 7.49453 5.27392 7.3543 6.21776C6.15969 6.6017 5.32087 6.87365 5.29057 6.87365C4.68461 7.06562 4.66903 7.08161 4.59199 7.67351C4.56082 8.12144 2.97754 20.7415 2.97754 20.7415L16.2636 23.1091L22.022 21.6374C22.0064 21.6374 19.6631 5.27392 19.6475 5.16194ZM14.6492 3.89904C14.3062 4.00572 13.9648 4.11772 13.6251 4.23498C13.6251 3.69108 13.5472 2.92321 13.3143 2.28331C14.1064 2.41129 14.4942 3.33914 14.6492 3.89904ZM12.9265 4.44206C12.2279 4.66602 11.4679 4.90598 10.707 5.14594C10.9243 4.29808 11.3277 3.46623 11.8245 2.90632C12.033 2.66965 12.2863 2.47913 12.569 2.34641C12.8806 2.9712 12.9421 3.85105 12.9265 4.44206ZM11.4982 1.61143C11.7466 1.61143 11.9483 1.65942 12.1197 1.7874C11.8127 1.95192 11.5387 2.17444 11.3121 2.44329C10.6455 3.17916 10.1331 4.31408 9.93135 5.4179C9.29423 5.62586 8.67356 5.81783 8.11521 5.9938C8.48744 4.25009 9.89933 1.65942 11.4982 1.61143Z" fill="#95BF47"/>
     <path d="M19.4652 4.94733C19.3856 4.94733 17.816 4.91527 17.816 4.91527C17.816 4.91527 16.4986 3.63266 16.3721 3.48837C16.3266 3.43975 16.264 3.41098 16.1978 3.4082V23.1096L22.0833 21.6346L19.6714 5.12369C19.6404 5.01147 19.5448 4.94733 19.4652 4.94733Z" fill="#5E8E3E"/>
     <path d="M13.5575 8.51577L12.8029 10.8908C12.8029 10.8908 11.9602 10.5663 10.9599 10.6253C9.48595 10.6991 9.48595 11.4809 9.48595 11.6727C9.57404 12.7348 12.89 12.9709 13.0828 15.4631C13.2238 17.4251 11.8545 18.7675 9.85396 18.8708C7.46778 18.9733 6.15137 17.7939 6.15137 17.7939L6.66032 15.9794C6.66032 15.9794 7.99435 16.8203 9.0465 16.7613C9.73162 16.7318 9.9949 16.245 9.95967 15.9204C9.85396 14.5337 7.15165 14.6223 6.97645 12.3365C6.83551 10.4188 8.32712 8.48626 11.6265 8.30924C12.9076 8.23548 13.5575 8.51577 13.5575 8.51577Z" fill="white"/>
   </svg>
-`,d=({setting:l,type:d,componentsEditorMode:r})=>{if("react"===d)return r;let o=i(s("third-party-slot gp-w-full")),t=i(s("gp-hidden"));return e`
+`,renderThirdPartySlot=({setting:l,type:d,componentsEditorMode:r})=>{if("react"===d)return r;let o=i(s("third-party-slot gp-w-full")),t=i(s("gp-hidden"));return e`
       {% assign app_blocks = section.blocks | where: "type", "@app" %}
 
       {% assign filtered_block_ids_string = '' %}
@@ -37,4 +37,4 @@ import{template as e}from"@gem-sdk/core";import{createClass as i}from"@gem-sdk/s
       {% else %}
         <div class="${t}"></div>
       {% endif %}
-    `};export{l as ICON_SHOPIFY_SLOT,d as renderThirdPartySlot};
+    `};export{ICON_SHOPIFY_SLOT,renderThirdPartySlot};

package/dist/esm/third-party-slot/common/styles.js

@@ -1 +1 @@
-let e=()=>({"flex-flow":"row wrap"});export{e as getStyleIconThirdPartyContainer};
+let getStyleIconThirdPartyContainer=()=>({"flex-flow":"row wrap"});export{getStyleIconThirdPartyContainer};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as r,jsxs as t}from"react/jsx-runtime";import{getClassThirdPartyContainer as m,getClassIconThirdPartyContainer as o,getClassTextThirdPartyContainer as s}from"../common/classes.js";import{createClass as i,createStyle as d}from"@gem-sdk/system";import{renderThirdPartySlot as a,ICON_SHOPIFY_SLOT as l}from"../common/helpers.js";import{getStyleIconThirdPartyContainer as n}from"../common/styles.js";let c=c=>{let{setting:p,builderProps:h}=c,f=i(m()),y=i(o()),u=i(s()),j=d(n());return e(r,{children:a({setting:p,type:"react",componentsEditorMode:e("div",{"data-uid":h?.uid??"","data-index":p?.index,className:f,children:t("div",{className:y,style:j,children:[e("span",{dangerouslySetInnerHTML:{__html:l}}),e("div",{className:u,children:"Shopify App"})]})})})})};export{c as default};
+import{jsx as e,Fragment as r,jsxs as t}from"react/jsx-runtime";import{getClassThirdPartyContainer as o,getClassIconThirdPartyContainer as m,getClassTextThirdPartyContainer as s}from"../common/classes.js";import{createClass as i,createStyle as d}from"@gem-sdk/system";import{renderThirdPartySlot as a,ICON_SHOPIFY_SLOT as l}from"../common/helpers.js";import{getStyleIconThirdPartyContainer as n}from"../common/styles.js";let ThirdPartySlot=c=>{let{setting:p,builderProps:h}=c,y=i(o()),f=i(m()),u=i(s()),j=d(n());return e(r,{children:a({setting:p,type:"react",componentsEditorMode:e("div",{"data-uid":h?.uid??"","data-index":p?.index,className:y,children:t("div",{className:f,style:j,children:[e("span",{dangerouslySetInnerHTML:{__html:l}}),e("div",{className:u,children:"Shopify App"})]})})})})};export{ThirdPartySlot as default};

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

@@ -1,12 +1,12 @@
-import{getClassThirdPartyContainer as s,getClassIconThirdPartyContainer as o,getClassTextThirdPartyContainer as i}from"../common/classes.js";import{createClass as t,createStyle as d}from"@gem-sdk/system";import{renderThirdPartySlot as e,ICON_SHOPIFY_SLOT as m}from"../common/helpers.js";import{getStyleIconThirdPartyContainer as r}from"../common/styles.js";let a=a=>{let{setting:p,builderProps:l}=a,n=t(s()),c=t(o()),$=t(i()),f=d(r());return e({setting:p,type:"liquid",componentsEditorMode:`
+import{getClassThirdPartyContainer as s,getClassIconThirdPartyContainer as o,getClassTextThirdPartyContainer as t}from"../common/classes.js";import{createClass as i,createStyle as d}from"@gem-sdk/system";import{renderThirdPartySlot as e,ICON_SHOPIFY_SLOT as m}from"../common/helpers.js";import{getStyleIconThirdPartyContainer as r}from"../common/styles.js";let ThirdPartySlot=a=>{let{setting:l,builderProps:p}=a,n=i(s()),c=i(o()),y=i(t()),$=d(r());return e({setting:l,type:"liquid",componentsEditorMode:`
       <div
-        data-uid=${l?.uid??""}
-        data-index=${p?.index}
+        data-uid=${p?.uid??""}
+        data-index=${l?.index}
         class="${n}"
       >
-        <div class="${c}" style="${f}" >
+        <div class="${c}" style="${$}" >
           <span>${m}</span>
-          <div class="${$}">Shopify App</div>
+          <div class="${y}">Shopify App</div>
         </div>
       </div>
-    `})};export{a as default};
+    `})};export{ThirdPartySlot as default};

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

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/system";import"@gem-sdk/core";import t from"./settings/ThirdPartySlot.js";let r={ThirdPartySlot:t};export{r as thirdPartySlotSetting};
+import"react/jsx-runtime";import"@gem-sdk/system";import"@gem-sdk/core";import t from"./settings/ThirdPartySlot.js";let thirdPartySlotSetting={ThirdPartySlot:t};export{thirdPartySlotSetting};

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

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

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

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

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

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

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

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

package/dist/esm/validates/background.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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