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

package/dist/cjs/stock-counter/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");const getProgressBarStyles=(e,t)=>{let r;let{progressBarHeight:o,color:s}=e??{},{remainingPercentage:l}=t??{};return o&&(r=Object.fromEntries(Object.entries(o).map(([e,t])=>[e,Number((t+"").replace("px",""))]))),{...core.makeStyleResponsive("h",core.makeWidth(r),"px"),...core.makeStyle({bg:"linear-gradient(90deg, #eee 50%, transparent 50%)",bgc:core.getSingleColorVariable(s),bgp:`${parseInt(String(l||0))}% center`})}},getContainerStyles=e=>{let{width:t,textColor:r}=e??{};return{...core.makeStyleResponsive("w",core.makeWidth(t)),...core.makeStyle({c:core.getSingleColorVariable(r)})}},getWrapperStyles=e=>{let{alignment:t}=e??{};return{...core.makeStyleResponsive("jc",t)}},getIconStyles=(e,t,r)=>{let{iconColor:o,oosIconColor:s}=e??{};return{...core.makeStyle({c:core.getSingleColorVariable(r?s:o)}),...getIconSize(e,t)}},getTextStyles=(e,t)=>{let{typo:r,oosTextColor:o}=e??{},s={...r,attrs:{...r?.attrs,color:t?o:r?.attrs?.color}},l=core.composeTypographyStyle(s,e?.typography);return{...l,...core.getStyleShadow({value:r?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:r?.custom?.hasShadowText})}};function getIconSize(e,t){let{typo:r}=e??{},{iconSize:o}=t??{};if(o?.desktop)return{...core.makeStyleResponsive("w",core.makeWidth(o),"px")};let s=r&&!r.custom?core.genVariable(core.getShortName(`typography-${r.type}-fontSize`)):void 0,l=r&&r.custom?helpers.convertSizeToWidth(core.composeTypographyV2(r.custom)):{};return s?core.makeStyle({w:s}):l}exports.getContainerStyles=getContainerStyles,exports.getIconStyles=getIconStyles,exports.getProgressBarStyles=getProgressBarStyles,exports.getTextStyles=getTextStyles,exports.getWrapperStyles=getWrapperStyles;
+"use strict";var e=require("@gem-sdk/core"),t=require("./helpers.js");exports.getContainerStyles=t=>{let{width:r,textColor:o}=t??{};return{...e.makeStyleResponsive("w",e.makeWidth(r)),...e.makeStyle({c:e.getSingleColorVariable(o)})}},exports.getIconStyles=(r,o,a)=>{let{iconColor:s,oosIconColor:l}=r??{};return{...e.makeStyle({c:e.getSingleColorVariable(a?l:s)}),...function(r,o){let{typo:a}=r??{},{iconSize:s}=o??{};if(s?.desktop)return{...e.makeStyleResponsive("w",e.makeWidth(s),"px")};let l=a&&!a.custom?e.genVariable(e.getShortName(`typography-${a.type}-fontSize`)):void 0,p=a&&a.custom?t.convertSizeToWidth(e.composeTypographyV2(a.custom)):{};return l?e.makeStyle({w:l}):p}(r,o)}},exports.getProgressBarStyles=(t,r)=>{let o;let{progressBarHeight:a,color:s}=t??{},{remainingPercentage:l}=r??{};return a&&(o=Object.fromEntries(Object.entries(a).map(([e,t])=>[e,Number((t+"").replace("px",""))]))),{...e.makeStyleResponsive("h",e.makeWidth(o),"px"),...e.makeStyle({bg:"linear-gradient(90deg, #eee 50%, transparent 50%)",bgc:e.getSingleColorVariable(s),bgp:`${parseInt(String(l||0))}% center`})}},exports.getTextStyles=(t,r)=>{let{typo:o,oosTextColor:a}=t??{},s={...o,attrs:{...o?.attrs,color:r?a:o?.attrs?.color}},l=e.composeTypographyStyle(s,t?.typography);return{...l,...e.getStyleShadow({value:o?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:o?.custom?.hasShadowText})}},exports.getWrapperStyles=t=>{let{alignment:r}=t??{};return{...e.makeStyleResponsive("jc",r)}};

package/dist/cjs/stock-counter/components/StockCounter.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),useStockCounterInteraction=require("../hooks/useStockCounterInteraction.js"),system=require("@gem-sdk/system"),useStockCounter=require("../hooks/useStockCounter.js"),helpers=require("../common/helpers.js"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),attrs=require("../common/attrs.js");const StockCounter=({setting:e,styles:s,builderProps:t})=>{let{displayProgressBar:r,borderRadius:l}=s??{},{showIcon:a,icon:c,layout:n="full",oosIcon:u}=e??{},{outputMessage:o,isOutOfStock:i,inventoryQuantity:m,shouldHideCounter:y}=useStockCounter.useStockCounter(e,s),j=React.useRef(null),{dispatchStockCounterInteraction:x}=useStockCounterInteraction.useStockCounterInteraction({element:j,uid:t?.uid}),C=helpers.getInlineCss(t?.uid,l),S=!1!==r&&!i,d="progress-bar"!==n,g=system.createClass({...classes.getProgressBarClasses(s)}),p=system.createStyle({...styles.getProgressBarStyles(s,e)}),I=system.createStyle({...styles.getContainerStyles(s)}),R=system.createClass({...classes.getContainerClasses(e)}),h=system.createStyle({...styles.getWrapperStyles(s)}),k=system.createClass({...classes.getWrapperIconClasses(e)}),N=system.createClass({...classes.getIconClasses()}),_=system.createClass({...classes.getOuterIconClasses()}),f=t=>system.createStyle({...styles.getIconStyles(s,e,t)}),q=({isOutOfStockIcon:e,isVisible:s})=>system.createAttr({...attrs.getIconAttrs(e,s)}),v=system.createClass({...classes.getTextClasses(s)}),O=e=>system.createStyle({...styles.getTextStyles(s,e)}),T=system.createClass({...classes.getWrapperClasses(e,i)}),M=system.createAttr({...attrs.getWrapperAttrs(t)});return(React.useEffect(()=>{x(m)},[m]),y)?null:jsxRuntime.jsxs("div",{...M,style:h,ref:j,className:T,children:[jsxRuntime.jsx("style",{children:C}),jsxRuntime.jsxs("div",{className:R,style:I,children:[jsxRuntime.jsxs("div",{className:k,children:[a&&(i?jsxRuntime.jsx("div",{...q({isOutOfStockIcon:i,isVisible:i}),style:f(!0),className:_,children:jsxRuntime.jsx("span",{className:N,dangerouslySetInnerHTML:{__html:u||""}})}):jsxRuntime.jsx("div",{...q({isOutOfStockIcon:!i,isVisible:!i}),style:f(!1),className:_,children:jsxRuntime.jsx("span",{className:N,dangerouslySetInnerHTML:{__html:c||""}})})),d&&(i?jsxRuntime.jsx("p",{dangerouslySetInnerHTML:{__html:o()},className:v,style:O(!0)}):jsxRuntime.jsx("p",{dangerouslySetInnerHTML:{__html:o()},className:v,style:O(!1)}))]}),S&&jsxRuntime.jsx("div",{style:p,className:g})]})]})};exports.default=StockCounter;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../hooks/useStockCounterInteraction.js"),r=require("@gem-sdk/system"),l=require("../hooks/useStockCounter.js"),a=require("../common/helpers.js"),c=require("../common/classes.js"),n=require("../common/styles.js"),o=require("../common/attrs.js");exports.default=({setting:i,styles:u,builderProps:m})=>{let{displayProgressBar:y,borderRadius:d}=u??{},{showIcon:g,icon:C,layout:S="full",oosIcon:j}=i??{},{outputMessage:p,isOutOfStock:x,inventoryQuantity:I,shouldHideCounter:h}=l.useStockCounter(i,u),N=s.useRef(null),{dispatchStockCounterInteraction:_}=t.useStockCounterInteraction({element:N,uid:m?.uid}),f=a.getInlineCss(m?.uid,d),k=!1!==y&&!x,q=r.createClass({...c.getProgressBarClasses(u)}),v=r.createStyle({...n.getProgressBarStyles(u,i)}),O=r.createStyle({...n.getContainerStyles(u)}),T=r.createClass({...c.getContainerClasses(i)}),M=r.createStyle({...n.getWrapperStyles(u)}),b=r.createClass({...c.getWrapperIconClasses(i)}),A=r.createClass({...c.getIconClasses()}),H=r.createClass({...c.getOuterIconClasses()}),L=e=>r.createStyle({...n.getIconStyles(u,i,e)}),W=({isOutOfStockIcon:e,isVisible:s})=>r.createAttr({...o.getIconAttrs(e,s)}),P=r.createClass({...c.getTextClasses(u)}),B=e=>r.createStyle({...n.getTextStyles(u,e)}),V=r.createClass({...c.getWrapperClasses(i,x)}),E=r.createAttr({...o.getWrapperAttrs(m)});return(s.useEffect(()=>{_(I)},[I]),h)?null:e.jsxs("div",{...E,style:M,ref:N,className:V,children:[e.jsx("style",{children:f}),e.jsxs("div",{className:T,style:O,children:[e.jsxs("div",{className:b,children:[g&&(x?e.jsx("div",{...W({isOutOfStockIcon:x,isVisible:x}),style:L(!0),className:H,children:e.jsx("span",{className:A,dangerouslySetInnerHTML:{__html:j||""}})}):e.jsx("div",{...W({isOutOfStockIcon:!x,isVisible:!x}),style:L(!1),className:H,children:e.jsx("span",{className:A,dangerouslySetInnerHTML:{__html:C||""}})})),"progress-bar"!==S&&(x?e.jsx("p",{dangerouslySetInnerHTML:{__html:p()},className:P,style:B(!0)}):e.jsx("p",{dangerouslySetInnerHTML:{__html:p()},className:P,style:B(!1)}))]}),k&&e.jsx("div",{style:v,className:q})]})]})};

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

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

package/dist/cjs/stock-counter/hooks/useStockCounter.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),React=require("react"),helpers=require("../common/helpers.js");const useStockCounter=(e,r)=>{let t=core.useEditorMode(),{template:o,outOfStockMessage:s,continueSelling:n,unlimitedQuantityMessage:a}=e??{},{textColor:u}=r??{},i=u||"brand",l=core.useCurrentVariant(),h=React.useMemo(()=>Number(l?l.inventoryQuantity:0),[l]),c=!l||l.manageInventory,T=l?l.inventoryPolicy:"deny",p=c&&h<=helpers.NO_PRODUCT_LEFT&&T!==helpers.CONTINUE_SELLING_WHEN_OUT_OF_STOCK,O=T===helpers.CONTINUE_SELLING_WHEN_OUT_OF_STOCK&&h<=helpers.NO_PRODUCT_LEFT,g=!c&&a;function d(){return g?helpers.transformHighlighTag(a,i):p?helpers.transformHighlighTag(s||"",i):O?helpers.transformHighlighTag(n||"",i):helpers.transformHighlighTag(helpers.transformNumberTag(o||"",i,h),i)}let m=()=>{let e=r?.typo?.attrs?.transform==="capitalize";return e?d()?.toLocaleLowerCase():d()},_=React.useMemo(()=>{if("edit"===t)return!1;let r=!e?.displayByDefault&&h>=(e?.scarcityThreshold??0),o=e?.hiddenCounterWhenOutOfStock&&p;return r||o},[h,p,t,e?.displayByDefault,e?.hiddenCounterWhenOutOfStock,e?.scarcityThreshold]);return{outputMessage:m,isOutOfStock:p,inventoryQuantity:h,shouldHideCounter:_}};exports.useStockCounter=useStockCounter;
+"use strict";var e=require("@gem-sdk/core"),r=require("react"),t=require("../common/helpers.js");exports.useStockCounter=(n,o)=>{let a=e.useEditorMode(),{template:i,outOfStockMessage:u,continueSelling:s,unlimitedQuantityMessage:l}=n??{},{textColor:h}=o??{},T=h||"brand",g=e.useCurrentVariant(),O=r.useMemo(()=>Number(g?g.inventoryQuantity:0),[g]),c=!g||g.manageInventory,d=g?g.inventoryPolicy:"deny",m=c&&O<=t.NO_PRODUCT_LEFT&&d!==t.CONTINUE_SELLING_WHEN_OUT_OF_STOCK,_=d===t.CONTINUE_SELLING_WHEN_OUT_OF_STOCK&&O<=t.NO_PRODUCT_LEFT,y=!c&&l;function f(){return y?t.transformHighlighTag(l,T):m?t.transformHighlighTag(u||"",T):_?t.transformHighlighTag(s||"",T):t.transformHighlighTag(t.transformNumberTag(i||"",T,O),T)}let N=r.useMemo(()=>{if("edit"===a)return!1;let e=!n?.displayByDefault&&O>=(n?.scarcityThreshold??0),r=n?.hiddenCounterWhenOutOfStock&&m;return e||r},[O,m,a,n?.displayByDefault,n?.hiddenCounterWhenOutOfStock,n?.scarcityThreshold]);return{outputMessage:()=>{let e=o?.typo?.attrs?.transform==="capitalize";return e?f()?.toLocaleLowerCase():f()},isOutOfStock:m,inventoryQuantity:O,shouldHideCounter:N}};

package/dist/cjs/stock-counter/hooks/useStockCounterInteraction.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const useStockCounterInteraction=e=>{let{uid:t,element:o}=e,{trigger:n}=core.useInteraction(),r=e=>{n({event:"gp:rollback:stock-change",selector:`[data-id="${t}"]`,element:o?.current}),n({event:"gp:rollback:out-of-stock",selector:`[data-id="${t}"]`,element:o?.current}),n({event:"gp:out-of-stock",selector:`[data-id="${t}"]`,data:e,element:o?.current})},c=e=>{n({event:"gp:rollback:stock-change",selector:`[data-id="${t}"]`,element:o?.current}),n({event:"gp:rollback:out-of-stock",selector:`[data-id="${t}"]`,element:o?.current}),n({event:"gp:stock-change",selector:`[data-id="${t}"]`,data:e,element:o?.current})},a=(e=0)=>{e<=0?r(e):c(e)},d=(e=0)=>{let t=()=>{a(e),window.removeEventListener("gp:flow-actions-loaded",t)};window.interactionLoaded?a(e):window.addEventListener("gp:flow-actions-loaded",t)};return{dispatchStockCounterInteraction:d}};exports.useStockCounterInteraction=useStockCounterInteraction;
+"use strict";var e=require("@gem-sdk/core");exports.useStockCounterInteraction=t=>{let{uid:o,element:n}=t,{trigger:r}=e.useInteraction(),c=e=>{r({event:"gp:rollback:stock-change",selector:`[data-id="${o}"]`,element:n?.current}),r({event:"gp:rollback:out-of-stock",selector:`[data-id="${o}"]`,element:n?.current}),r({event:"gp:out-of-stock",selector:`[data-id="${o}"]`,data:e,element:n?.current})},a=e=>{r({event:"gp:rollback:stock-change",selector:`[data-id="${o}"]`,element:n?.current}),r({event:"gp:rollback:out-of-stock",selector:`[data-id="${o}"]`,element:n?.current}),r({event:"gp:stock-change",selector:`[data-id="${o}"]`,data:e,element:n?.current})},d=(e=0)=>{e<=0?c(e):a(e)};return{dispatchStockCounterInteraction:(e=0)=>{let t=()=>{d(e),window.removeEventListener("gp:flow-actions-loaded",t)};window.interactionLoaded?d(e):window.addEventListener("gp:flow-actions-loaded",t)}}};

package/dist/cjs/stock-counter/index.js

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

package/dist/cjs/stock-counter/next.js

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

package/dist/cjs/stock-counter/settings/StockCounter.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settingsV2=require("./configs/settings-v2.js"),uiV2=require("./configs/ui-v2.js"),presets=require("./configs/presets.js");const config={tag:"StockCounter",label:"Stock Counter",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./configs/settings-v2.js"),t=require("./configs/ui-v2.js"),o=require("./configs/presets.js");const r={tag:"StockCounter",label:"Stock Counter",icon:`
     <svg width="32" height="32" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M33.3905 11.2545C33.1953 11.4498 32.8787 11.4498 32.6834 11.2545L29.8643 8.43541C29.6691 8.24014 29.6691 7.92356 29.8643 7.7283L30.9203 6.67231C31.1156 6.47705 31.4322 6.47705 31.6274 6.67231L34.4465 9.49139C34.6418 9.68666 34.6418 10.0032 34.4465 10.1985L33.3905 11.2545ZM15.7838 4.68533C15.7838 4.96148 16.0077 5.18534 16.2838 5.18534H22.84C23.1161 5.18534 23.34 4.96148 23.34 4.68534V3.16663C23.34 2.89048 23.1161 2.66663 22.84 2.66663H16.2838C16.0077 2.66663 15.7838 2.89048 15.7838 3.16663V4.68533ZM28.3774 28.6093L20.8212 21.0532V10.3487C26.4883 10.9784 30.8961 15.7639 30.8961 21.5569C30.8961 24.2016 30.0145 26.7203 28.3774 28.6093ZM8.22769 21.5569C8.22769 15.7639 12.6354 10.9784 18.3025 10.3487V21.7724C18.3025 22.0376 18.4079 22.292 18.5954 22.4795L26.6143 30.4984C24.7252 32.0096 22.2065 33.0171 19.5619 33.0171C13.2651 32.8911 8.22769 27.8537 8.22769 21.5569ZM19.5619 7.70404C11.8798 7.70404 5.70898 13.8749 5.70898 21.5569C5.70898 29.239 11.8798 35.4098 19.5619 35.4098C27.2439 35.4098 33.4148 29.239 33.4148 21.5569C33.4148 13.8749 27.2439 7.70404 19.5619 7.70404Z" fill="currentColor"/>
     </svg>
-  `,settings:settingsV2.StockCounterSettingsV2,ui:[],uiV2:uiV2.SettingUIV2,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:presets.StockCounterPreset,locales:{editor:{en:{let_buy_now:"<mark>HURRY!</mark> LET BUY NOW"}}}};exports.default=config;
+  `,settings:e.StockCounterSettingsV2,ui:[],uiV2:t.SettingUIV2,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:o.StockCounterPreset,locales:{editor:{en:{let_buy_now:"<mark>HURRY!</mark> LET BUY NOW"}}}};exports.default=r;

package/dist/cjs/stock-counter/settings/configs/presets.js

@@ -1,4 +1,4 @@
-"use strict";const StockCounterPreset=[{id:"product-stock-counter",name:"Stock Counter",icon:{desktop:`
+"use strict";const C=[{id:"product-stock-counter",name:"Stock Counter",icon:{desktop:`
         <svg width="97" height="48" viewBox="0 0 97 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1.07049 28V19.2727H2.12731V23.1591H6.78072V19.2727H7.83754V28H6.78072V24.0966H2.12731V28H1.07049ZM13.9419 25.3239V21.4545H14.9476V28H13.9419V26.892H13.8738C13.7203 27.2244 13.4817 27.5071 13.1578 27.7401C12.834 27.9702 12.4249 28.0852 11.9306 28.0852C11.5215 28.0852 11.1578 27.9957 10.8397 27.8168C10.5215 27.6349 10.2715 27.3622 10.0897 26.9986C9.90785 26.6321 9.81694 26.1705 9.81694 25.6136V21.4545H10.8226V25.5455C10.8226 26.0227 10.9561 26.4034 11.2232 26.6875C11.4931 26.9716 11.8368 27.1136 12.2544 27.1136C12.5044 27.1136 12.7587 27.0497 13.0172 26.9219C13.2786 26.794 13.4973 26.598 13.6735 26.3338C13.8525 26.0696 13.9419 25.733 13.9419 25.3239ZM16.7896 28V21.4545H17.7612V22.4432H17.8294C17.9487 22.1193 18.1646 21.8565 18.4771 21.6548C18.7896 21.4531 19.1419 21.3523 19.5339 21.3523C19.6078 21.3523 19.7001 21.3537 19.8109 21.3565C19.9217 21.3594 20.0055 21.3636 20.0623 21.3693V22.392C20.0282 22.3835 19.9501 22.3707 19.8279 22.3537C19.7086 22.3338 19.5822 22.3239 19.4487 22.3239C19.1305 22.3239 18.8464 22.3906 18.5964 22.5241C18.3493 22.6548 18.1532 22.8366 18.0083 23.0696C17.8663 23.2997 17.7953 23.5625 17.7953 23.858V28H16.7896ZM21.2544 28V21.4545H22.226V22.4432H22.2942C22.4135 22.1193 22.6294 21.8565 22.9419 21.6548C23.2544 21.4531 23.6067 21.3523 23.9988 21.3523C24.0726 21.3523 24.165 21.3537 24.2757 21.3565C24.3865 21.3594 24.4703 21.3636 24.5272 21.3693V22.392C24.4931 22.3835 24.415 22.3707 24.2928 22.3537C24.1735 22.3338 24.0471 22.3239 23.9135 22.3239C23.5953 22.3239 23.3113 22.3906 23.0613 22.5241C22.8141 22.6548 22.6181 22.8366 22.4732 23.0696C22.3311 23.2997 22.2601 23.5625 22.2601 23.858V28H21.2544ZM26.5662 30.4545C26.3958 30.4545 26.2438 30.4403 26.1103 30.4119C25.9767 30.3864 25.8844 30.3608 25.8333 30.3352L26.089 29.4489C26.3333 29.5114 26.5492 29.5341 26.7367 29.517C26.9242 29.5 27.0904 29.4162 27.2353 29.2656C27.383 29.1179 27.5179 28.8778 27.6401 28.5455L27.8276 28.0341L25.4071 21.4545H26.498L28.3049 26.6705H28.373L30.1799 21.4545H31.2708L28.4924 28.9545C28.3674 29.2926 28.2125 29.5724 28.0279 29.794C27.8432 30.0185 27.6287 30.1847 27.3844 30.2926C27.1429 30.4006 26.8702 30.4545 26.5662 30.4545ZM33.9277 19.2727L33.8425 25.5455H32.8539L32.7686 19.2727H33.9277ZM33.3482 28.0682C33.138 28.0682 32.9576 27.9929 32.807 27.8423C32.6564 27.6918 32.5811 27.5114 32.5811 27.3011C32.5811 27.0909 32.6564 26.9105 32.807 26.7599C32.9576 26.6094 33.138 26.5341 33.3482 26.5341C33.5584 26.5341 33.7388 26.6094 33.8894 26.7599C34.04 26.9105 34.1152 27.0909 34.1152 27.3011C34.1152 27.4403 34.0797 27.5682 34.0087 27.6847C33.9405 27.8011 33.8482 27.8949 33.7317 27.9659C33.6181 28.0341 33.4902 28.0682 33.3482 28.0682ZM46.813 23.6364C46.813 24.5568 46.6468 25.3523 46.3145 26.0227C45.9821 26.6932 45.5261 27.2102 44.9466 27.5739C44.367 27.9375 43.7051 28.1193 42.9608 28.1193C42.2164 28.1193 41.5545 27.9375 40.975 27.5739C40.3954 27.2102 39.9395 26.6932 39.6071 26.0227C39.2747 25.3523 39.1085 24.5568 39.1085 23.6364C39.1085 22.7159 39.2747 21.9205 39.6071 21.25C39.9395 20.5795 40.3954 20.0625 40.975 19.6989C41.5545 19.3352 42.2164 19.1534 42.9608 19.1534C43.7051 19.1534 44.367 19.3352 44.9466 19.6989C45.5261 20.0625 45.9821 20.5795 46.3145 21.25C46.6468 21.9205 46.813 22.7159 46.813 23.6364ZM45.7903 23.6364C45.7903 22.8807 45.6639 22.2429 45.411 21.723C45.161 21.2031 44.8216 20.8097 44.3926 20.5426C43.9664 20.2756 43.4892 20.142 42.9608 20.142C42.4324 20.142 41.9537 20.2756 41.5247 20.5426C41.0985 20.8097 40.7591 21.2031 40.5062 21.723C40.2562 22.2429 40.1312 22.8807 40.1312 23.6364C40.1312 24.392 40.2562 25.0298 40.5062 25.5497C40.7591 26.0696 41.0985 26.4631 41.5247 26.7301C41.9537 26.9972 42.4324 27.1307 42.9608 27.1307C43.4892 27.1307 43.9664 26.9972 44.3926 26.7301C44.8216 26.4631 45.161 26.0696 45.411 25.5497C45.6639 25.0298 45.7903 24.392 45.7903 23.6364ZM49.4593 24.0625V28H48.4537V21.4545H49.4252V22.4773H49.5105C49.6639 22.1449 49.8968 21.8778 50.2093 21.6761C50.5218 21.4716 50.9252 21.3693 51.4196 21.3693C51.8627 21.3693 52.2505 21.4602 52.5829 21.642C52.9153 21.821 53.1738 22.0938 53.3585 22.4602C53.5431 22.8239 53.6355 23.2841 53.6355 23.8409V28H52.6298V23.9091C52.6298 23.3949 52.4963 22.9943 52.2292 22.7074C51.9622 22.4176 51.5957 22.2727 51.1298 22.2727C50.8088 22.2727 50.5218 22.3423 50.269 22.4815C50.019 22.6207 49.8216 22.8239 49.6767 23.0909C49.5318 23.358 49.4593 23.6818 49.4593 24.0625ZM56.4789 19.2727V28H55.4732V19.2727H56.4789ZM58.9686 30.4545C58.7981 30.4545 58.6461 30.4403 58.5126 30.4119C58.3791 30.3864 58.2868 30.3608 58.2356 30.3352L58.4913 29.4489C58.7356 29.5114 58.9515 29.5341 59.139 29.517C59.3265 29.5 59.4927 29.4162 59.6376 29.2656C59.7853 29.1179 59.9203 28.8778 60.0424 28.5455L60.2299 28.0341L57.8095 21.4545H58.9004L60.7072 26.6705H60.7754L62.5822 21.4545H63.6731L60.8947 28.9545C60.7697 29.2926 60.6149 29.5724 60.4302 29.794C60.2456 30.0185 60.0311 30.1847 59.7868 30.2926C59.5453 30.4006 59.2725 30.4545 58.9686 30.4545ZM71.3074 28.1193C70.7449 28.1193 70.2434 28.0227 69.8031 27.8295C69.3656 27.6364 69.0176 27.3679 68.7591 27.0241C68.5034 26.6776 68.3642 26.2756 68.3414 25.8182H69.4153C69.438 26.0994 69.5346 26.3423 69.7051 26.5469C69.8755 26.7486 70.0985 26.9048 70.3741 27.0156C70.6497 27.1264 70.9551 27.1818 71.2903 27.1818C71.6653 27.1818 71.9977 27.1165 72.2875 26.9858C72.5772 26.8551 72.8045 26.6733 72.9693 26.4403C73.1341 26.2074 73.2164 25.9375 73.2164 25.6307C73.2164 25.3097 73.1369 25.027 72.9778 24.7827C72.8187 24.5355 72.5858 24.3423 72.2789 24.2031C71.9721 24.0639 71.5971 23.9943 71.1539 23.9943H70.4551V23.0568H71.1539C71.5005 23.0568 71.8045 22.9943 72.0659 22.8693C72.3301 22.7443 72.536 22.5682 72.6838 22.3409C72.8343 22.1136 72.9096 21.8466 72.9096 21.5398C72.9096 21.2443 72.8443 20.9872 72.7136 20.7685C72.5829 20.5497 72.3983 20.3793 72.1596 20.2571C71.9238 20.1349 71.6454 20.0739 71.3244 20.0739C71.0233 20.0739 70.7392 20.1293 70.4721 20.2401C70.2079 20.348 69.992 20.5057 69.8244 20.7131C69.6568 20.9176 69.5659 21.1648 69.5517 21.4545H68.5289C68.546 20.9972 68.6838 20.5966 68.9423 20.2528C69.2008 19.9062 69.5389 19.6364 69.9565 19.4432C70.377 19.25 70.8386 19.1534 71.3414 19.1534C71.8812 19.1534 72.3443 19.2628 72.7306 19.4815C73.117 19.6974 73.4139 19.983 73.6213 20.3381C73.8287 20.6932 73.9324 21.0767 73.9324 21.4886C73.9324 21.9801 73.8031 22.3991 73.5446 22.7457C73.2889 23.0923 72.9409 23.3324 72.5005 23.4659V23.5341C73.0517 23.625 73.4821 23.8594 73.7917 24.2372C74.1014 24.6122 74.2562 25.0767 74.2562 25.6307C74.2562 26.1051 74.127 26.5312 73.8684 26.9091C73.6127 27.2841 73.2633 27.5795 72.8201 27.7955C72.377 28.0114 71.8727 28.1193 71.3074 28.1193ZM80.3968 19.2727V28H79.3912V19.2727H80.3968ZM84.9831 28.1364C84.3525 28.1364 83.8084 27.9972 83.351 27.7188C82.8965 27.4375 82.5456 27.0455 82.2985 26.5426C82.0542 26.0369 81.932 25.4489 81.932 24.7784C81.932 24.108 82.0542 23.517 82.2985 23.0057C82.5456 22.4915 82.8894 22.0909 83.3297 21.804C83.7729 21.5142 84.29 21.3693 84.8809 21.3693C85.2218 21.3693 85.5584 21.4261 85.8908 21.5398C86.2232 21.6534 86.5257 21.8381 86.7985 22.0938C87.0712 22.3466 87.2885 22.6818 87.4505 23.0994C87.6124 23.517 87.6934 24.0312 87.6934 24.642V25.0682H82.6479V24.1989H86.6706C86.6706 23.8295 86.5968 23.5 86.449 23.2102C86.3042 22.9205 86.0968 22.6918 85.8269 22.5241C85.5598 22.3565 85.2445 22.2727 84.8809 22.2727C84.4803 22.2727 84.1337 22.3722 83.8411 22.571C83.5513 22.767 83.3283 23.0227 83.1721 23.3381C83.0158 23.6534 82.9377 23.9915 82.9377 24.3523V24.9318C82.9377 25.4261 83.0229 25.8452 83.1934 26.1889C83.3667 26.5298 83.6067 26.7898 83.9135 26.9688C84.2203 27.1449 84.5769 27.233 84.9831 27.233C85.2473 27.233 85.486 27.196 85.699 27.1222C85.915 27.0455 86.101 26.9318 86.2573 26.7812C86.4135 26.6278 86.5343 26.4375 86.6195 26.2102L87.5911 26.483C87.4888 26.8125 87.3169 27.1023 87.0755 27.3523C86.834 27.5994 86.5357 27.7926 86.1806 27.9318C85.8255 28.0682 85.4263 28.1364 84.9831 28.1364ZM92.138 21.4545V22.3068H88.6096V21.4545H92.138ZM89.6664 28V20.5511C89.6664 20.1761 89.7544 19.8636 89.9306 19.6136C90.1067 19.3636 90.3354 19.1761 90.6167 19.0511C90.8979 18.9261 91.1948 18.8636 91.5073 18.8636C91.7544 18.8636 91.9561 18.8835 92.1124 18.9233C92.2686 18.9631 92.3851 19 92.4618 19.0341L92.1721 19.9034C92.1209 19.8864 92.0499 19.8651 91.959 19.8395C91.8709 19.8139 91.7544 19.8011 91.6096 19.8011C91.2772 19.8011 91.0371 19.8849 90.8894 20.0526C90.7445 20.2202 90.6721 20.4659 90.6721 20.7898V28H89.6664ZM96.394 21.4545V22.3068H93.002V21.4545H96.394ZM93.9906 19.8864H94.9963V26.125C94.9963 26.4091 95.0375 26.6222 95.1199 26.7642C95.2051 26.9034 95.313 26.9972 95.4437 27.0455C95.5772 27.0909 95.7179 27.1136 95.8656 27.1136C95.9764 27.1136 96.0673 27.108 96.1383 27.0966C96.2093 27.0824 96.2662 27.071 96.3088 27.0625L96.5133 27.9659C96.4451 27.9915 96.35 28.017 96.2278 28.0426C96.1056 28.071 95.9508 28.0852 95.7633 28.0852C95.4792 28.0852 95.2008 28.0241 94.9281 27.902C94.6582 27.7798 94.4338 27.5938 94.2548 27.3438C94.0787 27.0938 93.9906 26.7784 93.9906 26.3977V19.8864Z" fill="#AAAAAA"/>
 </svg>
@@ -8,4 +8,4 @@
 <rect x="0.5" y="34" width="97" height="4" rx="2" fill="#424242"/>
 <rect x="0.5" y="34" width="44" height="4" rx="2" fill="#AAAAAA"/>
 </svg>
-        `},components:[{tag:"StockCounter",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:".{{rootClassName}} mark{\r\n\r\ncolor: #ffffff !important;\r\n\r\nbackground: #4D4D4D !important;\r\n\r\n}\r\n\r\n.{{rootClassName}} span{\r\n\r\ncolor: #4D4D4D !important;\r\n\r\n}"}}}]}];exports.StockCounterPreset=StockCounterPreset;
+        `},components:[{tag:"StockCounter",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:".{{rootClassName}} mark{\r\n\r\ncolor: #ffffff !important;\r\n\r\nbackground: #4D4D4D !important;\r\n\r\n}\r\n\r\n.{{rootClassName}} span{\r\n\r\ncolor: #4D4D4D !important;\r\n\r\n}"}}}]}];exports.StockCounterPreset=C;

package/dist/cjs/stock-counter/settings/configs/settings-v2.js

@@ -1,2 +1,2 @@
-"use strict";var helpers=require("../../common/helpers.js");const StockCounterSettingsV2=[{id:"setting",controls:[{id:"layout",label:"layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",popoverLabel:"Layout",enableItemOpacity:!0,options:[{label:"Full",value:"full",type:"p-image-layout",iconName:"gp-stock-counter-full"},{label:"Text & progress bar",value:"text-and-progress-bar",type:"p-image-layout",iconName:"gp-stock-counter-text-and-progress-bar"},{label:"Icon & Text",value:"icon-and-text",type:"p-image-layout",iconName:"gp-stock-counter-icon-and-text"},{label:"Text only",value:"text-only",type:"p-image-layout",iconName:"gp-stock-counter-text-only"},{label:"Progress bar only",value:"progress-bar",type:"p-image-layout",iconName:"gp-stock-counter-progress-bar"}],default:"full"},{id:"displayCondition",label:"Display Condition",type:"group",controls:[{id:"displayByDefault",label:"Display By Default",type:"select",options:[{label:"Always show",value:!0},{label:"Show if under",value:!1}],default:!0},{id:"scarcityThreshold",label:"Scarcity Threshold",type:"input:stepper",default:helpers.DEFAULT_SCARCITY_THRESHOLD,info:"Only show if inventory quantity less than or equal to the above number."}]},{id:"oosIcon",label:"",type:"icon",default:'<svg data-name="package-regular" style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M223.68,66.15,135.68,18a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32l80.34,44-29.77,16.3-80.35-44ZM128,120,47.66,76l33.9-18.56,80.34,44ZM40,90l80,43.78v85.79L40,175.82Zm176,85.78h0l-80,43.79V133.82l32-17.51V152a8,8,0,0,0,16,0V107.55L216,90v85.77Z"></path></svg>'},{id:"hiddenCounterWhenOutOfStock",type:"select",options:[{value:!1,label:"Show message"},{value:!0,label:"Hide counter"}],default:!1},{id:"message",label:"Message",type:"group",controls:[{id:"template",label:"Template",type:"textarea",autoHeight:!0,showPlusBtn:!0,default:`Only ${helpers.DEFAULT_QUANTITY_TEMPLATE} left`,info:`Use ${helpers.DEFAULT_QUANTITY_TEMPLATE} to represent remaining number`,minHeight:56,suggestContents:[{message:"%number%",eg:"E.g: Only 2 left"}]},{id:"outOfStockMessage",label:"Out Of Stock Message",type:"input",default:"OUT OF STOCK"},{id:"continueSelling",label:"Continue Selling When Out Of Stock Message",type:"textarea",autoHeight:!0,default:"Restock soon! PREORDER NOW",info:"Turn out-of-stock productions into pre-orders"},{id:"unlimitedQuantityMessage",label:"Unlimited Quantity Message",type:"textarea",autoHeight:!0,default:"Hurry! LET BUY NOW"}]},{id:"icon",label:"Icon",type:"group",controls:[{id:"showIcon",label:"Show Icon",type:"toggle",default:!0},{id:"icon",label:"",type:"icon",default:`<svg height="20px" width="20px" data-name="lightning-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817742720598376">
-              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M213.85,125.46l-112,120a8,8,0,0,1-13.69-7l14.66-73.33L45.19,143.49a8,8,0,0,1-3-13l112-120a8,8,0,0,1,13.69,7L153.18,90.9l57.63,21.61a8,8,0,0,1,3,12.95Z"></path></svg>`}]},{id:"progressBarPosition",type:"option:value",options:[{value:"top",label:"Top"},{value:"bottom",label:"Bottom"}],default:"bottom"},{id:"iconPosition",type:"option:value",options:[{value:"left",label:"Left"},{value:"right",label:"Right"}],default:"left"},{id:"iconSize",type:"input:stepper",allowEmptyValue:!0,placeholder:"Enter size",devices:{desktop:{default:16}}},{id:"remainingPercentage",label:"Remaining Percentage (%)",type:"input:slider",default:helpers.DEFAULT_REMAINING_PERCENT,min:helpers.MIN_REMAINING_PERCENT,max:helpers.MAX_REMAINING_PERCENT,step:helpers.DEFAULT_RANGE_STEP,units:["%"],showDefaultUnit:!0,isNumber:!0,useOnlyUnitInit:!0}]},{id:"style",controls:[{id:"dimension",label:"Dimension",type:"group",controls:[{id:"fullWidth",label:"Full width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"alignment",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:"display",label:"Display",type:"group",controls:[{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"textColor",label:"Text Color",type:"color-picker-v2",default:"text-2"},{id:"color",label:"Color",type:"color-picker-v2",default:"line-3"},{id:"iconColor",label:"Color",type:"color-picker-v2",default:"text-2"},{id:"oosIconColor",label:"Color",type:"color-picker-v2",default:"#DDDDDD"},{id:"oosTextColor",label:"Color",type:"color-picker-v2",default:"#DDDDDD"}]},{id:"progressBar",label:"Progress Bar",type:"group",controls:[{id:"displayProgressBar",label:"Display",type:"toggle",default:!0},{id:"progressBarHeight",type:"input:stepper",min:5,max:20,devices:{desktop:{default:10}}},{id:"roundedBorder",label:"Rounded Border",type:"toggle",default:!0},{id:"effect",label:"Effect",type:"toggle",default:!0}]},{id:"borderRadius",type:"corner-v2",default:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"},compoDefaultValue:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"}}]}];exports.StockCounterSettingsV2=StockCounterSettingsV2;
+"use strict";var e=require("../../common/helpers.js");const t=[{id:"setting",controls:[{id:"layout",label:"layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",popoverLabel:"Layout",enableItemOpacity:!0,options:[{label:"Full",value:"full",type:"p-image-layout",iconName:"gp-stock-counter-full"},{label:"Text & progress bar",value:"text-and-progress-bar",type:"p-image-layout",iconName:"gp-stock-counter-text-and-progress-bar"},{label:"Icon & Text",value:"icon-and-text",type:"p-image-layout",iconName:"gp-stock-counter-icon-and-text"},{label:"Text only",value:"text-only",type:"p-image-layout",iconName:"gp-stock-counter-text-only"},{label:"Progress bar only",value:"progress-bar",type:"p-image-layout",iconName:"gp-stock-counter-progress-bar"}],default:"full"},{id:"displayCondition",label:"Display Condition",type:"group",controls:[{id:"displayByDefault",label:"Display By Default",type:"select",options:[{label:"Always show",value:!0},{label:"Show if under",value:!1}],default:!0},{id:"scarcityThreshold",label:"Scarcity Threshold",type:"input:stepper",default:e.DEFAULT_SCARCITY_THRESHOLD,info:"Only show if inventory quantity less than or equal to the above number."}]},{id:"oosIcon",label:"",type:"icon",default:'<svg data-name="package-regular" style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M223.68,66.15,135.68,18a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32l80.34,44-29.77,16.3-80.35-44ZM128,120,47.66,76l33.9-18.56,80.34,44ZM40,90l80,43.78v85.79L40,175.82Zm176,85.78h0l-80,43.79V133.82l32-17.51V152a8,8,0,0,0,16,0V107.55L216,90v85.77Z"></path></svg>'},{id:"hiddenCounterWhenOutOfStock",type:"select",options:[{value:!1,label:"Show message"},{value:!0,label:"Hide counter"}],default:!1},{id:"message",label:"Message",type:"group",controls:[{id:"template",label:"Template",type:"textarea",autoHeight:!0,showPlusBtn:!0,default:`Only ${e.DEFAULT_QUANTITY_TEMPLATE} left`,info:`Use ${e.DEFAULT_QUANTITY_TEMPLATE} to represent remaining number`,minHeight:56,suggestContents:[{message:"%number%",eg:"E.g: Only 2 left"}]},{id:"outOfStockMessage",label:"Out Of Stock Message",type:"input",default:"OUT OF STOCK"},{id:"continueSelling",label:"Continue Selling When Out Of Stock Message",type:"textarea",autoHeight:!0,default:"Restock soon! PREORDER NOW",info:"Turn out-of-stock productions into pre-orders"},{id:"unlimitedQuantityMessage",label:"Unlimited Quantity Message",type:"textarea",autoHeight:!0,default:"Hurry! LET BUY NOW"}]},{id:"icon",label:"Icon",type:"group",controls:[{id:"showIcon",label:"Show Icon",type:"toggle",default:!0},{id:"icon",label:"",type:"icon",default:`<svg height="20px" width="20px" data-name="lightning-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817742720598376">
+              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M213.85,125.46l-112,120a8,8,0,0,1-13.69-7l14.66-73.33L45.19,143.49a8,8,0,0,1-3-13l112-120a8,8,0,0,1,13.69,7L153.18,90.9l57.63,21.61a8,8,0,0,1,3,12.95Z"></path></svg>`}]},{id:"progressBarPosition",type:"option:value",options:[{value:"top",label:"Top"},{value:"bottom",label:"Bottom"}],default:"bottom"},{id:"iconPosition",type:"option:value",options:[{value:"left",label:"Left"},{value:"right",label:"Right"}],default:"left"},{id:"iconSize",type:"input:stepper",allowEmptyValue:!0,placeholder:"Enter size",devices:{desktop:{default:16}}},{id:"remainingPercentage",label:"Remaining Percentage (%)",type:"input:slider",default:e.DEFAULT_REMAINING_PERCENT,min:e.MIN_REMAINING_PERCENT,max:e.MAX_REMAINING_PERCENT,step:e.DEFAULT_RANGE_STEP,units:["%"],showDefaultUnit:!0,isNumber:!0,useOnlyUnitInit:!0}]},{id:"style",controls:[{id:"dimension",label:"Dimension",type:"group",controls:[{id:"fullWidth",label:"Full width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"alignment",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:"display",label:"Display",type:"group",controls:[{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"textColor",label:"Text Color",type:"color-picker-v2",default:"text-2"},{id:"color",label:"Color",type:"color-picker-v2",default:"line-3"},{id:"iconColor",label:"Color",type:"color-picker-v2",default:"text-2"},{id:"oosIconColor",label:"Color",type:"color-picker-v2",default:"#DDDDDD"},{id:"oosTextColor",label:"Color",type:"color-picker-v2",default:"#DDDDDD"}]},{id:"progressBar",label:"Progress Bar",type:"group",controls:[{id:"displayProgressBar",label:"Display",type:"toggle",default:!0},{id:"progressBarHeight",type:"input:stepper",min:5,max:20,devices:{desktop:{default:10}}},{id:"roundedBorder",label:"Rounded Border",type:"toggle",default:!0},{id:"effect",label:"Effect",type:"toggle",default:!0}]},{id:"borderRadius",type:"corner-v2",default:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"},compoDefaultValue:{btrr:"99999px",bblr:"99999px",bbrr:"99999px",btlr:"99999px",radiusType:"circle"}}]}];exports.StockCounterSettingsV2=t;

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

@@ -1 +1 @@
-"use strict";const StockCounter={template:{id:"template"},outOfStockMessage:{id:"outOfStockMessage"},continueSelling:{id:"continueSelling"},unlimitedQuantityMessage:{id:"unlimitedQuantityMessage"}};exports.StockCounter=StockCounter;
+"use strict";exports.StockCounter={template:{id:"template"},outOfStockMessage:{id:"outOfStockMessage"},continueSelling:{id:"continueSelling"},unlimitedQuantityMessage:{id:"unlimitedQuantityMessage"}};

package/dist/cjs/stock-counter/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{label:"layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"displayProgressBar",newValue:!0,groupType:"style",controlType:"style"},source:["layout"],condition:"layout !== 'icon-and-text' && layout !== 'text-only'"},{action:{controlId:"displayProgressBar",newValue:!1,groupType:"style",controlType:"style"},source:["layout"],condition:"layout === 'icon-and-text' || layout === 'text-only'"},{action:{controlId:"showIcon",newValue:!0,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'full' || layout === 'icon-and-text'"},{action:{controlId:"showIcon",newValue:!1,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'text-and-progress-bar' || layout === 'progress-bar' || layout === 'text-only'"}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Progress bar",setting:{id:"displayProgressBar"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"displayProgressBar == true",label:"Percentage left",setting:{id:"remainingPercentage"}},{conditionDisplay:"displayProgressBar == true",label:"Color",setting:{id:"color"}},{conditionDisplay:"displayProgressBar == true",label:"Effect",setting:{id:"effect"}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"displayProgressBar == true",label:"Height",setting:{id:"progressBarHeight"}},{conditionDisplay:"displayProgressBar == true",label:"Position",setting:{id:"progressBarPosition"}},{conditionDisplay:"displayProgressBar == true",label:"Corner",setting:{id:"borderRadius"}}]}},{controls:[{label:"Icon",setting:{id:"showIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"showIcon == true",setting:{id:"icon"},layout:"horizontal"},{label:"Size",conditionDisplay:"showIcon == true",setting:{id:"iconSize"},layout:"horizontal"},{conditionDisplay:"showIcon == true",label:"Color",setting:{id:"iconColor"}},{label:"Position",conditionDisplay:"showIcon == true",setting:{id:"iconPosition"},layout:"horizontal"}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}}]},{label:"Text",controls:[{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"template",isHideClear:!0,controls:[{label:"Content",setting:{id:"template"},layout:"vertical"}]},{setting:{id:"typo"},layout:"vertical"}]},{label:"Out of stock state",controls:[{label:"Action",setting:{id:"hiddenCounterWhenOutOfStock"}},{label:"Icon",setting:{id:"oosIcon"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"outOfStockMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockMessage"},layout:"vertical"}],conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Icon color",setting:{id:"oosIconColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Text color",setting:{id:"oosTextColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"}]},{label:"Message",controls:[{label:"Sell when OOS",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"continueSelling",isHideClear:!0,popoverLabel:"Out of stock sell",controls:[{label:"Content",setting:{id:"continueSelling"},layout:"vertical"}]},{label:"Unlimited stock",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"unlimitedQuantityMessage",isHideClear:!0,popoverLabel:"Unlimited quantity",controls:[{label:"Content",setting:{id:"unlimitedQuantityMessage"},layout:"vertical"}]}]},{label:"Display option",controls:[{label:"Display",setting:{id:"displayByDefault"}},{label:"Stock",conditionDisplay:"displayByDefault == false",setting:{id:"scarcityThreshold"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"alignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";exports.SettingUIV2=[{label:"layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"displayProgressBar",newValue:!0,groupType:"style",controlType:"style"},source:["layout"],condition:"layout !== 'icon-and-text' && layout !== 'text-only'"},{action:{controlId:"displayProgressBar",newValue:!1,groupType:"style",controlType:"style"},source:["layout"],condition:"layout === 'icon-and-text' || layout === 'text-only'"},{action:{controlId:"showIcon",newValue:!0,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'full' || layout === 'icon-and-text'"},{action:{controlId:"showIcon",newValue:!1,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'text-and-progress-bar' || layout === 'progress-bar' || layout === 'text-only'"}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Progress bar",setting:{id:"displayProgressBar"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"displayProgressBar == true",label:"Percentage left",setting:{id:"remainingPercentage"}},{conditionDisplay:"displayProgressBar == true",label:"Color",setting:{id:"color"}},{conditionDisplay:"displayProgressBar == true",label:"Effect",setting:{id:"effect"}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"displayProgressBar == true",label:"Height",setting:{id:"progressBarHeight"}},{conditionDisplay:"displayProgressBar == true",label:"Position",setting:{id:"progressBarPosition"}},{conditionDisplay:"displayProgressBar == true",label:"Corner",setting:{id:"borderRadius"}}]}},{controls:[{label:"Icon",setting:{id:"showIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"showIcon == true",setting:{id:"icon"},layout:"horizontal"},{label:"Size",conditionDisplay:"showIcon == true",setting:{id:"iconSize"},layout:"horizontal"},{conditionDisplay:"showIcon == true",label:"Color",setting:{id:"iconColor"}},{label:"Position",conditionDisplay:"showIcon == true",setting:{id:"iconPosition"},layout:"horizontal"}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}}]},{label:"Text",controls:[{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"template",isHideClear:!0,controls:[{label:"Content",setting:{id:"template"},layout:"vertical"}]},{setting:{id:"typo"},layout:"vertical"}]},{label:"Out of stock state",controls:[{label:"Action",setting:{id:"hiddenCounterWhenOutOfStock"}},{label:"Icon",setting:{id:"oosIcon"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"outOfStockMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockMessage"},layout:"vertical"}],conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Icon color",setting:{id:"oosIconColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Text color",setting:{id:"oosTextColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"}]},{label:"Message",controls:[{label:"Sell when OOS",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"continueSelling",isHideClear:!0,popoverLabel:"Out of stock sell",controls:[{label:"Content",setting:{id:"continueSelling"},layout:"vertical"}]},{label:"Unlimited stock",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"unlimitedQuantityMessage",isHideClear:!0,popoverLabel:"Unlimited quantity",controls:[{label:"Content",setting:{id:"unlimitedQuantityMessage"},layout:"vertical"}]}]},{label:"Display option",controls:[{label:"Display",setting:{id:"displayByDefault"}},{label:"Stock",conditionDisplay:"displayByDefault == false",setting:{id:"scarcityThreshold"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"alignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

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

@@ -1 +1 @@
-"use strict";const getAttr=({uid:t})=>({"data-id":t}),getAttrContent=({uid:t})=>({key:t});exports.getAttr=getAttr,exports.getAttrContent=getAttrContent;
+"use strict";exports.getAttr=({uid:t})=>({"data-id":t}),exports.getAttrContent=({uid:t})=>({key:t});

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

@@ -1,4 +1,4 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");const getClassesWrapper=({builderProps:e,advancedCssClass:s})=>{let t="gp-flex";return e?.uid&&(t+=` ${e?.uid}`),s&&(t+=` ${s}`),{...core.composeClasses(t)}},getContainClasses=({setting:e})=>{let{position:s}=e??{},t="gp-flex ";return helpers.getWrapClassByPositionResponsive(s)&&(t+=` ${helpers.getWrapClassByPositionResponsive(s)}`),{...core.composeClasses(t)}},getTabListClasses=({setting:e})=>{let{position:s}=e??{},t="gp-tab-header-list gp-flex gp-flex-wrap gp-overflow-hidden ";return helpers.getUlClassByPositionResponsive(s)&&(t+=` ${helpers.getUlClassByPositionResponsive(s)}`),{...core.composeClasses(t)}},getItemClasses=({setting:e,isNotLiquid:s,isActive:t,currentDevice:a})=>{let{labelBgColor:o,labelColor:l,position:r,enableActiveEffect:p}=e??{},g="gp-tab-item gp-navs-tab gp-flex gp-cursor-pointer gp-py-2 gp-px-4 gp-whitespace-nowrap";return s&&(t&&p?g+=` ${core.getGlobalColorClass("bg",o?.active)} ${core.getGlobalColorClass("text",l?.active)}`:g+=` ${core.getGlobalColorStateClass("bg",o)} ${core.getGlobalColorStateClass("text",l)}`,a&&r?.[a]&&(g+=` ${r?.[a]}`)),{...core.composeClasses(g)}},getTabParentListClasses=()=>({...core.composeClasses("gp-flex")}),getStyleTagClasses=({panelWidth:e,builderProps:s})=>{let t="",a=helpers.makeStyleLayoutFullWidthResponsive(e,s);return s?.uid&&(t+=` .${s?.uid} .gp-tab-item p {
+"use strict";var e=require("@gem-sdk/core"),s=require("./helpers.js");exports.getClassesWrapper=({builderProps:s,advancedCssClass:t})=>{let o="gp-flex";return s?.uid&&(o+=` ${s?.uid}`),t&&(o+=` ${t}`),{...e.composeClasses(o)}},exports.getContainClasses=({setting:t})=>{let{position:o}=t??{},p="gp-flex ";return s.getWrapClassByPositionResponsive(o)&&(p+=` ${s.getWrapClassByPositionResponsive(o)}`),{...e.composeClasses(p)}},exports.getContainContentClasses=()=>({...e.composeClasses("gp-tab-item-container gp-p-4")}),exports.getItemClasses=({setting:s,isNotLiquid:t,isActive:o,currentDevice:p})=>{let{labelBgColor:a,labelColor:l,position:r,enableActiveEffect:g}=s??{},i="gp-tab-item gp-navs-tab gp-flex gp-cursor-pointer gp-py-2 gp-px-4 gp-whitespace-nowrap";return t&&(o&&g?i+=` ${e.getGlobalColorClass("bg",a?.active)} ${e.getGlobalColorClass("text",l?.active)}`:i+=` ${e.getGlobalColorStateClass("bg",a)} ${e.getGlobalColorStateClass("text",l)}`,p&&r?.[p]&&(i+=` ${r?.[p]}`)),{...e.composeClasses(i)}},exports.getStyleTagClasses=({panelWidth:e,builderProps:t})=>{let o="",p=s.makeStyleLayoutFullWidthResponsive(e,t);return t?.uid&&(o+=` .${t?.uid} .gp-tab-item p {
             word-wrap: break-word;
             white-space: break-spaces;
-          }`),a&&(t+=` ${a}`),t},getWrapperContentClasses=()=>({...core.composeClasses("gp-flex gp-flex-1 gp-min-w-0")}),getContainContentClasses=()=>({...core.composeClasses("gp-tab-item-container gp-p-4")}),getTextClasses=()=>({...core.composeClasses("gp-cursor-pointer gp-overflow-hidden gp-whitespace-nowrap !gp-text-inherit")}),getTabItemClasses=({parentUid:e,className:s,isNotLiquid:t,isActive:a})=>{let o="gp-tab-item";return e&&(o+=` gp-child-item-${e}`),s&&(o+=` ${s}`),t&&!a&&(o+=" !gp-hidden"),{...core.composeClasses(o)}};exports.getClassesWrapper=getClassesWrapper,exports.getContainClasses=getContainClasses,exports.getContainContentClasses=getContainContentClasses,exports.getItemClasses=getItemClasses,exports.getStyleTagClasses=getStyleTagClasses,exports.getTabItemClasses=getTabItemClasses,exports.getTabListClasses=getTabListClasses,exports.getTabParentListClasses=getTabParentListClasses,exports.getTextClasses=getTextClasses,exports.getWrapperContentClasses=getWrapperContentClasses;
+          }`),p&&(o+=` ${p}`),o},exports.getTabItemClasses=({parentUid:s,className:t,isNotLiquid:o,isActive:p})=>{let a="gp-tab-item";return s&&(a+=` gp-child-item-${s}`),t&&(a+=` ${t}`),o&&!p&&(a+=" !gp-hidden"),{...e.composeClasses(a)}},exports.getTabListClasses=({setting:t})=>{let{position:o}=t??{},p="gp-tab-header-list gp-flex gp-flex-wrap gp-overflow-hidden ";return s.getUlClassByPositionResponsive(o)&&(p+=` ${s.getUlClassByPositionResponsive(o)}`),{...e.composeClasses(p)}},exports.getTabParentListClasses=()=>({...e.composeClasses("gp-flex")}),exports.getTextClasses=()=>({...e.composeClasses("gp-cursor-pointer gp-overflow-hidden gp-whitespace-nowrap !gp-text-inherit")}),exports.getWrapperContentClasses=()=>({...e.composeClasses("gp-flex gp-flex-1 gp-min-w-0")});

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

@@ -1,2 +1,2 @@
-"use strict";var core=require("@gem-sdk/core");const makeStyleLayoutFullWidthResponsive=(e,t)=>core.DEVICES.map(o=>{if("100%"===core.getValueByDevice(e,o))return`.${t?.uid}
-      .wrap-width_full_${o}_top_true { width: 100%; } .${t?.uid} .wrap-width_full_${o}_top_true .gp-tab-item { flex: 1 }`}).join(""),makeDeviceDefault=(e={})=>{let{desktop:t="",tablet:o=t,mobile:s=o||t}=e;return{desktop:t,tablet:o,mobile:s}},getStyleWidthByPositionResponsive=e=>{let t={desktop:"",tablet:"",mobile:""};if(e.position)for(let o of Object.keys(t))if(e.position[o]&&"top"!==e.position[o]){let s=makeDeviceDefault(e.labelWidth);t[o]=s?.[o]||"min-content"}else{let s=makeDeviceDefault(e.panelWidth);t[o]=s?.[o]||"auto"}return t},getUlClassByPositionResponsive=e=>{let t="";if(e)for(let[o,s]of Object.entries(e))"left"===s||"right"===s?t+=` ${"desktop"===o?"gp-flex-col":o+":gp-flex-col"}`:t+=` ${"desktop"===o?"gp-flex-row":o+":gp-flex-row"}`;return t},getWrapClassByPositionResponsive=e=>{let t="";if(e)for(let[o,s]of Object.entries(e))"left"===s?t+=` ${"desktop"===o?"gp-flex-row":o+":gp-flex-row"}`:"right"===s?t+=` ${"desktop"===o?"gp-flex-row-reverse":o+":gp-flex-row-reverse"}`:"top"===s?t+=` ${"desktop"===o?"gp-flex-col":o+":gp-flex-col"}`:"bottom"===s&&(t+=` ${"desktop"===o?"gp-flex-col-reverse":o+":gp-flex-col-reverse"}`);return t};exports.getStyleWidthByPositionResponsive=getStyleWidthByPositionResponsive,exports.getUlClassByPositionResponsive=getUlClassByPositionResponsive,exports.getWrapClassByPositionResponsive=getWrapClassByPositionResponsive,exports.makeStyleLayoutFullWidthResponsive=makeStyleLayoutFullWidthResponsive;
+"use strict";var e=require("@gem-sdk/core");const t=(e={})=>{let{desktop:t="",tablet:o=t,mobile:l=o||t}=e;return{desktop:t,tablet:o,mobile:l}};exports.getStyleWidthByPositionResponsive=e=>{let o={desktop:"",tablet:"",mobile:""};if(e.position)for(let l of Object.keys(o))if(e.position[l]&&"top"!==e.position[l]){let r=t(e.labelWidth);o[l]=r?.[l]||"min-content"}else{let r=t(e.panelWidth);o[l]=r?.[l]||"auto"}return o},exports.getUlClassByPositionResponsive=e=>{let t="";if(e)for(let[o,l]of Object.entries(e))"left"===l||"right"===l?t+=` ${"desktop"===o?"gp-flex-col":o+":gp-flex-col"}`:t+=` ${"desktop"===o?"gp-flex-row":o+":gp-flex-row"}`;return t},exports.getWrapClassByPositionResponsive=e=>{let t="";if(e)for(let[o,l]of Object.entries(e))"left"===l?t+=` ${"desktop"===o?"gp-flex-row":o+":gp-flex-row"}`:"right"===l?t+=` ${"desktop"===o?"gp-flex-row-reverse":o+":gp-flex-row-reverse"}`:"top"===l?t+=` ${"desktop"===o?"gp-flex-col":o+":gp-flex-col"}`:"bottom"===l&&(t+=` ${"desktop"===o?"gp-flex-col-reverse":o+":gp-flex-col-reverse"}`);return t},exports.makeStyleLayoutFullWidthResponsive=(t,o)=>e.DEVICES.map(l=>{if("100%"===e.getValueByDevice(t,l))return`.${o?.uid}
+      .wrap-width_full_${l}_top_true { width: 100%; } .${o?.uid} .wrap-width_full_${l}_top_true .gp-tab-item { flex: 1 }`}).join("");

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

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

package/dist/cjs/tab/components/TabItem.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../grid/components/ChildrenDroppable.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js");const TabItem=e=>{let{children:s,builderAttrs:t,className:r,parentUid:l,isActive:i,style:a}=e,m=system.createStyle({...styles.getTabItemStyle(a,i)}),o=system.createClass({...classes.getTabItemClasses({parentUid:l,className:r,isNotLiquid:!0,isActive:i})});return jsxRuntime.jsx("div",{...t,className:o,style:m,children:core.isEmptyChildren(s)?jsxRuntime.jsx(ChildrenDroppable.default,{}):s})};exports.default=TabItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),r=require("../../grid/components/ChildrenDroppable.js"),t=require("@gem-sdk/system"),i=require("../common/classes.js"),l=require("../common/styles.js");exports.default=a=>{let{children:u,builderAttrs:m,className:o,parentUid:c,isActive:d,style:n}=a,j=t.createStyle({...l.getTabItemStyle(n,d)}),p=t.createClass({...i.getTabItemClasses({parentUid:c,className:o,isNotLiquid:!0,isActive:d})});return e.jsx("div",{...m,className:p,style:j,children:s.isEmptyChildren(u)?e.jsx(r.default,{}):u})};

package/dist/cjs/tab/components/TabItem.liquid.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js");const TabItem=e=>{let{children:s,builderAttrs:t,className:r,parentUid:l,style:a,isActive:m}=e,c=system.createStyle({...styles.getTabItemStyle(a,m)}),o=system.createClass({...classes.getTabItemClasses({parentUid:l,className:r,isNotLiquid:!1,isActive:m})});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("@gem-sdk/system"),t=require("../common/classes.js"),r=require("../common/styles.js");exports.default=l=>{let{children:a,builderAttrs:i,className:m,parentUid:o,style:u,isActive:c}=l,d=s.createStyle({...r.getTabItemStyle(u,c)}),y=s.createClass({...t.getTabItemClasses({parentUid:o,className:m,isNotLiquid:!1,isActive:c})});return e.template`
   <div
-    ${{...t}}
-    class="${o}"
-    style="${c}"
+    ${{...i}}
+    class="${y}"
+    style="${d}"
   >
-    ${s}
+    ${a}
   </div>
-  `};exports.default=TabItem;
+  `};

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

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

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

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

package/dist/cjs/tab/hooks/useTab.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),React=require("react"),useGetProductId=require("../../hooks/useGetProductId.js"),useTabInteraction=require("./useTabInteraction.js");const useTab=(e,t)=>{let{activeKey:r}=e??{},u=core.useCurrentDevice(),[s,c]=React.useState(!r||r<0||r>=(e?.childItem??[]).length?0:r),{refContainer:a,productID:o}=useGetProductId.useGetProductId(),{dispatchEventTabActive:i}=useTabInteraction.useTabInteraction({activeKey:r||1,setActiveKey:c,activeTab:s,refContainer:a,componentUid:t?.uid||""});return e&&!e?.labelWidth&&(e.labelWidth={desktop:"200px"}),{currentDevice:u,productID:o,dispatchEventTabActive:i,activeTab:s,setActiveKey:c,refContainer:a}};exports.useTab=useTab;
+"use strict";var e=require("@gem-sdk/core"),t=require("react"),r=require("../../hooks/useGetProductId.js"),u=require("./useTabInteraction.js");exports.useTab=(s,i)=>{let{activeKey:a}=s??{},c=e.useCurrentDevice(),[d,o]=t.useState(!a||a<0||a>=(s?.childItem??[]).length?0:a),{refContainer:n,productID:l}=r.useGetProductId(),{dispatchEventTabActive:b}=u.useTabInteraction({activeKey:a||1,setActiveKey:o,activeTab:d,refContainer:n,componentUid:i?.uid||""});return s&&!s?.labelWidth&&(s.labelWidth={desktop:"200px"}),{currentDevice:c,productID:l,dispatchEventTabActive:b,activeTab:d,setActiveKey:o,refContainer:n}};

package/dist/cjs/tab/hooks/useTabInteraction.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),React=require("react");const useTabInteraction=({activeKey:e,setActiveKey:t,activeTab:r,refContainer:a,componentUid:n})=>{let{trigger:c,onListener:i,interactionListenerLoaded:u,saveToElementInteractionData:o,findElementIncludingSelf:d}=core.useInteraction(),s=core.useEditorMode(),l=r=>{let{data:a,isRollback:n,element:c,key:i}=r||{};if(void 0===a&&n)return;let u=Number(a)+1;if(n){t(u);return}o(c,i,String(e)),t(u)},b=e=>{c({event:"gp:rollback:tab-active",selector:`[data-id="${n}"]`,element:a.current}),c({event:"gp:tab-active",selector:`[data-id="${n}"]`,data:e,element:a.current})};return React.useEffect(()=>{if("edit"===s)return;u(()=>{b(r-1)});let e=`[data-id="${n}"]`,t=d(document,e),a=i({event:"gp:change-open-tab",selector:e},e=>{l({...e,element:t,key:e?.uniqueStorageKey})});return()=>{a?.()}},[]),{dispatchEventTabActive:b}};exports.useTabInteraction=useTabInteraction;
+"use strict";var e=require("@gem-sdk/core"),t=require("react");exports.useTabInteraction=({activeKey:r,setActiveKey:a,activeTab:n,refContainer:i,componentUid:u})=>{let{trigger:c,onListener:d,interactionListenerLoaded:o,saveToElementInteractionData:l,findElementIncludingSelf:s}=e.useInteraction(),g=e.useEditorMode(),v=e=>{let{data:t,isRollback:n,element:i,key:u}=e||{};if(void 0===t&&n)return;let c=Number(t)+1;if(n){a(c);return}l(i,u,String(r)),a(c)},b=e=>{c({event:"gp:rollback:tab-active",selector:`[data-id="${u}"]`,element:i.current}),c({event:"gp:tab-active",selector:`[data-id="${u}"]`,data:e,element:i.current})};return t.useEffect(()=>{if("edit"===g)return;o(()=>{b(n-1)});let e=`[data-id="${u}"]`,t=s(document,e),r=d({event:"gp:change-open-tab",selector:e},e=>{v({...e,element:t,key:e?.uniqueStorageKey})});return()=>{r?.()}},[]),{dispatchEventTabActive:b}};

package/dist/cjs/tab/index.js

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

package/dist/cjs/tab/next.js

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

package/dist/cjs/tab/settings/TabItem.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const config={tag:"TabItem",label:"Tab Item",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={tag:"TabItem",label:"Tab Item",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M3.16699 4C2.89085 4 2.66699 4.22386 2.66699 4.5V36.8333C2.66699 37.1095 2.89085 37.3333 3.16699 37.3333H36.8337C37.1098 37.3333 37.3337 37.1095 37.3337 36.8333V4.5C37.3337 4.22386 37.1098 4 36.8337 4H3.16699ZM16.0003 6.66667H24.0003V12H16.0003V6.66667ZM34.667 34.6667H5.33366V6.66667H13.3337V12V13.3333V14.1667C13.3337 14.4428 13.5575 14.6667 13.8337 14.6667H34.667V34.6667ZM34.667 12H26.667V6.66667H34.667V12Z" fill="currentColor"/>
   </svg>
-  `,settings:[],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},sideBar:{hide:!0},placeholder:{flowTag:["Tabs"],notAppendBeforeAfter:!0,notAppendLeftRight:!0},toolbar:{hide:!0}}};exports.default=config;
+  `,settings:[],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},sideBar:{hide:!0},placeholder:{flowTag:["Tabs"],notAppendBeforeAfter:!0,notAppendLeftRight:!0},toolbar:{hide:!0}}};exports.default=e;