@gem-sdk/components 7.1.0 → 8.0.0-dev.106

package/dist/esm/stock-counter/components/StockCounter.liquid.js

@@ -1,70 +1,70 @@
-import{composeClasses as s,template as t,RenderIf as e,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getDynamicSourceLocales as o,getSettingPreloadData as a}from"../../helpers.js";import{getInlineCss as r,getLiquidInitData as c,getLiquidTextContent as d,getTextDisplayData as $}from"../common/helpers.js";import{getProgressBarClasses as n,getContainerClasses as p,getLiquidTagClasses as u,getWrapperIconClasses as m,getIconClasses as v,getOuterIconClasses as g,getWrapperClasses as f,getTextClasses as k}from"../common/classes.js";import{getProgressBarStyles as y,getContainerStyles as S,getWrapperStyles as b,getIconStyles as I,getTextStyles as O}from"../common/styles.js";import{getLiquidTagAttrs as _,getLiquidProgressBarAttrs as j,getLiquidTextAttrs as h,getIconAttrs as V}from"../common/attrs.js";import{createAttr as E,createClass as M,createStyle as A,LiquidIf as C}from"@gem-sdk/system";let StockCounter=({setting:G,styles:Q,style:R,advanced:x,builderProps:N,pageContext:P})=>{let{borderRadius:T}=Q??{},{showIcon:q,icon:w,oosIcon:z,layout:B="full",template:D,outOfStockMessage:F,continueSelling:H,unlimitedQuantityMessage:J}=G??{},K=r(N?.uid,T),L="progress-bar"!==B,U=o({val:D,uid:N?.uid,settingId:"template",pageContext:P,translate:G?.translate,isReplaceInventoryQuantity:!0}),W=o({val:F,uid:N?.uid,settingId:"outOfStockMessage",pageContext:P,translate:G?.translate}),X=o({val:H,uid:N?.uid,settingId:"continueSelling",pageContext:P,translate:G?.translate}),Y=o({val:J,uid:N?.uid,settingId:"unlimitedQuantityMessage",pageContext:P,translate:G?.translate}),Z=E({..._(N,G,Q)}),ss=M({...s("gp-stock-counter-progress gp-mt-2 data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...n(Q)}),st=A({...y(Q,G)}),se=A({...S(Q)}),si=M({...p(G)}),sl=M({...u(x)}),so=A({...R}),sa=A({...b(Q)}),sr=c(G,Q),sc=d({templateStringDisplay:U,outOfStockMessageDisplay:W,continueSellingDisplay:X,unlimitedQuantityMessageDisplay:Y}),sd=M({...m(G)}),s$=M({...s("gp-stock-counter-icon data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...v(),...g()}),sn=M({...f(G)}),sp=s=>A({...I(Q,G,s)}),su=({isOutOfStockIcon:s,isVisible:t})=>E({...V(s,t)}),sm=E({...j()}),sv=M({...k(Q),...s("gp-stock-counter-mark")}),sg=s=>A({...O(Q,s)}),sf=E({...h()}),sk=$({templateStringDisplay:U,outOfStockMessageDisplay:W,continueSellingDisplay:X,unlimitedQuantityMessageDisplay:Y},Q);return t`
-    ${sr}
-    <gp-product-stock-counter ${{...Z}} class="${sl}"
-      style="${so}">
-      <div class="${sn}" style="${sa}">
-      <style>${K}</style>
+import{composeClasses as s,template as t,RenderIf as i,isLocalEnv as e,baseAssetURL as o}from"@gem-sdk/core";import{getDynamicSourceLocales as l,createSettingId as c,getSettingPreloadData as d}from"../../helpers.js";import{getInlineCss as r,getLiquidInitData as a,getLiquidTextContent as $,getTextDisplayData as p}from"../common/helpers.js";import{getProgressBarClasses as u,getContainerClasses as n,getLiquidTagClasses as m,getWrapperIconClasses as v,getIconClasses as g,getOuterIconClasses as f,getWrapperClasses as k,getTextClasses as y}from"../common/classes.js";import{getProgressBarStyles as S,getContainerStyles as b,getWrapperStyles as I,getIconStyles as O,getTextStyles as j}from"../common/styles.js";import{getLiquidTagAttrs as _,getLiquidProgressBarAttrs as h,getLiquidTextAttrs as V,getIconAttrs as E}from"../common/attrs.js";import{createAttr as C,createClass as M,createStyle as A,LiquidIf as G}from"@gem-sdk/system";import{StockCounter as Q}from"../settings/configs/translate.js";let StockCounter=({setting:R,styles:x,style:N,advanced:P,builderProps:T,pageContext:q})=>{let{borderRadius:w}=x??{},{showIcon:z,icon:B,oosIcon:D,layout:F="full",template:H,outOfStockMessage:J,continueSelling:K,unlimitedQuantityMessage:L}=R??{},U=r(T?.uid,w),W="progress-bar"!==F,X=l({val:H,uid:T?.uid,settingId:c({id:Q?.template?.id}),pageContext:q,isReplaceInventoryQuantity:!0}),Y=l({val:J,uid:T?.uid,settingId:c({id:Q?.outOfStockMessage?.id}),pageContext:q}),Z=l({val:K,uid:T?.uid,settingId:c({id:Q?.continueSelling?.id}),pageContext:q}),ss=l({val:L,uid:T?.uid,settingId:c({id:Q?.unlimitedQuantityMessage?.id}),pageContext:q}),st=C({..._(T,R,x)}),si=M({...s("gp-stock-counter-progress gp-mt-2 data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...u(x)}),se=A({...S(x,R)}),so=A({...b(x)}),sl=M({...n(R)}),sc=M({...m(P)}),sd=A({...N}),sr=A({...I(x)}),sa=a(R,x),s$=$({templateStringDisplay:X,outOfStockMessageDisplay:Y,continueSellingDisplay:Z,unlimitedQuantityMessageDisplay:ss}),sp=M({...v(R)}),su=M({...s("gp-stock-counter-icon data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...g(),...f()}),sn=M({...k(R)}),sm=s=>A({...O(x,R,s)}),sv=({isOutOfStockIcon:s,isVisible:t})=>C({...E(s,t)}),sg=C({...h()}),sf=M({...y(x),...s("gp-stock-counter-mark")}),sk=s=>A({...j(x,s)}),sy=C({...V()}),sS=p({templateStringDisplay:X,outOfStockMessageDisplay:Y,continueSellingDisplay:Z,unlimitedQuantityMessageDisplay:ss},x);return t`
+    ${sa}
+    <gp-product-stock-counter ${{...st}} class="${sc}"
+      style="${sd}">
+      <div class="${sn}" style="${sr}">
+      <style>${U}</style>
         <div
-          class="${si}"
-          style="${se}"
+          class="${sl}"
+          style="${so}"
         >
-          <div class="${sd}">
-            ${e(q,t`
-              ${C("is_out_of_stock",t`<div
-                    ${{...su({isOutOfStockIcon:!0,isVisible:!0})}}
-                    class="${s$}"
-                    style="${sp(!0)}"
+          <div class="${sp}">
+            ${i(z,t`
+              ${G("is_out_of_stock",t`<div
+                    ${{...sv({isOutOfStockIcon:!0,isVisible:!0})}}
+                    class="${su}"
+                    style="${sm(!0)}"
                   >
-                    ${z}
+                    ${D}
                   </div>
               <div
-                    ${{...su({isOutOfStockIcon:!1,isVisible:!1})}}
+                    ${{...sv({isOutOfStockIcon:!1,isVisible:!1})}}
                      data-slot-type="false"
-                    class="${s$}"
-                    style="${sp(!1)}"
+                    class="${su}"
+                    style="${sm(!1)}"
                 >
-                  ${w}
+                  ${B}
                 </div>`,t` <div
-                    ${{...su({isOutOfStockIcon:!0,isVisible:!1})}}
-                    class="${s$}"
-                    style="${sp(!0)}"
+                    ${{...sv({isOutOfStockIcon:!0,isVisible:!1})}}
+                    class="${su}"
+                    style="${sm(!0)}"
                 >
-                  ${z}
+                  ${D}
               </div>
               <div
-                    ${{...su({isOutOfStockIcon:!1,isVisible:!0})}}
-                    class="${s$}"
-                    style="${sp(!1)}"
+                    ${{...sv({isOutOfStockIcon:!1,isVisible:!0})}}
+                    class="${su}"
+                    style="${sm(!1)}"
                 >
-                  ${w}
+                  ${B}
                 </div>`)}
             `)}
-            ${sk}
-            ${e(L,t`
-              ${C("is_out_of_stock",t`<p
-                ${{...sf}}
-                class="${sv}"
-                style="${sg(!0)}"
+            ${sS}
+            ${i(W,t`
+              ${G("is_out_of_stock",t`<p
+                ${{...sy}}
+                class="${sf}"
+                style="${sk(!0)}"
               >
-                ${sc}
+                ${s$}
               </p>`,t`<p
-                ${{...sf}}
-                class="${sv}"
-                style="${sg(!1)}"
+                ${{...sy}}
+                class="${sf}"
+                style="${sk(!1)}"
               >
-                ${sc}
+                ${s$}
               </p>`)}
               `)}
 
           </div>
 
           <div
-            ${{...sm}}
-            style="${st}"
-            class="${ss}"
+            ${{...sg}}
+            style="${se}"
+            class="${si}"
           ></div>
         </div>
         </div>
       </gp-product-stock-counter>
-      ${e(i,`<script ${a('class="gps-link" delay',"src")}="{{ 'gp-product-stock-counter-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a('class="gps-link" delay',"src")}="${l}/assets-v2/gp-product-stock-counter-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+      ${i(e,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-stock-counter-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-stock-counter-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{StockCounter as default};

package/dist/esm/stock-counter/settings/configs/translate.js

@@ -0,0 +1 @@
+let StockCounter={template:{id:"template"},outOfStockMessage:{id:"outOfStockMessage"},continueSelling:{id:"continueSelling"},unlimitedQuantityMessage:{id:"unlimitedQuantityMessage"}};export{StockCounter};

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

@@ -1 +1 @@
-import{getStyleBackgroundByDevice as e,getGradientBgrStyleByDevice as t,makeStyleResponsive as l,makeWidth as r,makeStyle as o,getSingleColorVariable as a,getGlobalColorStateStyle as i,handleConvertBorderStyle as n,handleConvertBorderWidth as b,handleConvertBorderColor as c,filterHoverVariables as m}from"@gem-sdk/core";import{filterTruthyStyles as s}from"../../helpers.js";import{getStyleWidthByPositionResponsive as p}from"./helpers.js";let getStyleWrapper=(o,a)=>{let{background:i,containWidth:n,align:b}=o??{},c={...a,...e(i),...t(i,{desktop:!0,tablet:!0,mobile:!0}),...l("w",r(n)),...l("as",b)};return s(c)},getTabListStyle=e=>{let{panelAlign:t}=e??{},r={...l("jc",t),...l("w",{desktop:"100%",tablet:"100%",mobile:"100%"})};return s(r)},getItemStyle=(e,t)=>{let{labelColor:r,labelBgColor:g,borderTab:d,labelAlign:y,enableActiveEffect:S,panelWidth:v,position:h,panelFullWidth:u,labelWidth:w}=e??{},j={},T=!0===S||void 0===S;return j={...j=t&&T?{...l("jc",y),...o({c:a(r?.active??r?.normal),bgc:a(g?.active??g?.normal),bs:d?.active?.border??d?.normal?.border,bw:d?.active?.width??d?.normal?.width,bc:a(d?.active?.color??d?.normal?.color)})}:{...l("jc",y),...i("c",r),...i("bgc",g),...n(d),...b(d),...c(d)},...l("w",p({position:h,panelFullWidth:u,panelWidth:v,labelWidth:w}))},e?.enableHoverEffect||(j=m(j)),s(j)},getTabParentListStyle=e=>{let{panelAlign:t,panelAlignVertical:r}=e??{},o={...l("jc",t),...l("ai",r)};return s(o)},getContainContentStyle=()=>{let e={};return o({w:"100%"})&&(e={...o({w:"100%"})}),s(e)},getTabItemStyle=(e,t)=>{let l={...e,...o({h:"100%",v:t?"visible":"hidden",pos:t?"relative":"absolute"})};return s(l)};export{getContainContentStyle,getItemStyle,getStyleWrapper,getTabItemStyle,getTabListStyle,getTabParentListStyle};
+import{getStyleBackgroundByDevice as e,getGradientBgrStyleByDevice as t,makeStyleResponsive as r,makeWidth as l,makeStyle as a,getSingleColorVariable as o,getGlobalColorStateStyle as i,handleConvertBorderStyle as n,handleConvertBorderWidth as s,handleConvertBorderColor as b,filterHoverVariables as c}from"@gem-sdk/core";import{getBackgroundTranslated as m,filterTruthyStyles as g}from"../../helpers.js";import{getStyleWidthByPositionResponsive as d}from"./helpers.js";import{Tabs as p}from"../settings/configs/translate.js";let getStyleWrapper=({setting:a,style:o,uid:i,pageContext:n,type:s="React"})=>{let{background:b,containWidth:c,align:d}=a??{},y="Liquid"===s?m({background:b,uid:i,enableTranslate:!!p?.background?.id,pageContext:n,isTranslateVideo:!1}):b,S={...o,...e(y),...t(y,{desktop:!0,tablet:!0,mobile:!0}),...r("w",l(c)),...r("as",d)};return g(S)},getTabListStyle=e=>{let{panelAlign:t}=e??{},l={...r("jc",t),...r("w",{desktop:"100%",tablet:"100%",mobile:"100%"})};return g(l)},getItemStyle=(e,t)=>{let{labelColor:l,labelBgColor:m,borderTab:p,labelAlign:y,enableActiveEffect:S,panelWidth:u,position:v,panelFullWidth:h,labelWidth:w}=e??{},T={},f=!0===S||void 0===S;return T={...T=t&&f?{...r("jc",y),...a({c:o(l?.active??l?.normal),bgc:o(m?.active??m?.normal),bs:p?.active?.border??p?.normal?.border,bw:p?.active?.width??p?.normal?.width,bc:o(p?.active?.color??p?.normal?.color)})}:{...r("jc",y),...i("c",l),...i("bgc",m),...n(p),...s(p),...b(p)},...r("w",d({position:v,panelFullWidth:h,panelWidth:u,labelWidth:w}))},e?.enableHoverEffect||(T=c(T)),g(T)},getTabParentListStyle=e=>{let{panelAlign:t,panelAlignVertical:l}=e??{},a={...r("jc",t),...r("ai",l)};return g(a)},getContainContentStyle=()=>{let e={};return a({w:"100%"})&&(e={...a({w:"100%"})}),g(e)},getTabItemStyle=(e,t)=>{let r={...e,...a({h:"100%",v:t?"visible":"hidden",pos:t?"relative":"absolute"})};return g(r)};export{getContainContentStyle,getItemStyle,getStyleWrapper,getTabItemStyle,getTabListStyle,getTabParentListStyle};

package/dist/esm/tab/components/Tabs.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{filterToolbarPreview as t}from"@gem-sdk/core";import{Children as i,isValidElement as l}from"react";import{useTab as r}from"../hooks/useTab.js";import{createAttr as m,createStyle as a,createClass as o}from"@gem-sdk/system";import{getAttr as d,getAttrContent as c}from"../common/attrs.js";import p from"../../text/components/Text.js";import{getStyleWrapper as n,getTabParentListStyle as u,getTabListStyle as h,getContainContentStyle as y,getItemStyle as f}from"../common/styles.js";import{getClassesWrapper as x,getContainClasses as N,getStyleTagClasses as v,getTabParentListClasses as g,getTabListClasses as j,getWrapperContentClasses as b,getContainContentClasses as k,getTextClasses as T,getItemClasses as C}from"../common/classes.js";let Tabs=$=>{let{builderAttrs:q,builderProps:A,style:W,setting:F,advanced:I,children:L}=$,{cssClass:S}=I??{},{panelWidth:U,childItem:w,labelAlign:z,labelTypo:B,labelTypoV2:D}=F??{},{currentDevice:E,productID:G,dispatchEventTabActive:H,activeTab:J,setActiveKey:K,refContainer:M}=r(F,A);F&&!F?.labelWidth&&(F.labelWidth={desktop:"200px"});let O=m({...d({uid:A?.uid||""})}),P=a({...n(F,W)}),Q=o({...x({builderProps:A,advancedCssClass:S})}),R=o({...N({setting:F})}),V=v({panelWidth:U,builderProps:A}),X=o({...g()}),Y=a({...u(F)}),Z=o({...j({setting:F})}),_=a({...h(F)}),ee=e=>o({...C({setting:F,isNotLiquid:!0,isActive:e,currentDevice:E})}),es=e=>a({...f(F,e)}),et=i.map(L,e=>e?.props?.uid),ei=o({...b()}),el=o({...k()}),er=a({...y()}),em=o({...T()}),ea=m({...c({uid:A?.uid||""})}),eo=()=>w?.map((e,t)=>{let i=J==t;return s("li",{"aria-hidden":!0,className:ee(i),style:es(i),onClick:()=>{K(t),H(t)},children:s(p,{className:em,styles:{typo:D,typography:B,textAlign:z},setting:{text:e,htmlTag:"div",excludeFlex:!0,options:{useState:!0,uniqueId:G?`${et?.[t]}-${G}`:`${et?.[t]}`,productID:G}}})},et&&et[t])}),ed=()=>i.map(t(L),(e,t)=>l(e)?s(e.type,{...e.props,isActive:t==J,parentUid:A?.uid}):null);return e("div",{ref:M,...q,...O,style:P,className:Q,children:[s("style",{children:V}),e("div",{className:R,children:[s("div",{className:X,style:Y,children:s("ul",{className:Z,style:_,children:eo()})}),s("div",{className:ei,children:s("div",{...ea,className:el,style:er,children:ed()})})]}),t(L,!0)]})};export{Tabs as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{filterToolbarPreview as t}from"@gem-sdk/core";import{Children as i,isValidElement as l}from"react";import{useTab as r}from"../hooks/useTab.js";import{createAttr as a,createStyle as m,createClass as o}from"@gem-sdk/system";import{getAttr as d,getAttrContent as c}from"../common/attrs.js";import p from"../../text/components/Text.js";import{getStyleWrapper as n,getTabParentListStyle as u,getTabListStyle as h,getContainContentStyle as y,getItemStyle as f}from"../common/styles.js";import{getClassesWrapper as x,getContainClasses as N,getStyleTagClasses as g,getTabParentListClasses as v,getTabListClasses as j,getWrapperContentClasses as b,getContainContentClasses as k,getTextClasses as C,getItemClasses as T}from"../common/classes.js";let Tabs=$=>{let{builderAttrs:q,builderProps:A,style:W,setting:F,advanced:I,children:L}=$,{cssClass:S}=I??{},{panelWidth:U,childItem:w,labelAlign:z,labelTypo:B,labelTypoV2:D}=F??{},{currentDevice:E,productID:G,dispatchEventTabActive:H,activeTab:J,setActiveKey:K,refContainer:M}=r(F,A);F&&!F?.labelWidth&&(F.labelWidth={desktop:"200px"});let O=a({...d({uid:A?.uid||""})}),P=m({...n({setting:F,style:W,uid:A?.uid,pageContext:$.pageContext})}),Q=o({...x({builderProps:A,advancedCssClass:S})}),R=o({...N({setting:F})}),V=g({panelWidth:U,builderProps:A}),X=o({...v()}),Y=m({...u(F)}),Z=o({...j({setting:F})}),_=m({...h(F)}),ee=e=>o({...T({setting:F,isNotLiquid:!0,isActive:e,currentDevice:E})}),es=e=>m({...f(F,e)}),et=i.map(L,e=>e?.props?.uid),ei=o({...b()}),el=o({...k()}),er=m({...y()}),ea=o({...C()}),em=a({...c({uid:A?.uid||""})}),eo=()=>w?.map((e,t)=>{let i=J==t;return s("li",{"aria-hidden":!0,className:ee(i),style:es(i),onClick:()=>{K(t),H(t)},children:s(p,{className:ea,styles:{typo:D,typography:B,textAlign:z},setting:{text:e,htmlTag:"div",excludeFlex:!0,options:{useState:!0,uniqueId:G?`${et?.[t]}-${G}`:`${et?.[t]}`,productID:G}}})},et&&et[t])}),ed=()=>i.map(t(L),(e,t)=>l(e)?s(e.type,{...e.props,isActive:t==J,parentUid:A?.uid}):null);return e("div",{ref:M,...q,...O,style:P,className:Q,children:[s("style",{children:V}),e("div",{className:R,children:[s("div",{className:X,style:Y,children:s("ul",{className:Z,style:_,children:eo()})}),s("div",{className:ei,children:s("div",{...em,className:el,style:er,children:ed()})})]}),t(L,!0)]})};export{Tabs as default};

package/dist/esm/tab/components/Tabs.liquid.js

@@ -1,36 +1,36 @@
-import{template as e,WrapRenderChildren as t,RenderChildren as s,RenderIf as l,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as r,getSettingPreloadData as d}from"../../helpers.js";import{createStateOrContext as o,createAttr as c,createStyle as p,createClass as m}from"@gem-sdk/system";import{getAttr as $,getAttrContent as n}from"../common/attrs.js";import y from"../../text/components/Text.liquid.js";import{getStyleWrapper as u,getTabParentListStyle as v,getTabListStyle as g,getContainContentStyle as f,getItemStyle as h}from"../common/styles.js";import{getClassesWrapper as b,getContainClasses as x,getStyleTagClasses as j,getTabParentListClasses as T,getTabListClasses as k,getWrapperContentClasses as A,getContainContentClasses as K,getTextClasses as S,getItemClasses as C}from"../common/classes.js";let Tabs=I=>{let{builderProps:E,style:N,setting:V,advanced:P,rawChildren:_}=I;delete V?.labelTypoV2?.attrs?.color;let{cssClass:q}=P??{},{panelWidth:z,childItem:F,labelAlign:G,labelTypo:O,labelTypoV2:W}=V??{},J=o({setting:V,builderProps:E}),L=void 0;V&&!V?.labelWidth&&(V.labelWidth={desktop:"200px"});let M=c({...$({uid:E?.uid||""})}),R=p({...u(V,N)}),U=m({...b({builderProps:E,advancedCssClass:q})}),w=m({...x({setting:V})}),B=j({panelWidth:z,builderProps:E}),D=m({...T()}),H=p({...v(V)}),Q=m({...k({setting:V})}),X=p({...g(V)}),Y=e=>m({...C({setting:V,isNotLiquid:!1,isActive:e,currentDevice:L})}),Z=e=>p({...h(V,e)}),ee=m({...A()}),et=m({...K()}),es=p({...f()}),el=c({...n({uid:E?.uid||""})}),ei=m({...S()}),ea=()=>F?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,s)=>{let l=(V?.activeKey??0)<0||(V?.activeKey??0)>=(V?.childItem??[]).length?0===s:s===V?.activeKey,i=r({val:t,uid:E?.uid,settingId:`childItem_${s}`,pageContext:I.pageContext,isCapitalize:V?.labelTypoV2?.attrs?.transform==="capitalize",translate:V?.translate});return e`
+import{template as e,WrapRenderChildren as t,RenderChildren as s,RenderIf as i,isLocalEnv as l,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as d,createSettingId as r,getSettingPreloadData as o}from"../../helpers.js";import{createStateOrContext as p,createAttr as c,createStyle as m,createClass as n}from"@gem-sdk/system";import{getAttr as u,getAttrContent as y}from"../common/attrs.js";import $ from"../../text/components/Text.liquid.js";import{Tabs as g}from"../settings/configs/translate.js";import{getStyleWrapper as v,getTabParentListStyle as f,getTabListStyle as h,getContainContentStyle as x,getItemStyle as b}from"../common/styles.js";import{getClassesWrapper as j,getContainClasses as T,getStyleTagClasses as C,getTabParentListClasses as k,getTabListClasses as A,getWrapperContentClasses as K,getContainContentClasses as S,getTextClasses as I,getItemClasses as E}from"../common/classes.js";let Tabs=N=>{let{builderProps:V,style:q,setting:P,advanced:z,rawChildren:F}=N;delete P?.labelTypoV2?.attrs?.color;let{cssClass:G}=z??{},{panelWidth:L,childItem:O,labelAlign:W,labelTypo:_,labelTypoV2:J}=P??{},M=p({setting:P,builderProps:V}),R=void 0;P&&!P?.labelWidth&&(P.labelWidth={desktop:"200px"});let U=c({...u({uid:V?.uid||""})}),w=m({...v({setting:P,style:q,uid:V?.uid,pageContext:N.pageContext,type:"Liquid"})}),B=n({...j({builderProps:V,advancedCssClass:G})}),D=n({...T({setting:P})}),H=C({panelWidth:L,builderProps:V}),Q=n({...k()}),X=m({...f(P)}),Y=n({...A({setting:P})}),Z=m({...h(P)}),ee=e=>n({...E({setting:P,isNotLiquid:!1,isActive:e,currentDevice:R})}),et=e=>m({...b(P,e)}),es=n({...K()}),ei=n({...S()}),el=m({...x()}),ea=c({...y({uid:V?.uid||""})}),ed=n({...I()}),er=()=>O?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,s)=>{let i=(P?.activeKey??0)<0||(P?.activeKey??0)>=(P?.childItem??[]).length?0===s:s===P?.activeKey,l=d({val:t,uid:V?.uid,settingId:r({id:g?.childItem?.id,index:s}),pageContext:N.pageContext,isCapitalize:P?.labelTypoV2?.attrs?.transform==="capitalize"});return e`
       <li
         aria-hidden
-        class="${Y(l)}"
-        style="${Z(l)}"
-        key="${E?.uid}"
+        class="${ee(i)}"
+        style="${et(i)}"
+        key="${V?.uid}"
 
       >
-        ${y({className:ei,styles:{typo:W,typography:O,textAlign:G},setting:{text:i,htmlTag:"div",excludeFlex:!0,isForceValue:!0}})}
+        ${$({className:ed,styles:{typo:J,typography:_,textAlign:W},setting:{text:l,htmlTag:"div",excludeFlex:!0,isForceValue:!0}})}
       </li>
-    `}).join(""),er=()=>t({uid:E?.uid||"",customProps:_?.[0].customProps},_?.map((t,l)=>{let i=(V?.activeKey??0)<0||(V?.activeKey??0)>=(V?.childItem??[]).length?0===l:l===V?.activeKey;return t?e`${s({...t,parentUid:E?.uid,isActive:i})}`:""})),ed=()=>l(i,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-tab-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${a}/assets-v2/gp-tab-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return e`
+    `}).join(""),eo=()=>t({uid:V?.uid||"",customProps:F?.[0].customProps},F?.map((t,i)=>{let l=(P?.activeKey??0)<0||(P?.activeKey??0)>=(P?.childItem??[]).length?0===i:i===P?.activeKey;return t?e`${s({...t,parentUid:V?.uid,isActive:l})}`:""})),ep=()=>i(l,`<script ${o('class="gps-link" delay',"src")}="{{ 'gp-tab-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${o('class="gps-link" delay',"src")}="${a}/assets-v2/gp-tab-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return e`
     <gp-tab
-      ${{...M}}
-      style="${R}"
-      class="${U}"
-      gp-data='${JSON.stringify(J)?.replaceAll("'","&#039;")}'>
-        <style>${B}</style>
-        <div class="${w}">
-          <div class="${D}" style="${H}">
-            <ul class="${Q}" style="${X}">
-              ${ea()}
+      ${{...U}}
+      style="${w}"
+      class="${B}"
+      gp-data='${JSON.stringify(M)?.replaceAll("'","&#039;")}'>
+        <style>${H}</style>
+        <div class="${D}">
+          <div class="${Q}" style="${X}">
+            <ul class="${Y}" style="${Z}">
+              ${er()}
             </ul>
           </div>
-          <div class="${ee}">
+          <div class="${es}">
             <div
-              ${{...el}}
-              class="${et}"
-              style="${es}"
+              ${{...ea}}
+              class="${ei}"
+              style="${el}"
             >
-              ${er()}
+              ${eo()}
             </div>
           </div>
         </div>
     </gp-tab>
-    ${ed()}
+    ${ep()}
   `};export{Tabs as default};

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

@@ -0,0 +1 @@
+let Tabs={childItem:{id:"childItem"},background:{id:"background",fields:["image.src"]}};export{Tabs};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"}}]},{label:{en:"Tabs"},controls:[{label:{en:"Order"},setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",labelPopover:{en:"Tab management"}}},{label:{en:"Text"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"labelTypoV2.type",isTypoValue:!0,isHideClear:!0,controls:[{layout:"vertical",setting:{id:"labelTypoV2"},options:{updateFields:[{field:"attrs.textAlign",settingId:"labelAlign"},{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}},{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'position == "top"',label:{en:"Width"},setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",label:{en:"Width"},conditionDisplay:'position != "top"',controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"labelWidth"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Background"},setting:{id:"labelBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlignVertical"}},{label:{en:"Hover effect"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Tabs hover effect"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"hover"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderTab",state:"hover"}}]},{label:{en:"Active state"},type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:{en:"Tabs active state"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"active"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"active"}},{label:{en:"Border"},setting:{id:"borderTab",state:"active"}}]}]}},{label:{en:"Size"},controls:[{id:"containWidth",label:{en:"Width"},controlConfig:{id:"containWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"containWidth"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{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}}}]},{label:{en:"Display option"},controls:[{label:{en:"Default active"},setting:{id:"activeKey"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!(parseInt(containWidth) >= 100 && containWidth?.includes("%"))'}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"}}]},{label:{en:"Tabs"},controls:[{label:{en:"Order"},setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",labelPopover:{en:"Tab management"}}},{label:{en:"Text"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"labelTypoV2.type",isTypoValue:!0,isHideClear:!0,controls:[{layout:"vertical",setting:{id:"labelTypoV2"},options:{updateFields:[{field:"attrs.textAlign",settingId:"labelAlign"},{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}},{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'position == "top"',label:{en:"Width"},setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",label:{en:"Width"},conditionDisplay:'position != "top"',controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"labelWidth"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Background"},setting:{id:"labelBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlignVertical"}},{label:{en:"Hover effect"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Tabs hover effect"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"hover"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderTab",state:"hover"}}]},{label:{en:"Active state"},type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:{en:"Tabs active state"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"active"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"active"}},{label:{en:"Border"},setting:{id:"borderTab",state:"active"}}]}]}},{label:{en:"Size"},controls:[{id:"containWidth",label:{en:"Width"},controlConfig:{id:"containWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"containWidth"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{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}}}]},{label:{en:"Display option"},controls:[{label:{en:"Default active"},setting:{id:"activeKey"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!(parseInt(containWidth) >= 100 && containWidth?.includes("%"))'}]}];export{SettingUIV2};

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

@@ -1 +1 @@
-import{replaceLinkData as t,getDynamicSourceLocales as e}from"../../helpers.js";import"@gem-sdk/core";let formatThickness=t=>t?"number"==typeof t?t+"px":"string"!=typeof t||t.includes("px")?t:t+"px":"auto",getDisplayText=({type:a,styles:r,setting:i,builderProps:o,pageContext:s})=>{let{text:n,isForceValue:l}=i??{},p="",g=["Heading","Text"].includes(o?.builderData?.tag??"")&&!s?.isPreviewing,c=t(n?.toString()),d=r?.typo?.attrs?.transform==="capitalize";return"React"===a?p=d?n?.toString().toLocaleLowerCase():n?.toString():l?p=c:i?.translate?(p=e({val:n,uid:o?.uid,settingId:i?.translate,pageContext:s,isCapitalize:d,translate:i.translate,isReplaceLocationOrigin:g}))==n&&(p=c):p=d?c?.toString().toLocaleLowerCase():c,p};export{formatThickness,getDisplayText};
+import{replaceLinkData as t,getDynamicSourceLocales as e,createSettingId as i}from"../../helpers.js";import"@gem-sdk/core";import{Text as o}from"../settings/configs/translate.js";let formatThickness=t=>t?"number"==typeof t?t+"px":"string"!=typeof t||t.includes("px")?t:t+"px":"auto",getDisplayText=({type:r,styles:s,setting:a,builderProps:n,pageContext:g})=>{let{text:p,isForceValue:l}=a??{},c="",d=["Heading","Text"].includes(n?.builderData?.tag??"")&&!g?.isPreviewing,m=t(p?.toString()),x=s?.typo?.attrs?.transform==="capitalize";return"React"===r?c=x?p?.toString().toLocaleLowerCase():p?.toString():l?c=m:o?.text?.id?(c=e({val:p,uid:n?.uid,settingId:i({id:o?.text?.id}),pageContext:g,isCapitalize:x,isReplaceLocationOrigin:d}))==p&&(c=m):c=x?m?.toString().toLocaleLowerCase():m,c};export{formatThickness,getDisplayText};

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

@@ -1 +1 @@
-import{makeStyle as e,makeStyleResponsive as t,makeGlobalSize as r,getSingleColorVariable as o,composeBorderResponsive as l,composeRadiusResponsive as i,getResponsiveStyleShadowWithoutState as n,getStyleShadow as a,makeLineClamp as d,getGlobalColorStyle as y,getGlobalColorStateStyle as h,composeTypographyStyle as s,getStyleBackgroundByDevice as p,getGradientBgrStyleByDevice as c,filterHoverVariables as u}from"@gem-sdk/core";import{formatThickness as g}from"./helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getStyle=(r,o)=>{let l={...e({mr:r?.spacing,mb:r?.spacing}),...t("ta",r?.align),...o,"--dynamic-source-color":"#F4F4F4"};return filterTruthyStyles(l)},getContainerStyle=(e,r)=>{let{tagWidth:o}=r??{},l={...t("jc",e?.align),...o};return filterTruthyStyles(l)},getTextStyle=(S,w)=>{let m=r(w?.globalSize),b=[S?.lineThrough&&"line-through",S?.typo?.attrs?.underline&&"underline"].filter(Boolean),f={...m?.width?.["--w"]?m.width:{"--w":"100%"},...e({tdc:o(S?.lineColor?.normal),tdt:g(S?.thickness)}),...l(S?.shapeBorder),...i(S?.shapeRounded),...n(S?.shapeBoxShadow,"box-shadow",S?.shapeBoxShadow),...a({value:S?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:S?.typo?.custom?.hasShadowText}),...t("ta",S?.textAlign),...t("line-clamp",d(S?.lineClamp,S?.hasLineClamp)),...S?.textColor?y(S.textColor):h("c",S?.color),...s(S?.typo,S?.typography),"word-break":"break-word",...p(w?.background),...m.padding,...c(w?.background,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...S?.opacityPrice&&{opacity:`${S?.opacityPrice}%`},...e({tdl:b.join(" ")})};return S?.enableHoverEffect?filterTruthyStyles(f):u(f)},getTextStyleInline=e=>{let t={...s(e?.typo),"word-break":"break-word",overflow:"hidden"};return filterTruthyStyles(t)};export{getContainerStyle,getStyle,getTextStyle,getTextStyleInline};
+import{makeStyle as e,makeStyleResponsive as t,makeGlobalSize as r,getSingleColorVariable as o,composeBorderResponsive as l,composeRadiusResponsive as i,getResponsiveStyleShadowWithoutState as a,getStyleShadow as n,makeLineClamp as d,getGlobalColorStyle as s,getGlobalColorStateStyle as h,composeTypographyStyle as p,getStyleBackgroundByDevice as y,getGradientBgrStyleByDevice as c,filterHoverVariables as u}from"@gem-sdk/core";import{formatThickness as g}from"./helpers.js";import{getBackgroundTranslated as m}from"../../helpers.js";import{Text as S}from"../settings/configs/translate.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getStyle=(r,o)=>{let l={...e({mr:r?.spacing,mb:r?.spacing}),...t("ta",r?.align),...o,"--dynamic-source-color":"#F4F4F4"};return filterTruthyStyles(l)},getContainerStyle=(e,r)=>{let{tagWidth:o}=r??{},l={...t("jc",e?.align),...o};return filterTruthyStyles(l)},getTextStyle=({styles:f,setting:b,builderProps:w,pageContext:x,type:T="React"})=>{let k=b?.background;"Liquid"===T&&(k=m({background:k,uid:w?.uid,enableTranslate:!!S?.background?.id,pageContext:x,isTranslateVideo:!1}));let j=r(b?.globalSize),C=[f?.lineThrough&&"line-through",f?.typo?.attrs?.underline&&"underline"].filter(Boolean),v={...j?.width?.["--w"]?j.width:{"--w":"100%"},...e({tdc:o(f?.lineColor?.normal),tdt:g(f?.thickness)}),...l(f?.shapeBorder),...i(f?.shapeRounded),...a(f?.shapeBoxShadow,"box-shadow",f?.shapeBoxShadow),...n({value:f?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:f?.typo?.custom?.hasShadowText}),...t("ta",f?.textAlign),...t("line-clamp",d(f?.lineClamp,f?.hasLineClamp)),...f?.textColor?s(f.textColor):h("c",f?.color),...p(f?.typo,f?.typography),"word-break":"break-word",...y(k),...j.padding,...c(k,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...f?.opacityPrice&&{opacity:`${f?.opacityPrice}%`},...e({tdl:C.join(" ")})};return f?.enableHoverEffect?filterTruthyStyles(v):u(v)},getTextStyleInline=e=>{let t={...p(e?.typo),"word-break":"break-word",overflow:"hidden"};return filterTruthyStyles(t)};export{getContainerStyle,getStyle,getTextStyle,getTextStyleInline};

package/dist/esm/text/components/Text.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRenderMode as r}from"@gem-sdk/core";import{forwardRef as m}from"react";import{createAttr as o,createStyleReact as s,createClass as a,createContent as l}from"@gem-sdk/system";import{getAttr as i,getTextAttr as n}from"../common/attrs.js";import{getStyle as c,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as f,getContainerClasses as u,getTextClasses as y}from"../common/classes.js";import{getDisplayText as g}from"../common/helpers.js";let Text=m(({styles:m,builderAttrs:h,style:j,setting:v,advanced:x,builderProps:D,className:T,children:N,disableEdit:k,...S},_)=>{let{isEditMode:E,isPreviewSharePageMode:H}=r(),{htmlTag:I="div",options:L}=v??{},M=o({...i({uid:D?.uid||""})}),R=o({...n(L)}),b=s({...c(m,j)}),q=s({...p(m,v)}),w=s({...d(m,v)}),z=a({...f({setting:v,advanced:x,builderProps:D})}),A=a({...u({setting:v})}),B=a({...y({styles:m,setting:v,className:T,isEdit:E||H,disableEdit:k})}),C=g({type:"React",styles:m,setting:v,builderProps:D}),F=l(C);return e("div",{...M,...S,...h,style:b,className:z,children:[t("div",{className:A,style:{...q},children:t(I,{ref:_,...R,className:B,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...w},dangerouslySetInnerHTML:{__html:F}})}),N]})});export{Text as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRenderMode as r}from"@gem-sdk/core";import{forwardRef as m}from"react";import{createAttr as o,createStyleReact as s,createClass as a,createContent as l}from"@gem-sdk/system";import{getAttr as i,getTextAttr as n}from"../common/attrs.js";import{getStyle as c,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as f,getContainerClasses as u,getTextClasses as y}from"../common/classes.js";import{getDisplayText as g}from"../common/helpers.js";let Text=m(({styles:m,builderAttrs:h,style:j,setting:v,advanced:x,builderProps:D,className:T,children:N,disableEdit:k,...S},_)=>{let{isEditMode:E,isPreviewSharePageMode:H}=r(),{htmlTag:I="div",options:L}=v??{},M=o({...i({uid:D?.uid||""})}),R=o({...n(L)}),b=s({...c(m,j)}),q=s({...p(m,v)}),w=s({...d({styles:m,setting:v,builderProps:D})}),z=a({...f({setting:v,advanced:x,builderProps:D})}),A=a({...u({setting:v})}),B=a({...y({styles:m,setting:v,className:T,isEdit:E||H,disableEdit:k})}),C=g({type:"React",styles:m,setting:v,builderProps:D}),F=l(C);return e("div",{...M,...S,...h,style:b,className:z,children:[t("div",{className:A,style:{...q},children:t(I,{ref:_,...R,className:B,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...w},dangerouslySetInnerHTML:{__html:F}})}),N]})});export{Text as default};

package/dist/esm/text/components/Text.liquid.js

@@ -1,18 +1,17 @@
-import{template as t}from"@gem-sdk/core";import{createAttr as e,createStyle as s,createClass as o,createContent as i}from"@gem-sdk/system";import{getAttr as r,getTextAttr as m}from"../common/attrs.js";import{getStyle as l,getContainerStyle as a,getTextStyle as p}from"../common/styles.js";import{getClasses as d,getTextClasses as n}from"../common/classes.js";import{getDisplayText as c}from"../common/helpers.js";let Text=({id:$,styles:u,builderAttrs:f,style:g,setting:y,advanced:j,builderProps:v,className:x,isText:T,pageContext:h,elementAttrs:k})=>{let{htmlTag:q="div",excludeFlex:b}=y??{},w=e({...$&&{id:$},...r({uid:v?.uidInteraction??v?.uid??""}),...f}),D=e({...m(),...k}),I=s({...l(u,g)}),L=s({...a(u,y)}),O=s({...p(u,y)}),_=o({...d({setting:y,advanced:j,builderProps:v})}),z=o({"gp-flex":!b}),A=o({...n({styles:u,setting:y,className:x}),...T&&{"gp-text":!0}}),B=c({type:"Liquid",styles:u,setting:y,builderProps:v,pageContext:h}),C=i(B);return t`
+import{template as t}from"@gem-sdk/core";import{createAttr as o,createStyle as s,createClass as e,createContent as i}from"@gem-sdk/system";import{getAttr as r,getTextAttr as m}from"../common/attrs.js";import{getStyle as l,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as n,getTextClasses as a}from"../common/classes.js";import{getDisplayText as c}from"../common/helpers.js";let Text=({id:$,styles:u,builderAttrs:f,style:g,setting:y,advanced:j,builderProps:v,className:x,isText:q,pageContext:T,elementAttrs:h})=>{let{htmlTag:k="div",excludeFlex:L}=y??{},I=o({...$&&{id:$},...r({uid:v?.uidInteraction??v?.uid??""}),...f}),O=o({...m(),...h}),_=s({...l(u,g)}),b=s({...p(u,y)}),w=s({...d({styles:u,setting:y,builderProps:v,pageContext:T,type:"Liquid"})}),z=e({...n({setting:y,advanced:j,builderProps:v})}),A=e({"gp-flex":!L}),B=e({...a({styles:u,setting:y,className:x}),...q&&{"gp-text":!0}}),C=c({type:"Liquid",styles:u,setting:y,builderProps:v,pageContext:T}),D=i(C);return t`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
-    <div ${{...w}}
-        class="${_}"
-        style="${I}"
-        data-test-force-publish="${new Date().getTime()}"
+    <div ${{...I}}
+        class="${z}"
+        style="${_}"
       >
-      <div class="${z}" style="${L}">
-        <${q}
-          ${{...D}}
-          class="${A}"
-          style="${O}"
+      <div class="${A}" style="${b}">
+        <${k}
+          ${{...O}}
+          class="${B}"
+          style="${w}"
         >
-          ${C}
-        </${q}>
+          ${D}
+        </${k}>
       </div>
     </div>
     `};export{Text as default};

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

@@ -1 +1 @@
-import{BackgroundSettingValidate as e}from"../../../validates/background.js";let TextSettings=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Replace this text with your content"}]},{id:"translate",type:"input",default:"text"},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},validate:e,compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1",transform:"none",isAlwaysLoadBold:!1}},ignoreReRender:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"hasLineClamp",type:"toggle",label:"Has Line Clamp",devices:{desktop:{default:!1}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:1},tablet:{default:1},mobile:{default:1}},hide:!0},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{TextSettings};
+import{BackgroundSettingValidate as e}from"../../../validates/background.js";let TextSettings=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Replace this text with your content"}]},{id:"translate",type:"input",default:[{id:"text"},{id:"background",fields:["image.src"]}]},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},validate:e,compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1",transform:"none",isAlwaysLoadBold:!1}},ignoreReRender:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"hasLineClamp",type:"toggle",label:"Has Line Clamp",devices:{desktop:{default:!1}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:1},tablet:{default:1},mobile:{default:1}},hide:!0},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{TextSettings};

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

@@ -0,0 +1 @@
+let Text={text:{id:"text"},background:{id:"background",fields:["image.src"]}};export{Text};

package/dist/esm/text/settings/configs/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"control",label:{en:"Text"},setting:{id:"typo"},layout:"vertical"},{type:"control",label:{en:"Text align"},setting:{id:"textAlign"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}},{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"}];export{SettingUIV1};
+let SettingUIV1=[{type:"control",label:{en:"Text"},setting:{id:"typo"},layout:"vertical"},{type:"control",label:{en:"Text align"},setting:{id:"textAlign"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}},{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"}];export{SettingUIV1};

package/dist/esm/third-party/settings/BloyRewardsProgramLoyalty/index.js

@@ -1,4 +1,4 @@
 import e from"../../configs/BloyRewardsProgramLoyalty.js";import l from"./uiV2.js";import{get3rdPartyInstallLink as t}from"../../common/helpers.js";let config={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/eb1dd8939bb7b954d714a5344a78df08/icon/CITe8tmBxYoDEAE=.png?width=22&height=22">',editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.id,name:{en:e.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="https://cdn.shopify.com/app-store/listing_images/eb1dd8939bb7b954d714a5344a78df08/icon/CITe8tmBxYoDEAE=.png?width=22&height=22">
         <span class="preset-item-title">BLOY Rewards Program & Loyalty</span>
-      </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Bloy Loyalty Guide",value:"bloy-loyalty-guide"},{label:"Bloy Loyalty Points Program",value:"bloy-loyalty-points-program"},{label:"Bloy Loyalty Vip Program",value:"bloy-loyalty-vip-program"},{label:"Bloy Loyalty Ways Earn",value:"bloy-loyalty-ways-earn"},{label:"Point On Product Page",value:"product-point-preview"}],default:"bloy-loyalty-guide"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:t({handle:"bloy-loyalty"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/bloy-loyalty",appName:e.label},{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:l};export{config as default};
+      </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Bloy Loyalty Guide",value:"bloy-loyalty-guide"},{label:"Bloy Loyalty Points Program",value:"bloy-loyalty-points-program"},{label:"Bloy Loyalty Vip Program",value:"bloy-loyalty-vip-program"},{label:"Bloy Loyalty Ways Earn",value:"bloy-loyalty-ways-earn"},{label:"Point On Product Page",value:"bloy-point-caculator-pdp"}],default:"bloy-loyalty-guide"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:t({handle:"bloy-loyalty"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/bloy-loyalty",appName:e.label},{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:l};export{config as default};

package/dist/esm/third-party/settings/BonLoyaltyRewardsReferrals/index.js

@@ -1,4 +1,4 @@
 import e from"../../configs/BonLoyaltyRewardsReferrals.js";import l from"./uiV1.js";import a from"./uiV2.js";import{get3rdPartyInstallLink as t}from"../../common/helpers.js";let config={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/f367f56199c88dba9296f532dfc5b383/icon/CLS4vPSugoUDEAE=.jpeg?width=22&height=22">',editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.id,name:{en:e.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="https://cdn.shopify.com/app-store/listing_images/f367f56199c88dba9296f532dfc5b383/icon/CLS4vPSugoUDEAE=.jpeg?width=22&height=22">
         <span class="preset-item-title">BON: Loyalty Rewards Referrals</span>
-      </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Loyalty Page Block",value:"loyalty-page-block"},{label:"Loyalty Page Earning Block",value:"loyalty-page-earning-block"},{label:"Loyalty Page Header Block",value:"loyalty-page-header-block"},{label:"Loyalty Page Profile Block",value:"loyalty-page-profile-block"},{label:"Loyalty Page Redeem Block",value:"loyalty-page-redeem-block"},{label:"Loyalty Page Referral Block",value:"loyalty-page-referral-block"},{label:"Loyalty Page Tier Block",value:"loyalty-page-tier-block"},{label:"Product Point Review",value:"product-point-preview"},{label:"Point On Product Page",value:"product-point-preview"}],default:"loyalty-page-block"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:t({handle:"bon-loyalty-rewards-referrals"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/bon-loyalty",appName:e.label},{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:l,uiV2:a};export{config as default};
+      </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Loyalty Page Block",value:"loyalty-page-block"},{label:"Loyalty Page Earning Block",value:"loyalty-page-earning-block"},{label:"Loyalty Page Header Block",value:"loyalty-page-header-block"},{label:"Loyalty Page Profile Block",value:"loyalty-page-profile-block"},{label:"Loyalty Page Redeem Block",value:"loyalty-page-redeem-block"},{label:"Loyalty Page Referral Block",value:"loyalty-page-referral-block"},{label:"Loyalty Page Tier Block",value:"loyalty-page-tier-block"},{label:"Product Point Review",value:"product-point-preview"},{label:"Point On Product Page",value:"product-point-preview"},{label:"Ways to redeem points",value:"bloy-loyalty-ways-redeem"}],default:"loyalty-page-block"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:t({handle:"bon-loyalty-rewards-referrals"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/bon-loyalty",appName:e.label},{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:l,uiV2:a};export{config as default};

package/dist/esm/third-party/settings/PushOwl/uiV1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"control",setting:{id:"install"}},{type:"group",label:{en:"Message"},controls:[{type:"control",label:{en:"Message after clicked"},setting:{id:"message"},options:{labelPosition:"start"},layout:"vertical"},{type:"control",label:{en:"Hide after subscribed"},setting:{id:"subscribe"}},{type:"control",setting:{id:"openApp"}}]},{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{type:"group",condition:"hasBoxShadowBtn.normal == true",controls:[{type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"group",condition:"hasBoxShadowBtn.hover == true",controls:[{type:"control",setting:{id:"boxShadowBtn",state:"hover"},layout:"vertical"}]}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",label:{en:"Button text"},setting:{id:"label"}},{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1 as default};
+let SettingUIV1=[{type:"control",setting:{id:"install"}},{type:"group",label:{en:"Message"},controls:[{type:"control",label:{en:"Message after clicked"},setting:{id:"message"},options:{labelPosition:"start"},layout:"vertical"},{type:"control",label:{en:"Hide after subscribed"},setting:{id:"subscribe"}},{type:"control",setting:{id:"openApp"}}]},{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{type:"group",condition:"hasBoxShadowBtn?.normal == true",controls:[{type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"group",condition:"hasBoxShadowBtn?.hover == true",controls:[{type:"control",setting:{id:"boxShadowBtn",state:"hover"},layout:"vertical"}]}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",label:{en:"Button text"},setting:{id:"label"}},{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1 as default};

package/dist/esm/third-party/settings/PushOwl/uiV2.js

@@ -1 +1 @@
-let SettingUIV2=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{label:{en:"Message"},controls:[{type:"control",label:{en:"Message after clicked"},setting:{id:"message"},layout:"vertical"},{type:"control",label:{en:"Hide after subscribed"},setting:{id:"subscribe"}},{type:"control",setting:{id:"openApp"},layout:"vertical"}]},{controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconVisible"}},{type:"group",conditionDisplay:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"}}]}]},{label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>Button</p>"}}],options:{noRecordHistory:!0}}},{type:"control",label:{en:"Button text"},setting:{id:"label"}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:{en:"Align"},setting:{id:"align"}}]}];export{SettingUIV2 as default};
+let SettingUIV2=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{label:{en:"Message"},controls:[{type:"control",label:{en:"Message after clicked"},setting:{id:"message"},layout:"vertical"},{type:"control",label:{en:"Hide after subscribed"},setting:{id:"subscribe"}},{type:"control",setting:{id:"openApp"},layout:"vertical"}]},{controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconVisible"}},{type:"group",conditionDisplay:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"}}]}]},{label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>Button</p>"}}],options:{noRecordHistory:!0}}},{type:"control",label:{en:"Button text"},setting:{id:"label"}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn?.hover?.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn?.hover?.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:{en:"Align"},setting:{id:"align"}}]}];export{SettingUIV2 as default};

package/dist/esm/third-party/settings/Selleasy/index.js

@@ -1,4 +1,4 @@
-import e from"../../configs/Selleasy.js";import l from"./uiV1.js";import t from"./uiV2.js";import{get3rdPartyInstallLink as i}from"../../common/helpers.js";let config={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/50d1becb99d333549c4316fc695bc00e/icon/CJGWisGV0oADEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowPage:"GP_PRODUCT",flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:{en:e.label},hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
+import e from"../../configs/Selleasy.js";import l from"./uiV1.js";import t from"./uiV2.js";import{get3rdPartyInstallLink as a}from"../../common/helpers.js";let config={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/50d1becb99d333549c4316fc695bc00e/icon/CJGWisGV0oADEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowPage:"GP_PRODUCT",flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:{en:e.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="https://cdn.shopify.com/app-store/listing_images/50d1becb99d333549c4316fc695bc00e/icon/CJGWisGV0oADEAE=.png?width=22&height=22">
   <span class="preset-item-title">Upsell & Cross Sell — Selleasy</span>
-</div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"FBT List",value:"lb-upsell-widget-bl",maxOption:1},{label:"Add-ons List",value:"lb-upsell-widget-pal",maxOption:1},{label:"Add-ons Carousel",value:"lb-upsell-widget-pac"},{label:"Add-ons Grid",value:"lb-upsell-widget-pag"},{label:"FBT Amazon",value:"lb-upsell-widget-ba"},{label:"FBT Classic",value:"lb-upsell-widget-bac"},{label:"STC Carousel",value:"lb-upsell-widget-cpac"},{label:"STC Grid",value:"lb-upsell-widget-cpag"},{label:"STC List",value:"lb-upsell-widget-cpal"}],default:"lb-upsell-widget-bl"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:i({handle:"upsell-cross-sell-selleasy"}),appName:e.label},{id:"openApp",type:"open-link",linkType:"openApp",target:"_blank",href:"https://admin.shopify.com/?redirect=/apps/lb-upsell",appName:e.label},{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:l,uiV2:t};export{config as default};
+</div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"FBT List",value:"lb-upsell-fbt-block",maxOption:1},{label:"Add-ons List",value:"lb-upsell-widget-pal",maxOption:1},{label:"Add-ons Carousel",value:"lb-upsell-widget-pac"},{label:"Add-ons Grid",value:"lb-upsell-widget-pag"},{label:"FBT Amazon",value:"lb-upsell-widget-ba"},{label:"FBT Classic",value:"lb-upsell-widget-bac"},{label:"STC Carousel",value:"lb-upsell-widget-cpac"},{label:"STC Grid",value:"lb-upsell-widget-cpag"},{label:"STC List",value:"lb-upsell-widget-cpal"}],default:"lb-upsell-fbt-block"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:a({handle:"upsell-cross-sell-selleasy"}),appName:e.label},{id:"openApp",type:"open-link",linkType:"openApp",target:"_blank",href:"https://admin.shopify.com/?redirect=/apps/lb-upsell",appName:e.label},{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:l,uiV2:t};export{config as default};

package/dist/esm/translate.js

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

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

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

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

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

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

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