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

package/dist/esm/product/components/product-button/ProductButton.liquid.js

@@ -1,4 +1,4 @@
-import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonState as o}from"./common/helpers.js";import{template as s,isLocalEnv as e,baseAssetURL as r}from"@gem-sdk/core";import{createStateOrContext as a,Liquid as i,LiquidFor as l,If as n}from"@gem-sdk/system";import{getInsertLinkData as p,getSettingPreloadData as c}from"../../../helpers.js";import{getButtonDynamicSourceLocales as u}from"./helpers/getButtonDynamicSourceLocales.js";import{SoldOutButton as d}from"./SoldOutButton.liquid.js";import{AddToCartButton as m}from"./AddToCartButton.liquid.js";let ProductButton=f=>{let{setting:g,builderProps:y,style:b,styles:$,pageContext:v}=f,{wrapStyle:_,restStyle:h}=t(b),{outOfStockButtonLabel:j,unavailableButtonLabel:S,variantSelectionRequiredMessage:k,successMessage:E,errorMessage:q}=u({setting:g,pageContext:v,builderProps:y}),{urlData:A}=p("",g?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:g?.customURL),B=a(o({styles:$,setting:g,successMessage:E,errorMessage:q})),P=()=>m({...f,style:h}),G=()=>d({...f,style:h,label:j}),w=()=>n(e,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${r}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return s`
+import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonState as s}from"./common/helpers.js";import{template as e,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{createStateOrContext as a,Liquid as i,LiquidFor as l,If as p}from"@gem-sdk/system";import{getInsertLinkData as n,getSettingPreloadData as c}from"../../../helpers.js";import{getButtonDynamicSourceLocales as u}from"./helpers/getButtonDynamicSourceLocales.js";import{SoldOutButton as d}from"./SoldOutButton.liquid.js";import{AddToCartButton as m}from"./AddToCartButton.liquid.js";let f=f=>{let{setting:g,builderProps:y,style:b,styles:$,pageContext:v}=f,{wrapStyle:_,restStyle:h}=t(b),{outOfStockButtonLabel:j,unavailableButtonLabel:S,variantSelectionRequiredMessage:k,successMessage:E,errorMessage:q}=u({setting:g,pageContext:v,builderProps:y}),{urlData:A}=n("",g?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:g?.customURL),B=a(s({styles:$,setting:g,successMessage:E,errorMessage:q}));return e`
     ${i("{%- assign total_combinations = 1 -%}")}
     ${l("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     {%- liquid
@@ -16,8 +16,8 @@ import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonStat
       gp-enable-third-partycart="{{shop.metafields.GEMPAGES.enableThirdPartyCart}}"
     >
       <script gp-data type="application/json">${JSON.stringify(B).replaceAll("'","&#039;")}</script>
-      ${P()}
-      ${G()}
+      ${m({...f,style:h})}
+      ${d({...f,style:h,label:j})}
     </gp-product-button>
-    ${w()}
-  `};export{ProductButton as default};
+    ${p(o,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${r}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{f as default};

package/dist/esm/product/components/product-button/ProductButtonPrice.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r}from"react/jsx-runtime";import{PriceType as e}from"./types.js";import"react";import{getRenderRegularPriceSettings as t,getRenderComparePriceSettings as o}from"./common/helpers.js";import a from"./PriceLayout.js";import p from"./PriceComponent.js";import{PRICE_LAYOUT as s}from"./common/constants.js";let ProductButtonPrice=({setting:c,styles:i})=>{let m=r(p,{priceType:e.Regular,settings:t(c)},"regular"),n=r(p,{priceType:e.Compare,settings:o(c)},"compare"),u=()=>{if(!c?.priceLayout)return[m];switch(c?.priceLayout){case s.PRICE_ONLY:return[m];case s.PRICE_BEFORE:return[m,n];case s.PRICE_AFTER:return[n,m];default:return[m,n]}},P=u();return r(a,{components:P,separator:c?.separator,showPrice:!!i?.enablePrice,showSeparator:!!i?.enableSeparator})};export{ProductButtonPrice as default};
+import{jsx as r}from"react/jsx-runtime";import{PriceType as e}from"./types.js";import"react";import{getRenderRegularPriceSettings as t,getRenderComparePriceSettings as o}from"./common/helpers.js";import a from"./PriceLayout.js";import p from"./PriceComponent.js";import{PRICE_LAYOUT as s}from"./common/constants.js";let m=({setting:m,styles:c})=>{let i=r(p,{priceType:e.Regular,settings:t(m)},"regular"),n=r(p,{priceType:e.Compare,settings:o(m)},"compare"),u=(()=>{if(!m?.priceLayout)return[i];switch(m?.priceLayout){case s.PRICE_ONLY:return[i];case s.PRICE_BEFORE:return[i,n];case s.PRICE_AFTER:return[n,i];default:return[i,n]}})();return r(a,{components:u,separator:m?.separator,showPrice:!!c?.enablePrice,showSeparator:!!c?.enableSeparator})};export{m as default};

package/dist/esm/product/components/product-button/ProductButtonPrice.liquid.js

@@ -1,2 +1,2 @@
 'use client';
-import{PriceType as r}from"./types.js";import{getRenderRegularPriceSettings as e,getRenderComparePriceSettings as t}from"./common/helpers.js";import o from"./PriceLayout.liquid.js";import i from"./PriceComponent.liquid.js";import{PRICE_LAYOUT as a}from"./common/constants.js";let ProductButtonPrice=({setting:s,styles:p,pageContext:c})=>{let n=()=>i({priceType:r.Regular,settings:e(s),pageContext:c}),u=()=>i({priceType:r.Compare,settings:t(s),pageContext:c}),m=()=>{if(!s?.priceLayout)return[n];switch(s?.priceLayout){case a.PRICE_ONLY:return[n];case a.PRICE_BEFORE:return[n,u];case a.PRICE_AFTER:return[u,n];default:return[n,u]}},P=m();return o({components:P,separator:s?.separator,showPrice:!!p?.enablePrice,showSeparator:!!p?.enableSeparator})};export{ProductButtonPrice as default};
+import{PriceType as r}from"./types.js";import{getRenderRegularPriceSettings as e,getRenderComparePriceSettings as t}from"./common/helpers.js";import o from"./PriceLayout.liquid.js";import a from"./PriceComponent.liquid.js";import{PRICE_LAYOUT as i}from"./common/constants.js";let s=({setting:s,styles:p,pageContext:c})=>{let n=()=>a({priceType:r.Regular,settings:e(s),pageContext:c}),m=()=>a({priceType:r.Compare,settings:t(s),pageContext:c}),u=(()=>{if(!s?.priceLayout)return[n];switch(s?.priceLayout){case i.PRICE_ONLY:return[n];case i.PRICE_BEFORE:return[n,m];case i.PRICE_AFTER:return[m,n];default:return[n,m]}})();return o({components:u,separator:s?.separator,showPrice:!!p?.enablePrice,showSeparator:!!p?.enableSeparator})};export{s as default};

package/dist/esm/product/components/product-button/Separator.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{renderSeparator as t}from"./common/helpers.js";import{getSeparatorStyle as r}from"./common/styles.js";let Separator=({separator:a})=>e("div",{className:"group-data-[state=loading]:gp-invisible data-[hidden=true]:gp-hidden",style:r(),dangerouslySetInnerHTML:{__html:t(a)}});export{Separator as default};
+import{jsx as e}from"react/jsx-runtime";import{renderSeparator as t}from"./common/helpers.js";import{getSeparatorStyle as r}from"./common/styles.js";let o=({separator:o})=>e("div",{className:"group-data-[state=loading]:gp-invisible data-[hidden=true]:gp-hidden",style:r(),dangerouslySetInnerHTML:{__html:t(o)}});export{o as default};

package/dist/esm/product/components/product-button/Separator.liquid.js

@@ -1,8 +1,8 @@
-import{template as e}from"@gem-sdk/core";import{renderSeparator as o}from"./common/helpers.js";import{getSeparatorStyle as r}from"./common/styles.js";let Separator=({separator:t})=>e`
+import{template as e}from"@gem-sdk/core";import{renderSeparator as o}from"./common/helpers.js";import{getSeparatorStyle as t}from"./common/styles.js";let r=({separator:r})=>e`
   <div
     class="group-data-[state=loading]:gp-invisible data-[hidden=true]:gp-hidden"
-    style="${r()}"
+    style="${t()}"
   >
-    ${o(t)}
+    ${o(r)}
   </div>
-`;export{Separator as default};
+`;export{r as default};

package/dist/esm/product/components/product-button/SoldOutButton.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import"react";import o from"../../../button/components/Button.js";import{createClass as r}from"@gem-sdk/system";import s from"./ProductButtonPrice.js";import{getSoldOutButtonData as e}from"./common/data.js";import{getSoldOutButtonClasses as m}from"./common/classes.js";let SoldOutButton=i=>{let{children:n,...a}=i,{styles:c,setting:d,advanced:l,builderProps:u,builderAttrs:p}=a,{buttonStyle:f,buttonStyles:j,buttonSettings:y}=e(a),B=r(m()),P=t(s,{setting:d,styles:c});return t(o,{advanced:l,style:f,styles:j,nodePrice:P,setting:y,className:B,builderProps:u,builderAttrs:{...p,"data-is-in-stock":!1},children:n})};export{SoldOutButton as default};
+import{jsx as t}from"react/jsx-runtime";import"react";import o from"../../../button/components/Button.js";import{createClass as r}from"@gem-sdk/system";import s from"./ProductButtonPrice.js";import{getSoldOutButtonData as e}from"./common/data.js";import{getSoldOutButtonClasses as m}from"./common/classes.js";let i=i=>{let{children:n,...a}=i,{styles:c,setting:d,advanced:l,builderProps:u,builderAttrs:p}=a,{buttonStyle:f,buttonStyles:j,buttonSettings:y}=e(a),P=r(m()),b=t(s,{setting:d,styles:c});return t(o,{advanced:l,style:f,styles:j,nodePrice:b,setting:y,className:P,builderProps:u,builderAttrs:{...p,"data-is-in-stock":!1},children:n})};export{i as default};

package/dist/esm/product/components/product-button/SoldOutButton.liquid.js

@@ -1 +1 @@
-import{createClass as t}from"@gem-sdk/system";import{getSoldOutButtonData as i}from"./common/data.js";import o from"./ProductButtonPrice.liquid.js";import{getSoldOutButtonClasses as d}from"./common/classes.js";import e from"../../../button/components/Button.liquid.js";let SoldOutButton=s=>{let{pageContext:a,...r}=s,{styles:u,setting:l,advanced:n,builderProps:m,builderAttrs:p}=r,{buttonStyle:c,buttonStyles:f,buttonSettings:b}=i(r),v=t(d({isLiquid:!0})),g=o({setting:l,styles:u,pageContext:a});return e({advanced:n,style:c,styles:f,nodePrice:g,setting:b,className:v,wrapClassName:"{% if variant.available %} !gp-hidden {% endif %}",builderAttrs:p,builderProps:{...m,uidTranslate:m?.uid,uid:`${m?.uid}-sold-out`},pageContext:a,isUseTranslatedValue:!1,dataId:`${m?.uid}-sold-out`,customAttrs:{"gp-data-hidden":"{% if variant.available %}true{% endif %}"}})};export{SoldOutButton};
+import{createClass as t}from"@gem-sdk/system";import{getSoldOutButtonData as i}from"./common/data.js";import e from"./ProductButtonPrice.liquid.js";import{getSoldOutButtonClasses as o}from"./common/classes.js";import s from"../../../button/components/Button.liquid.js";let a=a=>{let{pageContext:d,...r}=a,{styles:u,setting:l,advanced:m,builderProps:n,builderAttrs:p}=r,{buttonStyle:c,buttonStyles:f,buttonSettings:b}=i(r),v=t(o({isLiquid:!0})),g=e({setting:l,styles:u,pageContext:d});return s({advanced:m,style:c,styles:f,nodePrice:g,setting:b,className:v,wrapClassName:"{% if variant.available %} !gp-hidden {% endif %}",builderAttrs:p,builderProps:{...n,uidTranslate:n?.uid,uid:`${n?.uid}-sold-out`},pageContext:d,isUseTranslatedValue:!1,dataId:`${n?.uid}-sold-out`,customAttrs:{"gp-data-hidden":"{% if variant.available %}true{% endif %}"}})};export{a as SoldOutButton};

package/dist/esm/product/components/product-button/common/classes.js

@@ -1 +1 @@
-let getButtonClasses=({isDisabled:t,isLiquid:s})=>({"gp-cursor-default gp-opacity-30":t,"btn-disabled":t&&s,"gp-add-to-cart":!s}),getAddToCartButtonClasses=t=>{let{isLiquid:s=!1,isDisabled:e=!1}=t??{};return{...getButtonClasses({isDisabled:e,isLiquid:s}),"gp-button-atc tcustomizer-submit-button":s}},getSoldOutButtonClasses=t=>{let{isLiquid:s=!1}=t??{};return{...getButtonClasses({isDisabled:!0,isLiquid:s}),"gp-button-sold-out":s}},getProductPriceClasses=()=>({"gp-button-price":!0});export{getAddToCartButtonClasses,getButtonClasses,getProductPriceClasses,getSoldOutButtonClasses};
+let t=({isDisabled:t,isLiquid:e})=>({"gp-cursor-default gp-opacity-30":t,"btn-disabled":t&&e,"gp-add-to-cart":!e}),e=e=>{let{isLiquid:s=!1,isDisabled:o=!1}=e??{};return{...t({isDisabled:o,isLiquid:s}),"gp-button-atc tcustomizer-submit-button":s}},s=e=>{let{isLiquid:s=!1}=e??{};return{...t({isDisabled:!0,isLiquid:s}),"gp-button-sold-out":s}},o=()=>({"gp-button-price":!0});export{e as getAddToCartButtonClasses,t as getButtonClasses,o as getProductPriceClasses,s as getSoldOutButtonClasses};

package/dist/esm/product/components/product-button/common/constants.js

@@ -1,4 +1,4 @@
-let SEPARATOR={VERTICAL_LINE:`
+let e={VERTICAL_LINE:`
     <svg width="1em" height="1em" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         fill-rule="evenodd"
@@ -20,4 +20,4 @@ let SEPARATOR={VERTICAL_LINE:`
         d="M8.23223 8.23223C9.20855 7.25592 10.7915 7.25592 11.7678 8.23223C12.7441 9.20855 12.7441 10.7915 11.7678 11.7678C10.7915 12.7441 9.20855 12.7441 8.23223 11.7678C7.25592 10.7915 7.25592 9.20855 8.23223 8.23223Z"
         fill="currentColor" />
     </svg>
-  `},PRICE_LAYOUT={PRICE_ONLY:"price-only",PRICE_BEFORE:"price-before",PRICE_AFTER:"price-after"};export{PRICE_LAYOUT,SEPARATOR};
+  `},l={PRICE_ONLY:"price-only",PRICE_BEFORE:"price-before",PRICE_AFTER:"price-after"};export{l as PRICE_LAYOUT,e as SEPARATOR};

package/dist/esm/product/components/product-button/common/data.js

@@ -1 +1 @@
-import{checkIconVisibility as t}from"./helpers.js";import{getSoldOutButtonStyles as e,getButtonStyle as a,getAddToCartButtonStyles as l}from"./styles.js";let getBaseButtonData=({style:e,styles:l,setting:n})=>{let{iconSvg:o,iconAlign:s,shouldClearSpace:i,enableHoverEffect:u}=n??{};return{iconVisible:t(l),buttonStyle:a(e,l),buttonSettings:{iconSvg:o,iconAlign:s,iconVisible:t(l),shouldClearSpace:i,enableHoverEffect:u}}},getSoldOutButtonData=t=>{let{buttonStyle:a,buttonSettings:l}=getBaseButtonData(t);return{buttonStyles:e(t.styles),buttonStyle:a,buttonSettings:{...l,htmlType:"button",label:t.label}}},getAddToCartButtonData=t=>{let e=l(t.styles),{buttonStyle:a,buttonSettings:n}=getBaseButtonData(t),o=e=>{let{isLiquid:a=!1}=e??{},l=a?{disabledLoading:!1,translate:t.setting?.translate?"label":void 0}:{loading:t.isLoading};return{...n,...l,htmlType:"submit",label:t.setting?.label}};return{buttonStyle:a,buttonStyles:e,getButtonSettings:o}};export{getAddToCartButtonData,getSoldOutButtonData};
+import{checkIconVisibility as t}from"./helpers.js";import{getSoldOutButtonStyles as e,getButtonStyle as l,getAddToCartButtonStyles as n}from"./styles.js";let s=({style:e,styles:n,setting:s})=>{let{iconSvg:o,iconAlign:i,shouldClearSpace:a,enableHoverEffect:r}=s??{};return{iconVisible:t(n),buttonStyle:l(e,n),buttonSettings:{iconSvg:o,iconAlign:i,iconVisible:t(n),shouldClearSpace:a,enableHoverEffect:r}}},o=t=>{let{buttonStyle:l,buttonSettings:n}=s(t);return{buttonStyles:e(t.styles),buttonStyle:l,buttonSettings:{...n,htmlType:"button",label:t.label}}},i=t=>{let e=n(t.styles),{buttonStyle:l,buttonSettings:o}=s(t);return{buttonStyle:l,buttonStyles:e,getButtonSettings:e=>{let{isLiquid:l=!1}=e??{},n=l?{disabledLoading:!1,translate:t.setting?.translate?"label":void 0}:{loading:t.isLoading};return{...o,...n,htmlType:"submit",label:t.setting?.label}}}};export{i as getAddToCartButtonData,o as getSoldOutButtonData};

package/dist/esm/product/components/product-button/common/helpers.js

@@ -1 +1 @@
-import{SEPARATOR as e}from"./constants.js";let checkIconVisibility=e=>e?.enableIcon===!0,getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:removeColorFromTypo(e?.priceTypo)}),getRenderComparePriceSettings=e=>({lineThrough:!0,typo:removeColorFromTypo(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),getGPProductButtonState=({styles:e,setting:r,successMessage:t,errorMessage:o})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:r?.errorType,actionEffect:r?.actionEffect,enableMessage:r?.enableMessage,label:r?.label?.replaceAll("'","'"),errorMessage:o??r?.errorMessage?.replaceAll("'","'"),successMessage:t??r?.successMessage?.replaceAll("'","'"),outOfStockLabel:r?.outOfStockLabel?.replaceAll("'","'"),customURL:{link:r?.customURL?.link?.replaceAll("'","'"),target:r?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),renderSeparator=r=>{let t=r??"horizontal-line";return({dot:e.DOT,"vertical-line":e.VERTICAL_LINE,"horizontal-line":e.HORIZONTAL_LINE})[t]??e.HORIZONTAL_LINE},removeColorFromTypo=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);export{checkIconVisibility,getGPProductButtonState,getRenderComparePriceSettings,getRenderRegularPriceSettings,renderSeparator};
+import{SEPARATOR as e}from"./constants.js";let t=e=>e?.enableIcon===!0,r=e=>({lineThrough:!1,typo:c(e?.priceTypo)}),a=e=>({lineThrough:!0,typo:c(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),o=({styles:e,setting:t,successMessage:r,errorMessage:a})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:t?.label?.replaceAll("'","'"),errorMessage:a??t?.errorMessage?.replaceAll("'","'"),successMessage:r??t?.successMessage?.replaceAll("'","'"),outOfStockLabel:t?.outOfStockLabel?.replaceAll("'","'"),customURL:{link:t?.customURL?.link?.replaceAll("'","'"),target:t?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),l=t=>({dot:e.DOT,"vertical-line":e.VERTICAL_LINE,"horizontal-line":e.HORIZONTAL_LINE})[t??"horizontal-line"]??e.HORIZONTAL_LINE,c=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);export{t as checkIconVisibility,o as getGPProductButtonState,a as getRenderComparePriceSettings,r as getRenderRegularPriceSettings,l as renderSeparator};

package/dist/esm/product/components/product-button/common/styles.js

@@ -1 +1 @@
-import{splitStyle as t,makeStyleResponsive as e,makeStyle as o}from"@gem-sdk/core";let getButtonStyle=(t,o)=>({...t,...e("ta",o?.align)}),getButtonBaseStyles=()=>({size:{desktop:"1em",tablet:"1em",mobile:"1em"}}),getAddToCartButtonStyles=t=>({...t,...getButtonBaseStyles(),enableTextStyle:!0}),getSoldOutButtonStyles=t=>{let{isCustomOutOfStock:e,oosBorder:o,oosShadow:l,oosRounded:r,oosBorderV2:a,oosShadowV2:n,oosTextColor:S,oosRoundedV2:s,oosBackground:g,oosTextColorV2:y,oosBackgroundV2:p,oosEnableShadow:B,...m}=t??{},u=JSON.parse(JSON.stringify(m));return Object.assign(u,{textColor:{normal:y},hasBoxShadowBtn:{normal:B},boxShadowBtn:{normal:l},roundedBtnV2:s,borderBtnV2:a,backgroundColorV2:p}),y?.normal&&(u.typo={...u.typo,attrs:{...u.typo?.attrs,color:y.normal}}),{...getButtonBaseStyles(),...u}},getSplitStyle=e=>{let[o,l]=t(["pos","top","left","bottom","right","z"],e);return{wrapStyle:o,restStyle:l}},getSeparatorStyle=()=>({...o({mr:"8px",ml:"8px"})}),getBlankSpaceStyle=()=>({"--mr":"2px","--ml":"2px",display:"block !important"});export{getAddToCartButtonStyles,getBlankSpaceStyle,getButtonBaseStyles,getButtonStyle,getSeparatorStyle,getSoldOutButtonStyles,getSplitStyle};
+import{splitStyle as t,makeStyleResponsive as e,makeStyle as o}from"@gem-sdk/core";let l=(t,o)=>({...t,...e("ta",o?.align)}),r=()=>({size:{desktop:"1em",tablet:"1em",mobile:"1em"}}),a=t=>({...t,...r(),enableTextStyle:!0}),n=t=>{let{isCustomOutOfStock:e,oosBorder:o,oosShadow:l,oosRounded:a,oosBorderV2:n,oosShadowV2:m,oosTextColor:p,oosRoundedV2:s,oosBackground:S,oosTextColorV2:g,oosBackgroundV2:y,oosEnableShadow:d,...i}=t??{},B=JSON.parse(JSON.stringify(i));return Object.assign(B,{textColor:{normal:g},hasBoxShadowBtn:{normal:d},boxShadowBtn:{normal:l},roundedBtnV2:s,borderBtnV2:n,backgroundColorV2:y}),g?.normal&&(B.typo={...B.typo,attrs:{...B.typo?.attrs,color:g.normal}}),{...r(),...B}},m=e=>{let[o,l]=t(["pos","top","left","bottom","right","z"],e);return{wrapStyle:o,restStyle:l}},p=()=>({...o({mr:"8px",ml:"8px"})}),s=()=>({"--mr":"2px","--ml":"2px",display:"block !important"});export{a as getAddToCartButtonStyles,s as getBlankSpaceStyle,r as getButtonBaseStyles,l as getButtonStyle,p as getSeparatorStyle,n as getSoldOutButtonStyles,m as getSplitStyle};

package/dist/esm/product/components/product-button/helpers/getButtonDynamicSourceLocales.js

@@ -1 +1 @@
-import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{ProductButton as s}from"../../../settings/product-button/configs/translate.js";let getButtonDynamicSourceLocales=({setting:a,builderProps:r,pageContext:o})=>{let i={pageContext:o,uid:r?.uid},u=(a,r)=>{let o=e({...i,settingId:t({id:s[a]?.id}),val:r??""});return o};return{outOfStockButtonLabel:u("outOfStockLabel",a?.outOfStockLabel),unavailableButtonLabel:u("unavailableLabel","Unavailable"),variantSelectionRequiredMessage:u("variantSelectionRequiredMessage",a?.variantSelectionRequiredMessage),successMessage:u("successMessage",a?.successMessage),errorMessage:u("errorMessage",a?.errorMessage)}};export{getButtonDynamicSourceLocales};
+import{getDynamicSourceLocales as e,createSettingId as s}from"../../../../helpers.js";import{ProductButton as t}from"../../../settings/product-button/configs/translate.js";let a=({setting:a,builderProps:r,pageContext:o})=>{let i={pageContext:o,uid:r?.uid},l=(a,r)=>{let o=e({...i,settingId:s({id:t[a]?.id}),val:r??""});return o};return{outOfStockButtonLabel:l("outOfStockLabel",a?.outOfStockLabel),unavailableButtonLabel:l("unavailableLabel","Unavailable"),variantSelectionRequiredMessage:l("variantSelectionRequiredMessage",a?.variantSelectionRequiredMessage),successMessage:l("successMessage",a?.successMessage),errorMessage:l("errorMessage",a?.errorMessage)}};export{a as getButtonDynamicSourceLocales};

package/dist/esm/product/components/product-button/hooks/useAddToCart.js

@@ -1 +1 @@
-import{useRenderMode as e,useProduct as t,useCurrency as r,useQuantity as i,useProductProperties as s,useCurrentVariant as n,useHasPreSelected as o,useStickyStore as a,useProductStore as u,useCreateCart as l,useAddToCart as c,convertDecimalToNumber as m,useCurrentVariantInStock as b}from"@gem-sdk/core";import{useRef as d,useEffect as f,useCallback as p}from"react";import{addToCartTracking as v}from"../../../helpers/tracking.js";import{useDispatchInteractionEvent as g,useDispatchCustomEvent as I}from"./useDispatchAfterSubmitEvent.js";import{useCartMessage as k}from"./useCartMessage.js";import{useCartOperations as D}from"./useCartOperations.js";let useBtnAddToCart=({styles:S,setting:E,builderProps:h})=>{let j=d(null),{isEditMode:y,isPreviewSharePageMode:C}=e(),A=t(),{currency:M}=r(),{quantity:O}=i(),w=s(),B=n(),{hasPreSelected:T}=o(),q=a(e=>e.setStickyVisible),x=u(e=>e.updateIsSubmit),L=g(h?.uid),U=I({product:A,currentVariant:B,quantity:O}),{showMessage:V,notiComponent:z}=k(S,E),{handleSuccess:F,handleError:G,cartId:H}=D({setting:E,showMessage:V,dispatchInteractionEvent:L,dispatchCustomEvent:U}),{isMutating:J,trigger:K}=l({onSuccess:F,onError:G}),{isMutating:N,trigger:P}=c({onSuccess:F,onError:G});f(()=>{let e=new IntersectionObserver(e=>{let t=e[0];q(t?.isIntersecting)},{threshold:.1}),t=j.current;return j.current&&e.observe(j.current),()=>{t&&e.unobserve(t)}},[q]);let Q=p(()=>{if(!B?.baseID||!O||!A?.baseID||void 0!==T&&!T||y||C)return;let e=w?.some(e=>e.required&&!e.value);if(x(!0),e)return;let t=w?.filter(e=>!!e.value)?.map(e=>({key:e.key,value:e.value}));v({quantity:O,currency:M,id:A?.baseID,name:A?.title,brand:A?.vendor,sku:B.sku,price:m(B?.price),variant:B.title});let r={quantity:O,attributes:t,variantId:B.baseID};E?.actionEffect!=="buy-now"&&H?P({cartId:H,lines:[r]}):K({items:[r]})},[y,C,H,M,O,w,T,A?.title,A?.vendor,A?.baseID,B?.sku,B?.price,B?.title,B?.baseID,E?.actionEffect,K,P,x]),R=b(),W=J||N,X=B?E?.outOfStockLabel:"Unavailable";return{addToCartRef:j,isLoading:W,isInStock:R,notiComponent:z,outOfStockLabel:X,addToCart:Q}};export{useBtnAddToCart};
+import{useRenderMode as e,useProduct as t,useCurrency as r,useQuantity as i,useProductProperties as s,useCurrentVariant as n,useHasPreSelected as o,useStickyStore as a,useProductStore as u,useCreateCart as l,useAddToCart as c,convertDecimalToNumber as m,useCurrentVariantInStock as b}from"@gem-sdk/core";import{useRef as f,useEffect as p,useCallback as d}from"react";import{addToCartTracking as v}from"../../../helpers/tracking.js";import{useDispatchInteractionEvent as g,useDispatchCustomEvent as I}from"./useDispatchAfterSubmitEvent.js";import{useCartMessage as k}from"./useCartMessage.js";import{useCartOperations as D}from"./useCartOperations.js";let S=({styles:S,setting:E,builderProps:h})=>{let j=f(null),{isEditMode:y,isPreviewSharePageMode:C}=e(),M=t(),{currency:O}=r(),{quantity:w}=i(),A=s(),L=n(),{hasPreSelected:q}=o(),x=a(e=>e.setStickyVisible),B=u(e=>e.updateIsSubmit),T=g(h?.uid),U=I({product:M,currentVariant:L,quantity:w}),{showMessage:V,notiComponent:z}=k(S,E),{handleSuccess:F,handleError:G,cartId:H}=D({setting:E,showMessage:V,dispatchInteractionEvent:T,dispatchCustomEvent:U}),{isMutating:J,trigger:K}=l({onSuccess:F,onError:G}),{isMutating:N,trigger:P}=c({onSuccess:F,onError:G});p(()=>{let e=new IntersectionObserver(e=>{let t=e[0];x(t?.isIntersecting)},{threshold:.1}),t=j.current;return j.current&&e.observe(j.current),()=>{t&&e.unobserve(t)}},[x]);let Q=d(()=>{if(!L?.baseID||!w||!M?.baseID||void 0!==q&&!q||y||C)return;let e=A?.some(e=>e.required&&!e.value);if(B(!0),e)return;let t=A?.filter(e=>!!e.value)?.map(e=>({key:e.key,value:e.value}));v({quantity:w,currency:O,id:M?.baseID,name:M?.title,brand:M?.vendor,sku:L.sku,price:m(L?.price),variant:L.title});let r={quantity:w,attributes:t,variantId:L.baseID};E?.actionEffect!=="buy-now"&&H?P({cartId:H,lines:[r]}):K({items:[r]})},[y,C,H,O,w,A,q,M?.title,M?.vendor,M?.baseID,L?.sku,L?.price,L?.title,L?.baseID,E?.actionEffect,K,P,B]),R=b(),W=L?E?.outOfStockLabel:"Unavailable";return{addToCartRef:j,isLoading:J||N,isInStock:R,notiComponent:z,outOfStockLabel:W,addToCart:Q}};export{S as useBtnAddToCart};

package/dist/esm/product/components/product-button/hooks/useCartMessage.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useCallback as e}from"react";import o from"../../../../notification/hooks/useNotification.js";import"../../../../notification/components/Notice.js";import{CartMessage as s}from"../CartMessage.js";let useCartMessage=(r,i)=>{let[a,n]=o({closable:!0,maxCount:3}),m=e((e,o)=>{a.open({content:t(s,{type:o,message:e,styles:r,setting:i}),placement:"top"})},[a,i,r]);return{showMessage:m,notiComponent:n}};export{useCartMessage};
+import{jsx as t}from"react/jsx-runtime";import{useCallback as o}from"react";import e from"../../../../notification/hooks/useNotification.js";import"../../../../notification/components/Notice.js";import{CartMessage as s}from"../CartMessage.js";let i=(i,r)=>{let[n,m]=e({closable:!0,maxCount:3}),a=o((o,e)=>{n.open({content:t(s,{type:e,message:o,styles:i,setting:r}),placement:"top"})},[n,r,i]);return{showMessage:a,notiComponent:m}};export{i as useCartMessage};

package/dist/esm/product/components/product-button/hooks/useCartOperations.js

@@ -1 +1 @@
-import{useCallback as e}from"react";import{useCartUI as o,useStoreFront as r,useCartId as t}from"@gem-sdk/core";let useCartOperations=({setting:s,showMessage:c,dispatchInteractionEvent:n,dispatchCustomEvent:a})=>{let{openCart:i}=o(),{storefrontToken:l}=r(),{cartId:u,updateCartId:k}=t(),m=e((e,o)=>{e?.enableMessage&&o(e.successMessage||"","success"),i()},[i]),f=(e,o)=>{if(!e.checkoutUrl)return;let r=o?`${e.checkoutUrl}?access_token=${o}`:e.checkoutUrl;window.location.href=r},g=e=>{e?.customURL?.link&&("_blank"===e.customURL.target?window.open(e.customURL.link,"_blank"):window.location.href=e.customURL.link)},p=e(e=>{let o={"open-cart-drawer":()=>i(),"go-to-url":()=>g(s),"buy-now":()=>f(e,l),"continue-shopping":()=>m(s,c)};s?.actionEffect!=="buy-now"&&k(e.id);let r=o[s?.actionEffect];r&&r(),n(),a()},[s,l,i,c,k,n,m,a]),w=e(e=>{s?.enableMessage&&(e?.[0]?.code==="INVALID"?c(e[0].message||"","error"):c(s.errorMessage||"","error"))},[s,c]);return{cartId:u,handleSuccess:p,handleError:w}};export{useCartOperations};
+import{useCallback as e}from"react";import{useCartUI as o,useStoreFront as r,useCartId as t}from"@gem-sdk/core";let c=({setting:c,showMessage:s,dispatchInteractionEvent:n,dispatchCustomEvent:a})=>{let{openCart:i}=o(),{storefrontToken:l}=r(),{cartId:u,updateCartId:k}=t(),m=e((e,o)=>{e?.enableMessage&&o(e.successMessage||"","success"),i()},[i]),f=(e,o)=>{if(!e.checkoutUrl)return;let r=o?`${e.checkoutUrl}?access_token=${o}`:e.checkoutUrl;window.location.href=r},g=e=>{e?.customURL?.link&&("_blank"===e.customURL.target?window.open(e.customURL.link,"_blank"):window.location.href=e.customURL.link)},w=e(e=>{c?.actionEffect!=="buy-now"&&k(e.id);let o={"open-cart-drawer":()=>i(),"go-to-url":()=>g(c),"buy-now":()=>f(e,l),"continue-shopping":()=>m(c,s)}[c?.actionEffect];o&&o(),n(),a()},[c,l,i,s,k,n,m,a]),p=e(e=>{c?.enableMessage&&(e?.[0]?.code==="INVALID"?s(e[0].message||"","error"):s(c.errorMessage||"","error"))},[c,s]);return{cartId:u,handleSuccess:w,handleError:p}};export{c as useCartOperations};

package/dist/esm/product/components/product-button/hooks/useDispatchAfterSubmitEvent.js

@@ -1 +1 @@
-import{useInteraction as t}from"@gem-sdk/core";import{useCallback as e}from"react";let useDispatchInteractionEvent=a=>{let{trigger:r}=t();return e(()=>{let t=document.querySelector(`[data-id="${a}"]`);if(!t)return;let e=JSON.parse(t?.getAttribute("gp-interaction-after-submit")??"{}");Object.keys(e).length<=0||Object.entries(e).forEach(([e])=>{r({event:"gp:after-submit",selector:`[data-id="${a}"]`,data:Number(e),element:t})})},[a,r])},useDispatchCustomEvent=({product:t,currentVariant:a,quantity:r})=>e(()=>{let e=new CustomEvent("gp:add-to-cart-success",{detail:{data:{product:t,variant:a,quantity:r}}});window.dispatchEvent(e)},[t,a,r]);export{useDispatchCustomEvent,useDispatchInteractionEvent};
+import{useInteraction as t}from"@gem-sdk/core";import{useCallback as e}from"react";let r=r=>{let{trigger:a}=t();return e(()=>{let t=document.querySelector(`[data-id="${r}"]`);if(!t)return;let e=JSON.parse(t?.getAttribute("gp-interaction-after-submit")??"{}");Object.keys(e).length<=0||Object.entries(e).forEach(([e])=>{a({event:"gp:after-submit",selector:`[data-id="${r}"]`,data:Number(e),element:t})})},[r,a])},a=({product:t,currentVariant:r,quantity:a})=>e(()=>{let e=new CustomEvent("gp:add-to-cart-success",{detail:{data:{product:t,variant:r,quantity:a}}});window.dispatchEvent(e)},[t,r,a]);export{a as useDispatchCustomEvent,r as useDispatchInteractionEvent};

package/dist/esm/product/components/product-button/types.js

@@ -1 +1 @@
-var PriceType;!function(e){e.Regular="regular",e.Compare="compare"}(PriceType||(PriceType={}));export{PriceType};
+var r;!function(r){r.Regular="regular",r.Compare="compare"}(r||(r={}));export{r as PriceType};

package/dist/esm/product/components/product-description/ProductDescription.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import{useProduct as o,useCurrentDevice as i,getResponsiveValueByScreen as r,useI18nStore as c,makeStyleResponsive as m,makeLineClamp as n}from"@gem-sdk/core";import l from"../../../common/components/NoDataState.js";import{ICON_SVG as a}from"./common/helpers.js";import{createClass as p,createStyle as d,createAttr as h,If as u}from"@gem-sdk/system";import{getClasses as y,getButtonClasses as g,getClassPreBuilt as f}from"./common/classes.js";import{getTextStyle as x,getButtonStyle as k,getStaticCss as N}from"./common/styles.js";import{useGpDescription as j}from"./hooks/useGpDescription.js";let ProductDescription=w=>{let{setting:L,advanced:b,builderProps:v}=w,{htmlTag:C}=L??{},H="html"===C?"div":"p",T=o(),D=i(),M=r(L?.hasLineClamp,D),{ref:_,open:I,isShowViewMore:P,handleToggleShowMore:S,mode:A,redirectProductShopifyLink:q}=j(L),{t:G}=c(),V=p({"gp-product-description":!0,[b?.cssClass]:!0}),$=p(y({setting:L,isLiquid:!1})),z=p(g({setting:L})),B=p({"gp-show-more-text":!0}),E=p({"gp-show-more-icon gp-ml-1":!0,...I?{"gp-rotate-180":!0}:{}}),F=p(f()),J=d({...x({setting:L}),...I?{}:m("line-clamp",n(L?.lineClamp,L?.hasLineClamp))}),K=d(k({setting:L})),O=h({"data-id":`${v?.uid}`}),Q=h({"data-gp-text":""}),{gpDescriptionCss:R,textDescriptionCss:U}=N(),W=!T?.descriptionHtml;return W&&"edit"===A?e(l,{elementType:"secondary",description:G("Highlight key benefits with product description."),descriptionActions:[{text:G("Add description"),callback:q},{text:G("sync data"),callback:"syncProduct"}]}):e(t,{children:u(W,"",s("div",{...O,className:V,children:[e("style",{children:U}),e("style",{children:R}),e("div",{className:F}),e(H,{ref:_,...Q,className:$,style:J,dangerouslySetInnerHTML:{__html:T?.descriptionHtml||""}}),u(M&&P,s("button",{className:z,style:K,onClick:S,children:[e("span",{className:B,children:u(I,L?.viewLessText||"",L?.viewMoreText)}),u(L?.enableViewMoreIcon,e("span",{className:E,dangerouslySetInnerHTML:{__html:a}}))]})," ")]}))})};export{ProductDescription as default};
+import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import{useProduct as o,useCurrentDevice as i,getResponsiveValueByScreen as r,useI18nStore as m,makeStyleResponsive as c,makeLineClamp as n}from"@gem-sdk/core";import l from"../../../common/components/NoDataState.js";import{ICON_SVG as a}from"./common/helpers.js";import{createClass as p,createStyle as d,createAttr as h,If as u}from"@gem-sdk/system";import{getClasses as y,getButtonClasses as g,getClassPreBuilt as f}from"./common/classes.js";import{getTextStyle as x,getButtonStyle as k,getStaticCss as N}from"./common/styles.js";import{useGpDescription as j}from"./hooks/useGpDescription.js";let w=w=>{let{setting:L,advanced:b,builderProps:v}=w,{htmlTag:C}=L??{},H=o(),T=i(),M=r(L?.hasLineClamp,T),{ref:_,open:D,isShowViewMore:I,handleToggleShowMore:S,mode:A,redirectProductShopifyLink:P}=j(L),{t:q}=m(),G=p({"gp-product-description":!0,[b?.cssClass]:!0}),V=p(y({setting:L,isLiquid:!1})),$=p(g({setting:L})),z=p({"gp-show-more-text":!0}),B=p({"gp-show-more-icon gp-ml-1":!0,...D?{"gp-rotate-180":!0}:{}}),E=p(f()),F=d({...x({setting:L}),...D?{}:c("line-clamp",n(L?.lineClamp,L?.hasLineClamp))}),J=d(k({setting:L})),K=h({"data-id":`${v?.uid}`}),O=h({"data-gp-text":""}),{gpDescriptionCss:Q,textDescriptionCss:R}=N(),U=!H?.descriptionHtml;return U&&"edit"===A?e(l,{elementType:"secondary",description:q("Highlight key benefits with product description."),descriptionActions:[{text:q("Add description"),callback:P},{text:q("sync data"),callback:"syncProduct"}]}):e(t,{children:u(U,"",s("div",{...K,className:G,children:[e("style",{children:R}),e("style",{children:Q}),e("div",{className:E}),e("html"===C?"div":"p",{ref:_,...O,className:V,style:F,dangerouslySetInnerHTML:{__html:H?.descriptionHtml||""}}),u(M&&I,s("button",{className:$,style:J,onClick:S,children:[e("span",{className:z,children:u(D,L?.viewLessText||"",L?.viewMoreText)}),u(L?.enableViewMoreIcon,e("span",{className:B,dangerouslySetInnerHTML:{__html:a}}))]})," ")]}))})};export{w as default};

package/dist/esm/product/components/product-description/ProductDescription.liquid.js

@@ -1,23 +1,23 @@
-import{makeStyleResponsive as e,makeLineClamp as t,template as s,dataStringify as i,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{getDynamicSourceLocales as p,createSettingId as a,getSettingPreloadData as n}from"../../../helpers.js";import{createClass as d,createStyle as c,createAttr as l,createStateOrContext as m,LiquidIf as u,Liquid as $,LiquidUnless as g,If as v}from"@gem-sdk/system";import{getClasses as f,getButtonClasses as w,getClassPreBuilt as h}from"./common/classes.js";import{getTextStyle as x,getButtonStyle as y,getStaticCss as j}from"./common/styles.js";import{ICON_SVG as b}from"./common/helpers.js";import{ProductDescription as C}from"../../settings/product-description/configs/translate.js";let ProductDescription=M=>{let{setting:S,advanced:I,builderProps:L,pageContext:P}=M,{htmlTag:T,viewMoreText:k,viewLessText:E}=S??{},V="html"===T?"div":"p",A=d({"gp-product-description":!0,[I?.cssClass]:!0}),D=d(f({setting:S,isLiquid:!0})),G=d(w({setting:S})),_=d({"gp-show-more-text":!0}),q=d({"gp-show-more-icon gp-ml-1":!0}),H=c({...x({setting:S,renderMaxHeight:!0}),...e("line-clamp",t(S?.lineClamp,S?.hasLineClamp))}),N=d(h()),O=c(y({setting:S})),R=l({"data-id":`${L?.uid}`}),z=l({"data-gp-text":""}),{textDescriptionCss:B,gpDescriptionCss:F}=j(),J="product.description == blank",K=()=>{let e=o?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${r}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${n('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},Q=p({val:k,uid:L?.uid,settingId:a({id:C?.viewMoreText?.id}),pageContext:P}),U=p({val:E,uid:L?.uid,settingId:a({id:C?.viewLessText?.id}),pageContext:P}),W=m({setting:{lineClamp:S?.lineClamp,hasLineClamp:S?.hasLineClamp,viewMoreText:Q,viewLessText:U,enableViewMoreIcon:S?.enableViewMoreIcon},textStyle:H});return u(J,"",$(s`
+import{makeStyleResponsive as e,makeLineClamp as t,dataStringify as s,template as i,baseAssetURL as o,isLocalEnv as r}from"@gem-sdk/core";import{getDynamicSourceLocales as p,createSettingId as a,getSettingPreloadData as n}from"../../../helpers.js";import{createClass as d,createStyle as l,createAttr as c,createStateOrContext as m,LiquidIf as $,Liquid as u,LiquidUnless as g,If as v}from"@gem-sdk/system";import{getClasses as f,getButtonClasses as w,getClassPreBuilt as h}from"./common/classes.js";import{getTextStyle as x,getButtonStyle as y,getStaticCss as j}from"./common/styles.js";import{ICON_SVG as b}from"./common/helpers.js";import{ProductDescription as C}from"../../settings/product-description/configs/translate.js";let M=M=>{let{setting:S,advanced:I,builderProps:L,pageContext:T}=M,{htmlTag:k,viewMoreText:E,viewLessText:P}=S??{},V="html"===k?"div":"p",A=d({"gp-product-description":!0,[I?.cssClass]:!0}),D=d(f({setting:S,isLiquid:!0})),G=d(w({setting:S})),_=d({"gp-show-more-text":!0}),q=d({"gp-show-more-icon gp-ml-1":!0}),H=l({...x({setting:S,renderMaxHeight:!0}),...e("line-clamp",t(S?.lineClamp,S?.hasLineClamp))}),N=d(h()),O=l(y({setting:S})),R=c({"data-id":`${L?.uid}`}),z=c({"data-gp-text":""}),{textDescriptionCss:B,gpDescriptionCss:F}=j(),J="product.description == blank",K=p({val:E,uid:L?.uid,settingId:a({id:C?.viewMoreText?.id}),pageContext:T}),Q=p({val:P,uid:L?.uid,settingId:a({id:C?.viewLessText?.id}),pageContext:T}),U=m({setting:{lineClamp:S?.lineClamp,hasLineClamp:S?.hasLineClamp,viewMoreText:K,viewLessText:Q,enableViewMoreIcon:S?.enableViewMoreIcon},textStyle:H});return $(J,"",u(i`
     <gp-product-description
       ${R}
       class="${A}"
-      data-view-more-text="${Q}"
-      data-view-less-text="${U}"
+      data-view-more-text="${K}"
+      data-view-less-text="${Q}"
     >
-      <script gp-data type="application/json">${i(W).replaceAll("'","&#039;")}</script>
+      <script gp-data type="application/json">${s(U).replaceAll("'","&#039;")}</script>
       <style>${B}${F}</style>
       <div class="${N}" ></div>
-      ${g("product","<p>Product not found</p>",s`<${V} ${z} class="${D}" style="${H}">
+      ${g("product","<p>Product not found</p>",i`<${V} ${z} class="${D}" style="${H}">
           {{product.description}}
         </${V}>
-        ${g(J,s`<button type="button" class="${G}" style="${O}">
+        ${g(J,i`<button type="button" class="${G}" style="${O}">
           <span class="${_}">
-            ${v(!1,U?.toString(),Q?.toString())}
+            ${v(!1,Q?.toString(),K?.toString())}
           </span>
-          ${v(S?.enableViewMoreIcon,s`<span class="${q}">${b}</span>`," ")}
+          ${v(S?.enableViewMoreIcon,i`<span class="${q}">${b}</span>`," ")}
           </button>`)}`)}
     </gp-product-description>
 
-    ${K()}
-  `))};export{ProductDescription as default};
+    ${(()=>{let e=r?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${o}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${n('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`})()}
+  `))};export{M as default};

package/dist/esm/product/components/product-description/common/classes.js

@@ -1 +1 @@
-import{composeTypographyClassName as t,getGlobalColorClass as r,composeClasses as a,cls as e}from"@gem-sdk/core";let getClasses=({setting:a,isLiquid:e})=>{let s=t(a?.typo,a?.typography),p=r("text",a?.color);return{"gp-relative  gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre":!0,"p-description-wrapper":e,...s&&{[s]:!0},[p]:!0,"data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white":!0}},getButtonClasses=({setting:a})=>{let e=t(a?.typo,a?.typography),s=r("text",a?.showMoreColor);return{"p-description-show-more gp-items-center gp-mt-4 gp-w-full gp-transition-all hover:gp-opacity-80":!0,...e&&{[e]:!0},[s]:!0}},getClassPreBuilt=()=>a(e("gp-rotate-180 gp-hidden"));export{getButtonClasses,getClassPreBuilt,getClasses};
+import{composeTypographyClassName as r,getGlobalColorClass as t,composeClasses as a,cls as e}from"@gem-sdk/core";let p=({setting:a,isLiquid:e})=>{let p=r(a?.typo,a?.typography),o=t("text",a?.color);return{"gp-relative  gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre":!0,"p-description-wrapper":e,...p&&{[p]:!0},[o]:!0,"data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white":!0}},o=({setting:a})=>{let e=r(a?.typo,a?.typography),p=t("text",a?.showMoreColor);return{"p-description-show-more gp-items-center gp-mt-4 gp-w-full gp-transition-all hover:gp-opacity-80":!0,...e&&{[e]:!0},[p]:!0}},s=()=>a(e("gp-rotate-180 gp-hidden"));export{o as getButtonClasses,s as getClassPreBuilt,p as getClasses};

package/dist/esm/product/components/product-description/common/helpers.js

@@ -1,3 +1,3 @@
-let ICON_SVG=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
+let L=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
               fill="currentColor"/>
-        </svg>`;export{ICON_SVG};
+        </svg>`;export{L as ICON_SVG};

package/dist/esm/product/components/product-description/common/styles.js

@@ -1,4 +1,4 @@
-import{composeTypographyStyle as t,getStyleShadow as e,makeStyleResponsive as l,getGlobalColorStyle as o,makeStyle as i,filterTruthyStyles as a,getResponsiveValueByScreen as n}from"@gem-sdk/core";let devices=["desktop","mobile","tablet"],getDisplayStyle=(t,e)=>{let l={};return devices.forEach(o=>{l={...l,[`--d${"desktop"===o?"":`-${o}`}`]:`${t(o)?"none":e}`}}),l},getTextStyle=({setting:n,renderMaxHeight:p})=>{let r=t(n?.typo,n?.typography),s={...e({value:n?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:n?.typo?.custom?.hasShadowText}),...l("ta",n?.textAlign),...o(n?.color),...i({tt:n?.transform}),...r,...p&&getMaxHeightStyleDefault(n)};return a(s)},getButtonStyle=({setting:e})=>{let n=t(e?.typo,e?.typography),p=()=>getDisplayStyle(t=>!!e?.hasLineClamp&&void 0!==e.hasLineClamp[t]&&!e.hasLineClamp[t],"inline-flex"),r={...l("jc",e?.textAlign),...i({tt:e?.transform}),...n,...o(e?.showMoreColor),...p()};return a(r)},getStaticCss=()=>{let t=`
+import{composeTypographyStyle as t,makeStyle as e,getGlobalColorStyle as o,makeStyleResponsive as l,getStyleShadow as i,filterTruthyStyles as n,getResponsiveValueByScreen as a}from"@gem-sdk/core";let p=["desktop","mobile","tablet"],r=(t,e)=>{let o={};return p.forEach(l=>{o={...o,[`--d${"desktop"===l?"":`-${l}`}`]:`${t(l)?"none":e}`}}),o},s=({setting:a,renderMaxHeight:p})=>{let r=t(a?.typo,a?.typography),s={...i({value:a?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:a?.typo?.custom?.hasShadowText}),...l("ta",a?.textAlign),...o(a?.color),...e({tt:a?.transform}),...r,...p&&c(a)};return n(s)},d=({setting:i})=>{let a=t(i?.typo,i?.typography),p={...l("jc",i?.textAlign),...e({tt:i?.transform}),...a,...o(i?.showMoreColor),...r(t=>!!i?.hasLineClamp&&void 0!==i.hasLineClamp[t]&&!i.hasLineClamp[t],"inline-flex")};return n(p)},h=()=>{let t=`
    .gp-p-description-text > :not(ol, ul, table, div, style, script) {
       display: inline !important;
     }
@@ -14,4 +14,4 @@ import{composeTypographyStyle as t,getStyleShadow as e,makeStyleResponsive as l,
       .p-description-wrapper.gp-p-description-text * {
         color: inherit;
         line-height: inherit !important;
-      }`;return{gpDescriptionCss:t,textDescriptionCss:e}},getMaxHeightStyleDefault=t=>{let e={desktop:"none"},o=["desktop","mobile","tablet"];return o.forEach(l=>{let o=n(t?.lineClamp,l),i=n(t?.hasLineClamp,l);i&&o?e[l]=`calc(${o} * 1lh)`:e[l]="none"}),{...l("maxh",e)}};export{getButtonStyle,getMaxHeightStyleDefault,getStaticCss,getTextStyle};
+      }`;return{gpDescriptionCss:t,textDescriptionCss:e}},c=t=>{let e={desktop:"none"};return["desktop","mobile","tablet"].forEach(o=>{let l=a(t?.lineClamp,o),i=a(t?.hasLineClamp,o);i&&l?e[o]=`calc(${l} * 1lh)`:e[o]="none"}),{...l("maxh",e)}};export{d as getButtonStyle,c as getMaxHeightStyleDefault,h as getStaticCss,s as getTextStyle};

package/dist/esm/product/components/product-description/hooks/useGpDescription.js

@@ -1 +1 @@
-import{useRef as e,useState as t,useCallback as r,useEffect as i}from"react";import{useProduct as l,useCurrentDevice as o,getResponsiveValueByScreen as n,useProductShopifyEditLink as m,useEditorMode as p,isSafari as s}from"@gem-sdk/core";let useGpDescription=c=>{let u=e(null),[a,h]=t(!1),[g,d]=t(!1),H=l(),y=o(),x=n(c?.hasLineClamp,y),f=n(c?.lineClamp,y),{redirectProductShopifyLink:C}=m(),w=p(),D=r(()=>`calc(${f} * 1lh)`,[f]),G=r(e=>x&&f&&e||"auto",[x,f]),k=r(()=>{u.current&&(u.current.style.maxHeight=a?D():"none",h(e=>!e))},[a,D]);return i(()=>{G(D())},[c?.typo?.custom,G,D]),i(()=>{let e=u.current;if(h(!1),!e)return;let t=x&&H?.descriptionHtml;t?setTimeout(()=>{let t=e?.scrollHeight??0,r=e?.clientHeight??0,i=r<t,l=window.getComputedStyle(e).getPropertyValue("line-height"),o=parseInt(l,10)||1,n=Math.round((t??0)/o),m=void 0!==f&&f<n,p=s()?m:i;e.style.maxHeight=D(),f&&p?d(()=>!0):d(()=>!1)},100):e.style.maxHeight="none"},[x,f,H?.descriptionHtml,D]),{ref:u,open:a,isShowViewMore:g,handleToggleShowMore:k,mode:w,redirectProductShopifyLink:C}};export{useGpDescription};
+import{useRef as e,useState as t,useCallback as r,useEffect as l}from"react";import{useProduct as i,useCurrentDevice as o,getResponsiveValueByScreen as n,useProductShopifyEditLink as m,useEditorMode as c,isSafari as p}from"@gem-sdk/core";let s=s=>{let u=e(null),[a,h]=t(!1),[g,d]=t(!1),H=i(),y=o(),x=n(s?.hasLineClamp,y),f=n(s?.lineClamp,y),{redirectProductShopifyLink:C}=m(),w=c(),k=r(()=>`calc(${f} * 1lh)`,[f]),v=r(e=>x&&f&&e||"auto",[x,f]),D=r(()=>{u.current&&(u.current.style.maxHeight=a?k():"none",h(e=>!e))},[a,k]);return l(()=>{v(k())},[s?.typo?.custom,v,k]),l(()=>{let e=u.current;if(h(!1),!e)return;let t=x&&H?.descriptionHtml;t?setTimeout(()=>{let t=e?.scrollHeight??0,r=e?.clientHeight??0,l=window.getComputedStyle(e).getPropertyValue("line-height"),i=parseInt(l,10)||1,o=void 0!==f&&f<Math.round((t??0)/i),n=p()?o:r<t;e.style.maxHeight=k(),f&&n?d(()=>!0):d(()=>!1)},100):e.style.maxHeight="none"},[x,f,H?.descriptionHtml,k]),{ref:u,open:a,isShowViewMore:g,handleToggleShowMore:D,mode:w,redirectProductShopifyLink:C}};export{s as useGpDescription};

package/dist/esm/product/components/product-discount-tag/ProductDiscountTag.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useI18nStore as s,makeStyleResponsive as o}from"@gem-sdk/core";import i from"../../../common/components/NoDataState.js";import l from"../../../common/components/TooltipHover.js";import r from"../../../text/components/Text.js";import{createStyle as d,createClass as m,If as n}from"@gem-sdk/system";import{getWrapperTextStyle as a,getContainerStyle as p}from"./common/styles.js";import{getWrapperTextClass as c,getContainerClass as u,getRootClass as x}from"./common/classes.js";import{useGpDiscountTag as f}from"./hooks/useGpDiscountTag.js";let ProductTag=({setting:g,styles:y,builderProps:h,...b})=>{let{customContent:j}=g??{},N=b["bundle-item"],{textAlign:T}=y??{},{t:v}=s(),{mode:k,product:w,salePrice:A,priceSave:D,currentProductId:F,unitCustomDisplay:S,shouldPlaceholderNoDiscount:$}=f({setting:g,styles:y,builderProps:h,...b});if($)return e(l,{enable:!0,text:"Not be displayed when published",position:"bottom",width:"205px",children:e(i,{builderAttrs:h?.builderData,elementType:"secondary",description:v("No discount"),rawMode:!0,customClass:"!gp-p-[5px]"})});let q=d(a(y)),C=d(p(y)),I=m(c(y)),P=m(u()),E=m(x({mode:k,salePrice:A,priceSave:D,bundleItem:N}));return e("div",{className:E,style:{...o("ta",T)},id:`shopify-text-element-${h?.uid}`,"data-id":h?.uid,"data-product-id":F,"gp-data-hidden":"false",children:n(!w," ",e("div",{className:P,style:C,children:e("div",{className:I,style:q,children:t("div",{className:"gp-flex gp-break-all",children:[e(r,{styles:y,setting:{...g,text:j?.prefix?.replaceAll(" "," "),options:{useState:!0,uniqueId:`${h?.uid}-prefix`},excludeFlex:!0}}),e(r,{styles:y,setting:{...g,text:S,options:{isCannotEditing:!0},excludeFlex:!0}}),e(r,{styles:y,setting:{...g,text:j?.suffix?.replaceAll(" "," "),excludeFlex:!0,options:{useState:!0,uniqueId:`${h?.uid}-suffix`}}})]})})}))})};export{ProductTag as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useI18nStore as s,makeStyleResponsive as o}from"@gem-sdk/core";import i from"../../../common/components/NoDataState.js";import l from"../../../common/components/TooltipHover.js";import r from"../../../text/components/Text.js";import{createStyle as d,createClass as m,If as n}from"@gem-sdk/system";import{getWrapperTextStyle as a,getContainerStyle as p}from"./common/styles.js";import{getWrapperTextClass as c,getContainerClass as u,getRootClass as x}from"./common/classes.js";import{useGpDiscountTag as f}from"./hooks/useGpDiscountTag.js";let g=({setting:g,styles:y,builderProps:h,...b})=>{let{customContent:j}=g??{},N=b["bundle-item"],{textAlign:v}=y??{},{t:T}=s(),{mode:k,product:w,salePrice:A,priceSave:D,currentProductId:F,unitCustomDisplay:S,shouldPlaceholderNoDiscount:$}=f({setting:g,styles:y,builderProps:h,...b});if($)return e(l,{enable:!0,text:"Not be displayed when published",position:"bottom",width:"205px",children:e(i,{builderAttrs:h?.builderData,elementType:"secondary",description:T("No discount"),rawMode:!0,customClass:"!gp-p-[5px]"})});let q=d(a(y)),C=d(p(y)),I=m(c(y)),E=m(u()),G=m(x({mode:k,salePrice:A,priceSave:D,bundleItem:N}));return e("div",{className:G,style:{...o("ta",v)},id:`shopify-text-element-${h?.uid}`,"data-id":h?.uid,"data-product-id":F,"gp-data-hidden":"false",children:n(!w," ",e("div",{className:E,style:C,children:e("div",{className:I,style:q,children:t("div",{className:"gp-flex gp-break-all",children:[e(r,{styles:y,setting:{...g,text:j?.prefix?.replaceAll(" "," "),options:{useState:!0,uniqueId:`${h?.uid}-prefix`},excludeFlex:!0}}),e(r,{styles:y,setting:{...g,text:S,options:{isCannotEditing:!0},excludeFlex:!0}}),e(r,{styles:y,setting:{...g,text:j?.suffix?.replaceAll(" "," "),excludeFlex:!0,options:{useState:!0,uniqueId:`${h?.uid}-suffix`}}})]})})}))})};export{g as default};

package/dist/esm/product/components/product-discount-tag/ProductDiscountTag.liquid.js

@@ -1,4 +1,4 @@
-import{template as e,isLocalEnv as i,baseAssetURL as s}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as r,getSettingPreloadData as t}from"../../../helpers.js";import p from"../../../text/components/Text.liquid.js";import{createStyle as n,createClass as c,LiquidIf as o,Liquid as d,If as l}from"@gem-sdk/system";import{getWrapperTextClass as u,getContainerClass as f,getProductTagClass as g}from"./common/classes.js";import{getRootClass as m,getWrapperTextStyle as v,getContainerStyle as y}from"./common/styles.js";import{ProductTag as $}from"../../settings/product-discount-tag/configs/translate.js";let ProductTag=({setting:x,styles:P,builderProps:S,advanced:V,pageContext:_})=>{let{customContent:h}=x??{},j=x?.moneyWithCurrentFormat?"money_with_currency":"money",C=$?.customContent?.id?a({val:h?.prefix,uid:S?.uid,settingId:r({id:$.customContent.id,suffix:"prefix"}),isLiquid:!0,pageContext:_}):h?.prefix,F=$?.customContent?.id?a({val:h?.suffix,uid:S?.uid,settingId:r({id:$.customContent.id,suffix:"suffix"}),isLiquid:!0,pageContext:_}):h?.suffix,M=n(m(P)),T=n(v(P)),q=n(y(P)),w=c(u(P)),E=c(f()),N=c(g(V)),O=h?.unit==="percentage",k=()=>{let e=i?"{{ 'gp-product-tag-v7-5.js' | asset_url }}":`${s}/assets-v2/gp-product-tag-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${t('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return e`
+import{template as e,baseAssetURL as i,isLocalEnv as s}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as r,getSettingPreloadData as t}from"../../../helpers.js";import p from"../../../text/components/Text.liquid.js";import{createStyle as n,createClass as c,LiquidIf as o,Liquid as d,If as l}from"@gem-sdk/system";import{getWrapperTextClass as u,getContainerClass as f,getProductTagClass as g}from"./common/classes.js";import{getRootClass as m,getWrapperTextStyle as v,getContainerStyle as y}from"./common/styles.js";import{ProductTag as $}from"../../settings/product-discount-tag/configs/translate.js";let x=({setting:x,styles:S,builderProps:P,advanced:V,pageContext:_})=>{let{customContent:h}=x??{},j=x?.moneyWithCurrentFormat?"money_with_currency":"money",C=$?.customContent?.id?a({val:h?.prefix,uid:P?.uid,settingId:r({id:$.customContent.id,suffix:"prefix"}),isLiquid:!0,pageContext:_}):h?.prefix,F=$?.customContent?.id?a({val:h?.suffix,uid:P?.uid,settingId:r({id:$.customContent.id,suffix:"suffix"}),isLiquid:!0,pageContext:_}):h?.suffix,M=n(m(S)),q=n(v(S)),w=n(y(S)),E=c(u(S)),N=c(f()),O=c(g(V)),T=h?.unit==="percentage";return e`
     {% liquid
       assign price = variant.price | times: 1.0
       assign salePrice = variant.compare_at_price | times: 1.0
@@ -6,25 +6,25 @@ import{template as e,isLocalEnv as i,baseAssetURL as s}from"@gem-sdk/core";impor
       assign prefixVal = ${_?.isPreviewing?JSON.stringify(C):C}
       assign suffixVal = ${_?.isPreviewing?JSON.stringify(F):F}
     %}
-    ${o("salePrice == null or price == null",d(`{% assign pricePercentage = prefixVal ${l(O,"| append: ' 0% '",`| ${j} | append: ' '`)} | append: suffixVal %}`),`${l(O,`{% assign salePercent = priceSave | divided_by: salePrice | times: 100  | round %}
+    ${o("salePrice == null or price == null",d(`{% assign pricePercentage = prefixVal ${l(T,"| append: ' 0% '",`| ${j} | append: ' '`)} | append: suffixVal %}`),`${l(T,`{% assign salePercent = priceSave | divided_by: salePrice | times: 100  | round %}
           {% assign pricePercentage = prefixVal | append: ' ' | append: salePercent | append: '% ' | append: suffixVal %}`,o("priceSave > 0",`{% assign priceSaveMoney = priceSave | ${j} %}
            {% assign pricePercentage = prefixVal | append: ' ' | append: priceSaveMoney | append: ' ' | append: suffixVal %}`,`{% assign priceSaveMoney = 0 | ${j} %}
            {% assign pricePercentage = prefixVal | append: ' ' | append: priceSaveMoney | append: ' ' | append: suffixVal %}`))}`)}
 
     <gp-product-tag
-      class="${N}"
+      class="${O}"
       style="${M}"
-      data-id="${S?.uid}"
-      data-disabled="${o(`${l(O,"salePercent","priceSave")} > 0`,"false","true")}"
+      data-id="${P?.uid}"
+      data-disabled="${o(`${l(T,"salePercent","priceSave")} > 0`,"false","true")}"
       price-save="{{priceSave}}"
     >
-      <script gp-data type="application/json">{"setting":${JSON.stringify(x).replaceAll("'","&#039;")}, "id": "${S?.uid}", "locale": "{{shop.locale}}", "currency": "{{shop.currency}}", "moneyFormat": "{{ ${x?.moneyWithCurrentFormat?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}"}'</script>
-      <div class="${E}" style="${q}">
-        <div class="${w}" style="${T}">
-          ${p({styles:P,id:`p-tag-${S?.uid}`,setting:{...x,text:"{{ pricePercentage }}",excludeFlex:!0,isForceValue:!0}})}
+      <script gp-data type="application/json">{"setting":${JSON.stringify(x).replaceAll("'","&#039;")}, "id": "${P?.uid}", "locale": "{{shop.locale}}", "currency": "{{shop.currency}}", "moneyFormat": "{{ ${x?.moneyWithCurrentFormat?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}"}'</script>
+      <div class="${N}" style="${w}">
+        <div class="${E}" style="${q}">
+          ${p({styles:S,id:`p-tag-${P?.uid}`,setting:{...x,text:"{{ pricePercentage }}",excludeFlex:!0,isForceValue:!0}})}
         </div>
       </div>
 
   </gp-product-tag>
-  ${k()}
-  `};export{ProductTag as default};
+  ${(()=>{let e=s?"{{ 'gp-product-tag-v7-5.js' | asset_url }}":`${i}/assets-v2/gp-product-tag-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${t('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`})()}
+  `};export{x as default};

package/dist/esm/product/components/product-discount-tag/common/classes.js

@@ -1 +1 @@
-import{getGlobalColorClass as e,composeClasses as t}from"@gem-sdk/core";let getRootClass=({mode:e,salePrice:t,priceSave:s,bundleItem:a})=>({"gp-opacity-0 ":"edit"!==e&&(t<=0||0>=Math.ceil(s/(t/100))),"gp-opacity-20 ":"edit"===e&&(t<=0||0>=Math.ceil(s/(t/100)))&&!a}),getProductTagClass=e=>({"gp-block data-[disabled=true]:gp-hidden":!0,...e?.cssClass&&{[e?.cssClass]:!0}}),getContainerClass=()=>({"gp-inline-flex gp-flex-wrap gp-items-end gp-gap-3":!0}),getWrapperTextClass=s=>{let{backgroundColor:a,borderTag:g,textColor:l}=s??{},p=e("border",g?.color),r=e("text",l),o=e("bg",a);return{...t("gp-flex gp-items-center gp-w-full gp-h-full"),[p]:!0,[r]:!0,[o]:!0}};export{getContainerClass,getProductTagClass,getRootClass,getWrapperTextClass};
+import{getGlobalColorClass as e,composeClasses as t}from"@gem-sdk/core";let l=({mode:e,salePrice:t,priceSave:l,bundleItem:g})=>({"gp-opacity-0 ":"edit"!==e&&(t<=0||0>=Math.ceil(l/(t/100))),"gp-opacity-20 ":"edit"===e&&(t<=0||0>=Math.ceil(l/(t/100)))&&!g}),g=e=>({"gp-block data-[disabled=true]:gp-hidden":!0,...e?.cssClass&&{[e?.cssClass]:!0}}),p=()=>({"gp-inline-flex gp-flex-wrap gp-items-end gp-gap-3":!0}),s=l=>{let{backgroundColor:g,borderTag:p,textColor:s}=l??{},a=e("border",p?.color),r=e("text",s),i=e("bg",g);return{...t("gp-flex gp-items-center gp-w-full gp-h-full"),[a]:!0,[r]:!0,[i]:!0}};export{p as getContainerClass,g as getProductTagClass,l as getRootClass,s as getWrapperTextClass};

package/dist/esm/product/components/product-discount-tag/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,filterTruthyStyles as t,makeGlobalSize as r,getGlobalColorClass as o,makeStyle as l,getSingleColorVariable as i,getRadiusCSSFromGlobal as n,getCustomRadius as a}from"@gem-sdk/core";let getRootClass=r=>{let o={...e("ta",r?.textAlign)};return t(o)},getWrapperTextStyle=d=>{let g=["small","medium","large"],{backgroundColor:s,roundedTag:p,borderTag:c,textColor:m}=d??{},u=r(d?.size),b=o("border",c?.color),x=o("text",m),y={...e("jc",d?.textContentAlign),...u.padding,...l({bs:c?.border,bw:c?.width,bc:""===b?c?.color:void 0,c:""===x?m:void 0,bgc:i(s)}),...g.includes(p?.radiusType||"")&&n("normal",p?.radiusType),...a("normal",p)};return t(y)},getContainerStyle=e=>{let t=r(e?.size);return{...t.width,...t.height}};export{getContainerStyle,getRootClass,getWrapperTextStyle};
+import{makeGlobalSize as e,getGlobalColorClass as t,getCustomRadius as r,getRadiusCSSFromGlobal as o,makeStyle as l,getSingleColorVariable as i,makeStyleResponsive as d,filterTruthyStyles as n}from"@gem-sdk/core";let a=e=>{let t={...d("ta",e?.textAlign)};return n(t)},g=a=>{let{backgroundColor:g,roundedTag:s,borderTag:c,textColor:m}=a??{},p=e(a?.size),u=t("border",c?.color),b=t("text",m),x={...d("jc",a?.textContentAlign),...p.padding,...l({bs:c?.border,bw:c?.width,bc:""===u?c?.color:void 0,c:""===b?m:void 0,bgc:i(g)}),...["small","medium","large"].includes(s?.radiusType||"")&&o("normal",s?.radiusType),...r("normal",s)};return n(x)},s=t=>{let r=e(t?.size);return{...r.width,...r.height}};export{s as getContainerStyle,a as getRootClass,g as getWrapperTextStyle};

package/dist/esm/product/components/product-discount-tag/hooks/useGpDiscountTag.js

@@ -1 +1 @@
-import{useMoneyFormat as e,useEditorMode as t,useProduct as r,useCurrentVariant as n,useQuantity as o,convertDecimalToNumber as u,useFormatMoney as i,useProductBundleDiscount as p,formatMoney as c}from"@gem-sdk/core";import{useMemo as s}from"react";import{applyBundleDiscountAmount as a}from"../../../helpers/product-bundle.js";import{DiscountType as m}from"../../constants/product-bundle.js";let useGpDiscountTag=l=>{let{setting:d,...g}=l,{customContent:f}=d??{},b=g["bundle-item"],{moneyFormat:h}=e(),D=t(),$=r(),j=n(),{quantity:y,hasUpdatePrice:G}=o(),P=s(()=>G&&f?.unit!=="percentage"?y??1:1,[G,f?.unit,y]),T=u(j?.price)??0,k=u(j?.salePrice)??0,x=(k-T)*P,C=i(x<0?0:x,d?.moneyWithCurrentFormat||!1),F=s(()=>{if(!k&&0!==k||!T&&0!==T)return`${f?.unit==="percentage"?"0%":C}`;if(f?.unit==="percentage"){let e=Math.round(x/(k/100));return`${e<0?0:e}%`}return`${C}`},[f?.unit,C,T,x,k]),{useProductCompareAtPrice:I}=p(),{discountPercentAmount:M}=a({currentVariant:j,bundleItem:b,options:{moneyFormat:h,useProductCompareAtPrice:I}}),N=s(()=>{if(!b)return 0;let{discountPercentAmount:e,discountAmount:t}=a({currentVariant:j,bundleItem:b,options:{moneyFormat:h,useProductCompareAtPrice:I}}),{discountType:r}=b,{unit:n}=f||{};return r!==m.NoDiscount||I?"percentage"===n?`${e}%`:t:"percentage"===n?"0%":c("0",h)},[b,j,h,I,f]),W=s(()=>b?N:F,[N,b,F]),q=$?.baseID?.replace("gid://shopify/Product/",""),v=s(()=>{let e=b?M<=0:x<=0;return"edit"===D&&e},[b,M,D,x]);return{mode:D,product:$,salePrice:k,priceSave:x,currentProductId:q,unitCustomDisplay:W,shouldPlaceholderNoDiscount:v}};export{useGpDiscountTag};
+import{useMoneyFormat as e,useEditorMode as t,useProduct as r,useCurrentVariant as n,useQuantity as o,convertDecimalToNumber as i,useFormatMoney as u,useProductBundleDiscount as p,formatMoney as c}from"@gem-sdk/core";import{useMemo as s}from"react";import{applyBundleDiscountAmount as a}from"../../../helpers/product-bundle.js";import{DiscountType as m}from"../../constants/product-bundle.js";let l=l=>{let{setting:d,...f}=l,{customContent:g}=d??{},b=f["bundle-item"],{moneyFormat:h}=e(),$=t(),D=r(),j=n(),{quantity:y,hasUpdatePrice:P}=o(),k=s(()=>P&&g?.unit!=="percentage"?y??1:1,[P,g?.unit,y]),x=i(j?.price)??0,C=i(j?.salePrice)??0,F=(C-x)*k,G=u(F<0?0:F,d?.moneyWithCurrentFormat||!1),I=s(()=>{if(!C&&0!==C||!x&&0!==x)return`${g?.unit==="percentage"?"0%":G}`;if(g?.unit==="percentage"){let e=Math.round(F/(C/100));return`${e<0?0:e}%`}return`${G}`},[g?.unit,G,x,F,C]),{useProductCompareAtPrice:M}=p(),{discountPercentAmount:N}=a({currentVariant:j,bundleItem:b,options:{moneyFormat:h,useProductCompareAtPrice:M}}),T=s(()=>{if(!b)return 0;let{discountPercentAmount:e,discountAmount:t}=a({currentVariant:j,bundleItem:b,options:{moneyFormat:h,useProductCompareAtPrice:M}}),{discountType:r}=b,{unit:n}=g||{};return r!==m.NoDiscount||M?"percentage"===n?`${e}%`:t:"percentage"===n?"0%":c("0",h)},[b,j,h,M,g]),W=s(()=>b?T:I,[T,b,I]),q=D?.baseID?.replace("gid://shopify/Product/",""),v=s(()=>{let e=b?N<=0:F<=0;return"edit"===$&&e},[b,N,$,F]);return{mode:$,product:D,salePrice:C,priceSave:F,currentProductId:q,unitCustomDisplay:W,shouldPlaceholderNoDiscount:v}};export{l as useGpDiscountTag};

package/dist/esm/product/components/product-images/ProductFeaturedImage.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"../../../image/components/NextImage.js";import{getFeatureImageAspectRatio as o,getStyleFeaturedImageWidth as i,getStyleFeatureImageJustify as l,isFeatureMedia as c,getZoomImageClass as n,getZoomLenClass as p}from"./common/productFeaturedImage.js";import{useFeaturedImageGlobal as s,useProduct as a,cls as f,makeStyleResponsive as g,makeStyle as h}from"@gem-sdk/core";import{urlJoin as u}from"../../../link/common/helpers.js";import{useRef as m,useMemo as d}from"react";let ProductFeaturedImage=({productImages:y,imgRef:v,onOpenLightBox:w,...x})=>{let E=s(),L=a(),z=m(null),C=m(null),I=m(null),T=x?.clickEffect!==void 0&&x?.clickEffect=="link",N=L?.handle?u("/products",L.handle):"#",R=T?"a":"div",k=d(()=>x?.otherImage?y&&x.otherImage>=y.length-1||y&&-1===x.otherImage?y.length-1:x.otherImage:0,[x?.otherImage,y]),b=d(()=>x?.hoverEffect==="other"?y?.[k]:y?.find(e=>e.id===E?.id),[E?.id,k,y,x?.hoverEffect]),M=d(()=>E?.id?y?.find(e=>e.id===E?.id):y?.[0],[E,y]),F=T?{href:N}:{onClick:()=>x?.clickEffect=="popup"&&w(),role:"presentation"},V=({event:e,featureImageDom:t,zoomSize:r,imagePosition:o,slideWidth:i,imageOffsetX:l,imageOffsetY:c})=>{if(C?.current){if(C.current.style.width=`${r}px`,e.clientX>=o?.x&&e.clientX<=o.right&&e.clientY>=o?.y&&e.clientY<=o.bottom?((x?.hoverEffect=="zoom"&&x?.zoomType=="default"||x?.hoverEffect=="other")&&(C.current.style.opacity="1"),I?.current&&x?.hoverEffect=="zoom"&&x?.zoomType=="glasses"&&(I.current.style.opacity="1")):(C.current.style.opacity="0",I?.current&&(I.current.style.opacity="0")),i&&x?.hoverEffect=="zoom"&&x?.zoomType=="default"){let e=l/t?.offsetWidth,o=c/t?.offsetHeight;C.current.style.top=(t?.offsetHeight-C.current.offsetHeight)*o+"px",C.current.style.left=(i-r)*e+"px"}C&&x?.hoverEffect=="other"&&(C.current.style.top="0px",C.current.style.left="0px")}},j=e=>{let t=e.currentTarget?.querySelector("img"),r=t?.getBoundingClientRect(),o=z?.current?.clientWidth||0,i=z?.current?.clientHeight||0,l=!x?.zoom||x.zoom<100?1:x.zoom/100||1,c=(z?.current?.clientWidth||1)*(x?.hoverEffect=="other"?1:l),n=e.clientX-r?.x,p=e.clientY-r?.y;if(V({event:e,featureImageDom:t,zoomSize:c,imagePosition:r,slideWidth:o,imageOffsetX:n,imageOffsetY:p}),x?.hoverEffect=="zoom"&&x?.zoomType=="glasses"&&I.current){let e=I.current.offsetWidth/2,t=I.current.offsetHeight/2,r=i||1;n>o-e/l&&(n=o-e/l),n<e/l&&(n=e/l),p>r-t/l&&(p=r-t/l),p<t/l&&(p=t/l),I.current.style.top=p-t+"px",I.current.style.left=n-e+"px",I.current.style.backgroundSize=c+"px "+r*l+"px",I.current.style.backgroundPosition=`-${n*l-e}px -${p*l-t}px`}},A=()=>{C?.current&&(C.current.style.opacity="0"),I?.current&&(I.current.style.opacity="0")},H=d(()=>o(x.ftCustomAspectRadio,x.ftAspectRatio),[x?.ftAspectRatio,x.ftCustomAspectRadio]),Z=d(()=>i(x),[x]);return e("div",{className:"gp-product-images-ft gp-flex",style:{...l(x.position),...Z},children:e(R,{...F,onMouseMove:j,onMouseOut:A,className:f("gp-relative gp-flex gp-w-full",{"gp-overflow-hidden":x?.zoomType!=="glasses"}),style:{...g("aspect",H)},children:e("div",{className:"gp-flex gp-w-full gp-items-start gp-justify-center",children:t("div",{ref:z,className:"gp-group gp-relative gp-w-full gp-overflow-hidden",children:[e(r,{imgRef:v,src:E?.previewImage||E?.src,width:E?.width,height:E?.height,alt:E?.alt,setting:{layout:x.ftLayout,aspectRatio:H},className:f("featured-image-only gp-w-full transition-opacity",{"group-hover:gp-opacity-0":"other"==x.hoverEffect})}),(E?.contentType=="VIDEO"||E?.contentType=="EXTERNAL_VIDEO")&&e("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-[15px] gp-pr-[15px]",children:t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),e("path",{d:"M17.6869 12.2646L17.6868 12.2646L6.78379 18.4464C6.78378 18.4464 6.78376 18.4464 6.78374 18.4464C6.52931 18.5903 6.1665 18.4179 6.1665 18.0416V5.95844C6.1665 5.58218 6.52917 5.40981 6.7836 5.55354C6.78366 5.55357 6.78373 5.55361 6.78379 5.55365L17.6868 11.7354L17.6869 11.7354C17.8819 11.846 17.8819 12.154 17.6869 12.2646Z",stroke:"#F9F9F9",strokeMiterlimit:"10"})]})}),E?.contentType=="MODEL_3D"&&e("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-[15px] gp-pr-[15px]",children:t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7441 4.57034C11.9017 4.47655 12.098 4.47655 12.2555 4.57034L18.5889 8.33957C18.7404 8.42971 18.8332 8.59296 18.8332 8.76923V15.2308C18.8332 15.407 18.7404 15.5703 18.5889 15.6604L12.2555 19.4297C12.098 19.5234 11.9017 19.5234 11.7441 19.4297L5.41079 15.6604C5.25932 15.5703 5.1665 15.407 5.1665 15.2308V8.76923C5.1665 8.59296 5.25932 8.42971 5.41079 8.33957L11.7441 4.57034ZM6.1665 9.64865V14.9465L11.4998 18.1206V12.8227L6.1665 9.64865ZM12.4998 12.8227V18.1206L17.8332 14.9465V9.64865L12.4998 12.8227ZM17.3555 8.76923L11.9998 11.9566L6.64417 8.76923L11.9998 5.58185L17.3555 8.76923Z",fill:"#F9F9F9"})]})}),x?.hoverEffect!=="none"&&x?.hoverEffect!=="other"&&e("div",{ref:C,className:f("!gp-max-w-none",c(M?.contentType)?"":n()),children:e(r,{src:c(b?.contentType)?b?.previewImage:b?.src,width:b?.width,height:b?.height,alt:b?.alt,setting:{layout:x.ftLayout,aspectRatio:H},className:"featured-image-only gp-w-full"})}),x?.hoverEffect==="other"&&e("div",{ref:C,className:f("!gp-max-w-none",n()),children:e(r,{src:c(M?.contentType)?M?.previewImage:b?b?.previewImage||b?.src:M?.src,width:b?.width,height:b?.height,alt:b?.alt,setting:{layout:x.ftLayout,aspectRatio:H},className:"featured-image-only gp-w-full"})}),x?.hoverEffect==="zoom"&&x?.zoomType==="glasses"&&!c(M?.contentType)&&e("div",{ref:I,className:f(p()),style:{...h({bgi:`url("${M?.src}")`})}})]})})})})};export{ProductFeaturedImage as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"../../../image/components/NextImage.js";import{getFeatureImageAspectRatio as o,getStyleFeaturedImageWidth as i,isFeatureMedia as l,getZoomImageClass as c,getZoomLenClass as n,getStyleFeatureImageJustify as p}from"./common/productFeaturedImage.js";import{useFeaturedImageGlobal as s,useProduct as a,cls as f,makeStyle as h,makeStyleResponsive as g}from"@gem-sdk/core";import{urlJoin as m}from"../../../link/common/helpers.js";import{useRef as u,useMemo as d}from"react";let y=({productImages:y,imgRef:v,onOpenLightBox:w,...x})=>{let E=s(),L=a(),z=u(null),C=u(null),T=u(null),I=x?.clickEffect!==void 0&&x?.clickEffect=="link",N=L?.handle?m("/products",L.handle):"#",R=d(()=>x?.otherImage?y&&x.otherImage>=y.length-1||y&&-1===x.otherImage?y.length-1:x.otherImage:0,[x?.otherImage,y]),k=d(()=>x?.hoverEffect==="other"?y?.[R]:y?.find(e=>e.id===E?.id),[E?.id,R,y,x?.hoverEffect]),b=d(()=>E?.id?y?.find(e=>e.id===E?.id):y?.[0],[E,y]),M=I?{href:N}:{onClick:()=>x?.clickEffect=="popup"&&w(),role:"presentation"},V=({event:e,featureImageDom:t,zoomSize:r,imagePosition:o,slideWidth:i,imageOffsetX:l,imageOffsetY:c})=>{if(C?.current){if(C.current.style.width=`${r}px`,e.clientX>=o?.x&&e.clientX<=o.right&&e.clientY>=o?.y&&e.clientY<=o.bottom?((x?.hoverEffect=="zoom"&&x?.zoomType=="default"||x?.hoverEffect=="other")&&(C.current.style.opacity="1"),T?.current&&x?.hoverEffect=="zoom"&&x?.zoomType=="glasses"&&(T.current.style.opacity="1")):(C.current.style.opacity="0",T?.current&&(T.current.style.opacity="0")),i&&x?.hoverEffect=="zoom"&&x?.zoomType=="default"){let e=l/t?.offsetWidth,o=c/t?.offsetHeight;C.current.style.top=(t?.offsetHeight-C.current.offsetHeight)*o+"px",C.current.style.left=(i-r)*e+"px"}C&&x?.hoverEffect=="other"&&(C.current.style.top="0px",C.current.style.left="0px")}},F=d(()=>o(x.ftCustomAspectRadio,x.ftAspectRatio),[x?.ftAspectRatio,x.ftCustomAspectRadio]),j=d(()=>i(x),[x]);return e("div",{className:"gp-product-images-ft gp-flex",style:{...p(x.position),...j},children:e(I?"a":"div",{...M,onMouseMove:e=>{let t=e.currentTarget?.querySelector("img"),r=t?.getBoundingClientRect(),o=z?.current?.clientWidth||0,i=z?.current?.clientHeight||0,l=!x?.zoom||x.zoom<100?1:x.zoom/100||1,c=(z?.current?.clientWidth||1)*(x?.hoverEffect=="other"?1:l),n=e.clientX-r?.x,p=e.clientY-r?.y;if(V({event:e,featureImageDom:t,zoomSize:c,imagePosition:r,slideWidth:o,imageOffsetX:n,imageOffsetY:p}),x?.hoverEffect=="zoom"&&x?.zoomType=="glasses"&&T.current){let e=T.current.offsetWidth/2,t=T.current.offsetHeight/2,r=i||1;n>o-e/l&&(n=o-e/l),n<e/l&&(n=e/l),p>r-t/l&&(p=r-t/l),p<t/l&&(p=t/l),T.current.style.top=p-t+"px",T.current.style.left=n-e+"px",T.current.style.backgroundSize=c+"px "+r*l+"px",T.current.style.backgroundPosition=`-${n*l-e}px -${p*l-t}px`}},onMouseOut:()=>{C?.current&&(C.current.style.opacity="0"),T?.current&&(T.current.style.opacity="0")},className:f("gp-relative gp-flex gp-w-full",{"gp-overflow-hidden":x?.zoomType!=="glasses"}),style:{...g("aspect",F)},children:e("div",{className:"gp-flex gp-w-full gp-items-start gp-justify-center",children:t("div",{ref:z,className:"gp-group gp-relative gp-w-full gp-overflow-hidden",children:[e(r,{imgRef:v,src:E?.previewImage||E?.src,width:E?.width,height:E?.height,alt:E?.alt,setting:{layout:x.ftLayout,aspectRatio:F},className:f("featured-image-only gp-w-full transition-opacity",{"group-hover:gp-opacity-0":"other"==x.hoverEffect})}),(E?.contentType=="VIDEO"||E?.contentType=="EXTERNAL_VIDEO")&&e("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-[15px] gp-pr-[15px]",children:t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),e("path",{d:"M17.6869 12.2646L17.6868 12.2646L6.78379 18.4464C6.78378 18.4464 6.78376 18.4464 6.78374 18.4464C6.52931 18.5903 6.1665 18.4179 6.1665 18.0416V5.95844C6.1665 5.58218 6.52917 5.40981 6.7836 5.55354C6.78366 5.55357 6.78373 5.55361 6.78379 5.55365L17.6868 11.7354L17.6869 11.7354C17.8819 11.846 17.8819 12.154 17.6869 12.2646Z",stroke:"#F9F9F9",strokeMiterlimit:"10"})]})}),E?.contentType=="MODEL_3D"&&e("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-[15px] gp-pr-[15px]",children:t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7441 4.57034C11.9017 4.47655 12.098 4.47655 12.2555 4.57034L18.5889 8.33957C18.7404 8.42971 18.8332 8.59296 18.8332 8.76923V15.2308C18.8332 15.407 18.7404 15.5703 18.5889 15.6604L12.2555 19.4297C12.098 19.5234 11.9017 19.5234 11.7441 19.4297L5.41079 15.6604C5.25932 15.5703 5.1665 15.407 5.1665 15.2308V8.76923C5.1665 8.59296 5.25932 8.42971 5.41079 8.33957L11.7441 4.57034ZM6.1665 9.64865V14.9465L11.4998 18.1206V12.8227L6.1665 9.64865ZM12.4998 12.8227V18.1206L17.8332 14.9465V9.64865L12.4998 12.8227ZM17.3555 8.76923L11.9998 11.9566L6.64417 8.76923L11.9998 5.58185L17.3555 8.76923Z",fill:"#F9F9F9"})]})}),x?.hoverEffect!=="none"&&x?.hoverEffect!=="other"&&e("div",{ref:C,className:f("!gp-max-w-none",l(b?.contentType)?"":c()),children:e(r,{src:l(k?.contentType)?k?.previewImage:k?.src,width:k?.width,height:k?.height,alt:k?.alt,setting:{layout:x.ftLayout,aspectRatio:F},className:"featured-image-only gp-w-full"})}),x?.hoverEffect==="other"&&e("div",{ref:C,className:f("!gp-max-w-none",c()),children:e(r,{src:l(b?.contentType)?b?.previewImage:k?k?.previewImage||k?.src:b?.src,width:k?.width,height:k?.height,alt:k?.alt,setting:{layout:x.ftLayout,aspectRatio:F},className:"featured-image-only gp-w-full"})}),x?.hoverEffect==="zoom"&&x?.zoomType==="glasses"&&!l(b?.contentType)&&e("div",{ref:T,className:f(n()),style:{...h({bgi:`url("${b?.src}")`})}})]})})})})};export{y as default};

package/dist/esm/product/components/product-images/ProductFeaturedImage.liquid.js

@@ -1,27 +1,4 @@
-import{template as e,cls as i,makeStyleResponsive as a,getResponsiveValueByScreen as t}from"@gem-sdk/core";import d from"../../../image/components/NextImage.liquid.js";import{getFeatureImageAspectRatio as r,getStyleFeatureImageJustify as s,getStyleFeaturedImageWidth as l,getZoomImageClass as o,getZoomLenClass as f}from"./common/productFeaturedImage.js";import{getDisplayStyle as m}from"./common/helpers.js";import u from"../../../image/components/Modal3d.liquid.js";import n from"../../../image/components/Video.liquid.js";let ProductFeaturedImage=({...g})=>{let p=r(g.ftCustomAspectRadio,g.ftAspectRatio),c=g?.clickEffect!==void 0&&g?.clickEffect=="link",v=c?"a":"div",h=c?{href:"#"}:{role:"presentation"},_=()=>m(e=>!!g?.featureImageVisible&&!t(g?.featureImageVisible,e),"flex"),y=()=>`
-    {% assign featureMedia = product.media.first %}
-    {%- assign variant = product.selected_or_first_available_variant -%}
-    {% assign shouldHidden = '' %}
-    {% if featureMedia.media_type == 'model' %}
-      ${w()}
-    {% endif %}
-    {% if featureMedia.media_type == 'video' %}
-      ${M()}
-    {% endif %}
-    {% if featureMedia.media_type == 'external_video' %}
-      ${M()}
-    {% endif %}
-    {% if featureMedia.media_type != 'image' %}
-      {% assign shouldHidden = 'hidden' %}
-    {% endif %}
-    ${$(i("gp-w-full gp-transition-opacity",{"group-hover:gp-opacity-0":"other"==g.hoverEffect},"{{shouldHidden}}"))}
-    ${g?.hoverEffect!=="none"?`<div class="${i("zoom-element !gp-max-w-none",o())}">
-          ${$("image-zoom")}
-        </div>`:""}
-    ${g?.hoverEffect=="zoom"&&g?.zoomType=="glasses"?`
-    <div class="${i("zoom-lens-element",f())}"
-    style="opacity: 0; background-image: url('{{ product.featured_image.src | img_url: "1024x1024"}}')"></div>`:""}
-    `,w=()=>u({src:"{{featureMedia.sources.first.url}}",alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,dataShopifyFeature:"1.12",arStatus:"not-presenting",style:{width:"100%",height:"100%"}}),M=()=>n({src:"{{mediaSourceVideo}}",alt:"{{mediaVideoAlt}}",autoplay:!0,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"}}),$=i=>e`
+import{cls as e,makeStyleResponsive as i,template as a,getResponsiveValueByScreen as t}from"@gem-sdk/core";import d from"../../../image/components/NextImage.liquid.js";import{getFeatureImageAspectRatio as r,getStyleFeaturedImageWidth as s,getStyleFeatureImageJustify as l,getZoomImageClass as o,getZoomLenClass as f}from"./common/productFeaturedImage.js";import{getDisplayStyle as m}from"./common/helpers.js";import n from"../../../image/components/Modal3d.liquid.js";import u from"../../../image/components/Video.liquid.js";let g=({...g})=>{let p=r(g.ftCustomAspectRadio,g.ftAspectRatio),c=g?.clickEffect!==void 0&&g?.clickEffect=="link",v=c?"a":"div",h=()=>u({src:"{{mediaSourceVideo}}",alt:"{{mediaVideoAlt}}",autoplay:!0,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"}}),_=e=>a`
     ${d({src:`{%- if variant.featured_image != null -%}
               {{ variant.featured_image.src | img_url: '1024x1024'}}
             {%- elsif variant.featured_image == null -%}
@@ -44,14 +21,14 @@ import{template as e,cls as i,makeStyleResponsive as a,getResponsiveValueByScree
               {{variant.featured_image.alt}}
             {%- elsif variant.featured_image == null -%}
               {{featureMedia.alt | escape}}
-            {%- endif -%}`,setting:{layout:g?.ftLayout,aspectRatio:p},priority:!0,className:`gp-w-full featured-image-only ${i}`})}`;return e`<div
+            {%- endif -%}`,setting:{layout:g?.ftLayout,aspectRatio:p},priority:!0,className:`gp-w-full featured-image-only ${e}`})}`;return a`<div
   class="featured-image-root gp-product-images-ft gp-flex"
-  style="${{...s(g.position),..._(),...l(g)}}"
+  style="${{...l(g.position),...m(e=>!!g?.featureImageVisible&&!t(g?.featureImageVisible,e),"flex"),...s(g)}}"
 >
-  <${v} ${{...h}}
+  <${v} ${{...c?{href:"#"}:{role:"presentation"}}}
     media-type="{{product.featured_media.media_type}}"
-    class="featured-image-wrapper ${i("gp-relative gp-flex gp-w-full",{"gp-overflow-hidden":g?.zoomType!=="glasses"})}"
-    style="${{...a("aspect",p)}}"
+    class="featured-image-wrapper ${e("gp-relative gp-flex gp-w-full",{"gp-overflow-hidden":g?.zoomType!=="glasses"})}"
+    style="${{...i("aspect",p)}}"
   >
   <div class="gp-flex gp-w-full gp-items-start gp-justify-center">
     <div class="featured-image gp-group gp-relative gp-w-full gp-h-full gp-overflow-hidden gp-flex gp-items-center gp-justify-center">
@@ -86,8 +63,31 @@ import{template as e,cls as i,makeStyleResponsive as a,getResponsiveValueByScree
       <script type="module" defer="defer" src="https://cdn.shopify.com/shopifycloud/model-viewer/v1.12/model-viewer.js"></script>
     {% endif %}
 
-    ${y()}
+    ${`
+    {% assign featureMedia = product.media.first %}
+    {%- assign variant = product.selected_or_first_available_variant -%}
+    {% assign shouldHidden = '' %}
+    {% if featureMedia.media_type == 'model' %}
+      ${n({src:"{{featureMedia.sources.first.url}}",alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,dataShopifyFeature:"1.12",arStatus:"not-presenting",style:{width:"100%",height:"100%"}})}
+    {% endif %}
+    {% if featureMedia.media_type == 'video' %}
+      ${h()}
+    {% endif %}
+    {% if featureMedia.media_type == 'external_video' %}
+      ${h()}
+    {% endif %}
+    {% if featureMedia.media_type != 'image' %}
+      {% assign shouldHidden = 'hidden' %}
+    {% endif %}
+    ${_(e("gp-w-full gp-transition-opacity",{"group-hover:gp-opacity-0":"other"==g.hoverEffect},"{{shouldHidden}}"))}
+    ${g?.hoverEffect!=="none"?`<div class="${e("zoom-element !gp-max-w-none",o())}">
+          ${_("image-zoom")}
+        </div>`:""}
+    ${g?.hoverEffect=="zoom"&&g?.zoomType=="glasses"?`
+    <div class="${e("zoom-lens-element",f())}"
+    style="opacity: 0; background-image: url('{{ product.featured_image.src | img_url: "1024x1024"}}')"></div>`:""}
+    `}
     </div>
   </div>
   </${v}>
-</div>`};export{ProductFeaturedImage as default};
+</div>`};export{g as default};

package/dist/esm/product/components/product-images/ProductGalleryCarousel.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useMemo as o}from"react";import i from"../../../carousel-v3/components/root/Carousel.js";import r from"../../../carousel-v3/components/item/CarouselItem.js";import{useCurrentDevice as l,useFeaturedImageGlobal as s,getResponsiveValueByScreen as p,makeAspectRatio as a,cls as n,makeStyleResponsive as c,makeWidth as d}from"@gem-sdk/core";import{convertSpacing as g}from"./common/helpers.js";import m from"../../../image/components/NextImage.js";import{getAllowDotConfig as h,getCarouselVerticalConfigByPosition as C}from"./common/productGallery.js";import{getDotStyleConfig as u}from"../product-images-v3/common/productGallery.js";let ProductGalleryCarousel=({builderPropUID:w,productImages:f,onHandleClick:b,...L})=>{let v=l(),y=s(),V=o(()=>{let t=f?.findIndex(t=>t.id===y?.id);return t&&t>0?t:0},[f,y]),R=o(()=>p(L?.position,v),[v,L?.position]),k=o(()=>{let t="left"===R||"right"===R;return t?{desktop:"auto",tablet:"auto",mobile:"auto"}:L?.slidesToShow},[R,L?.slidesToShow]),x=o(()=>({desktop:L?.customAspectRadio?.desktop?.width,tablet:L?.customAspectRadio?.tablet?.width,mobile:L?.customAspectRadio?.mobile?.width}),[L?.customAspectRadio]),A=o(()=>({desktop:L?.customAspectRadio?.desktop?.height,tablet:L?.customAspectRadio?.tablet?.height,mobile:L?.customAspectRadio?.mobile?.height}),[L?.customAspectRadio]),T=o(()=>a(L?.aspectRatio,x,A),[x,L?.aspectRatio,A]);return t(i,{setting:{loop:L?.loop,slidesToShow:k,dot:h(),dotStyle:u(),controlOverContent:L?.controlOverContent,enableDrag:{desktop:L?.dragToScroll,tablet:L?.dragToScroll,mobile:L?.dragToScroll},vertical:C(L.position),dotActiveColor:L?.dotActiveColor,dotColor:L?.dotColor,arrowCustom:L?.arrowIcon},styles:{sizeSetting:{desktop:{width:"100%",height:"auto"},tablet:{width:"100%",height:"auto"},mobile:{width:"100%",height:"auto"}},spacing:g(L?.spacing)},builderProps:{uid:w},isHiddenArrowWhenDisabled:!0,children:f?.map((o,i,l)=>{let s=i===V&&l.length>1,a="VIDEO"==o.contentType||"EXTERNAL_VIDEO"==o.contentType||"MODEL_3D"==o.contentType?o?.previewImage:o?.src;return e(r,{className:n(`gem-slider-item gem-slider-item-${w} gp-group gp-flex gp-w-full gp-items-center gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1`,{"gp-outline":s&&!!L?.showActiveStatus}),onClickItem:()=>{b(o?.id||"")},style:{outlineColor:"var(--g-c-brand, brand)"},children:[t(m,{src:a,width:o?.width,height:o?.height,alt:o?.alt,setting:{aspectRatio:T,layout:L?.layout},style:{...c("w",d(L?.width,L?.fullWidth)),...c("aspect",L?.aspectRatio)}}),("VIDEO"==o.contentType||"EXTERNAL_VIDEO"==o.contentType)&&t("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-1 gp-pr-1",children:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),t("path",{d:"M17.6869 12.2646L17.6868 12.2646L6.78379 18.4464C6.78378 18.4464 6.78376 18.4464 6.78374 18.4464C6.52931 18.5903 6.1665 18.4179 6.1665 18.0416V5.95844C6.1665 5.58218 6.52917 5.40981 6.7836 5.55354C6.78366 5.55357 6.78373 5.55361 6.78379 5.55365L17.6868 11.7354L17.6869 11.7354C17.8819 11.846 17.8819 12.154 17.6869 12.2646Z",stroke:"#F9F9F9",strokeMiterlimit:"10"})]})}),"MODEL_3D"==o.contentType&&t("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-1 gp-pr-1",children:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7441 4.57034C11.9017 4.47655 12.098 4.47655 12.2555 4.57034L18.5889 8.33957C18.7404 8.42971 18.8332 8.59296 18.8332 8.76923V15.2308C18.8332 15.407 18.7404 15.5703 18.5889 15.6604L12.2555 19.4297C12.098 19.5234 11.9017 19.5234 11.7441 19.4297L5.41079 15.6604C5.25932 15.5703 5.1665 15.407 5.1665 15.2308V8.76923C5.1665 8.59296 5.25932 8.42971 5.41079 8.33957L11.7441 4.57034ZM6.1665 9.64865V14.9465L11.4998 18.1206V12.8227L6.1665 9.64865ZM12.4998 12.8227V18.1206L17.8332 14.9465V9.64865L12.4998 12.8227ZM17.3555 8.76923L11.9998 11.9566L6.64417 8.76923L11.9998 5.58185L17.3555 8.76923Z",fill:"#F9F9F9"})]})}),p(L?.largeViewInPopup,v)&&t("div",{className:"gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-all gp-duration-100 group-hover:gp-opacity-100",children:t("svg",{height:"100%",width:"100%",xmlns:"http://www.w3.org/2000/svg",className:"gp-h-6 gp-w-6",viewBox:"0 0 512 512",color:"#fff",children:t("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z"})})})]},o?.id)})})};export{ProductGalleryCarousel as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useMemo as o}from"react";import i from"../../../carousel-v3/components/root/Carousel.js";import r from"../../../carousel-v3/components/item/CarouselItem.js";import{useCurrentDevice as l,useFeaturedImageGlobal as s,getResponsiveValueByScreen as p,makeAspectRatio as a,makeStyleResponsive as n,makeWidth as c,cls as d}from"@gem-sdk/core";import{convertSpacing as g}from"./common/helpers.js";import m from"../../../image/components/NextImage.js";import{getCarouselVerticalConfigByPosition as h,getAllowDotConfig as C}from"./common/productGallery.js";import{getDotStyleConfig as u}from"../product-images-v3/common/productGallery.js";let w=({builderPropUID:w,productImages:f,onHandleClick:b,...L})=>{let v=l(),y=s(),V=o(()=>{let t=f?.findIndex(t=>t.id===y?.id);return t&&t>0?t:0},[f,y]),R=o(()=>p(L?.position,v),[v,L?.position]),k=o(()=>{let t="left"===R||"right"===R;return t?{desktop:"auto",tablet:"auto",mobile:"auto"}:L?.slidesToShow},[R,L?.slidesToShow]),x=o(()=>({desktop:L?.customAspectRadio?.desktop?.width,tablet:L?.customAspectRadio?.tablet?.width,mobile:L?.customAspectRadio?.mobile?.width}),[L?.customAspectRadio]),A=o(()=>({desktop:L?.customAspectRadio?.desktop?.height,tablet:L?.customAspectRadio?.tablet?.height,mobile:L?.customAspectRadio?.mobile?.height}),[L?.customAspectRadio]),T=o(()=>a(L?.aspectRatio,x,A),[x,L?.aspectRatio,A]);return t(i,{setting:{loop:L?.loop,slidesToShow:k,dot:C(),dotStyle:u(),controlOverContent:L?.controlOverContent,enableDrag:{desktop:L?.dragToScroll,tablet:L?.dragToScroll,mobile:L?.dragToScroll},vertical:h(L.position),dotActiveColor:L?.dotActiveColor,dotColor:L?.dotColor,arrowCustom:L?.arrowIcon},styles:{sizeSetting:{desktop:{width:"100%",height:"auto"},tablet:{width:"100%",height:"auto"},mobile:{width:"100%",height:"auto"}},spacing:g(L?.spacing)},builderProps:{uid:w},isHiddenArrowWhenDisabled:!0,children:f?.map((o,i,l)=>{let s=i===V&&l.length>1,a="VIDEO"==o.contentType||"EXTERNAL_VIDEO"==o.contentType||"MODEL_3D"==o.contentType?o?.previewImage:o?.src;return e(r,{className:d(`gem-slider-item gem-slider-item-${w} gp-group gp-flex gp-w-full gp-items-center gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1`,{"gp-outline":s&&!!L?.showActiveStatus}),onClickItem:()=>{b(o?.id||"")},style:{outlineColor:"var(--g-c-brand, brand)"},children:[t(m,{src:a,width:o?.width,height:o?.height,alt:o?.alt,setting:{aspectRatio:T,layout:L?.layout},style:{...n("w",c(L?.width,L?.fullWidth)),...n("aspect",L?.aspectRatio)}}),("VIDEO"==o.contentType||"EXTERNAL_VIDEO"==o.contentType)&&t("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-1 gp-pr-1",children:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),t("path",{d:"M17.6869 12.2646L17.6868 12.2646L6.78379 18.4464C6.78378 18.4464 6.78376 18.4464 6.78374 18.4464C6.52931 18.5903 6.1665 18.4179 6.1665 18.0416V5.95844C6.1665 5.58218 6.52917 5.40981 6.7836 5.55354C6.78366 5.55357 6.78373 5.55361 6.78379 5.55365L17.6868 11.7354L17.6869 11.7354C17.8819 11.846 17.8819 12.154 17.6869 12.2646Z",stroke:"#F9F9F9",strokeMiterlimit:"10"})]})}),"MODEL_3D"==o.contentType&&t("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-1 gp-pr-1",children:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7441 4.57034C11.9017 4.47655 12.098 4.47655 12.2555 4.57034L18.5889 8.33957C18.7404 8.42971 18.8332 8.59296 18.8332 8.76923V15.2308C18.8332 15.407 18.7404 15.5703 18.5889 15.6604L12.2555 19.4297C12.098 19.5234 11.9017 19.5234 11.7441 19.4297L5.41079 15.6604C5.25932 15.5703 5.1665 15.407 5.1665 15.2308V8.76923C5.1665 8.59296 5.25932 8.42971 5.41079 8.33957L11.7441 4.57034ZM6.1665 9.64865V14.9465L11.4998 18.1206V12.8227L6.1665 9.64865ZM12.4998 12.8227V18.1206L17.8332 14.9465V9.64865L12.4998 12.8227ZM17.3555 8.76923L11.9998 11.9566L6.64417 8.76923L11.9998 5.58185L17.3555 8.76923Z",fill:"#F9F9F9"})]})}),p(L?.largeViewInPopup,v)&&t("div",{className:"gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-all gp-duration-100 group-hover:gp-opacity-100",children:t("svg",{height:"100%",width:"100%",xmlns:"http://www.w3.org/2000/svg",className:"gp-h-6 gp-w-6",viewBox:"0 0 512 512",color:"#fff",children:t("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z"})})})]},o?.id)})})};export{w as default};