@gem-sdk/components 4.0.21 → 4.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/dist/cjs/article/components/ArticleImage.js +1 -1
  2. package/dist/cjs/article/components/ArticleImage.liquid.js +4 -4
  3. package/dist/cjs/article/components/ArticleTag.js +1 -1
  4. package/dist/cjs/article/hooks/useArticleLink.js +1 -1
  5. package/dist/cjs/breadcrumb/hooks/useBreadcrumb.js +1 -1
  6. package/dist/cjs/builder.js +1 -1
  7. package/dist/cjs/collection/components/collection-banner/CollectionBanner.js +1 -1
  8. package/dist/cjs/collection/components/collection-description/CollectionDescription.js +1 -1
  9. package/dist/cjs/collection/components/collection-description/CollectionDescription.liquid.js +4 -3
  10. package/dist/cjs/collection/components/collection-description/common/styles.js +6 -6
  11. package/dist/cjs/collection/components/collection-title/CollectionTitle.js +1 -1
  12. package/dist/cjs/common/components/NoDataState.js +1 -1
  13. package/dist/cjs/grid/components/row/common/classes.js +1 -1
  14. package/dist/cjs/grid/settings/configs/row/ui-v2.js +1 -1
  15. package/dist/cjs/grid/settings/configs/section/ui-v2.js +1 -1
  16. package/dist/cjs/hero-banner/common/classes.js +1 -1
  17. package/dist/cjs/hero-banner/common/helpers.js +1 -1
  18. package/dist/cjs/hero-banner/common/styles.js +1 -1
  19. package/dist/cjs/hero-banner/components/HeroBanner.js +1 -1
  20. package/dist/cjs/hero-banner/components/HeroBanner.liquid.js +7 -7
  21. package/dist/cjs/hero-banner/settings/configs/settings.js +1 -1
  22. package/dist/cjs/image/common/attrs.js +1 -1
  23. package/dist/cjs/image-comparison/components/CompareImage.js +1 -1
  24. package/dist/cjs/image-comparison/hooks/useCompareImage.js +1 -1
  25. package/dist/cjs/index.js +1 -1
  26. package/dist/cjs/index.liquid.js +1 -1
  27. package/dist/cjs/link/components/CustomLink.js +1 -1
  28. package/dist/cjs/product/components/dynamic-checkout/Button.liquid.js +2 -2
  29. package/dist/cjs/product/components/product-bundle/ProductBundleDiscount.js +1 -1
  30. package/dist/cjs/product/components/product-button/hooks/useAddToCart.js +1 -1
  31. package/dist/cjs/product/components/product-description/ProductDescription.js +1 -1
  32. package/dist/cjs/product/components/product-description/ProductDescription.liquid.js +8 -7
  33. package/dist/cjs/product/components/product-description/common/styles.js +5 -5
  34. package/dist/cjs/product/components/product-images-v2/components/child/ProductFeaturedImageOnly.js +1 -1
  35. package/dist/cjs/product/components/product-list/ProductList.js +1 -1
  36. package/dist/cjs/product/components/product-quantity/common/classes.js +1 -1
  37. package/dist/cjs/product/components/product-sku/Sku.js +1 -1
  38. package/dist/cjs/product/components/product-title/ProductTitle.js +1 -1
  39. package/dist/cjs/product/components/product-wrap/hook/useProductSetting.js +1 -1
  40. package/dist/cjs/text/common/classes.js +1 -1
  41. package/dist/cjs/text/components/Text.js +1 -1
  42. package/dist/cjs/third-party/components/AovBundlesVolumeDiscounts.js +2 -0
  43. package/dist/cjs/third-party/components/AovBundlesVolumeDiscounts.liquid.js +1 -0
  44. package/dist/cjs/third-party/components/Bogos/BogosSampleContent.js +1 -1
  45. package/dist/cjs/third-party/components/Bogos.liquid.js +2 -4
  46. package/dist/cjs/third-party/components/DealeasyVolumeDiscounts.js +2 -0
  47. package/dist/cjs/third-party/components/DealeasyVolumeDiscounts.liquid.js +8 -0
  48. package/dist/cjs/third-party/components/EasifyProductOptions.js +1 -1
  49. package/dist/cjs/third-party/components/SkioSubscriptionsYcS20.liquid.js +1 -8
  50. package/dist/cjs/third-party/components/ThirdPartyPreview.js +1 -1
  51. package/dist/cjs/third-party/components/UppromoteAffiliateMarketing.js +2 -0
  52. package/dist/cjs/third-party/components/UppromoteAffiliateMarketing.liquid.js +1 -0
  53. package/dist/cjs/third-party/components/Wiser.liquid.js +4 -4
  54. package/dist/cjs/third-party/configs/AovBundlesVolumeDiscounts.js +1 -0
  55. package/dist/cjs/third-party/configs/DealeasyVolumeDiscounts.js +1 -0
  56. package/dist/cjs/third-party/configs/EasifyProductOptions.js +1 -1
  57. package/dist/cjs/third-party/configs/UppromoteAffiliateMarketing.js +1 -0
  58. package/dist/cjs/third-party/index.js +1 -1
  59. package/dist/cjs/third-party/next.js +1 -1
  60. package/dist/cjs/third-party/settings/AovBundlesVolumeDiscounts/index.js +4 -0
  61. package/dist/cjs/third-party/settings/AovBundlesVolumeDiscounts/uiV2.js +1 -0
  62. package/dist/cjs/third-party/settings/Bogos/index.js +1 -1
  63. package/dist/cjs/third-party/settings/DealeasyVolumeDiscounts/index.js +4 -0
  64. package/dist/cjs/third-party/settings/DealeasyVolumeDiscounts/uiV2.js +1 -0
  65. package/dist/cjs/third-party/settings/Selleasy/index.js +1 -1
  66. package/dist/cjs/third-party/settings/SkioSubscriptionsYcS20/index.js +1 -1
  67. package/dist/cjs/third-party/settings/UppromoteAffiliateMarketing/setting.js +4 -0
  68. package/dist/cjs/third-party/settings/UppromoteAffiliateMarketing/uiV2.js +1 -0
  69. package/dist/cjs/video/components/LiteVimeoEmbed.liquid.js +6 -6
  70. package/dist/esm/article/components/ArticleImage.js +1 -1
  71. package/dist/esm/article/components/ArticleImage.liquid.js +4 -4
  72. package/dist/esm/article/components/ArticleTag.js +1 -1
  73. package/dist/esm/article/hooks/useArticleLink.js +1 -1
  74. package/dist/esm/breadcrumb/hooks/useBreadcrumb.js +1 -1
  75. package/dist/esm/builder.js +1 -1
  76. package/dist/esm/collection/components/collection-banner/CollectionBanner.js +1 -1
  77. package/dist/esm/collection/components/collection-description/CollectionDescription.js +1 -1
  78. package/dist/esm/collection/components/collection-description/CollectionDescription.liquid.js +5 -4
  79. package/dist/esm/collection/components/collection-description/common/styles.js +7 -7
  80. package/dist/esm/collection/components/collection-title/CollectionTitle.js +1 -1
  81. package/dist/esm/common/components/NoDataState.js +1 -1
  82. package/dist/esm/grid/components/row/common/classes.js +1 -1
  83. package/dist/esm/grid/settings/configs/row/ui-v2.js +1 -1
  84. package/dist/esm/grid/settings/configs/section/ui-v2.js +1 -1
  85. package/dist/esm/hero-banner/common/classes.js +1 -1
  86. package/dist/esm/hero-banner/common/helpers.js +1 -1
  87. package/dist/esm/hero-banner/common/styles.js +1 -1
  88. package/dist/esm/hero-banner/components/HeroBanner.js +1 -1
  89. package/dist/esm/hero-banner/components/HeroBanner.liquid.js +10 -10
  90. package/dist/esm/hero-banner/settings/configs/settings.js +1 -1
  91. package/dist/esm/image/common/attrs.js +1 -1
  92. package/dist/esm/image-comparison/components/CompareImage.js +1 -1
  93. package/dist/esm/image-comparison/hooks/useCompareImage.js +1 -1
  94. package/dist/esm/index.js +1 -1
  95. package/dist/esm/index.liquid.js +1 -1
  96. package/dist/esm/link/components/CustomLink.js +1 -1
  97. package/dist/esm/product/components/dynamic-checkout/Button.liquid.js +4 -4
  98. package/dist/esm/product/components/product-bundle/ProductBundleDiscount.js +1 -1
  99. package/dist/esm/product/components/product-button/hooks/useAddToCart.js +1 -1
  100. package/dist/esm/product/components/product-description/ProductDescription.js +1 -1
  101. package/dist/esm/product/components/product-description/ProductDescription.liquid.js +8 -7
  102. package/dist/esm/product/components/product-description/common/styles.js +5 -5
  103. package/dist/esm/product/components/product-images-v2/components/child/ProductFeaturedImageOnly.js +1 -1
  104. package/dist/esm/product/components/product-list/ProductList.js +1 -1
  105. package/dist/esm/product/components/product-quantity/common/classes.js +1 -1
  106. package/dist/esm/product/components/product-sku/Sku.js +1 -1
  107. package/dist/esm/product/components/product-title/ProductTitle.js +1 -1
  108. package/dist/esm/product/components/product-wrap/hook/useProductSetting.js +1 -1
  109. package/dist/esm/text/common/classes.js +1 -1
  110. package/dist/esm/text/components/Text.js +1 -1
  111. package/dist/esm/third-party/components/AovBundlesVolumeDiscounts.js +2 -0
  112. package/dist/esm/third-party/components/AovBundlesVolumeDiscounts.liquid.js +1 -0
  113. package/dist/esm/third-party/components/Bogos/BogosSampleContent.js +1 -1
  114. package/dist/esm/third-party/components/Bogos.liquid.js +0 -2
  115. package/dist/esm/third-party/components/DealeasyVolumeDiscounts.js +2 -0
  116. package/dist/esm/third-party/components/DealeasyVolumeDiscounts.liquid.js +8 -0
  117. package/dist/esm/third-party/components/EasifyProductOptions.js +1 -1
  118. package/dist/esm/third-party/components/SkioSubscriptionsYcS20.liquid.js +1 -8
  119. package/dist/esm/third-party/components/ThirdPartyPreview.js +1 -1
  120. package/dist/esm/third-party/components/UppromoteAffiliateMarketing.js +2 -0
  121. package/dist/esm/third-party/components/UppromoteAffiliateMarketing.liquid.js +1 -0
  122. package/dist/esm/third-party/components/Wiser.liquid.js +4 -4
  123. package/dist/esm/third-party/configs/AovBundlesVolumeDiscounts.js +1 -0
  124. package/dist/esm/third-party/configs/DealeasyVolumeDiscounts.js +1 -0
  125. package/dist/esm/third-party/configs/EasifyProductOptions.js +1 -1
  126. package/dist/esm/third-party/configs/UppromoteAffiliateMarketing.js +1 -0
  127. package/dist/esm/third-party/index.js +1 -1
  128. package/dist/esm/third-party/next.js +1 -1
  129. package/dist/esm/third-party/settings/AovBundlesVolumeDiscounts/index.js +4 -0
  130. package/dist/esm/third-party/settings/AovBundlesVolumeDiscounts/uiV2.js +1 -0
  131. package/dist/esm/third-party/settings/Bogos/index.js +1 -1
  132. package/dist/esm/third-party/settings/DealeasyVolumeDiscounts/index.js +4 -0
  133. package/dist/esm/third-party/settings/DealeasyVolumeDiscounts/uiV2.js +1 -0
  134. package/dist/esm/third-party/settings/Selleasy/index.js +2 -2
  135. package/dist/esm/third-party/settings/SkioSubscriptionsYcS20/index.js +2 -2
  136. package/dist/esm/third-party/settings/UppromoteAffiliateMarketing/setting.js +4 -0
  137. package/dist/esm/third-party/settings/UppromoteAffiliateMarketing/uiV2.js +1 -0
  138. package/dist/esm/video/components/LiteVimeoEmbed.liquid.js +5 -5
  139. package/dist/types/index.d.ts +50 -2
  140. package/package.json +4 -4
  141. package/dist/cjs/product/components/dynamic-checkout/common/helper.js +0 -1
  142. package/dist/esm/product/components/dynamic-checkout/common/helper.js +0 -1
@@ -1 +1 @@
1
- import{getResponsiveValueByScreen as e,getAspectRatioGlobalSize as t,makeStyleResponsive as o,DEVICES as l,getValueByDevice as i,GRADIENT_BGR_KEY as n,cls as a}from"@gem-sdk/core";import{getImageSrc as r,createBlurDataURL as s}from"../../image/common/helpers.js";import{HREF_TO_SALES_PAGE as g}from"../../constant.js";let getContentPosition=(t,o,i)=>{let n={};return l.map(l=>{let a=e(t,l),r=e(o,l),s=e(i,l);n={...n,[l]:1>=(a?.cols?.length||1)?r:s}}),n},getAspectRatioSettings=(t,o)=>{let l={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},i={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},n={desktop:o?.desktop==="custom"?`${e(l,"desktop")}/${e(i,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(l,"tablet")}/${e(i,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(l,"mobile")}/${e(i,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return n},getEnableBgImageByDevice=(t,o)=>{if(!e(getBgImage(o),t))return!1;if(!o?.[t]){if("mobile"===t)return o?.tablet?.type==="image"||o?.desktop?.type==="image"&&!o?.tablet;if("tablet"===t)return o?.desktop?.type==="image"}return o?.[t]?.type==="image"},getBgImage=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},imagePlaceholder=e=>{let t=getBgImage(e);return{desktop:s(t?.desktop?.width??0,t?.desktop?.height??0),tablet:s(t?.tablet?.width??t?.desktop?.width??0,t?.tablet?.height??t?.desktop?.width??0),mobile:s(t?.mobile?.width??t?.tablet?.width??t?.desktop?.width??0,t?.mobile?.height??t?.tablet?.height??t?.desktop?.width??0)}},getBgImageByScreen=(t,o,l,i)=>{if(!t)return"";let a=getBgImage(t),s=e(t,o),g=l?`url(${imagePlaceholder(t)[o]})`:`url(${r(e(a,o),o,i)})`,p=s?.color?`, ${s.color}`:"";return s?.color?.includes(n)&&s?.type==="image"?`${g}${p}`:s?.color?.includes(n)&&s?.type!=="image"?`${s.color}`:s?.type==="image"?g:"url()"},getBackgroundImageHeroBanner=(e,t=!1,i=!1)=>{if(!e)return;let n={};return l.forEach(o=>{n={...n,[o]:getBgImageByScreen(e,o,t,i)}}),o("bgi",n)},getAttachmentDevice=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let l=e?.[o]?.attachment;t={...t,[o]:"fixed"===l?"fixed":"absolute"}}),t},horizontalAlign=(e,t,o)=>mapContentPositionToHorizontal(getContentPosition(e,t,o)),scrollToContentBanner=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),getDataVideoHeroBannerResponsive=(e,t)=>{switch(e){case"desktop":if(t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"tablet":if(t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.tablet&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"mobile":if(t?.mobile?.type==="video")return{device:"mobile",data:t.mobile};if(!t?.mobile&&t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.mobile&&!t?.tablet?.type&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop}}},getVisibilityStyle=e=>e?Object.keys(e).filter(e=>["--d","--d-tablet","--d-mobile"].includes(e)).reduce((t,o)=>({...t,[o]:e?.[o]!=="none"?"flex":e?.[o]}),{}):{},getStyleAspectRatioHeroBannerCustom=(l,i,n)=>{let a=t(i),r=["desktop","mobile","tablet"];return r.forEach(t=>{let o=e(i,t),r=!!getDataVideoHeroBannerResponsive(t,l),s=o?.shape,g=o?.height,p="original"===s&&"fit-content"!==g,b=p&&r;b&&(a={...a,[t]:"16/9"}),n&&n[t]&&getDataVideoHeroBannerResponsive(t,l)?.data?.videoType==="html5"&&(a={...a,[t]:n[t]})}),o("aspect",a)},mapContentPositionToHorizontal=e=>{let t={};for(let o in e)"top"===e[o]?t[o]="start":"bottom"===e[o]?t[o]="end":t[o]="center";return t},getDisplayStyleByFitContent=(t,l)=>{let i={desktop:"none",tablet:"none",mobile:"none"},n=["desktop","mobile","tablet"];return n.forEach(o=>{let n=e(t,o),a=!!getDataVideoHeroBannerResponsive(o,l),r=n?.shape,s=n?.height,g="original"===r&&"fit-content"!==s&&!a;i={...i,[o]:g?"block":"none"}}),o("d",i)},getWidth=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let l=e?.[o];l&&(t={...t,[o]:"default"===l?"var(--g-ct-w, 1200px)":l})}),t},getPercentageVisible=(e,t)=>{let{top:o,height:l}=e,i=-l;if(o<i)return 0;if(o>t)return 100;let n=(o-i)/(t-i)*100;return Math.min(Math.max(n,0),100)},isScaleImage=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,getHeightHeroBanner=(e,t)=>{let l={},i=["desktop","mobile","tablet"];return i.forEach(o=>{let i=isScaleImage({enableParallax:t,attachment:e[o]?.attachment});l={...l,[o]:t?"150%":i?"100vh":"100%"}}),o("h",l)},getWidthHeroBanner=(e,t)=>{let l={},i=["desktop","mobile","tablet"];return i.forEach(o=>{let i=isScaleImage({enableParallax:t,attachment:e[o]?.attachment});l={...l,[o]:i?"100vw":"100%"}}),o("w",l)},getTopHeroBanner=e=>{let t={},l=["desktop","mobile","tablet"];return l.forEach(o=>{t={...t,[o]:e[o]?.attachment==="fixed"?"0px":""}}),o("top",t)},getStyleHeroBannerBg=(e,t)=>{let o=getHeightHeroBanner(e,t),l=getWidthHeroBanner(e,t),i=getTopHeroBanner(e);return{...o,...l,...i}},calcRounderClipPath=(e,t=0,o=0)=>{let l=t,i=t;if(t>o?l=o:i=o,e>=999){let t=e-l;return t>0?t:0}let n=e-i;return n>0?n:0},getClipPath=(e,t)=>{if(!t||!e)return"inset(0 0 0)";let[o,l,i,n]=e.split(" ").map(e=>parseInt(e??"0")),{btlr:a,btrr:r,bbrr:s,bblr:g}=t,p=calcRounderClipPath(parseInt(a??"0"),o,n),b=calcRounderClipPath(parseInt(r??"0"),o,l),c=calcRounderClipPath(parseInt(s??"0"),l,i),d=calcRounderClipPath(parseInt(g??"0"),i,n);return`inset(0 0 0 round ${p}px ${b}px ${c}px ${d}px)`},getClassAlignBanner=e=>({"!gp-self-start":"left"===e.desktop,"!gp-self-center":"center"===e.desktop,"!gp-self-end":"right"===e.desktop,"tablet:!gp-self-start":"left"===e.tablet,"tablet:!gp-self-center":"center"===e.tablet,"tablet:!gp-self-end":"right"===e.tablet,"mobile:!gp-self-start":"left"===e.mobile,"mobile:!gp-self-center":"center"===e.mobile,"mobile:!gp-self-end":"right"===e.mobile}),getClassSpaceBetween=(e,t,o)=>{let l=getResponsiveSetting(e),i=getResponsiveSetting(t),n=getResponsiveSetting(o),a=1>=(l?.desktop?.cols?.length||1)?i.desktop:n.desktop,r=1>=(l?.tablet?.cols?.length||1)?i.tablet:n.tablet,s=1>=(l?.mobile?.cols?.length||1)?i.mobile:n.mobile;return{"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden":l.desktop?.cols?.length===1&&"space-between"===a,"!gp-content-stretch [&>*]:!gp-justify-start":l.desktop?.cols?.length===1&&"top"===a,"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden":l.tablet?.cols?.length===1&&"space-between"===r,"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start":l.tablet?.cols?.length===1&&"top"===r,"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center":l.tablet?.cols?.length===1&&"center"===r,"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end":l.tablet?.cols?.length===1&&"bottom"===r,"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden":l.mobile?.cols?.length===1&&"space-between"===s,"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start":l.mobile?.cols?.length===1&&"top"===s,"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center":l.mobile?.cols?.length===1&&"center"===s,"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end":l.mobile?.cols?.length===1&&"bottom"===s}},getClassSpaceBetweenLeftRight=e=>{let t=getResponsiveSetting(e),o=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",l=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",i=t?.mobile?.type=="left-distributed"||t?.mobile?.type=="right-distributed";return{"gp-h-full tablet:gp-h-auto mobile:gp-h-auto [&>*]:!gp-justify-between":o,"tablet:!gp-h-full tablet:[&>*]:!gp-justify-between mobile:gp-h-auto":l,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":i,"mobile:!gp-h-auto":!i}},getClassForStretchContent=t=>{let o={desktop:"none",tablet:"none",mobile:"none"},l=["desktop","mobile","tablet"];return l.forEach(l=>{let i=e(t,l);o={...o,[l]:i}}),a("space-between"===o.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===o.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${t?.tablet}`,"space-between"===o.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${t?.mobile}`)},getClassForContentByFitContent=(t,o)=>{let l={desktop:!1,tablet:!1,mobile:!1},i=["desktop","mobile","tablet"];return i.forEach(i=>{let n=e(t,i),a=!!getDataVideoHeroBannerResponsive(i,o),r=n?.shape,s=n?.height,g="original"===r&&"fit-content"!==s;l={...l,[i]:g&&!a}}),a(l.desktop?"!gp-absolute":"",l.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",l.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},getClassContentPosition=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},o=e.desktop||"center",l=e.tablet||o,i=e.mobile||l;return{[`gp-justify-${t[o||"center"]}`]:!!o,[`tablet:gp-justify-${t[l||"center"]}`]:!!l,[`mobile:gp-justify-${t[i||"center"]}`]:!!i}},getResponsiveSetting=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,l=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:l}},showVideoType=e=>l.some(t=>{let o=i(e,t);return o?.type!=="color"&&o?.type!=="image"&&!!o&&(o?.videoType==="html5"&&o?.videoHtml5||o?.videoType==="youtube"&&o?.video)});function debounce(e,t){let o;return function(...l){clearTimeout(o),o=setTimeout(()=>e.apply(this,l),t)}}let fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",getBannerLink=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:g,target:"_self"}:t},formatHoverScale=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",opacityEnabledData=e=>{let{overlayColor:t,overlayOpacity:o}=e??{},l=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:l}},getOpacityHover=e=>{let{overlayOpacity:t}=e??{},o="number"!=typeof t?.hover||isNaN(t?.hover)?"string"==typeof t?.hover?`${parseInt(t?.hover)}%`:"":`${t?.hover}%`,l="number"!=typeof t?.normal||isNaN(t?.normal)?"string"==typeof t?.normal?`${parseInt(t?.normal)}%`:"0%":`${t?.normal}%`;return o||l};export{debounce,fallbackImg,formatHoverScale,getAspectRatioSettings,getAttachmentDevice,getBackgroundImageHeroBanner,getBannerLink,getBgImage,getClassAlignBanner,getClassContentPosition,getClassForContentByFitContent,getClassForStretchContent,getClassSpaceBetween,getClassSpaceBetweenLeftRight,getClipPath,getContentPosition,getDataVideoHeroBannerResponsive,getDisplayStyleByFitContent,getEnableBgImageByDevice,getOpacityHover,getPercentageVisible,getResponsiveSetting,getStyleAspectRatioHeroBannerCustom,getStyleHeroBannerBg,getVisibilityStyle,getWidth,horizontalAlign,imagePlaceholder,isScaleImage,mapContentPositionToHorizontal,opacityEnabledData,scrollToContentBanner,showVideoType};
1
+ import{getResponsiveValueByScreen as e,getAspectRatioGlobalSize as t,makeStyleResponsive as o,DEVICES as l,getValueByDevice as i,GRADIENT_BGR_KEY as a,cls as n}from"@gem-sdk/core";import{getImageSrc as r,createBlurDataURL as s}from"../../image/common/helpers.js";import{HREF_TO_SALES_PAGE as g}from"../../constant.js";let getContentPosition=(t,o,i)=>{let a={};return l.map(l=>{let n=e(t,l),r=e(o,l),s=e(i,l);a={...a,[l]:1>=(n?.cols?.length||1)?r:s}}),a},getAspectRatioSettings=(t,o)=>{let l={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},i={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},a={desktop:o?.desktop==="custom"?`${e(l,"desktop")}/${e(i,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(l,"tablet")}/${e(i,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(l,"mobile")}/${e(i,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return a},getEnableBgImageByDevice=(t,o)=>{if(!e(getBgImage(o),t))return!1;if(!o?.[t]){if("mobile"===t)return o?.tablet?.type==="image"||o?.desktop?.type==="image"&&!o?.tablet;if("tablet"===t)return o?.desktop?.type==="image"}return o?.[t]?.type==="image"},getBgImage=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},imagePlaceholder=e=>{let t=getBgImage(e);return{desktop:s(t?.desktop?.width??0,t?.desktop?.height??0),tablet:s(t?.tablet?.width??t?.desktop?.width??0,t?.tablet?.height??t?.desktop?.width??0),mobile:s(t?.mobile?.width??t?.tablet?.width??t?.desktop?.width??0,t?.mobile?.height??t?.tablet?.height??t?.desktop?.width??0)}},getBgImageByScreen=(t,o,l,i)=>{if(!t)return"";let n=getBgImage(t),s=e(t,o),g=l?`url(${imagePlaceholder(t)[o]})`:`url(${r(e(n,o),o,i)})`,p=s?.color?`, ${s.color}`:"";return s?.color?.includes(a)&&s?.type==="image"?`${g}${p}`:s?.color?.includes(a)&&s?.type!=="image"?`${s.color}`:s?.type==="image"?g:"url()"},getBackgroundImageHeroBanner=(e,t=!1,i=!1)=>{if(!e)return;let a={};return l.forEach(o=>{a={...a,[o]:getBgImageByScreen(e,o,t,i)}}),o("bgi",a)},getAttachmentDevice=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let l=e?.[o]?.attachment;t={...t,[o]:"fixed"===l?"fixed":"absolute"}}),t},horizontalAlign=(e,t,o)=>mapContentPositionToHorizontal(getContentPosition(e,t,o)),scrollToContentBanner=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),getDataVideoHeroBannerResponsive=(e,t)=>{switch(e){case"desktop":if(t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"tablet":if(t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.tablet&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"mobile":if(t?.mobile?.type==="video")return{device:"mobile",data:t.mobile};if(!t?.mobile&&t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.mobile&&!t?.tablet?.type&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop}}},getVisibilityStyle=e=>e?Object.keys(e).filter(e=>["--d","--d-tablet","--d-mobile"].includes(e)).reduce((t,o)=>({...t,[o]:e?.[o]!=="none"?"flex":e?.[o]}),{}):{},getStyleAspectRatioHeroBannerCustom=(l,i,a)=>{let n=t(i),r=["desktop","mobile","tablet"];return r.forEach(t=>{let o=e(i,t),r=!!getDataVideoHeroBannerResponsive(t,l),s=o?.shape,g=o?.height,p="original"===s&&"fit-content"!==g,b=p&&r;b&&(n={...n,[t]:"16/9"}),a&&a[t]&&getDataVideoHeroBannerResponsive(t,l)?.data?.videoType==="html5"&&(n={...n,[t]:a[t]})}),o("aspect",n)},mapContentPositionToHorizontal=e=>{let t={};for(let o in e)"top"===e[o]?t[o]="start":"bottom"===e[o]?t[o]="end":t[o]="center";return t},getDisplayStyleByFitContent=(t,l)=>{let i={desktop:"none",tablet:"none",mobile:"none"},a=["desktop","mobile","tablet"];return a.forEach(o=>{let a=e(t,o),n=!!getDataVideoHeroBannerResponsive(o,l),r=a?.shape,s=a?.height,g="original"===r&&"fit-content"!==s&&!n;i={...i,[o]:g?"block":"none"}}),o("d",i)},getWidth=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let l=e?.[o];l&&(t={...t,[o]:"default"===l?"var(--g-ct-w, 1200px)":l})}),t},getPercentageVisible=(e,t)=>{let{top:o,height:l}=e,i=-l;if(o<i)return 0;if(o>t)return 100;let a=(o-i)/(t-i)*100;return Math.min(Math.max(a,0),100)},isScaleImage=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,getHeightHeroBanner=(e,t)=>{let l={},i=["desktop","mobile","tablet"];return i.forEach(o=>{let i=isScaleImage({enableParallax:t,attachment:e[o]?.attachment});l={...l,[o]:t?"150%":i?"100vh":"100%"}}),o("h",l)},getWidthHeroBanner=(e,t)=>{let l={},i=["desktop","mobile","tablet"];return i.forEach(o=>{let i=isScaleImage({enableParallax:t,attachment:e[o]?.attachment});l={...l,[o]:i?"100vw":"100%"}}),o("w",l)},getTopHeroBanner=e=>{let t={},l=["desktop","mobile","tablet"];return l.forEach(o=>{t={...t,[o]:e[o]?.attachment==="fixed"?"0px":""}}),o("top",t)},getStyleHeroBannerBg=(e,t)=>{let o=getHeightHeroBanner(e,t),l=getWidthHeroBanner(e,t),i=getTopHeroBanner(e);return{...o,...l,...i}},calcRounderClipPath=(e,t=0,o=0)=>{let l=t,i=t;if(t>o?l=o:i=o,e>=999){let t=e-l;return t>0?t:0}let a=e-i;return a>0?a:0},getClipPath=(e,t)=>{if(!t||!e)return"inset(0 0 0)";let[o,l,i,a]=e.split(" ").map(e=>parseInt(e??"0")),{btlr:n,btrr:r,bbrr:s,bblr:g}=t,p=calcRounderClipPath(parseInt(n??"0"),o,a),b=calcRounderClipPath(parseInt(r??"0"),o,l),c=calcRounderClipPath(parseInt(s??"0"),l,i),d=calcRounderClipPath(parseInt(g??"0"),i,a);return`inset(0 0 0 round ${p}px ${b}px ${c}px ${d}px)`},getClassAlignBanner=e=>({"!gp-self-start":"left"===e.desktop,"!gp-self-center":"center"===e.desktop,"!gp-self-end":"right"===e.desktop,"tablet:!gp-self-start":"left"===e.tablet,"tablet:!gp-self-center":"center"===e.tablet,"tablet:!gp-self-end":"right"===e.tablet,"mobile:!gp-self-start":"left"===e.mobile,"mobile:!gp-self-center":"center"===e.mobile,"mobile:!gp-self-end":"right"===e.mobile}),get1ColLayout=({device:e,settingLayoutRes:t,contentPosition1ColRes:o})=>{let l=t[e]?.cols??[],i=l.length<=1,a=o[e];if(!i||!a)return;let n=["space-between","top","center","bottom"];return n.includes(a)?a:void 0},getClassSpaceBetween=(e,t)=>{let o=getResponsiveSetting(e),i=getResponsiveSetting(t),a={desktop:get1ColLayout({device:"desktop",settingLayoutRes:o,contentPosition1ColRes:i}),tablet:get1ColLayout({device:"tablet",settingLayoutRes:o,contentPosition1ColRes:i}),mobile:get1ColLayout({device:"mobile",settingLayoutRes:o,contentPosition1ColRes:i})},n={"space-between":{desktop:"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden",tablet:"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(2)]:gp-absolute tablet:[&>*:nth-child(2)]:gp-hidden",mobile:"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(2)]:gp-absolute mobile:[&>*:nth-child(2)]:gp-hidden"},top:{desktop:"!gp-content-stretch [&>*]:!gp-justify-start",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start"},center:{desktop:"!gp-content-stretch [&>*]:!gp-justify-center",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center"},bottom:{desktop:"!gp-content-stretch [&>*]:!gp-justify-end",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end"}},r={};return l.forEach(e=>{let t=a[e],o=n?.[t]?.[e];r[o]=!0}),r},getClassSpaceBetweenLeftRight=e=>{let t=getResponsiveSetting(e),o=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",l=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",i=t?.mobile?.type=="left-distributed"||t?.mobile?.type=="right-distributed";return{"gp-h-full tablet:gp-h-auto mobile:gp-h-auto [&>*]:!gp-justify-between":o,"tablet:!gp-h-full tablet:[&>*]:!gp-justify-between mobile:gp-h-auto":l,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":i,"mobile:!gp-h-auto":!i}},getClassForStretchContent=t=>{let o={desktop:"none",tablet:"none",mobile:"none"},l=["desktop","mobile","tablet"];return l.forEach(l=>{let i=e(t,l);o={...o,[l]:i}}),n("space-between"===o.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===o.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${t?.tablet}`,"space-between"===o.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${t?.mobile}`)},getClassForContentByFitContent=(t,o)=>{let l={desktop:!1,tablet:!1,mobile:!1},i=["desktop","mobile","tablet"];return i.forEach(i=>{let a=e(t,i),n=!!getDataVideoHeroBannerResponsive(i,o),r=a?.shape,s=a?.height,g="original"===r&&"fit-content"!==s;l={...l,[i]:g&&!n}}),n(l.desktop?"!gp-absolute":"",l.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",l.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},getClassContentPosition=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},o=e.desktop||"center",l=e.tablet||o,i=e.mobile||l;return{[`gp-justify-${t[o||"center"]}`]:!!o,[`tablet:gp-justify-${t[l||"center"]}`]:!!l,[`mobile:gp-justify-${t[i||"center"]}`]:!!i}},getResponsiveSetting=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,l=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:l}},showVideoType=e=>l.some(t=>{let o=i(e,t);return o?.type!=="color"&&o?.type!=="image"&&!!o&&(o?.videoType==="html5"&&o?.videoHtml5||o?.videoType==="youtube"&&o?.video)});function debounce(e,t){let o;return function(...l){clearTimeout(o),o=setTimeout(()=>e.apply(this,l),t)}}let fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",getBannerLink=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:g,target:"_self"}:t},formatHoverScale=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",opacityEnabledData=e=>{let{overlayColor:t,overlayOpacity:o}=e??{},l=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:l}},getOpacityHover=e=>{let{overlayOpacity:t}=e??{},o="number"!=typeof t?.hover||isNaN(t?.hover)?"string"==typeof t?.hover?`${parseInt(t?.hover)}%`:"":`${t?.hover}%`,l="number"!=typeof t?.normal||isNaN(t?.normal)?"string"==typeof t?.normal?`${parseInt(t?.normal)}%`:"0%":`${t?.normal}%`;return o||l};export{debounce,fallbackImg,formatHoverScale,getAspectRatioSettings,getAttachmentDevice,getBackgroundImageHeroBanner,getBannerLink,getBgImage,getClassAlignBanner,getClassContentPosition,getClassForContentByFitContent,getClassForStretchContent,getClassSpaceBetween,getClassSpaceBetweenLeftRight,getClipPath,getContentPosition,getDataVideoHeroBannerResponsive,getDisplayStyleByFitContent,getEnableBgImageByDevice,getOpacityHover,getPercentageVisible,getResponsiveSetting,getStyleAspectRatioHeroBannerCustom,getStyleHeroBannerBg,getVisibilityStyle,getWidth,horizontalAlign,imagePlaceholder,isScaleImage,mapContentPositionToHorizontal,opacityEnabledData,scrollToContentBanner,showVideoType};
@@ -1 +1 @@
1
- import{makeStyleWithDefault as e,getWidthByShapeGlobalSize as t,makeStyleResponsive as r,getHeightByShapeGlobalSize as l,makeStyle as o,getSingleColorVariable as n,getRadiusStyleActiveState as i,getStyleBgColor as y,getStyleShadow as a,makeStyleState as g,getGlobalColorStateStyle as u,getResponsiveStylePadding as s,getStyleBackgroundByDevice as c}from"@gem-sdk/core";import{getVisibilityStyle as S,getStyleAspectRatioHeroBannerCustom as d,getAspectRatioSettings as h,getOpacityHover as m,getDisplayStyleByFitContent as p,getStyleHeroBannerBg as b,formatHoverScale as f,getAttachmentDevice as w,getClipPath as v,opacityEnabledData as T,getResponsiveSetting as k}from"./helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>void 0!==e||""===e))}let getStyle=(o,n,i)=>{let{sizeSetting:y,background:a}=o??{},{ratioOptions:g,aspectRatio:u}=n??{},s={...i,...S(i),...e("w",t(y,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...d(a,y,h(g,u)),...r("h",l(y))};return filterTruthyStyles(s)},getContainerStyle=(e,t)=>{let{sizeSetting:g,background:u,borderBg:s,cornerBg:c,shadowBg:S,hasActiveShadow:m}=e??{},{ratioOptions:p,aspectRatio:b}=t??{},f={...r("h",l(g)),...d(u,g,h(p,b)),...o({bs:s?.border??s?.border,bw:s?.width??s?.width,bc:n(s?.color)}),...i({...c,active:{...c||{},radiusType:"custom"}}),...u?{...y(u)}:{},...a({value:S,styleAppliedFor:"box-shadow",isEnableShadow:m})};return filterTruthyStyles(f)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r,hoverEffect:l}=e??{},{disableOpacity:o}=T(e),n="number"!=typeof r?.normal||isNaN(r?.normal)?"string"==typeof r?.normal?`${parseInt(r?.normal)}%`:"0%":`${r?.normal}%`,i=g("op",{normal:n,hover:m(e)}),y=u("bgc",{...t,hover:t?.hover||t?.normal});o&&(delete y?.["--bgc"],delete i?.["--op"]),l||(delete y?.["--hvr-bgc"],delete i?.["--hvr-op"]);let a={...y,...i,"--top":"0","--left":"0"};return filterTruthyStyles(a)},getRowStyle=e=>{let{contentPadding:t}=e??{},r={...s(t)};return filterTruthyStyles(r)},getAdaptiveStyle=o=>{let{sizeSetting:n,background:i}=o??{},y={...p(n,i),...r("h",l(n)),...e("w",t(n,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"})};return filterTruthyStyles(y)},getBackgroundStyle=(e,t,l)=>{let{hoverEffectScale:o,background:n,hoverEffectDuration:i}=e??{},y={...b(k(n||{}),t),...c(n,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":`${parseInt(`${i}`)??0}s`,"--scale":f(o),...r("pos",w(n)),transform:l,transition:"transform 300ms cubic-bezier(0,0,0,1)"};return filterTruthyStyles(y)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":v(t?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let t={...r("aspect",e)};return filterTruthyStyles(t)},getYoutubeIframeStyle=e=>{let t={...r("aspect",e),"pointer-event":"none"};return filterTruthyStyles(t)};export{getAdaptiveStyle,getBackgroundStyle,getContainBackgroundStyle,getContainerStyle,getHtml5VideoStyle,getOverlayStyle,getRowStyle,getStyle,getYoutubeIframeStyle};
1
+ import{makeStyleWithDefault as e,getWidthByShapeGlobalSize as t,makeStyleResponsive as r,getHeightByShapeGlobalSize as l,makeStyle as o,getSingleColorVariable as n,getRadiusStyleActiveState as i,getStyleBgColor as y,getStyleShadow as a,makeStyleState as g,getGlobalColorStateStyle as u,getResponsiveStylePadding as s,getStyleBackgroundByDevice as c}from"@gem-sdk/core";import{getVisibilityStyle as S,getStyleAspectRatioHeroBannerCustom as d,getAspectRatioSettings as h,getOpacityHover as p,getDisplayStyleByFitContent as m,getStyleHeroBannerBg as b,formatHoverScale as f,getAttachmentDevice as w,getClipPath as v,opacityEnabledData as T,getResponsiveSetting as k}from"./helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>void 0!==e||""===e))}let getStyle=(o,n,i)=>{let{sizeSetting:y,background:a}=o??{},{ratioOptions:g,aspectRatio:u}=n??{},s={...i,...S(i),...e("w",t(y,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...d(a,y,h(g,u)),...r("h",l(y))};return filterTruthyStyles(s)},getContainerStyle=(e,t)=>{let{sizeSetting:g,background:u,borderBg:s,cornerBg:c,shadowBg:S,hasActiveShadow:p}=e??{},{ratioOptions:m,aspectRatio:b}=t??{},f={...r("h",l(g)),...d(u,g,h(m,b)),...o({bs:s?.border??s?.border,bw:s?.width??s?.width,bc:n(s?.color)}),...i({...c,active:{...c||{},radiusType:"custom"}}),...u?{...y(u)}:{},...a({value:S,styleAppliedFor:"box-shadow",isEnableShadow:p})};return filterTruthyStyles(f)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r,hoverEffect:l}=e??{},{disableOpacity:o}=T(e),n="number"!=typeof r?.normal||isNaN(r?.normal)?"string"==typeof r?.normal?`${parseInt(r?.normal)}%`:"0%":`${r?.normal}%`,i=g("op",{normal:n,hover:p(e)}),y=u("bgc",{...t,hover:t?.hover||t?.normal});o&&(delete y?.["--bgc"],delete i?.["--op"]),l||(delete y?.["--hvr-bgc"],delete i?.["--hvr-op"]);let a={...y,...i,"--top":"0","--left":"0"};return filterTruthyStyles(a)},getRowStyle=e=>{let{contentPadding:t}=e??{},r={...s(t)};return filterTruthyStyles(r)},getAdaptiveStyle=o=>{let{sizeSetting:n,background:i}=o??{},y={...m(n,i),...r("h",l(n)),...e("w",t(n,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"})};return filterTruthyStyles(y)},getBackgroundStyle=(e,t,l)=>{let{hoverEffectScale:o,background:n,hoverEffectDuration:i}=e??{},y=`${parseFloat(`${i}`)??.5}s`,a={...b(k(n||{}),t),...c(n,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":y,"--scale":f(o),...r("pos",w(n)),transform:l,transition:`transform ${y} cubic-bezier(0,0,0,1)`};return filterTruthyStyles(a)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":v(t?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let t={...r("aspect",e)};return filterTruthyStyles(t)},getYoutubeIframeStyle=e=>{let t={...r("aspect",e),"pointer-event":"none"};return filterTruthyStyles(t)};export{getAdaptiveStyle,getBackgroundStyle,getContainBackgroundStyle,getContainerStyle,getHtml5VideoStyle,getOverlayStyle,getRowStyle,getStyle,getYoutubeIframeStyle};
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"./HeroBannerItem.js";import{getAttr as s,getAttrLink as m}from"../common/attrs.js";import{getStyle as t}from"../common/styles.js";import{getClasses as n,getLinkClasses as i}from"../common/classes.js";import{createAttr as a,createStyle as l,createClass as d,If as c}from"@gem-sdk/system";import{useEditorMode as f,useCurrentDevice as p,filterToolbarPreview as u}from"@gem-sdk/core";import{getBannerLink as h}from"../common/helpers.js";import{useHeroBanner as j}from"../hooks/useHeroBanner.js";let HeroBanner=y=>{let{builderAttrs:g,builderProps:k,setting:v,styles:C,style:H,children:B,advanced:b,enableLazyLoadImage:w=!0}=y,L=f(),{enableLink:R}=v??{},x=h(v),{cssClass:I}=b??{},M=p(),{elementRef:N,transform:V,onMouseEnterParallax:z,onMouseLeaveParallax:E,dataVideo:P,bgRef:S,isShowVideoHtml5:q,openLinkBanner:A,layoutResponsive:D}=j(C,v,M),F=!!x?.link&&R&&"edit"!==L,G=a({...s({uid:k?.uid||""})}),J=a({...m()}),K=l({...t(C,v,H)}),O=d({...n({setting:v,builderProps:k,advancedCssClass:I})}),Q=d({...i()}),T=()=>r(o,{setting:v,styles:C,children:B,rawChildren:y.rawChildren,builderProps:k,enableLazyLoadImage:w,elementRef:N,transform:V,dataVideo:P,layoutResponsive:D,bgRef:S,isShowVideoHtml5:q});return e("div",{...g,...G,className:O,style:K,onMouseEnter:z,onMouseLeave:E,children:[c(!F,T()),c(F,r("div",{...J,"aria-hidden":"true",onClick:A,className:Q,children:T()})),u(B,!0)]})};export{HeroBanner as default};
2
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"./HeroBannerItem.js";import{getAttr as s,getAttrLink as m}from"../common/attrs.js";import{getStyle as t}from"../common/styles.js";import{getClasses as n,getLinkClasses as a}from"../common/classes.js";import{createAttr as i,createStyle as l,createClass as d,If as c}from"@gem-sdk/system";import{useRenderMode as f,useCurrentDevice as p,filterToolbarPreview as u}from"@gem-sdk/core";import{getBannerLink as h}from"../common/helpers.js";import{useHeroBanner as j}from"../hooks/useHeroBanner.js";let HeroBanner=y=>{let{builderAttrs:g,builderProps:k,setting:v,styles:C,style:H,children:B,advanced:b,enableLazyLoadImage:w=!0}=y,{isEditMode:L,isPreviewSharePageMode:R}=f(),{enableLink:x}=v??{},I=h(v),{cssClass:M}=b??{},N=p(),{elementRef:V,transform:z,onMouseEnterParallax:E,onMouseLeaveParallax:P,dataVideo:S,bgRef:q,isShowVideoHtml5:A,openLinkBanner:D,layoutResponsive:F}=j(C,v,N),G=!!I?.link&&x&&!L&&!R,J=i({...s({uid:k?.uid||""})}),K=i({...m()}),O=l({...t(C,v,H)}),Q=d({...n({setting:v,builderProps:k,advancedCssClass:M})}),T=d({...a()}),U=()=>r(o,{setting:v,styles:C,children:B,rawChildren:y.rawChildren,builderProps:k,enableLazyLoadImage:w,elementRef:V,transform:z,dataVideo:S,layoutResponsive:F,bgRef:q,isShowVideoHtml5:A});return e("div",{...g,...J,className:Q,style:O,onMouseEnter:E,onMouseLeave:P,children:[c(!G,U()),c(G,r("div",{...K,"aria-hidden":"true",onClick:D,className:T,children:U()})),u(B,!0)]})};export{HeroBanner as default};
@@ -1,19 +1,19 @@
1
- import e from"./HeroBannerItem.liquid.js";import{getAttr as r,getAttrLink as o}from"../common/attrs.js";import{getStyle as s}from"../common/styles.js";import{getClasses as t,getLinkClasses as a}from"../common/classes.js";import{createStateOrContext as l,createAttr as n,createStyle as i,createClass as c,If as m}from"@gem-sdk/system";import{template as p,dataStringify as d,RenderIf as f,isLocalEnv as h,baseAssetURL as u}from"@gem-sdk/core";import{getInsertLinkData as $,getSettingPreloadData as g}from"../../helpers.js";import{getResponsiveSetting as v,getBannerLink as b}from"../common/helpers.js";let HeroBanner=y=>{let{builderAttrs:P,builderProps:j,setting:k,styles:C,style:E,children:S,advanced:x,pageContext:B}=y,{enableLazyLoadImage:H}=B??{},{enableLink:N}=k??{},R=b(k),{cssClass:_}=x??{},{urlData:w}=$("",R),A=l({background:v(C?.background||{}),uid:j?.uid,enableParallax:Number(k?.speedParallax||0)>0,speedParallax:Number(k?.speedParallax)||0,hoverEffect:C?.hoverEffect,hoverEffectScale:C?.hoverEffectScale,layout:k?.layout,contentPosition1Col:C?.contentPosition1Col,contentPosition2Col:C?.contentPosition2Col,aspectRatio:k?.aspectRatio,target:R?.target??"_self",href:w?.href??"",linkType:R?.type??""}),G=!!R?.link&&N,I=n({...r({uid:j?.uid||""})}),T=n(o()),q=i({...s(C,k,E)}),M=c({...t({setting:k,builderProps:j,advancedCssClass:_})}),O=c({...a()}),V=()=>e({setting:k,styles:C,children:S,enableLazyLoadImage:H,rawChildren:y.rawChildren,builderProps:j});return p`
1
+ import e from"./HeroBannerItem.liquid.js";import{getAttr as r,getAttrLink as o}from"../common/attrs.js";import{getStyle as s}from"../common/styles.js";import{getClasses as t,getLinkClasses as a}from"../common/classes.js";import{createStateOrContext as n,createAttr as l,createStyle as i,createClass as c,If as m}from"@gem-sdk/system";import{template as p,dataStringify as d,RenderIf as f,isLocalEnv as h,baseAssetURL as u}from"@gem-sdk/core";import{getInsertLinkData as $,getSettingPreloadData as g}from"../../helpers.js";import{getResponsiveSetting as v,getBannerLink as E}from"../common/helpers.js";let HeroBanner=b=>{let{builderAttrs:y,builderProps:P,setting:j,styles:k,style:C,children:S,advanced:x,pageContext:B}=b,{enableLazyLoadImage:H}=B??{},{enableLink:N}=j??{},R=E(j),{cssClass:_}=x??{},{urlData:w}=$("",R),A=n({background:v(k?.background||{}),uid:P?.uid,enableParallax:Number(j?.speedParallax||0)>0,speedParallax:Number(j?.speedParallax)||0,hoverEffect:k?.hoverEffect,hoverEffectScale:k?.hoverEffectScale,layout:j?.layout,contentPosition1Col:k?.contentPosition1Col,contentPosition2Col:k?.contentPosition2Col,aspectRatio:j?.aspectRatio,target:R?.target??"_self",href:w?.href??"",linkType:R?.type??"",hoverEffectDuration:k?.hoverEffectDuration}),D=!!R?.link&&N,G=l({...r({uid:P?.uid||""})}),I=l(o()),T=i({...s(k,j,C)}),q=c({...t({setting:j,builderProps:P,advancedCssClass:_})}),M=c({...a()}),O=()=>e({setting:j,styles:k,children:S,enableLazyLoadImage:H,rawChildren:b.rawChildren,builderProps:P});return p`
2
2
  <gp-hero-banner
3
- ${{...P}}
4
- ${{...I}}
5
- class="${M}"
6
- style="${q}"
3
+ ${{...y}}
4
+ ${{...G}}
5
+ class="${q}"
6
+ style="${T}"
7
7
  gp-data='${d(A)}'
8
8
  >
9
- ${m(!G,V())}
10
- ${m(G,p`
9
+ ${m(!D,O())}
10
+ ${m(D,p`
11
11
  <div
12
- ${{...T}}
12
+ ${{...I}}
13
13
  aria-hidden="true"
14
- class="${O}"
14
+ class="${M}"
15
15
  >
16
- ${V()}
16
+ ${O()}
17
17
  </div>`)}
18
18
  </gp-hero-banner>
19
19
  ${f(h,`<script ${g('class="gps-link" delay',"src")}="{{ 'gp-hero-banner-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${g('class="gps-link" delay',"src")}="${u}/assets-v2/gp-hero-banner-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
@@ -143,4 +143,4 @@ let SettingsV2=[{id:"setting",controls:[{id:"layout",type:"layout-banner",device
143
143
  d="M4.39584 15.625C3.36031 15.625 2.52084 14.7855 2.52084 13.75V12.5C2.52084 11.4645 3.36031 10.625 4.39584 10.625H14.3958C15.4314 10.625 16.2708 11.4645 16.2708 12.5V13.75C16.2708 14.7855 15.4314 15.625 14.3958 15.625H4.39584ZM3.77084 13.75C3.77084 14.0952 4.05066 14.375 4.39584 14.375H14.3958C14.741 14.375 15.0208 14.0952 15.0208 13.75V12.5C15.0208 12.1548 14.741 11.875 14.3958 11.875H4.39584C4.05066 11.875 3.77084 12.1548 3.77084 12.5V13.75Z"
144
144
  fill="currentColor"
145
145
  />
146
- </svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Cover",value:"cover"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"},mobile:{default:"auto"}}},{id:"contentBanner",type:"banner",message:"The background image should be taller than the Hero Banner",closable:!0}]},{id:"style",controls:[{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",widthHeightLinked:!1,width:"100%"}},mobile:{default:{shape:"custom",width:"100%"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["fit-content","fit-screen"],name:"Height"},shape:{displayOptions:["original","custom"],name:"Frame",shapeTitleConfig:{original:"As banner source"}}},hiddenSettings:["padding","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,showDeviceControl:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"",videoHtml5:"",videoType:"youtube",loop:!0,lazyLoad:!1}}},compoDefaultValue:{desktop:{default:{type:"image",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0,lazyLoad:!1}}}},{id:"hoverEffect",type:"toggle",default:!1},{id:"hoverEffectScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:5,default:"120%",showDefaultUnit:!0},{id:"hoverEffectDuration",label:"Zoom Time",type:"input:unit",units:["s"],min:0,default:.5,useOnlyUnitInit:!0,showDefaultUnit:!0},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:void 0}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition1Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"contentPosition2Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"wrapperWidth",type:"input:unit-width",label:"Width",placeholder:"Auto",min:0,units:["px","%"],devices:{desktop:{default:void 0},tablet:{default:void 0},mobile:{default:void 0}}},{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"default"},tablet:{default:"default"},mobile:{default:"default"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:unit",units:["px"],min:0,label:"Spacing",devices:{desktop:{default:"32px"}}},{id:"overlayEnable",type:"toggle",default:!1},{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"20%",hover:"20%"},showDefaultUnit:!0},{id:"overlayColor",label:"Color",type:"color-picker-v2",state:{normal:!0,hover:!0}},{id:"borderBg",type:"border-v2",label:"Border",compoDefaultValue:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},{id:"cornerBg",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadowBg",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"contentPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}}}]}];export{SettingsV2};
146
+ </svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Cover",value:"cover"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"},mobile:{default:"auto"}}},{id:"contentBanner",type:"banner",message:"The background image should be taller than the Hero Banner",closable:!0}]},{id:"style",controls:[{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",widthHeightLinked:!1,width:"100%"}},mobile:{default:{shape:"custom",width:"100%"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["fit-content","fit-screen"],name:"Height"},shape:{displayOptions:["original","custom"],name:"Frame",shapeTitleConfig:{original:"As banner source"}}},hiddenSettings:["padding","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,showDeviceControl:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"",videoHtml5:"",videoType:"youtube",loop:!0,lazyLoad:!1}}},compoDefaultValue:{desktop:{default:{type:"image",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0,lazyLoad:!1}}}},{id:"hoverEffect",type:"toggle",default:!1},{id:"hoverEffectScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:5,default:"120%",showDefaultUnit:!0},{id:"hoverEffectDuration",label:"Zoom Time",type:"input:unit",units:["s"],min:0,default:.5,inputType:"number",placeholder:"",disableAutoValue:!0,showDefaultUnit:!0},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:void 0}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition1Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"contentPosition2Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"wrapperWidth",type:"input:unit-width",label:"Width",placeholder:"Auto",min:0,units:["px","%"],devices:{desktop:{default:void 0},tablet:{default:void 0},mobile:{default:void 0}}},{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"default"},tablet:{default:"default"},mobile:{default:"default"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:unit",units:["px"],min:0,label:"Spacing",devices:{desktop:{default:"32px"}}},{id:"overlayEnable",type:"toggle",default:!1},{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"20%",hover:"20%"},showDefaultUnit:!0},{id:"overlayColor",label:"Color",type:"color-picker-v2",state:{normal:!0,hover:!0}},{id:"borderBg",type:"border-v2",label:"Border",compoDefaultValue:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},{id:"cornerBg",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadowBg",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"contentPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}}}]}];export{SettingsV2};
@@ -1 +1 @@
1
- import{HREF_TO_SALES_PAGE as t}from"../../constant.js";import{getAspectRatio as e,getNewBackupFileKey as r,getImageSrc as a,safeStringify as s,NEXT_IMAGE_CONFIG as i,getSrcSet as l,createBlurDataURL as o,IMAGE_PLACEHOLDER as g}from"./helpers.js";import{createAttr as p}from"@gem-sdk/system";import{handleClickLink as n}from"../../helpers.js";import{PRIORITY_LOAD_ATTRS as c}from"../constants.js";let getContainerAttrs=(t,e)=>({...t,...e&&{"data-id":e}}),getLinkWrapperAttrs=({urlData:e,imageLink:r,title:a,isLiquid:s=!1})=>{let i=s?{...e,...r?.noFollow&&{rel:"nofollow"},title:a}:{setting:e,title:a};return r?.type!=="go-to-sales-page"?r?.link?i:{}:s?{href:t,target:"_self"}:{setting:{href:t,target:"_self"}}},getImageLiquidAttrs=({pageContext:t,enableLazyLoadImage:e=!1})=>({...t&&{pageContext:t},...e&&{enableLazyLoadImage:e}}),getAdaptiveImageAttrs=({styles:t,setting:i,mode:l,isLiquid:o})=>{let{alt:g,srcSet:p,priority:u,qualityPercent:d,qualityType:m}=i??{},A=e({styles:t,setting:i}),y=()=>{n(i?.imageLink,l)},k=p?.desktop?.backupFileKey?r(p?.desktop?.backupFileKey??"",p?.desktop?.src??""):"",L=o?a({src:p?.desktop?.src,backupFileKey:k,backupFilePath:p?.desktop?.backupFilePath,storage:p?.desktop?.storage}):p?.desktop?.src??"",F=u?{}:{"base-src":L??"","quality-type":s(m),"quality-percent":s(d)};return{pictureClass:"gp-contents",...g&&{alt:g},...p&&{srcSet:p},...u&&c,...F,...t?.objectFit&&{layout:t.objectFit},onClick:y,aspectRatio:A}},getNextImageAttrs=({styles:t,setting:r})=>{let{objectFit:a}=t??{},{vw:s,alt:i,title:l,quality:o,priority:g,isNotLazyload:p,qualityType:n,qualityPercent:c}=r??{},u=e({styles:t,setting:r});return{...r?.image,...s&&{vw:s},...i&&{alt:i},...l&&{title:l},...o&&{quality:o},...g&&{priority:g},isNotLazyload:p,setting:{aspectRatio:u,layout:a,qualityType:n,qualityPercent:c}}},getNextImageLiquidAttrs=t=>{let{srcset:e,setting:g,storage:n,baseSrc:c,priority:u,customAttrs:d,width:m=2237,height:A=1678,isNotLazyload:y,backupFileKey:k,backupFilePath:L,srcIsLiquidCode:F,enableLazyLoadImage:b,alt:f,title:h,src:I=i.DEFAULT_SRC,sizes:q=i.DEFAULT_SIZES}=t,E=!y&&b&&!u,T=()=>{let t=k?r(k??"",I):"",s=F?c:a({src:I,backupFileKey:t,backupFilePath:L,storage:n}),i=F?I:l(t??"",n??"THEME",I),g={sizes:"100vw",src:o(m,A),...s&&!u?{"base-src":s}:{},...s?{"data-src":s}:{},...i?{"data-srcset":i}:{}},p={sizes:q,src:s??"",isNotLazyload:"true",srcset:e??"",...s&&!u?{"base-src":s}:{},...u?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...E?g:p}},_=()=>{let{qualityPercent:t,qualityType:e}=g??{},r=!u&&e&&t?{"quality-type":s(e),"quality-percent":s(t)}:{"quality-type":"","quality-percent":""};return{...f&&{alt:f},...h&&{title:h},width:m,height:A,draggable:"false",...r}};return p({...d,..._(),...T()})},getNextImageReactAttrs=t=>{let{width:e=i.DEFAULT_WIDTH_PROPS,height:r=i.DEFAULT_HEIGHT_PROPS,quality:a,priority:s,isNotLazyload:l,enableLazyLoadImage:o,base64:n=g,alt:c=i.DEFAULT_ALT,src:u=i.DEFAULT_SRC}=t,d=!l&&o&&!s,m=()=>{let t={loading:"lazy",placeholder:"blur",...n&&{blurDataURL:n}},e={loading:"eager",fetchpriority:"high"};return{...d?t:e}},A=()=>({src:u,alt:c,width:e,height:r,quality:a}),y=A(),k=p(m());return{...y,...k}};export{getAdaptiveImageAttrs,getContainerAttrs,getImageLiquidAttrs,getLinkWrapperAttrs,getNextImageAttrs,getNextImageLiquidAttrs,getNextImageReactAttrs};
1
+ import{HREF_TO_SALES_PAGE as t}from"../../constant.js";import{getAspectRatio as e,getNewBackupFileKey as r,getImageSrc as a,safeStringify as s,NEXT_IMAGE_CONFIG as i,getSrcSet as l,createBlurDataURL as o,IMAGE_PLACEHOLDER as g}from"./helpers.js";import{createAttr as p}from"@gem-sdk/system";import{handleClickLink as n}from"../../helpers.js";import{PRIORITY_LOAD_ATTRS as c}from"../constants.js";let getContainerAttrs=(t,e)=>({...t,...e&&{"data-id":e}}),getLinkWrapperAttrs=({urlData:e,imageLink:r,title:a,isLiquid:s=!1})=>{let i=s?{...e,...r?.noFollow&&{rel:"nofollow"},title:a}:{setting:e,title:a};return r?.type!=="go-to-sales-page"?r?.link?i:{}:s?{href:t,target:"_self"}:{setting:{href:t,target:"_self"}}},getImageLiquidAttrs=({pageContext:t,enableLazyLoadImage:e=!1})=>({...t&&{pageContext:t},...e&&{enableLazyLoadImage:e}}),getAdaptiveImageAttrs=({styles:t,setting:i,mode:l,isLiquid:o})=>{let{alt:g,srcSet:p,priority:u,qualityPercent:d,qualityType:m}=i??{},A=e({styles:t,setting:i}),y=()=>{n(i?.imageLink,l)},k=p?.desktop?.backupFileKey?r(p?.desktop?.backupFileKey??"",p?.desktop?.src??""):"",L=o?a({src:p?.desktop?.src,backupFileKey:k,backupFilePath:p?.desktop?.backupFilePath,storage:p?.desktop?.storage}):p?.desktop?.src??"",F=u?{}:{"base-src":L??"","quality-type":s(m),"quality-percent":s(d)};return{pictureClass:"gp-contents",...g&&{alt:g},...p&&{srcSet:p},...u&&c,...F,...t?.objectFit&&{layout:t.objectFit},onClick:y,aspectRatio:A}},getNextImageAttrs=({styles:t,setting:r})=>{let{objectFit:a}=t??{},{vw:s,alt:i,title:l,quality:o,priority:g,isNotLazyload:p,qualityType:n,qualityPercent:c}=r??{},u=e({styles:t,setting:r});return{...r?.image,...s&&{vw:s},...i&&{alt:i},...l&&{title:l},...o&&{quality:o},...g&&{priority:g},isNotLazyload:p,setting:{aspectRatio:u,layout:a,qualityType:n,qualityPercent:c}}},getNextImageLiquidAttrs=t=>{let{srcset:e,setting:g,storage:n,baseSrc:c,priority:u,customAttrs:d,width:m=2237,height:A=1678,isNotLazyload:y,backupFileKey:k,backupFilePath:L,srcIsLiquidCode:F,enableLazyLoadImage:b,alt:f,title:h,src:I=i.DEFAULT_SRC,sizes:q=i.DEFAULT_SIZES}=t,E=!y&&b&&!u,T=()=>{let t=k?r(k??"",I):"",s=F?c:a({src:I,backupFileKey:t,backupFilePath:L,storage:n}),i=F?I:l(t??"",n??"THEME",I),g={sizes:"100vw",src:o(m,A),...s&&!u?{"base-src":s}:{},...s?{"data-src":s}:{},...i?{"data-srcset":i}:{}},p={sizes:q,src:s??"",isNotLazyload:"true",srcset:e??"",...s&&!u?{"base-src":s}:{},...u?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...E?g:p}},_=()=>{let{qualityPercent:t,qualityType:e}=g??{},r=!u&&e&&t?{"quality-type":s(e),"quality-percent":s(t)}:{"quality-type":"","quality-percent":""};return{...f&&{alt:f},...h&&{title:h},width:m,height:A,draggable:"false",...r}};return p({...d,..._(),...T()})},getNextImageReactAttrs=t=>{let{width:e=i.DEFAULT_WIDTH_PROPS,height:r=i.DEFAULT_HEIGHT_PROPS,quality:a,priority:s,isNotLazyload:l,enableLazyLoadImage:o,base64:n=g,alt:c=i.DEFAULT_ALT,title:u,src:d=i.DEFAULT_SRC}=t,m=!l&&o&&!s,A=()=>{let t={loading:"lazy",placeholder:"blur",...n&&{blurDataURL:n}},e={loading:"eager",fetchpriority:"high"};return{...m?t:e}},y=()=>({src:d,alt:c,title:u,width:e,height:r,quality:a}),k=y(),L=p(A());return{...k,...L}};export{getAdaptiveImageAttrs,getContainerAttrs,getImageLiquidAttrs,getLinkWrapperAttrs,getNextImageAttrs,getNextImageLiquidAttrs,getNextImageReactAttrs};
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as t,jsxs as e}from"react/jsx-runtime";import{createStyleReact as i,createClass as r,createAttr as l,If as s}from"@gem-sdk/system";import"react";import{getOuterWrapperStyles as o,getWrapperWidth as a,getContainerStyles as m,getLazyPlaceholderStyle as d,getImageStyles as h,getLabelStyles as n,getArrowStyles as p,getLineStyles as g,getHandleStyles as c,getHandleCustomStyles as y,getSliderStyles as f}from"../common/styles.js";import{getImageReactAttrs as w,getImagePlaceholderAttrs as C,getLabelAttrs as I}from"../common/attrs.js";import{getOuterWrapperClasses as S,getLabelClasses as j,getLabelContainerClasses as u}from"../common/classes.js";import b from"./Label.js";import L from"./SlideHandle.js";import{getData as v,getReactStyles as H}from"../common/helpers.js";import{useCompareImage as k}from"../hooks/useCompareImage.js";let CompareImage=x=>{let{leftImage:A,rightImage:W,builderData:$,preload:N,advanced:P}=x,{hover:R,styles:U,handle:q,handleSize:z,leftImageAlt:B,leftImageTitle:D,leftImageLabel:E,rightImageAlt:F,rightImageTitle:G,rightImageLabel:J,sliderLineWidth:K,sliderLineColor:M,componentUid:O,tempImage:Q,aspectRatio:T,isHorizontal:V,hasLeftLabel:X,hasRightLabel:Y,getLeftImageSrc:Z,getRightImageSrc:_}=v(x),tt=Z(),te=_(),{ref:ti,mode:tr,isInstant:tl,sliderRef:ts,containerRef:to,leftImageRef:ta,rightImageRef:tm,sliderPosition:td,containerWidth:th,containerHeight:tn,allImagesLoaded:tp,setLeftImgLoaded:tg,setRightImgLoaded:tc}=k({props:x,aspectRatio:T}),ty=H({handleSize:z,isHorizontal:V,containerWidth:th,containerHeight:tn,sliderPosition:td}),tf=i({...o(U)}),tw=i({...a({width:U?.width,leftImageWidth:A?.width,rightImageWidth:W?.width})}),tC=i({...m({aspectRatio:T,builderData:$,allImagesLoaded:tp})}),tI=i({...d(T)}),tS=i({...h({type:"right",props:x}),...ty.rightImageClip}),tj=i({...h({type:"left",props:x}),...ty.leftImageClip}),tu=i({...n({styles:U,type:"left",isHorizontal:V})}),tb=i({...n({styles:U,type:"right",isHorizontal:V})}),tL=i({...p({type:"left"})}),tv=i({...p({type:"right"})}),tH=i({...g({isHorizontal:V,sliderLineColor:M,sliderLineWidth:K})}),tk=i({...c({handleSize:z,isHorizontal:V,sliderLineColor:M,sliderLineWidth:K})}),tx=i({...y()}),tA=i({...f({hover:R,handleSize:z,isHorizontal:V}),...ty.sliderPosition}),tW=r({...S(P?.cssClass)}),t$=r({...j(U)}),tN=r({...u()}),tP=l({...w({testId:"right-image",src:te,title:G,width:W?.width,height:W?.height,priority:N||"edit"===tr||tl})}),tR=l({...w({testId:"left-image",src:tt,title:D,width:A?.width,height:A?.height,priority:N||"edit"===tr||tl})}),tU=I({componentUid:O,positionId:"left",label:E??""}),tq=I({componentUid:O,positionId:"right",label:J??""}),tz=l({...C({width:Q?.width,height:Q?.height})}),tB=()=>t("img",{alt:"",...tz,style:tI}),tD=()=>t("img",{alt:F,ref:tm,...tP,style:tS,onLoad:()=>tc(!0)}),tE=()=>t("img",{alt:B,ref:ta,...tR,style:tj,onLoad:()=>tg(!0)}),tF=()=>t(L,{customHandle:q,componentUid:O,lineStyles:tH,sliderStyles:tA,handleStyles:tk,customHandleStyles:tx,leftArrowStyles:tL,rightArrowStyles:tv,sliderRef:ts}),tG=()=>t(b,{...tU,styles:U,childrenClass:t$,childrenStyle:tu,containerClass:tN,containerStyle:ty?.leftLabelContainer??{}}),tJ=()=>t(b,{...tq,styles:U,childrenClass:t$,childrenStyle:tb,containerClass:tN,containerStyle:ty?.rightLabelContainer??{}});return t("div",{"data-id":O,className:tW,style:tf,children:t("div",{id:`img-comparison-wrapper-${O}`,style:tw,ref:ti,children:e("div",{id:`img-comparison-container-${O}`,ref:to,"data-testid":"container",style:tC,children:[tB(),tD(),tE(),tF(),s(X,tG()),s(Y,tJ())]})})})};export{CompareImage as default};
2
+ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{createStyleReact as i,createClass as r,createAttr as l,If as s}from"@gem-sdk/system";import"react";import{getOuterWrapperStyles as o,getWrapperWidth as a,getContainerStyles as m,getLazyPlaceholderStyle as d,getImageStyles as h,getLabelStyles as n,getArrowStyles as g,getLineStyles as p,getHandleStyles as c,getHandleCustomStyles as y,getSliderStyles as f}from"../common/styles.js";import{getImageReactAttrs as w,getImagePlaceholderAttrs as C,getLabelAttrs as I}from"../common/attrs.js";import{getOuterWrapperClasses as S,getLabelClasses as j,getLabelContainerClasses as u}from"../common/classes.js";import b from"./Label.js";import L from"./SlideHandle.js";import{getData as v,getReactStyles as H}from"../common/helpers.js";import{useCompareImage as k}from"../hooks/useCompareImage.js";let CompareImage=x=>{let{leftImage:A,rightImage:W,builderData:$,advanced:N}=x,{hover:P,styles:R,handle:U,handleSize:q,leftImageAlt:z,leftImageTitle:B,leftImageLabel:D,rightImageAlt:E,rightImageTitle:F,rightImageLabel:G,sliderLineWidth:J,sliderLineColor:K,componentUid:M,tempImage:O,aspectRatio:Q,isHorizontal:T,hasLeftLabel:V,hasRightLabel:X,getLeftImageSrc:Y,getRightImageSrc:Z}=v(x),_=Y(),tt=Z(),{ref:te,priority:ti,sliderRef:tr,containerRef:tl,leftImageRef:ts,rightImageRef:to,sliderPosition:ta,containerWidth:tm,containerHeight:td,allImagesLoaded:th,setLeftImgLoaded:tn,setRightImgLoaded:tg}=k({props:x,aspectRatio:Q}),tp=H({handleSize:q,isHorizontal:T,containerWidth:tm,containerHeight:td,sliderPosition:ta}),tc=i({...o(R)}),ty=i({...a({width:R?.width,leftImageWidth:A?.width,rightImageWidth:W?.width})}),tf=i({...m({aspectRatio:Q,builderData:$,allImagesLoaded:th})}),tw=i({...d(Q)}),tC=i({...h({type:"right",props:x}),...tp.rightImageClip}),tI=i({...h({type:"left",props:x}),...tp.leftImageClip}),tS=i({...n({styles:R,type:"left",isHorizontal:T})}),tj=i({...n({styles:R,type:"right",isHorizontal:T})}),tu=i({...g({type:"left"})}),tb=i({...g({type:"right"})}),tL=i({...p({isHorizontal:T,sliderLineColor:K,sliderLineWidth:J})}),tv=i({...c({handleSize:q,isHorizontal:T,sliderLineColor:K,sliderLineWidth:J})}),tH=i({...y()}),tk=i({...f({hover:P,handleSize:q,isHorizontal:T}),...tp.sliderPosition}),tx=r({...S(N?.cssClass)}),tA=r({...j(R)}),tW=r({...u()}),t$=l({...w({testId:"right-image",src:tt,title:F,width:W?.width,height:W?.height,priority:ti})}),tN=l({...w({testId:"left-image",src:_,title:B,width:A?.width,height:A?.height,priority:ti})}),tP=I({componentUid:M,positionId:"left",label:D??""}),tR=I({componentUid:M,positionId:"right",label:G??""}),tU=l({...C({width:O?.width,height:O?.height})}),tq=()=>t("img",{alt:"",...tU,style:tw}),tz=()=>t("img",{alt:E,ref:to,...t$,style:tC,onLoad:()=>tg(!0)}),tB=()=>t("img",{alt:z,ref:ts,...tN,style:tI,onLoad:()=>tn(!0)}),tD=()=>t(L,{customHandle:U,componentUid:M,lineStyles:tL,sliderStyles:tk,handleStyles:tv,customHandleStyles:tH,leftArrowStyles:tu,rightArrowStyles:tb,sliderRef:tr}),tE=()=>t(b,{...tP,styles:R,childrenClass:tA,childrenStyle:tS,containerClass:tW,containerStyle:tp?.leftLabelContainer??{}}),tF=()=>t(b,{...tR,styles:R,childrenClass:tA,childrenStyle:tj,containerClass:tW,containerStyle:tp?.rightLabelContainer??{}});return t("div",{"data-id":M,className:tx,style:tc,children:t("div",{id:`img-comparison-wrapper-${M}`,style:ty,ref:te,children:e("div",{id:`img-comparison-container-${M}`,ref:tl,"data-testid":"container",style:tf,children:[tq(),tz(),tB(),tD(),s(V,tE()),s(X,tF())]})})})};export{CompareImage as default};
@@ -1 +1 @@
1
- import{useEditorMode as e,usePageType as t,useInteraction as n}from"@gem-sdk/core";import{useState as o,useRef as r,useMemo as i,useEffect as u}from"react";let useCompareImage=({props:s,aspectRatio:m})=>{let{styles:v,leftImage:d,rightImage:a,hover:l=!1,vertical:c=!1,sliderLineWidth:p=2,sliderPositionPercentage:g=.5,onSliderPositionChange:w}=s,h=!c,E=e(),L="STATIC"===t(),[f,R]=o(g),[b,C]=o(0),[B,I]=o(0),[O,X]=o(!1),[Y,A]=o(!1),N=r(null),T=r(null),U=r(null),k=r(null),{onListener:x,saveToElementInteractionData:z}=n(),D=r(null),M=i(()=>m,[d,a,v?.aspectRatio,v?.customAspectRadio]);u(()=>{let e=`[data-id="${s?.componentUid}"]`;x({event:"gp:change-ratio-original",selector:e,elementRef:D},e=>{let{data:t,isRollback:n,uniqueStorageKey:o}=e||{};if(!n||void 0!==t){if(n){R(Number(t));return}z(D.current,o,f),R(Number(t)/100)}})},[x,s?.componentUid,z,f]);let P=i(()=>p/2+21,[p]),S=i(()=>(h?b-p/2:B-p/2)-21,[h,b,p,B]);u(()=>{let e=N.current;if(!e)return;let t=new ResizeObserver(([e])=>{let t=e?.target.getBoundingClientRect().width??0;C(t)});return t.observe(e),()=>t.disconnect()},[]),u(()=>{let e=k?.current?.complete;return e&&X(!0),()=>{X(!1)}},[d]),u(()=>{let e=U?.current?.complete;return e&&A(!0),()=>{A(!1)}},[a]);let $=Y&&O;return u(()=>{let e=h?g*b:g*B;e<P?R(h?P/b:P/B):e>S?R(h?S/b:S/B):R(g)},[B,b,h,S,P,g]),u(()=>{let e=e=>{let t=e||window.event;if(t.stopPropagation(),t.button&&0!==t.button)return;let n="touches"in t?t?.touches?.[0]?.pageX??0:t.pageX,o="touches"in t?t?.touches?.[0]?.pageY??0:t.pageY,r=n-window.pageXOffset,i=o-window.pageYOffset,u=U.current?.getBoundingClientRect(),s=h?r-(u?.left??0):i-(u?.top??0);s<P&&(s=P),s>S&&(s=S),h?R(s/b):R(s/B),w&&(h?w(s/b):w(s/B))},t=t=>{t.preventDefault(),e(t),t.button&&0!==t.button||(window.addEventListener("mousemove",e),r.addEventListener("touchmove",e))},n=()=>{window.removeEventListener("mousemove",e),r.removeEventListener("touchmove",e)},o=N.current,r=T.current;if($&&o&&r){r.addEventListener("touchstart",t),r.addEventListener("touchend",n),l?(o.addEventListener("mousemove",e),o.addEventListener("mouseleave",n)):(o.addEventListener("mousedown",t),window.addEventListener("mouseup",n));let i=k.current?.getBoundingClientRect(),u=U.current?.getBoundingClientRect(),s=(i?.height??0)/(i?.width??1),m=(u?.height??0)/(u?.width??1),v=Math.min(s,m),d=b*v;I(d)}return()=>{o&&r&&(r.removeEventListener("touchstart",t),r.removeEventListener("touchend",n),o.removeEventListener("mousemove",e),o.removeEventListener("mouseleave",n),o.removeEventListener("mousedown",t),window.removeEventListener("mouseup",n),window.removeEventListener("mousemove",e),r.removeEventListener("touchmove",e))}},[l,S,P,h,M,b,B,$,p,v?.aspectRatio,w]),{ref:D,mode:E,isInstant:L,sliderRef:T,containerRef:N,leftImageRef:k,rightImageRef:U,sliderPosition:f,containerWidth:b,containerHeight:B,allImagesLoaded:$,setLeftImgLoaded:X,setRightImgLoaded:A}};export{useCompareImage};
1
+ import{useRenderMode as e,usePageType as t,useInteraction as n}from"@gem-sdk/core";import{useState as o,useRef as r,useMemo as i,useEffect as u}from"react";let useCompareImage=({props:s,aspectRatio:m})=>{let{styles:v,leftImage:d,rightImage:a,hover:l=!1,vertical:c=!1,sliderLineWidth:p=2,sliderPositionPercentage:g=.5,onSliderPositionChange:w,preload:h}=s,E=!c,{isPreviewSharePageMode:L,isEditMode:f}=e(),R="STATIC"===t(),[b,C]=o(g),[B,I]=o(0),[O,X]=o(0),[Y,A]=o(!1),[N,T]=o(!1),U=r(null),k=r(null),x=r(null),z=r(null),{onListener:D,saveToElementInteractionData:M}=n(),P=r(null),S=i(()=>m,[d,a,v?.aspectRatio,v?.customAspectRadio]);u(()=>{let e=`[data-id="${s?.componentUid}"]`;D({event:"gp:change-ratio-original",selector:e,elementRef:P},e=>{let{data:t,isRollback:n,uniqueStorageKey:o}=e||{};if(!n||void 0!==t){if(n){C(Number(t));return}M(P.current,o,b),C(Number(t)/100)}})},[D,s?.componentUid,M,b]);let $=i(()=>p/2+21,[p]),j=i(()=>(E?B-p/2:O-p/2)-21,[E,B,p,O]),q=h||f||L||R;u(()=>{let e=U.current;if(!e)return;let t=new ResizeObserver(([e])=>{let t=e?.target.getBoundingClientRect().width??0;I(t)});return t.observe(e),()=>t.disconnect()},[]),u(()=>{let e=z?.current?.complete;return e&&A(!0),()=>{A(!1)}},[d]),u(()=>{let e=x?.current?.complete;return e&&T(!0),()=>{T(!1)}},[a]);let y=N&&Y;return u(()=>{let e=E?g*B:g*O;e<$?C(E?$/B:$/O):e>j?C(E?j/B:j/O):C(g)},[O,B,E,j,$,g]),u(()=>{let e=e=>{let t=e||window.event;if(t.stopPropagation(),t.button&&0!==t.button)return;let n="touches"in t?t?.touches?.[0]?.pageX??0:t.pageX,o="touches"in t?t?.touches?.[0]?.pageY??0:t.pageY,r=n-window.pageXOffset,i=o-window.pageYOffset,u=x.current?.getBoundingClientRect(),s=E?r-(u?.left??0):i-(u?.top??0);s<$&&(s=$),s>j&&(s=j),E?C(s/B):C(s/O),w&&(E?w(s/B):w(s/O))},t=t=>{t.preventDefault(),e(t),t.button&&0!==t.button||(window.addEventListener("mousemove",e),r.addEventListener("touchmove",e))},n=()=>{window.removeEventListener("mousemove",e),r.removeEventListener("touchmove",e)},o=U.current,r=k.current;if(y&&o&&r){r.addEventListener("touchstart",t),r.addEventListener("touchend",n),l?(o.addEventListener("mousemove",e),o.addEventListener("mouseleave",n)):(o.addEventListener("mousedown",t),window.addEventListener("mouseup",n));let i=z.current?.getBoundingClientRect(),u=x.current?.getBoundingClientRect(),s=(i?.height??0)/(i?.width??1),m=(u?.height??0)/(u?.width??1),v=Math.min(s,m),d=B*v;X(d)}return()=>{o&&r&&(r.removeEventListener("touchstart",t),r.removeEventListener("touchend",n),o.removeEventListener("mousemove",e),o.removeEventListener("mouseleave",n),o.removeEventListener("mousedown",t),window.removeEventListener("mouseup",n),window.removeEventListener("mousemove",e),r.removeEventListener("touchmove",e))}},[l,j,$,E,S,B,O,y,p,v?.aspectRatio,w]),{ref:P,priority:q,sliderRef:k,containerRef:U,leftImageRef:z,rightImageRef:x,sliderPosition:b,containerWidth:B,containerHeight:O,allImagesLoaded:y,setLeftImgLoaded:A,setRightImgLoaded:T}};export{useCompareImage};
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- export{accordionSetting}from"./accordion/index.js";export{articleListSetting}from"./article/index.js";export{bannerSetting}from"./hero-banner/index.js";export{breadcrumbSetting}from"./breadcrumb/index.js";export{buttonSetting}from"./button/index.js";export{carouselSetting}from"./carousel/index.js";export{cartSetting}from"./cart/index.js";export{codeSetting}from"./code/index.js";export{collectionSetting}from"./collection/index.js";export{countdownSetting}from"./countdown-timer/index.js";export{couponSetting}from"./coupon/index.js";export{dialogSetting}from"./dialog/index.js";export{estimateDeliverySetting}from"./estimate-delivery/index.js";export{gridSetting}from"./grid/index.js";export{contactFormSetting}from"./form/index.js";export{headerSetting}from"./header/index.js";export{headingSetting}from"./heading/index.js";export{iconSetting}from"./icon/index.js";export{iconListSetting}from"./icon-list/index.js";export{iconListHozSetting}from"./icon-list-hoz/index.js";export{iconListSettingV2}from"./icon-list-v2/index.js";export{imageSetting}from"./image/index.js";export{imageComparisonSetting}from"./image-comparison/index.js";export{imageDetectionSetting}from"./image-detection/index.js";export{inputSetting}from"./input/index.js";export{lineSetting}from"./line/index.js";export{linkSetting}from"./link/index.js";export{marqueeSetting}from"./marquee/index.js";export{menuSetting}from"./menu/index.js";export{modalSetting}from"./modal/index.js";export{default as useNotification}from"./notification/hooks/useNotification.js";export{default as Notice}from"./notification/components/Notice.js";export{paginationSetting}from"./pagination/index.js";export{postPurchaseAdvancedListSetting}from"./post-purchase/advanced-list/index.js";export{postPurchaseButtonSetting}from"./post-purchase/button/index.js";export{postPurchaseCalloutBoxSetting}from"./post-purchase/callout-banner/index.js";export{postPurchaseCountdownTimerSetting}from"./post-purchase/countdown-timer/index.js";export{postPurchaseImageSetting}from"./post-purchase/image/index.js";export{postPurchaseLineSetting}from"./post-purchase/line/index.js";export{postPurchaseLinkSetting}from"./post-purchase/link/index.js";export{PostPurchaseHeading,postPurchaseTextSetting}from"./post-purchase/text/index.js";export{postPurchaseProductSetting}from"./post-purchase/product/index.js";export{productSetting}from"./product/index.js";export{radioSetting}from"./radio/index.js";export{selectSetting}from"./select/index.js";export{tabSetting}from"./tab/index.js";export{textSetting}from"./text/index.js";export{textareaSetting}from"./textarea/index.js";export{videoSetting}from"./video/index.js";export{thirdPartySetting}from"./third-party/index.js";export{thirdPartyInstantSetting}from"./third-party-instant/index.js";export{stockCounterSetting}from"./stock-counter/index.js";export{thirdPartySlotSetting}from"./third-party-slot/index.js";export{shopPayInstallmentSetting}from"./shop-pay-installment/index.js";export{stickySetting}from"./sticky/index.js";export{default as nextComponent}from"./next.js";import*as t from"./index.liquid.js";export{default as builderComponent}from"./builder.js";export{default as componentSettings}from"./setting.js";export{default as postPurchaseSettings}from"./postPurchaseSetting.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";export{ELEMENT_Z_INDEX}from"./common/const.js";export{REGEX_PAGE_TYPE,checkIsOpenPopup,checkIsScrollToTop,convertUnitToNumber,filterTruthyObject,filterTruthyStyles,getAllHrefFromString,getDisplayStyle,getDynamicSourceLocales,getInsertLinkData,getLinkArticle,getLinkData,getSettingPreloadData,getStaticLocale,handleClickLink,isEmptyObject,isHexTransparent,isLinkedToSalesPage,isShopifyDomain,isTransparentColor,isTransparentRGBA,normalizeMailto,replaceAllHrefFromString,replaceLinkData,youtubeShortsRegex}from"./helpers.js";export{default as Accordion}from"./accordion/components/Accordion.js";export{default as AccordionItem}from"./accordion/components/AccordionItem.js";export{default as ArticleList}from"./article/components/ArticleList.js";export{default as ArticleTitle}from"./article/components/ArticleTitle.js";export{default as ArticleExcerpt}from"./article/components/ArticleExcerpt.js";export{default as ArticleContent}from"./article/components/ArticleContent.js";export{default as ArticleImage}from"./article/components/ArticleImage.js";export{default as ArticlePagination}from"./article/components/ArticlePagination.js";export{default as ArticleAuthor}from"./article/components/ArticleAuthor.js";export{default as ArticleTag}from"./article/components/ArticleTag.js";export{default as ArticleCategory}from"./article/components/ArticleCategory.js";export{default as ArticleDate}from"./article/components/ArticleDate.js";export{default as ArticleReadMore}from"./article/components/ArticleReadMore.js";export{default as HeroBanner}from"./hero-banner/components/HeroBanner.js";export{default as Breadcrumb}from"./breadcrumb/components/Breadcrumb.js";export{default as Button}from"./button/components/Button.js";export{default as Carousel}from"./carousel/components/root/Carousel.js";export{default as CarouselItem}from"./carousel/components/item/CarouselItem.js";export{default as Cart}from"./cart/components/Cart.js";export{default as CartList}from"./cart/components/CartList.js";export{default as CartLinePrice}from"./cart/components/CartLinePrice.js";export{default as CartLineVariant}from"./cart/components/CartLineVariant.js";export{default as CartLineImage}from"./cart/components/CartLineImage.js";export{default as CartTotalPrice}from"./cart/components/CartTotalPrice.js";export{default as CartTotalItem}from"./cart/components/CartTotalItem.js";export{default as CartCheckout}from"./cart/components/CartCheckout.js";export{default as DiscountInput}from"./cart/components/DiscountInput.js";export{default as CartDiscount}from"./cart/components/CartDiscount.js";export{default as CartOrderNote}from"./cart/components/CartOrderNote.js";export{default as CartLineAttribute}from"./cart/components/CartLineAttribute.js";export{default as CouponList}from"./cart/components/CouponList.js";export{default as ShopPayButton}from"./cart/components/shop-pay-button/ShopPayButton.js";export{default as CheckoutNow}from"./cart/components/CheckoutNow.js";export{default as CSSCode}from"./code/components/CSSCode.js";export{default as CollectionTitle}from"./collection/components/collection-title/CollectionTitle.js";export{default as CollectionBanner}from"./collection/components/collection-banner/CollectionBanner.js";export{default as CollectionDescription}from"./collection/components/collection-description/CollectionDescription.js";export{default as CollectionToolbar}from"./collection/components/collection-toolbar/CollectionToolbar.js";export{default as CollectionPaginator}from"./collection/components/collection-paginator/CollectionPaginator.js";export{default as Countdown}from"./countdown-timer/components/Countdown.js";export{default as Coupon}from"./coupon/components/Coupon.js";export{default as Dialog}from"./dialog/components/Dialog.js";export{default as EstimateDate}from"./estimate-delivery/components/EstimateDate.js";export{default as Root}from"./grid/components/root/Root.js";export{default as Section}from"./grid/components/section/Section.js";export{default as Row}from"./grid/components/row/Row.js";export{default as Col}from"./grid/components/col/Col.js";export{default as Newsletter}from"./form/components/newsletter/Newsletter.js";export{default as ContactForm}from"./form/components/contact/Contact.js";export{default as FormEmail}from"./form/components/form-email/FormEmail.js";export{default as SubmitButton}from"./form/components/submit-button/SubmitButton.js";export{default as FormDropdown}from"./form/components/form-dropdown/FormDropdown.js";export{default as TextField}from"./form/components/textfield/TextField.js";export{default as FormTextarea}from"./form/components/textarea/TextArea.js";export{default as FormCheckbox}from"./form/components/form-checkbox/FormCheckbox.js";export{default as TextInput}from"./form/components/textinput/TextInput.js";export{default as Header}from"./header/components/Header.js";export{default as BasicHeader}from"./header/components/kind/basic/index.js";export{default as ModernHeader}from"./header/components/kind/modern/index.js";export{default as MobileMenu}from"./header/components/kind/basic/MobileMenu.js";export{default as DesktopMenu}from"./header/components/kind/basic/DesktopMenu.js";export{default as Heading}from"./heading/components/Heading.js";export{default as Icon}from"./icon/components/Icon.js";export{default as IconList}from"./icon-list/components/IconList.js";export{default as IconListItem}from"./icon-list/components/IconListItem.js";export{default as IconListHoz}from"./icon-list-hoz/components/IconListHoz.js";export{default as IconListItemHoz}from"./icon-list-hoz/components/IconListHozItem.js";export{default as IconListV2}from"./icon-list-v2/components/IconList.js";export{default as Image}from"./image/components/Image.js";export{default as ImageComparison}from"./image-comparison/components/ImageComparison.js";export{default as ImageDetection}from"./image-detection/components/ImageDetection.js";export{default as Input}from"./input/components/Input.js";export{default as Line}from"./line/components/Line.js";export{default as Link}from"./link/components/Link.js";export{default as Marquee}from"./marquee/components/Marquee.js";export{default as MarqueeItem}from"./marquee/components/MarqueeItem.js";export{default as Menu}from"./menu/components/Menu.js";export{openConfirm}from"./modal/components/confirm.js";export{default as Modal}from"./modal/components/Modal.js";export{default as Pagination}from"./pagination/components/Pagination.js";export{default as PostPurchaseAdvancedList}from"./post-purchase/advanced-list/components/AdvancedListPostPurchase.js";export{default as PostPurchaseAdvancedListItem}from"./post-purchase/advanced-list/components/PostPurchaseAdvancedListItem.js";export{default as PostPurchaseButton}from"./post-purchase/button/components/Button.js";export{default as PostPurchaseCalloutBox}from"./post-purchase/callout-banner/components/CalloutBox.js";export{default as PostPurchaseCalloutText}from"./post-purchase/callout-banner/components/CalloutText.js";export{default as PostPurchaseCountdownTimer}from"./post-purchase/countdown-timer/components/PostPurchaseCountdownTimer.js";export{default as PostPurchaseImage}from"./post-purchase/image/components/Image.js";export{default as PostPurchaseLine}from"./post-purchase/line/components/PostPurchaseLine.js";export{default as PostPurchaseLink}from"./post-purchase/link/components/PostPurchaseLink.js";export{default as PostPurchaseText}from"./post-purchase/text/components/Text.js";export{default as PostPurchaseProductPrice}from"./post-purchase/product/components/ProductPrice.js";export{default as PostPurchaseProductDescription}from"./post-purchase/product/components/ProductDescription.js";export{default as PostPurchaseProductTitle}from"./post-purchase/product/components/ProductTitle.js";export{default as PostPurchaseProductVariants}from"./post-purchase/product/components/product-variant/components/ProductVariant.js";export{default as PostPurchaseAcceptButton}from"./post-purchase/product/components/AcceptButton.js";export{default as PostPurchaseProductQuantity}from"./post-purchase/product/components/ProductQuantity.js";export{default as PostPurchaseProductPriceBreakdown}from"./post-purchase/product/components/ProductPriceBreakdown.js";export{default as PostPurchaseProductOffer}from"./post-purchase/product/components/product-offer/components/ProductOffer.js";export{default as PostPurchaseProductDiscountTag}from"./post-purchase/product/components/ProductDiscountTag.js";export{default as PostPurchaseProductImages}from"./post-purchase/product/components/product-image/index.js";export{postPurchaseProduct1Col}from"./post-purchase/product/settings/presets-config/product-presets/product-1-col.js";export{postPurchaseProduct2Col}from"./post-purchase/product/settings/presets-config/product-presets/product-2-col.js";export{postPurchaseProductDefault}from"./post-purchase/product/settings/presets-config/product-presets/product-default.js";export{default as Product}from"./product/components/product-wrap/Product.js";export{default as ProductTitle}from"./product/components/product-title/ProductTitle.js";export{default as ProductQuantity}from"./product/components/product-quantity/ProductQuantity.js";export{default as ProductPrice}from"./product/components/product-price/ProductPrice.js";export{default as ProductButton}from"./product/components/product-button/ProductButton.js";export{default as ProductDescription}from"./product/components/product-description/ProductDescription.js";export{default as ProductVariants}from"./product/components/product-variants/ProductVariants.js";export{default as ProductImages}from"./product/components/ProductImages.js";export{default as ProductImagesV2}from"./product/components/product-images-v2/ProductImageV2.js";export{default as ProductPropertyInput}from"./product/components/product-properties/ProductProperties.js";export{default as ProductQuickView}from"./product/components/product-quick-view/QuickView.js";export{default as ProductTag}from"./product/components/product-discount-tag/ProductDiscountTag.js";export{default as ProductList}from"./product/components/product-list/ProductList.js";export{default as ProductVendor}from"./product/components/product-vendor/Vendor.js";export{default as DynamicCheckout}from"./product/components/dynamic-checkout/DynamicCheckout.js";export{default as ProductViewMore}from"./product/components/product-view-more/ProductViewMore.js";export{default as ProductBadge}from"./product/components/product-badge/ProductBadge.js";export{default as ProductBundleDiscount}from"./product/components/product-bundle/ProductBundleDiscount.js";export{default as ProductBundleDiscountItem}from"./product/components/product-bundle/ProductBundleDiscountItem.js";export{default as ProductSku}from"./product/components/product-sku/Sku.js";export{default as FileUpload}from"./product/components/file-upload/UploadFile.js";export{default as Radio}from"./radio/components/Radio.js";export{default as Select}from"./select/components/Select.js";export{default as Tabs}from"./tab/components/Tabs.js";export{default as TabItem}from"./tab/components/TabItem.js";export{default as Text}from"./text/components/Text.js";export{default as Textarea}from"./textarea/components/Textarea.js";export{default as Video}from"./video/components/Video.js";export{default as AovFreeGiftBuyXGetYBogo}from"./third-party/components/AovFreeGiftBuyXGetYBogo.js";export{default as AppstleBundlesDiscounts}from"./third-party/components/AppstleBundlesDiscounts.js";export{default as EcomsendBackInStockAlert}from"./third-party/components/EcomsendBackInStockAlert.js";export{default as EstimatedDeliveryDatePlus}from"./third-party/components/EstimatedDeliveryDatePlus.js";export{default as OkendoReviewsLoyalty}from"./third-party/components/OkendoReviewsLoyalty.js";export{default as EssentialAnnouncementBar}from"./third-party/components/EssentialAnnouncementBar.js";export{default as EssentialCountdownTimerBar}from"./third-party/components/EssentialCountdownTimerBar.js";export{default as StellarDeliveryDatePickup}from"./third-party/components/StellarDeliveryDatePickup.js";export{default as TrustshopProductReviews}from"./third-party/components/TrustshopProductReviews.js";export{default as HulkProductOptions}from"./third-party/components/HulkProductOptions.js";export{default as MyappgurusProductReviews}from"./third-party/components/MyappgurusProductReviews.js";export{default as TrustreviewsProductReviews}from"./third-party/components/TrustreviewsProductReviews.js";export{default as DiscountyBulkDiscountSales}from"./third-party/components/DiscountyBulkDiscountSales.js";export{default as SeoantTrustBadgesIcon}from"./third-party/components/SeoantTrustBadgesIcon.js";export{default as SegunoEmailMarketing}from"./third-party/components/SegunoEmailMarketing.js";export{default as AftershipEmailMarketingsms}from"./third-party/components/AftershipEmailMarketingsms.js";export{default as BestBuyFulfillment}from"./third-party/components/BestBuyFulfillment.js";export{default as ProductOptionsVariantOption}from"./third-party/components/ProductOptionsVariantOption.js";export{default as GloboProductOptionsVariant}from"./third-party/components/GloboProductOptionsVariant.js";export{default as TeeinblueProductPersonalizer}from"./third-party/components/TeeinblueProductPersonalizer.js";export{default as WishlistKing}from"./third-party/components/WishlistKing.js";export{default as HulkFormBuilder}from"./third-party/components/HulkFormBuilder.js";export{default as LoloyalLoyaltyReferrals}from"./third-party/components/LoloyalLoyaltyReferrals.js";export{default as PowerfulContactFormBuilder}from"./third-party/components/PowerfulContactFormBuilder.js";export{default as WishlistPlus}from"./third-party/components/WishlistPlus.js";export{default as InstasellShoppableInstagram}from"./third-party/components/InstasellShoppableInstagram.js";export{default as SproutPlantTreesGrowSales}from"./third-party/components/SproutPlantTreesGrowSales.js";export{default as RapiBundleQuantityBreaks}from"./third-party/components/RapiBundleQuantityBreaks.js";export{default as AppointmentBookingCowlendar}from"./third-party/components/AppointmentBookingCowlendar.js";export{default as GoogleReviewsByReputon}from"./third-party/components/GoogleReviewsByReputon.js";export{default as MbcBundleVolumeDiscount}from"./third-party/components/MbcBundleVolumeDiscount.js";export{default as ProductOptionsCustomizer}from"./third-party/components/ProductOptionsCustomizer.js";export{default as AirProductReviewsAppUgc}from"./third-party/components/AirProductReviewsAppUgc.js";export{default as TagembedSocialPostReview}from"./third-party/components/TagembedSocialPostReview.js";export{default as WhatmoreShoppableVideosreel}from"./third-party/components/WhatmoreShoppableVideosreel.js";export{default as TagshopShoppableVideosUgc}from"./third-party/components/TagshopShoppableVideosUgc.js";export{default as JunipProductReviewsUgc}from"./third-party/components/JunipProductReviewsUgc.js";export{default as FlyBundlesUpsellsFbt}from"./third-party/components/FlyBundlesUpsellsFbt.js";export{default as PreorderNowWodPresale}from"./third-party/components/PreorderNowWodPresale.js";export{default as PreorderNowPreOrderPq}from"./third-party/components/PreorderNowPreOrderPq.js";export{default as MaxbundleProductBundles}from"./third-party/components/MaxbundleProductBundles.js";export{default as KoalaBundleQuantityDiscount}from"./third-party/components/KoalaBundleQuantityDiscount.js";export{default as EasyBundleBuilderSkailama}from"./third-party/components/EasyBundleBuilderSkailama.js";export{default as FastBundleBundlesDiscounts}from"./third-party/components/FastBundleBundlesDiscounts.js";export{default as KiteFreeGiftDiscount}from"./third-party/components/KiteFreeGiftDiscount.js";export{default as UnlimitedBundlesDiscounts}from"./third-party/components/UnlimitedBundlesDiscounts.js";export{default as SimpleBundlesKits}from"./third-party/components/SimpleBundlesKits.js";export{default as ReviewxpoProductReviewsApp}from"./third-party/components/ReviewxpoProductReviewsApp.js";export{default as PumperBundlesVolumeDiscount}from"./third-party/components/PumperBundlesVolumeDiscount.js";export{default as NotifyBackInStockPreOrder}from"./third-party/components/NotifyBackInStockPreOrder.js";export{default as ShopifyForms}from"./third-party/components/ShopifyForms.js";export{default as SkioSubscriptionsYcS20}from"./third-party/components/SkioSubscriptionsYcS20.js";export{default as LoopSubscriptions}from"./third-party/components/LoopSubscriptions.js";export{default as RecurpaySubscriptionApp}from"./third-party/components/RecurpaySubscriptionApp.js";export{default as SubifySubscriptionsApp}from"./third-party/components/SubifySubscriptionsApp.js";export{default as BonLoyaltyRewardsReferrals}from"./third-party/components/BonLoyaltyRewardsReferrals.js";export{default as ShopifySubscriptions}from"./third-party/components/ShopifySubscriptions.js";export{default as EasifyProductOptions}from"./third-party/components/EasifyProductOptions.js";export{default as CustomProductOptionsVariant}from"./third-party/components/CustomProductOptionsVariant.js";export{default as EasySellCOD}from"./third-party/components/EasySellCOD.js";export{default as QikifyUpsell}from"./third-party/components/QikifyUpsell.js";export{default as CleanSizeCharts}from"./third-party/components/CleanSizeCharts.js";export{default as JudgemeReviews}from"./third-party/components/JudgemeReviews.js";export{default as LooxReviews}from"./third-party/components/LooxReviews.js";export{default as Klaviyo}from"./third-party/components/Klaviyo.js";export{default as YotpoLoyalty}from"./third-party/components/YotpoLoyalty.js";export{default as SmartSearchBarAndFilters}from"./third-party/components/SmartSearchBarAndFilters.js";export{default as Instafeed}from"./third-party/components/Instafeed.js";export{default as ProductReviews}from"./third-party/components/ProductReviews.js";export{default as Ryviu}from"./third-party/components/Ryviu.js";export{default as Rivyo}from"./third-party/components/Rivyo.js";export{default as Vitals}from"./third-party/components/Vitals.js";export{default as Omnisend}from"./third-party/components/Omnisend.js";export{default as Trustoo}from"./third-party/components/Trustoo.js";export{default as SealSubscriptions}from"./third-party/components/SealSubscriptions.js";export{default as AppstleSubscriptions}from"./third-party/components/AppstleSubscriptions.js";export{default as FeraReviews}from"./third-party/components/FeraReviews.js";export{default as Growave}from"./third-party/components/Growave.js";export{default as KachingBundles}from"./third-party/components/KachingBundles.js";export{default as PushOwl}from"./third-party/components/PushOwl.js";export{default as Opinew}from"./third-party/components/Opinew.js";export{default as UltimateSalesBoost}from"./third-party/components/UltimateSalesBoost.js";export{default as FirePush}from"./third-party/components/FirePush.js";export{default as ParcelPanel}from"./third-party/components/ParcelPanel.js";export{default as TrustMe}from"./third-party/components/TrustMe.js";export{default as FrequentlyBoughtTogether}from"./third-party/components/FrequentlyBoughtTogether.js";export{default as BoldSubscriptions}from"./third-party/components/BoldSubscriptions.js";export{default as BoldProductOptions}from"./third-party/components/BoldProductOptions.js";export{default as WideBundle}from"./third-party/components/WideBundle.js";export{default as PickyStory}from"./third-party/components/PickyStory.js";export{default as InfiniteOptions}from"./third-party/components/InfiniteOptions.js";export{default as Wiser}from"./third-party/components/Wiser.js";export{default as Stamped}from"./third-party/components/Stamped.js";export{default as Bundler}from"./third-party/components/Bundler.js";export{default as LaiProductReviews}from"./third-party/components/LaiProductReviews.js";export{default as CrossSellCartUpsell}from"./third-party/components/CrossSellCartUpsell.js";export{default as BoostAISearchDiscovery}from"./third-party/components/BoostAISearchDiscovery.js";export{default as YotpoReviews}from"./third-party/components/YotpoReviews.js";export{default as AliReviews}from"./third-party/components/AliReviews.js";export{default as Bogos}from"./third-party/components/Bogos.js";export{default as Releasit}from"./third-party/components/Releasit.js";export{default as KingProductOptions}from"./third-party/components/KingProductOptions.js";export{default as KlarnaMessaging}from"./third-party/components/KlarnaMessaging.js";export{default as RequestQuoteHidePrice}from"./third-party/components/RequestQuoteHidePrice.js";export{default as BirdChime}from"./third-party/components/BirdChime.js";export{default as FordeerProductLabels}from"./third-party/components/FordeerProductLabels.js";export{default as RechargeSubscriptions}from"./third-party/components/RechargeSubscriptions.js";export{default as Selleasy}from"./third-party/components/Selleasy.js";export{default as HextomCountdownTimerBar}from"./third-party/components/HextomCountdownTimerBar.js";export{default as TrustBadgesBear}from"./third-party/components/TrustBadgesBear.js";export{default as TrustedsiteTrustBadges}from"./third-party/components/TrustedsiteTrustBadges.js";export{default as GloColorSwatchvariantImage}from"./third-party/components/GloColorSwatchvariantImage.js";export{default as BfSizeChartSizeGuide}from"./third-party/components/BfSizeChartSizeGuide.js";export{default as AlsoBoughtCbb}from"./third-party/components/AlsoBoughtCbb.js";export{default as HextomFreeShippingBar}from"./third-party/components/HextomFreeShippingBar.js";export{default as EcoboostifyShoppableReelUgc}from"./third-party/components/EcoboostifyShoppableReelUgc.js";export{default as InstantJudgemeReviews}from"./third-party-instant/components/InstantJudgemeReviews.js";export{default as InstantLooxReviews}from"./third-party-instant/components/InstantLooxReviews.js";export{default as InstantKlaviyo}from"./third-party-instant/components/InstantKlaviyo.js";export{default as InstantYotpoLoyalty}from"./third-party-instant/components/InstantYotpoLoyalty.js";export{default as StockCounter}from"./stock-counter/components/StockCounter.js";export{default as ThirdPartySlot}from"./third-party-slot/components/ThirdPartySlot.js";export{default as ShopPayInstallments}from"./shop-pay-installment/components/ShopPayInstallments.js";export{default as Sticky}from"./sticky/components/Sticky.js";export{CONTINUE_SELLING_WHEN_OUT_OF_STOCK,DEFAULT_FONT_SIZE,DEFAULT_HIGHLIGHT_TAG,DEFAULT_PROGRESS_BAR_HEIGHT,DEFAULT_QUANTITY_TEMPLATE,DEFAULT_RANGE_STEP,DEFAULT_REMAINING_PERCENT,DEFAULT_REMAINING_QUANTITY,DEFAULT_SCARCITY_THRESHOLD,MAX_PROGRESS_BAR_HEIGHT,MAX_REMAINING_PERCENT,MIN_PROGRESS_BAR_HEIGHT,MIN_REMAINING_PERCENT,MIN_REMAINING_QUANTITY,NO_PRODUCT_LEFT,OUT_OF_STOCK,QUANTITY_SOURCE,convertSizeToWidth,getInlineCss,getLiquidInitData,getLiquidTextContent,getTextDisplayData,transformHighlighTag,transformNumberTag}from"./stock-counter/common/helpers.js";export{t as liquidComponents};
1
+ export{accordionSetting}from"./accordion/index.js";export{articleListSetting}from"./article/index.js";export{bannerSetting}from"./hero-banner/index.js";export{breadcrumbSetting}from"./breadcrumb/index.js";export{buttonSetting}from"./button/index.js";export{carouselSetting}from"./carousel/index.js";export{cartSetting}from"./cart/index.js";export{codeSetting}from"./code/index.js";export{collectionSetting}from"./collection/index.js";export{countdownSetting}from"./countdown-timer/index.js";export{couponSetting}from"./coupon/index.js";export{dialogSetting}from"./dialog/index.js";export{estimateDeliverySetting}from"./estimate-delivery/index.js";export{gridSetting}from"./grid/index.js";export{contactFormSetting}from"./form/index.js";export{headerSetting}from"./header/index.js";export{headingSetting}from"./heading/index.js";export{iconSetting}from"./icon/index.js";export{iconListSetting}from"./icon-list/index.js";export{iconListHozSetting}from"./icon-list-hoz/index.js";export{iconListSettingV2}from"./icon-list-v2/index.js";export{imageSetting}from"./image/index.js";export{imageComparisonSetting}from"./image-comparison/index.js";export{imageDetectionSetting}from"./image-detection/index.js";export{inputSetting}from"./input/index.js";export{lineSetting}from"./line/index.js";export{linkSetting}from"./link/index.js";export{marqueeSetting}from"./marquee/index.js";export{menuSetting}from"./menu/index.js";export{modalSetting}from"./modal/index.js";export{default as useNotification}from"./notification/hooks/useNotification.js";export{default as Notice}from"./notification/components/Notice.js";export{paginationSetting}from"./pagination/index.js";export{postPurchaseAdvancedListSetting}from"./post-purchase/advanced-list/index.js";export{postPurchaseButtonSetting}from"./post-purchase/button/index.js";export{postPurchaseCalloutBoxSetting}from"./post-purchase/callout-banner/index.js";export{postPurchaseCountdownTimerSetting}from"./post-purchase/countdown-timer/index.js";export{postPurchaseImageSetting}from"./post-purchase/image/index.js";export{postPurchaseLineSetting}from"./post-purchase/line/index.js";export{postPurchaseLinkSetting}from"./post-purchase/link/index.js";export{PostPurchaseHeading,postPurchaseTextSetting}from"./post-purchase/text/index.js";export{postPurchaseProductSetting}from"./post-purchase/product/index.js";export{productSetting}from"./product/index.js";export{radioSetting}from"./radio/index.js";export{selectSetting}from"./select/index.js";export{tabSetting}from"./tab/index.js";export{textSetting}from"./text/index.js";export{textareaSetting}from"./textarea/index.js";export{videoSetting}from"./video/index.js";export{thirdPartySetting}from"./third-party/index.js";export{thirdPartyInstantSetting}from"./third-party-instant/index.js";export{stockCounterSetting}from"./stock-counter/index.js";export{thirdPartySlotSetting}from"./third-party-slot/index.js";export{shopPayInstallmentSetting}from"./shop-pay-installment/index.js";export{stickySetting}from"./sticky/index.js";export{default as nextComponent}from"./next.js";import*as t from"./index.liquid.js";export{default as builderComponent}from"./builder.js";export{default as componentSettings}from"./setting.js";export{default as postPurchaseSettings}from"./postPurchaseSetting.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";export{ELEMENT_Z_INDEX}from"./common/const.js";export{REGEX_PAGE_TYPE,checkIsOpenPopup,checkIsScrollToTop,convertUnitToNumber,filterTruthyObject,filterTruthyStyles,getAllHrefFromString,getDisplayStyle,getDynamicSourceLocales,getInsertLinkData,getLinkArticle,getLinkData,getSettingPreloadData,getStaticLocale,handleClickLink,isEmptyObject,isHexTransparent,isLinkedToSalesPage,isShopifyDomain,isTransparentColor,isTransparentRGBA,normalizeMailto,replaceAllHrefFromString,replaceLinkData,youtubeShortsRegex}from"./helpers.js";export{default as Accordion}from"./accordion/components/Accordion.js";export{default as AccordionItem}from"./accordion/components/AccordionItem.js";export{default as ArticleList}from"./article/components/ArticleList.js";export{default as ArticleTitle}from"./article/components/ArticleTitle.js";export{default as ArticleExcerpt}from"./article/components/ArticleExcerpt.js";export{default as ArticleContent}from"./article/components/ArticleContent.js";export{default as ArticleImage}from"./article/components/ArticleImage.js";export{default as ArticlePagination}from"./article/components/ArticlePagination.js";export{default as ArticleAuthor}from"./article/components/ArticleAuthor.js";export{default as ArticleTag}from"./article/components/ArticleTag.js";export{default as ArticleCategory}from"./article/components/ArticleCategory.js";export{default as ArticleDate}from"./article/components/ArticleDate.js";export{default as ArticleReadMore}from"./article/components/ArticleReadMore.js";export{default as HeroBanner}from"./hero-banner/components/HeroBanner.js";export{default as Breadcrumb}from"./breadcrumb/components/Breadcrumb.js";export{default as Button}from"./button/components/Button.js";export{default as Carousel}from"./carousel/components/root/Carousel.js";export{default as CarouselItem}from"./carousel/components/item/CarouselItem.js";export{default as Cart}from"./cart/components/Cart.js";export{default as CartList}from"./cart/components/CartList.js";export{default as CartLinePrice}from"./cart/components/CartLinePrice.js";export{default as CartLineVariant}from"./cart/components/CartLineVariant.js";export{default as CartLineImage}from"./cart/components/CartLineImage.js";export{default as CartTotalPrice}from"./cart/components/CartTotalPrice.js";export{default as CartTotalItem}from"./cart/components/CartTotalItem.js";export{default as CartCheckout}from"./cart/components/CartCheckout.js";export{default as DiscountInput}from"./cart/components/DiscountInput.js";export{default as CartDiscount}from"./cart/components/CartDiscount.js";export{default as CartOrderNote}from"./cart/components/CartOrderNote.js";export{default as CartLineAttribute}from"./cart/components/CartLineAttribute.js";export{default as CouponList}from"./cart/components/CouponList.js";export{default as ShopPayButton}from"./cart/components/shop-pay-button/ShopPayButton.js";export{default as CheckoutNow}from"./cart/components/CheckoutNow.js";export{default as CSSCode}from"./code/components/CSSCode.js";export{default as CollectionTitle}from"./collection/components/collection-title/CollectionTitle.js";export{default as CollectionBanner}from"./collection/components/collection-banner/CollectionBanner.js";export{default as CollectionDescription}from"./collection/components/collection-description/CollectionDescription.js";export{default as CollectionToolbar}from"./collection/components/collection-toolbar/CollectionToolbar.js";export{default as CollectionPaginator}from"./collection/components/collection-paginator/CollectionPaginator.js";export{default as Countdown}from"./countdown-timer/components/Countdown.js";export{default as Coupon}from"./coupon/components/Coupon.js";export{default as Dialog}from"./dialog/components/Dialog.js";export{default as EstimateDate}from"./estimate-delivery/components/EstimateDate.js";export{default as Root}from"./grid/components/root/Root.js";export{default as Section}from"./grid/components/section/Section.js";export{default as Row}from"./grid/components/row/Row.js";export{default as Col}from"./grid/components/col/Col.js";export{default as Newsletter}from"./form/components/newsletter/Newsletter.js";export{default as ContactForm}from"./form/components/contact/Contact.js";export{default as FormEmail}from"./form/components/form-email/FormEmail.js";export{default as SubmitButton}from"./form/components/submit-button/SubmitButton.js";export{default as FormDropdown}from"./form/components/form-dropdown/FormDropdown.js";export{default as TextField}from"./form/components/textfield/TextField.js";export{default as FormTextarea}from"./form/components/textarea/TextArea.js";export{default as FormCheckbox}from"./form/components/form-checkbox/FormCheckbox.js";export{default as TextInput}from"./form/components/textinput/TextInput.js";export{default as Header}from"./header/components/Header.js";export{default as BasicHeader}from"./header/components/kind/basic/index.js";export{default as ModernHeader}from"./header/components/kind/modern/index.js";export{default as MobileMenu}from"./header/components/kind/basic/MobileMenu.js";export{default as DesktopMenu}from"./header/components/kind/basic/DesktopMenu.js";export{default as Heading}from"./heading/components/Heading.js";export{default as Icon}from"./icon/components/Icon.js";export{default as IconList}from"./icon-list/components/IconList.js";export{default as IconListItem}from"./icon-list/components/IconListItem.js";export{default as IconListHoz}from"./icon-list-hoz/components/IconListHoz.js";export{default as IconListItemHoz}from"./icon-list-hoz/components/IconListHozItem.js";export{default as IconListV2}from"./icon-list-v2/components/IconList.js";export{default as Image}from"./image/components/Image.js";export{default as ImageComparison}from"./image-comparison/components/ImageComparison.js";export{default as ImageDetection}from"./image-detection/components/ImageDetection.js";export{default as Input}from"./input/components/Input.js";export{default as Line}from"./line/components/Line.js";export{default as Link}from"./link/components/Link.js";export{default as Marquee}from"./marquee/components/Marquee.js";export{default as MarqueeItem}from"./marquee/components/MarqueeItem.js";export{default as Menu}from"./menu/components/Menu.js";export{openConfirm}from"./modal/components/confirm.js";export{default as Modal}from"./modal/components/Modal.js";export{default as Pagination}from"./pagination/components/Pagination.js";export{default as PostPurchaseAdvancedList}from"./post-purchase/advanced-list/components/AdvancedListPostPurchase.js";export{default as PostPurchaseAdvancedListItem}from"./post-purchase/advanced-list/components/PostPurchaseAdvancedListItem.js";export{default as PostPurchaseButton}from"./post-purchase/button/components/Button.js";export{default as PostPurchaseCalloutBox}from"./post-purchase/callout-banner/components/CalloutBox.js";export{default as PostPurchaseCalloutText}from"./post-purchase/callout-banner/components/CalloutText.js";export{default as PostPurchaseCountdownTimer}from"./post-purchase/countdown-timer/components/PostPurchaseCountdownTimer.js";export{default as PostPurchaseImage}from"./post-purchase/image/components/Image.js";export{default as PostPurchaseLine}from"./post-purchase/line/components/PostPurchaseLine.js";export{default as PostPurchaseLink}from"./post-purchase/link/components/PostPurchaseLink.js";export{default as PostPurchaseText}from"./post-purchase/text/components/Text.js";export{default as PostPurchaseProductPrice}from"./post-purchase/product/components/ProductPrice.js";export{default as PostPurchaseProductDescription}from"./post-purchase/product/components/ProductDescription.js";export{default as PostPurchaseProductTitle}from"./post-purchase/product/components/ProductTitle.js";export{default as PostPurchaseProductVariants}from"./post-purchase/product/components/product-variant/components/ProductVariant.js";export{default as PostPurchaseAcceptButton}from"./post-purchase/product/components/AcceptButton.js";export{default as PostPurchaseProductQuantity}from"./post-purchase/product/components/ProductQuantity.js";export{default as PostPurchaseProductPriceBreakdown}from"./post-purchase/product/components/ProductPriceBreakdown.js";export{default as PostPurchaseProductOffer}from"./post-purchase/product/components/product-offer/components/ProductOffer.js";export{default as PostPurchaseProductDiscountTag}from"./post-purchase/product/components/ProductDiscountTag.js";export{default as PostPurchaseProductImages}from"./post-purchase/product/components/product-image/index.js";export{postPurchaseProduct1Col}from"./post-purchase/product/settings/presets-config/product-presets/product-1-col.js";export{postPurchaseProduct2Col}from"./post-purchase/product/settings/presets-config/product-presets/product-2-col.js";export{postPurchaseProductDefault}from"./post-purchase/product/settings/presets-config/product-presets/product-default.js";export{default as Product}from"./product/components/product-wrap/Product.js";export{default as ProductTitle}from"./product/components/product-title/ProductTitle.js";export{default as ProductQuantity}from"./product/components/product-quantity/ProductQuantity.js";export{default as ProductPrice}from"./product/components/product-price/ProductPrice.js";export{default as ProductButton}from"./product/components/product-button/ProductButton.js";export{default as ProductDescription}from"./product/components/product-description/ProductDescription.js";export{default as ProductVariants}from"./product/components/product-variants/ProductVariants.js";export{default as ProductImages}from"./product/components/ProductImages.js";export{default as ProductImagesV2}from"./product/components/product-images-v2/ProductImageV2.js";export{default as ProductPropertyInput}from"./product/components/product-properties/ProductProperties.js";export{default as ProductQuickView}from"./product/components/product-quick-view/QuickView.js";export{default as ProductTag}from"./product/components/product-discount-tag/ProductDiscountTag.js";export{default as ProductList}from"./product/components/product-list/ProductList.js";export{default as ProductVendor}from"./product/components/product-vendor/Vendor.js";export{default as DynamicCheckout}from"./product/components/dynamic-checkout/DynamicCheckout.js";export{default as ProductViewMore}from"./product/components/product-view-more/ProductViewMore.js";export{default as ProductBadge}from"./product/components/product-badge/ProductBadge.js";export{default as ProductBundleDiscount}from"./product/components/product-bundle/ProductBundleDiscount.js";export{default as ProductBundleDiscountItem}from"./product/components/product-bundle/ProductBundleDiscountItem.js";export{default as ProductSku}from"./product/components/product-sku/Sku.js";export{default as FileUpload}from"./product/components/file-upload/UploadFile.js";export{default as Radio}from"./radio/components/Radio.js";export{default as Select}from"./select/components/Select.js";export{default as Tabs}from"./tab/components/Tabs.js";export{default as TabItem}from"./tab/components/TabItem.js";export{default as Text}from"./text/components/Text.js";export{default as Textarea}from"./textarea/components/Textarea.js";export{default as Video}from"./video/components/Video.js";export{default as DealeasyVolumeDiscounts}from"./third-party/components/DealeasyVolumeDiscounts.js";export{default as UppromoteAffiliateMarketing}from"./third-party/components/UppromoteAffiliateMarketing.js";export{default as AovBundlesVolumeDiscounts}from"./third-party/components/AovBundlesVolumeDiscounts.js";export{default as AovFreeGiftBuyXGetYBogo}from"./third-party/components/AovFreeGiftBuyXGetYBogo.js";export{default as AppstleBundlesDiscounts}from"./third-party/components/AppstleBundlesDiscounts.js";export{default as EcomsendBackInStockAlert}from"./third-party/components/EcomsendBackInStockAlert.js";export{default as EstimatedDeliveryDatePlus}from"./third-party/components/EstimatedDeliveryDatePlus.js";export{default as OkendoReviewsLoyalty}from"./third-party/components/OkendoReviewsLoyalty.js";export{default as EssentialAnnouncementBar}from"./third-party/components/EssentialAnnouncementBar.js";export{default as EssentialCountdownTimerBar}from"./third-party/components/EssentialCountdownTimerBar.js";export{default as StellarDeliveryDatePickup}from"./third-party/components/StellarDeliveryDatePickup.js";export{default as TrustshopProductReviews}from"./third-party/components/TrustshopProductReviews.js";export{default as HulkProductOptions}from"./third-party/components/HulkProductOptions.js";export{default as MyappgurusProductReviews}from"./third-party/components/MyappgurusProductReviews.js";export{default as TrustreviewsProductReviews}from"./third-party/components/TrustreviewsProductReviews.js";export{default as DiscountyBulkDiscountSales}from"./third-party/components/DiscountyBulkDiscountSales.js";export{default as SeoantTrustBadgesIcon}from"./third-party/components/SeoantTrustBadgesIcon.js";export{default as SegunoEmailMarketing}from"./third-party/components/SegunoEmailMarketing.js";export{default as AftershipEmailMarketingsms}from"./third-party/components/AftershipEmailMarketingsms.js";export{default as BestBuyFulfillment}from"./third-party/components/BestBuyFulfillment.js";export{default as ProductOptionsVariantOption}from"./third-party/components/ProductOptionsVariantOption.js";export{default as GloboProductOptionsVariant}from"./third-party/components/GloboProductOptionsVariant.js";export{default as TeeinblueProductPersonalizer}from"./third-party/components/TeeinblueProductPersonalizer.js";export{default as WishlistKing}from"./third-party/components/WishlistKing.js";export{default as HulkFormBuilder}from"./third-party/components/HulkFormBuilder.js";export{default as LoloyalLoyaltyReferrals}from"./third-party/components/LoloyalLoyaltyReferrals.js";export{default as PowerfulContactFormBuilder}from"./third-party/components/PowerfulContactFormBuilder.js";export{default as WishlistPlus}from"./third-party/components/WishlistPlus.js";export{default as InstasellShoppableInstagram}from"./third-party/components/InstasellShoppableInstagram.js";export{default as SproutPlantTreesGrowSales}from"./third-party/components/SproutPlantTreesGrowSales.js";export{default as RapiBundleQuantityBreaks}from"./third-party/components/RapiBundleQuantityBreaks.js";export{default as AppointmentBookingCowlendar}from"./third-party/components/AppointmentBookingCowlendar.js";export{default as GoogleReviewsByReputon}from"./third-party/components/GoogleReviewsByReputon.js";export{default as MbcBundleVolumeDiscount}from"./third-party/components/MbcBundleVolumeDiscount.js";export{default as ProductOptionsCustomizer}from"./third-party/components/ProductOptionsCustomizer.js";export{default as AirProductReviewsAppUgc}from"./third-party/components/AirProductReviewsAppUgc.js";export{default as TagembedSocialPostReview}from"./third-party/components/TagembedSocialPostReview.js";export{default as WhatmoreShoppableVideosreel}from"./third-party/components/WhatmoreShoppableVideosreel.js";export{default as TagshopShoppableVideosUgc}from"./third-party/components/TagshopShoppableVideosUgc.js";export{default as JunipProductReviewsUgc}from"./third-party/components/JunipProductReviewsUgc.js";export{default as FlyBundlesUpsellsFbt}from"./third-party/components/FlyBundlesUpsellsFbt.js";export{default as PreorderNowWodPresale}from"./third-party/components/PreorderNowWodPresale.js";export{default as PreorderNowPreOrderPq}from"./third-party/components/PreorderNowPreOrderPq.js";export{default as MaxbundleProductBundles}from"./third-party/components/MaxbundleProductBundles.js";export{default as KoalaBundleQuantityDiscount}from"./third-party/components/KoalaBundleQuantityDiscount.js";export{default as EasyBundleBuilderSkailama}from"./third-party/components/EasyBundleBuilderSkailama.js";export{default as FastBundleBundlesDiscounts}from"./third-party/components/FastBundleBundlesDiscounts.js";export{default as KiteFreeGiftDiscount}from"./third-party/components/KiteFreeGiftDiscount.js";export{default as UnlimitedBundlesDiscounts}from"./third-party/components/UnlimitedBundlesDiscounts.js";export{default as SimpleBundlesKits}from"./third-party/components/SimpleBundlesKits.js";export{default as ReviewxpoProductReviewsApp}from"./third-party/components/ReviewxpoProductReviewsApp.js";export{default as PumperBundlesVolumeDiscount}from"./third-party/components/PumperBundlesVolumeDiscount.js";export{default as NotifyBackInStockPreOrder}from"./third-party/components/NotifyBackInStockPreOrder.js";export{default as ShopifyForms}from"./third-party/components/ShopifyForms.js";export{default as SkioSubscriptionsYcS20}from"./third-party/components/SkioSubscriptionsYcS20.js";export{default as LoopSubscriptions}from"./third-party/components/LoopSubscriptions.js";export{default as RecurpaySubscriptionApp}from"./third-party/components/RecurpaySubscriptionApp.js";export{default as SubifySubscriptionsApp}from"./third-party/components/SubifySubscriptionsApp.js";export{default as BonLoyaltyRewardsReferrals}from"./third-party/components/BonLoyaltyRewardsReferrals.js";export{default as ShopifySubscriptions}from"./third-party/components/ShopifySubscriptions.js";export{default as EasifyProductOptions}from"./third-party/components/EasifyProductOptions.js";export{default as CustomProductOptionsVariant}from"./third-party/components/CustomProductOptionsVariant.js";export{default as EasySellCOD}from"./third-party/components/EasySellCOD.js";export{default as QikifyUpsell}from"./third-party/components/QikifyUpsell.js";export{default as CleanSizeCharts}from"./third-party/components/CleanSizeCharts.js";export{default as JudgemeReviews}from"./third-party/components/JudgemeReviews.js";export{default as LooxReviews}from"./third-party/components/LooxReviews.js";export{default as Klaviyo}from"./third-party/components/Klaviyo.js";export{default as YotpoLoyalty}from"./third-party/components/YotpoLoyalty.js";export{default as SmartSearchBarAndFilters}from"./third-party/components/SmartSearchBarAndFilters.js";export{default as Instafeed}from"./third-party/components/Instafeed.js";export{default as ProductReviews}from"./third-party/components/ProductReviews.js";export{default as Ryviu}from"./third-party/components/Ryviu.js";export{default as Rivyo}from"./third-party/components/Rivyo.js";export{default as Vitals}from"./third-party/components/Vitals.js";export{default as Omnisend}from"./third-party/components/Omnisend.js";export{default as Trustoo}from"./third-party/components/Trustoo.js";export{default as SealSubscriptions}from"./third-party/components/SealSubscriptions.js";export{default as AppstleSubscriptions}from"./third-party/components/AppstleSubscriptions.js";export{default as FeraReviews}from"./third-party/components/FeraReviews.js";export{default as Growave}from"./third-party/components/Growave.js";export{default as KachingBundles}from"./third-party/components/KachingBundles.js";export{default as PushOwl}from"./third-party/components/PushOwl.js";export{default as Opinew}from"./third-party/components/Opinew.js";export{default as UltimateSalesBoost}from"./third-party/components/UltimateSalesBoost.js";export{default as FirePush}from"./third-party/components/FirePush.js";export{default as ParcelPanel}from"./third-party/components/ParcelPanel.js";export{default as TrustMe}from"./third-party/components/TrustMe.js";export{default as FrequentlyBoughtTogether}from"./third-party/components/FrequentlyBoughtTogether.js";export{default as BoldSubscriptions}from"./third-party/components/BoldSubscriptions.js";export{default as BoldProductOptions}from"./third-party/components/BoldProductOptions.js";export{default as WideBundle}from"./third-party/components/WideBundle.js";export{default as PickyStory}from"./third-party/components/PickyStory.js";export{default as InfiniteOptions}from"./third-party/components/InfiniteOptions.js";export{default as Wiser}from"./third-party/components/Wiser.js";export{default as Stamped}from"./third-party/components/Stamped.js";export{default as Bundler}from"./third-party/components/Bundler.js";export{default as LaiProductReviews}from"./third-party/components/LaiProductReviews.js";export{default as CrossSellCartUpsell}from"./third-party/components/CrossSellCartUpsell.js";export{default as BoostAISearchDiscovery}from"./third-party/components/BoostAISearchDiscovery.js";export{default as YotpoReviews}from"./third-party/components/YotpoReviews.js";export{default as AliReviews}from"./third-party/components/AliReviews.js";export{default as Bogos}from"./third-party/components/Bogos.js";export{default as Releasit}from"./third-party/components/Releasit.js";export{default as KingProductOptions}from"./third-party/components/KingProductOptions.js";export{default as KlarnaMessaging}from"./third-party/components/KlarnaMessaging.js";export{default as RequestQuoteHidePrice}from"./third-party/components/RequestQuoteHidePrice.js";export{default as BirdChime}from"./third-party/components/BirdChime.js";export{default as FordeerProductLabels}from"./third-party/components/FordeerProductLabels.js";export{default as RechargeSubscriptions}from"./third-party/components/RechargeSubscriptions.js";export{default as Selleasy}from"./third-party/components/Selleasy.js";export{default as HextomCountdownTimerBar}from"./third-party/components/HextomCountdownTimerBar.js";export{default as TrustBadgesBear}from"./third-party/components/TrustBadgesBear.js";export{default as TrustedsiteTrustBadges}from"./third-party/components/TrustedsiteTrustBadges.js";export{default as GloColorSwatchvariantImage}from"./third-party/components/GloColorSwatchvariantImage.js";export{default as BfSizeChartSizeGuide}from"./third-party/components/BfSizeChartSizeGuide.js";export{default as AlsoBoughtCbb}from"./third-party/components/AlsoBoughtCbb.js";export{default as HextomFreeShippingBar}from"./third-party/components/HextomFreeShippingBar.js";export{default as EcoboostifyShoppableReelUgc}from"./third-party/components/EcoboostifyShoppableReelUgc.js";export{default as InstantJudgemeReviews}from"./third-party-instant/components/InstantJudgemeReviews.js";export{default as InstantLooxReviews}from"./third-party-instant/components/InstantLooxReviews.js";export{default as InstantKlaviyo}from"./third-party-instant/components/InstantKlaviyo.js";export{default as InstantYotpoLoyalty}from"./third-party-instant/components/InstantYotpoLoyalty.js";export{default as StockCounter}from"./stock-counter/components/StockCounter.js";export{default as ThirdPartySlot}from"./third-party-slot/components/ThirdPartySlot.js";export{default as ShopPayInstallments}from"./shop-pay-installment/components/ShopPayInstallments.js";export{default as Sticky}from"./sticky/components/Sticky.js";export{CONTINUE_SELLING_WHEN_OUT_OF_STOCK,DEFAULT_FONT_SIZE,DEFAULT_HIGHLIGHT_TAG,DEFAULT_PROGRESS_BAR_HEIGHT,DEFAULT_QUANTITY_TEMPLATE,DEFAULT_RANGE_STEP,DEFAULT_REMAINING_PERCENT,DEFAULT_REMAINING_QUANTITY,DEFAULT_SCARCITY_THRESHOLD,MAX_PROGRESS_BAR_HEIGHT,MAX_REMAINING_PERCENT,MIN_PROGRESS_BAR_HEIGHT,MIN_REMAINING_PERCENT,MIN_REMAINING_QUANTITY,NO_PRODUCT_LEFT,OUT_OF_STOCK,QUANTITY_SOURCE,convertSizeToWidth,getInlineCss,getLiquidInitData,getLiquidTextContent,getTextDisplayData,transformHighlighTag,transformNumberTag}from"./stock-counter/common/helpers.js";export{t as liquidComponents};
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- export{default as Accordion}from"./accordion/components/Accordion.liquid.js";export{default as AccordionItem}from"./accordion/components/AccordionItem.liquid.js";export{default as ArticleList}from"./article/components/ArticleList.liquid.js";export{default as ArticleTitle}from"./article/components/ArticleTitle.liquid.js";export{default as ArticleExcerpt}from"./article/components/ArticleExcerpt.liquid.js";export{default as ArticleContent}from"./article/components/ArticleContent.liquid.js";export{default as ArticleImage}from"./article/components/ArticleImage.liquid.js";export{default as ArticlePagination}from"./article/components/ArticlePagination.liquid.js";export{default as ArticleAuthor}from"./article/components/ArticleAuthor.liquid.js";export{default as ArticleTag}from"./article/components/ArticleTag.liquid.js";export{default as ArticleCategory}from"./article/components/ArticleCategory.liquid.js";export{default as ArticleDate}from"./article/components/ArticleDate.liquid.js";export{default as ArticleReadMore}from"./article/components/ArticleReadMore.liquid.js";export{default as HeroBanner}from"./hero-banner/components/HeroBanner.liquid.js";export{default as Breadcrumb}from"./breadcrumb/components/Breadcrumb.liquid.js";export{default as Button}from"./button/components/Button.liquid.js";export{default as CarouselItem}from"./carousel/components/item/CarouselItem.liquid.js";export{default as Carousel}from"./carousel/components/root/Carousel.liquid.js";export{default as ShopPayButton}from"./cart/components/shop-pay-button/ShopPayButton.liquid.js";export{default as CSSCode}from"./code/components/CSSCode.liquid.js";export{default as CollectionToolbar}from"./collection/components/collection-toolbar/CollectionToolbar.liquid.js";export{default as CollectionTitle}from"./collection/components/collection-title/CollectionTitle.liquid.js";export{default as CollectionDescription}from"./collection/components/collection-description/CollectionDescription.liquid.js";export{default as CollectionPaginator}from"./collection/components/collection-paginator/CollectionPaginator.liquid.js";export{default as CollectionBanner}from"./collection/components/collection-banner/CollectionBanner.liquid.js";export{default as Countdown}from"./countdown-timer/components/Countdown.liquid.js";export{default as Coupon}from"./coupon/components/Coupon.liquid.js";export{default as Dialog}from"./dialog/components/Dialog.liquid.js";export{default as EstimateDate}from"./estimate-delivery/components/EstimateDate.liquid.js";export{default as Root}from"./grid/components/root/Root.liquid.js";export{default as Section}from"./grid/components/section/Section.liquid.js";export{default as Row}from"./grid/components/row/Row.liquid.js";export{default as Col}from"./grid/components/col/Col.liquid.js";export{default as Newsletter}from"./form/components/newsletter/Newsletter.liquid.js";export{default as ContactForm}from"./form/components/contact/Contact.liquid.js";export{default as FormEmail}from"./form/components/form-email/FormEmail.liquid.js";export{default as SubmitButton}from"./form/components/submit-button/SubmitButton.liquid.js";export{default as TextField}from"./form/components/textfield/TextField.liquid.js";export{default as FormTextarea}from"./form/components/textarea/TextArea.liquid.js";export{default as FormDropdown}from"./form/components/form-dropdown/FormDropdown.liquid.js";export{default as FormCheckbox}from"./form/components/form-checkbox/FormCheckbox.liquid.js";export{default as TextInput}from"./form/components/textinput/TextInput.liquid.js";export{default as Heading}from"./heading/components/Heading.liquid.js";export{default as Icon}from"./icon/components/Icon.liquid.js";export{default as IconListItem}from"./icon-list/components/IconListItem.liquid.js";export{default as IconList}from"./icon-list/components/IconList.liquid.js";export{default as IconListHoz}from"./icon-list-hoz/components/IconListHoz.liquid.js";export{default as IconListItemHoz}from"./icon-list-hoz/components/IconListIHozItem.liquid.js";export{default as IconListV2}from"./icon-list-v2/components/IconList.liquid.js";export{default as Image}from"./image/components/Image.liquid.js";export{default as ImageComparison}from"./image-comparison/components/ImageComparison.liquid.js";export{default as Line}from"./line/components/Line.liquid.js";export{default as MarqueeItem}from"./marquee/components/MarqueeItem.liquid.js";export{default as Marquee}from"./marquee/components/Marquee.liquid.js";export{default as Text}from"./text/components/Text.liquid.js";export{default as DynamicCheckout}from"./product/components/dynamic-checkout/DynamicCheckout.liquid.js";export{default as FileUpload}from"./product/components/file-upload/UploadFile.liquid.js";export{default as Product}from"./product/components/product-wrap/Product.liquid.js";export{default as ProductBadge}from"./product/components/product-badge/ProductBadge.liquid.js";export{default as ProductBundleDiscount}from"./product/components/product-bundle/ProductBundleDiscount.liquid.js";export{default as ProductBundleDiscountItem}from"./product/components/product-bundle/ProductBundleDiscountItem.liquid.js";export{default as ProductButton}from"./product/components/product-button/ProductButton.liquid.js";export{default as ProductDescription}from"./product/components/product-description/ProductDescription.liquid.js";export{default as ProductImages}from"./product/components/ProductImages.liquid.js";export{default as ProductQuantity}from"./product/components/product-quantity/ProductQuantity.liquid.js";export{default as ProductVariants}from"./product/components/product-variants/ProductVariants.liquid.js";export{default as ProductTag}from"./product/components/product-discount-tag/ProductDiscountTag.liquid.js";export{default as ProductImagesV2}from"./product/components/product-images-v2/ProductImagesV2.liquid.js";export{default as ProductList}from"./product/components/product-list/ProductList.liquid.js";export{ProductPrice}from"./product/components/product-price/ProductPrice.liquid.js";export{default as ProductProperties}from"./product/components/product-properties/ProductProperties.liquid.js";export{default as ProductTitle}from"./product/components/product-title/ProductTitle.liquid.js";export{default as ProductVendor}from"./product/components/product-vendor/Vendor.liquid.js";export{default as ProductViewMore}from"./product/components/product-view-more/ProductViewMore.liquid.js";export{default as ProductSku}from"./product/components/product-sku/Sku.liquid.js";export{default as Video}from"./video/components/Video.liquid.js";export{default as videoSetting}from"./video/settings/Video.js";export{default as Tabs}from"./tab/components/Tabs.liquid.js";export{default as TabItem}from"./tab/components/TabItem.liquid.js";export{default as StockCounter}from"./stock-counter/components/StockCounter.liquid.js";export{default as Klaviyo}from"./third-party/components/Klaviyo.liquid.js";export{default as SmartSearchBarAndFilters}from"./third-party/components/SmartSearchBarAndFilters.liquid.js";export{default as LooxReviews}from"./third-party/components/LooxReviews.liquid.js";export{default as Instafeed}from"./third-party/components/Instafeed.liquid.js";export{default as CrossSellCartUpsell}from"./third-party/components/CrossSellCartUpsell.liquid.js";export{default as BoostAISearchDiscovery}from"./third-party/components/BoostAISearchDiscovery.liquid.js";export{default as JudgemeReviews}from"./third-party/components/JudgemeReviews.liquid.js";export{default as ProductReviews}from"./third-party/components/ProductReviews.liquid.js";export{default as Ryviu}from"./third-party/components/Ryviu.liquid.js";export{default as Rivyo}from"./third-party/components/Rivyo.liquid.js";export{default as Vitals}from"./third-party/components/Vitals.liquid.js";export{default as Omnisend}from"./third-party/components/Omnisend.liquid.js";export{default as Trustoo}from"./third-party/components/Trustoo.liquid.js";export{default as SealSubscriptions}from"./third-party/components/SealSubscriptions.liquid.js";export{default as AppstleSubscriptions}from"./third-party/components/AppstleSubscriptions.liquid.js";export{default as FeraReviews}from"./third-party/components/FeraReviews.liquid.js";export{default as Growave}from"./third-party/components/Growave.liquid.js";export{default as Opinew}from"./third-party/components/Opinew.liquid.js";export{default as UltimateSalesBoost}from"./third-party/components/UltimateSalesBoost.liquid.js";export{default as AliReviews}from"./third-party/components/AliReviews.liquid.js";export{default as FirePush}from"./third-party/components/FirePush.liquid.js";export{default as ParcelPanel}from"./third-party/components/ParcelPanel.liquid.js";export{default as TrustMe}from"./third-party/components/TrustMe.liquid.js";export{default as FrequentlyBoughtTogether}from"./third-party/components/FrequentlyBoughtTogether.liquid.js";export{default as BoldSubscriptions}from"./third-party/components/BoldSubscriptions.liquid.js";export{default as BoldProductOptions}from"./third-party/components/BoldProductOptions.liquid.js";export{default as WideBundle}from"./third-party/components/WideBundle.liquid.js";export{default as PickyStory}from"./third-party/components/PickyStory.liquid.js";export{default as InfiniteOptions}from"./third-party/components/InfiniteOptions.liquid.js";export{default as Wiser}from"./third-party/components/Wiser.liquid.js";export{default as Stamped}from"./third-party/components/Stamped.liquid.js";export{default as Bundler}from"./third-party/components/Bundler.liquid.js";export{default as LaiProductReviews}from"./third-party/components/LaiProductReviews.liquid.js";export{default as YotpoReviews}from"./third-party/components/YotpoReviews.liquid.js";export{default as KachingBundles}from"./third-party/components/KachingBundles.liquid.js";export{default as CleanSizeCharts}from"./third-party/components/CleanSizeCharts.liquid.js";export{default as PushOwl}from"./third-party/components/PushOwl.liquid.js";export{default as Bogos}from"./third-party/components/Bogos.liquid.js";export{default as QikifyUpsell}from"./third-party/components/QikifyUpsell.liquid.js";export{default as Releasit}from"./third-party/components/Releasit.liquid.js";export{default as KingProductOptions}from"./third-party/components/KingProductOptions.liquid.js";export{default as EasySellCOD}from"./third-party/components/EasySellCOD.liquid.js";export{default as RequestQuoteHidePrice}from"./third-party/components/RequestQuoteHidePrice.liquid.js";export{default as BirdChime}from"./third-party/components/BirdChime.liquid.js";export{default as KlarnaMessaging}from"./third-party/components/KlarnaMessaging.liquid.js";export{default as FordeerProductLabels}from"./third-party/components/FordeerProductLabels.liquid.js";export{default as EasifyProductOptions}from"./third-party/components/EasifyProductOptions.liquid.js";export{default as CustomProductOptionsVariant}from"./third-party/components/CustomProductOptionsVariant.liquid.js";export{default as ShopifySubscriptions}from"./third-party/components/ShopifySubscriptions.liquid.js";export{default as RechargeSubscriptions}from"./third-party/components/RechargeSubscriptions.liquid.js";export{default as BonLoyaltyRewardsReferrals}from"./third-party/components/BonLoyaltyRewardsReferrals.liquid.js";export{default as RecurpaySubscriptionApp}from"./third-party/components/RecurpaySubscriptionApp.liquid.js";export{default as SubifySubscriptionsApp}from"./third-party/components/SubifySubscriptionsApp.liquid.js";export{default as Selleasy}from"./third-party/components/Selleasy.liquid.js";export{default as LoopSubscriptions}from"./third-party/components/LoopSubscriptions.liquid.js";export{default as SkioSubscriptionsYcS20}from"./third-party/components/SkioSubscriptionsYcS20.liquid.js";export{default as ShopifyForms}from"./third-party/components/ShopifyForms.liquid.js";export{default as NotifyBackInStockPreOrder}from"./third-party/components/NotifyBackInStockPreOrder.liquid.js";export{default as ReviewxpoProductReviewsApp}from"./third-party/components/ReviewxpoProductReviewsApp.liquid.js";export{default as PumperBundlesVolumeDiscount}from"./third-party/components/PumperBundlesVolumeDiscount.liquid.js";export{default as UnlimitedBundlesDiscounts}from"./third-party/components/UnlimitedBundlesDiscounts.liquid.js";export{default as KiteFreeGiftDiscount}from"./third-party/components/KiteFreeGiftDiscount.liquid.js";export{default as FastBundleBundlesDiscounts}from"./third-party/components/FastBundleBundlesDiscounts.liquid.js";export{default as SimpleBundlesKits}from"./third-party/components/SimpleBundlesKits.liquid.js";export{default as EasyBundleBuilderSkailama}from"./third-party/components/EasyBundleBuilderSkailama.liquid.js";export{default as KoalaBundleQuantityDiscount}from"./third-party/components/KoalaBundleQuantityDiscount.liquid.js";export{default as PreorderNowPreOrderPq}from"./third-party/components/PreorderNowPreOrderPq.liquid.js";export{default as FlyBundlesUpsellsFbt}from"./third-party/components/FlyBundlesUpsellsFbt.liquid.js";export{default as JunipProductReviewsUgc}from"./third-party/components/JunipProductReviewsUgc.liquid.js";export{default as MaxbundleProductBundles}from"./third-party/components/MaxbundleProductBundles.liquid.js";export{default as PreorderNowWodPresale}from"./third-party/components/PreorderNowWodPresale.liquid.js";export{default as TagshopShoppableVideosUgc}from"./third-party/components/TagshopShoppableVideosUgc.liquid.js";export{default as WhatmoreShoppableVideosreel}from"./third-party/components/WhatmoreShoppableVideosreel.liquid.js";export{default as ProductOptionsCustomizer}from"./third-party/components/ProductOptionsCustomizer.liquid.js";export{default as TagembedSocialPostReview}from"./third-party/components/TagembedSocialPostReview.liquid.js";export{default as AirProductReviewsAppUgc}from"./third-party/components/AirProductReviewsAppUgc.liquid.js";export{default as MbcBundleVolumeDiscount}from"./third-party/components/MbcBundleVolumeDiscount.liquid.js";export{default as GoogleReviewsByReputon}from"./third-party/components/GoogleReviewsByReputon.liquid.js";export{default as RapiBundleQuantityBreaks}from"./third-party/components/RapiBundleQuantityBreaks.liquid.js";export{default as AppointmentBookingCowlendar}from"./third-party/components/AppointmentBookingCowlendar.liquid.js";export{default as SproutPlantTreesGrowSales}from"./third-party/components/SproutPlantTreesGrowSales.liquid.js";export{default as InstasellShoppableInstagram}from"./third-party/components/InstasellShoppableInstagram.liquid.js";export{default as WishlistPlus}from"./third-party/components/WishlistPlus.liquid.js";export{default as LoloyalLoyaltyReferrals}from"./third-party/components/LoloyalLoyaltyReferrals.liquid.js";export{default as HulkFormBuilder}from"./third-party/components/HulkFormBuilder.liquid.js";export{default as PowerfulContactFormBuilder}from"./third-party/components/PowerfulContactFormBuilder.liquid.js";export{default as WishlistKing}from"./third-party/components/WishlistKing.liquid.js";export{default as TeeinblueProductPersonalizer}from"./third-party/components/TeeinblueProductPersonalizer.liquid.js";export{default as GloboProductOptionsVariant}from"./third-party/components/GloboProductOptionsVariant.liquid.js";export{default as ProductOptionsVariantOption}from"./third-party/components/ProductOptionsVariantOption.liquid.js";export{default as BestBuyFulfillment}from"./third-party/components/BestBuyFulfillment.liquid.js";export{default as AftershipEmailMarketingsms}from"./third-party/components/AftershipEmailMarketingsms.liquid.js";export{default as SegunoEmailMarketing}from"./third-party/components/SegunoEmailMarketing.liquid.js";export{default as SeoantTrustBadgesIcon}from"./third-party/components/SeoantTrustBadgesIcon.liquid.js";export{default as DiscountyBulkDiscountSales}from"./third-party/components/DiscountyBulkDiscountSales.liquid.js";export{default as TrustreviewsProductReviews}from"./third-party/components/TrustreviewsProductReviews.liquid.js";export{default as MyappgurusProductReviews}from"./third-party/components/MyappgurusProductReviews.liquid.js";export{default as HulkProductOptions}from"./third-party/components/HulkProductOptions.liquid.js";export{default as EssentialCountdownTimerBar}from"./third-party/components/EssentialCountdownTimerBar.liquid.js";export{default as EssentialAnnouncementBar}from"./third-party/components/EssentialAnnouncementBar.liquid.js";export{default as OkendoReviewsLoyalty}from"./third-party/components/OkendoReviewsLoyalty.liquid.js";export{default as EstimatedDeliveryDatePlus}from"./third-party/components/EstimatedDeliveryDatePlus.liquid.js";export{default as HextomCountdownTimerBar}from"./third-party/components/HextomCountdownTimerBar.liquid.js";export{default as TrustBadgesBear}from"./third-party/components/TrustBadgesBear.liquid.js";export{default as TrustedsiteTrustBadges}from"./third-party/components/TrustedsiteTrustBadges.liquid.js";export{default as GloColorSwatchvariantImage}from"./third-party/components/GloColorSwatchvariantImage.liquid.js";export{default as BfSizeChartSizeGuide}from"./third-party/components/BfSizeChartSizeGuide.liquid.js";export{default as AlsoBoughtCbb}from"./third-party/components/AlsoBoughtCbb.liquid.js";export{default as HextomFreeShippingBar}from"./third-party/components/HextomFreeShippingBar.liquid.js";export{default as EcoboostifyShoppableReelUgc}from"./third-party/components/EcoboostifyShoppableReelUgc.liquid.js";export{default as EcomsendBackInStockAlert}from"./third-party/components/EcomsendBackInStockAlert.liquid.js";export{default as AppstleBundlesDiscounts}from"./third-party/components/AppstleBundlesDiscounts.liquid.js";export{default as AovFreeGiftBuyXGetYBogo}from"./third-party/components/AovFreeGiftBuyXGetYBogo.liquid.js";export{default as TrustshopProductReviews}from"./third-party/components/TrustshopProductReviews.liquid.js";export{default as StellarDeliveryDatePickup}from"./third-party/components/StellarDeliveryDatePickup.liquid.js";export{default as ThirdPartySlot}from"./third-party-slot/components/ThirdPartySlot.liquid.js";export{default as ShopPayInstallments}from"./shop-pay-installment/components/ShopPayInstallments.liquid.js";export{default as Sticky}from"./sticky/components/Sticky.liquid.js";
2
+ export{default as Accordion}from"./accordion/components/Accordion.liquid.js";export{default as AccordionItem}from"./accordion/components/AccordionItem.liquid.js";export{default as ArticleList}from"./article/components/ArticleList.liquid.js";export{default as ArticleTitle}from"./article/components/ArticleTitle.liquid.js";export{default as ArticleExcerpt}from"./article/components/ArticleExcerpt.liquid.js";export{default as ArticleContent}from"./article/components/ArticleContent.liquid.js";export{default as ArticleImage}from"./article/components/ArticleImage.liquid.js";export{default as ArticlePagination}from"./article/components/ArticlePagination.liquid.js";export{default as ArticleAuthor}from"./article/components/ArticleAuthor.liquid.js";export{default as ArticleTag}from"./article/components/ArticleTag.liquid.js";export{default as ArticleCategory}from"./article/components/ArticleCategory.liquid.js";export{default as ArticleDate}from"./article/components/ArticleDate.liquid.js";export{default as ArticleReadMore}from"./article/components/ArticleReadMore.liquid.js";export{default as HeroBanner}from"./hero-banner/components/HeroBanner.liquid.js";export{default as Breadcrumb}from"./breadcrumb/components/Breadcrumb.liquid.js";export{default as Button}from"./button/components/Button.liquid.js";export{default as CarouselItem}from"./carousel/components/item/CarouselItem.liquid.js";export{default as Carousel}from"./carousel/components/root/Carousel.liquid.js";export{default as ShopPayButton}from"./cart/components/shop-pay-button/ShopPayButton.liquid.js";export{default as CSSCode}from"./code/components/CSSCode.liquid.js";export{default as CollectionToolbar}from"./collection/components/collection-toolbar/CollectionToolbar.liquid.js";export{default as CollectionTitle}from"./collection/components/collection-title/CollectionTitle.liquid.js";export{default as CollectionDescription}from"./collection/components/collection-description/CollectionDescription.liquid.js";export{default as CollectionPaginator}from"./collection/components/collection-paginator/CollectionPaginator.liquid.js";export{default as CollectionBanner}from"./collection/components/collection-banner/CollectionBanner.liquid.js";export{default as Countdown}from"./countdown-timer/components/Countdown.liquid.js";export{default as Coupon}from"./coupon/components/Coupon.liquid.js";export{default as Dialog}from"./dialog/components/Dialog.liquid.js";export{default as EstimateDate}from"./estimate-delivery/components/EstimateDate.liquid.js";export{default as Root}from"./grid/components/root/Root.liquid.js";export{default as Section}from"./grid/components/section/Section.liquid.js";export{default as Row}from"./grid/components/row/Row.liquid.js";export{default as Col}from"./grid/components/col/Col.liquid.js";export{default as Newsletter}from"./form/components/newsletter/Newsletter.liquid.js";export{default as ContactForm}from"./form/components/contact/Contact.liquid.js";export{default as FormEmail}from"./form/components/form-email/FormEmail.liquid.js";export{default as SubmitButton}from"./form/components/submit-button/SubmitButton.liquid.js";export{default as TextField}from"./form/components/textfield/TextField.liquid.js";export{default as FormTextarea}from"./form/components/textarea/TextArea.liquid.js";export{default as FormDropdown}from"./form/components/form-dropdown/FormDropdown.liquid.js";export{default as FormCheckbox}from"./form/components/form-checkbox/FormCheckbox.liquid.js";export{default as TextInput}from"./form/components/textinput/TextInput.liquid.js";export{default as Heading}from"./heading/components/Heading.liquid.js";export{default as Icon}from"./icon/components/Icon.liquid.js";export{default as IconListItem}from"./icon-list/components/IconListItem.liquid.js";export{default as IconList}from"./icon-list/components/IconList.liquid.js";export{default as IconListHoz}from"./icon-list-hoz/components/IconListHoz.liquid.js";export{default as IconListItemHoz}from"./icon-list-hoz/components/IconListIHozItem.liquid.js";export{default as IconListV2}from"./icon-list-v2/components/IconList.liquid.js";export{default as Image}from"./image/components/Image.liquid.js";export{default as ImageComparison}from"./image-comparison/components/ImageComparison.liquid.js";export{default as Line}from"./line/components/Line.liquid.js";export{default as MarqueeItem}from"./marquee/components/MarqueeItem.liquid.js";export{default as Marquee}from"./marquee/components/Marquee.liquid.js";export{default as Text}from"./text/components/Text.liquid.js";export{default as DynamicCheckout}from"./product/components/dynamic-checkout/DynamicCheckout.liquid.js";export{default as FileUpload}from"./product/components/file-upload/UploadFile.liquid.js";export{default as Product}from"./product/components/product-wrap/Product.liquid.js";export{default as ProductBadge}from"./product/components/product-badge/ProductBadge.liquid.js";export{default as ProductBundleDiscount}from"./product/components/product-bundle/ProductBundleDiscount.liquid.js";export{default as ProductBundleDiscountItem}from"./product/components/product-bundle/ProductBundleDiscountItem.liquid.js";export{default as ProductButton}from"./product/components/product-button/ProductButton.liquid.js";export{default as ProductDescription}from"./product/components/product-description/ProductDescription.liquid.js";export{default as ProductImages}from"./product/components/ProductImages.liquid.js";export{default as ProductQuantity}from"./product/components/product-quantity/ProductQuantity.liquid.js";export{default as ProductVariants}from"./product/components/product-variants/ProductVariants.liquid.js";export{default as ProductTag}from"./product/components/product-discount-tag/ProductDiscountTag.liquid.js";export{default as ProductImagesV2}from"./product/components/product-images-v2/ProductImagesV2.liquid.js";export{default as ProductList}from"./product/components/product-list/ProductList.liquid.js";export{ProductPrice}from"./product/components/product-price/ProductPrice.liquid.js";export{default as ProductProperties}from"./product/components/product-properties/ProductProperties.liquid.js";export{default as ProductTitle}from"./product/components/product-title/ProductTitle.liquid.js";export{default as ProductVendor}from"./product/components/product-vendor/Vendor.liquid.js";export{default as ProductViewMore}from"./product/components/product-view-more/ProductViewMore.liquid.js";export{default as ProductSku}from"./product/components/product-sku/Sku.liquid.js";export{default as Video}from"./video/components/Video.liquid.js";export{default as videoSetting}from"./video/settings/Video.js";export{default as Tabs}from"./tab/components/Tabs.liquid.js";export{default as TabItem}from"./tab/components/TabItem.liquid.js";export{default as StockCounter}from"./stock-counter/components/StockCounter.liquid.js";export{default as Klaviyo}from"./third-party/components/Klaviyo.liquid.js";export{default as SmartSearchBarAndFilters}from"./third-party/components/SmartSearchBarAndFilters.liquid.js";export{default as LooxReviews}from"./third-party/components/LooxReviews.liquid.js";export{default as Instafeed}from"./third-party/components/Instafeed.liquid.js";export{default as CrossSellCartUpsell}from"./third-party/components/CrossSellCartUpsell.liquid.js";export{default as BoostAISearchDiscovery}from"./third-party/components/BoostAISearchDiscovery.liquid.js";export{default as JudgemeReviews}from"./third-party/components/JudgemeReviews.liquid.js";export{default as ProductReviews}from"./third-party/components/ProductReviews.liquid.js";export{default as Ryviu}from"./third-party/components/Ryviu.liquid.js";export{default as Rivyo}from"./third-party/components/Rivyo.liquid.js";export{default as Vitals}from"./third-party/components/Vitals.liquid.js";export{default as Omnisend}from"./third-party/components/Omnisend.liquid.js";export{default as Trustoo}from"./third-party/components/Trustoo.liquid.js";export{default as SealSubscriptions}from"./third-party/components/SealSubscriptions.liquid.js";export{default as AppstleSubscriptions}from"./third-party/components/AppstleSubscriptions.liquid.js";export{default as FeraReviews}from"./third-party/components/FeraReviews.liquid.js";export{default as Growave}from"./third-party/components/Growave.liquid.js";export{default as Opinew}from"./third-party/components/Opinew.liquid.js";export{default as UltimateSalesBoost}from"./third-party/components/UltimateSalesBoost.liquid.js";export{default as AliReviews}from"./third-party/components/AliReviews.liquid.js";export{default as FirePush}from"./third-party/components/FirePush.liquid.js";export{default as ParcelPanel}from"./third-party/components/ParcelPanel.liquid.js";export{default as TrustMe}from"./third-party/components/TrustMe.liquid.js";export{default as FrequentlyBoughtTogether}from"./third-party/components/FrequentlyBoughtTogether.liquid.js";export{default as BoldSubscriptions}from"./third-party/components/BoldSubscriptions.liquid.js";export{default as BoldProductOptions}from"./third-party/components/BoldProductOptions.liquid.js";export{default as WideBundle}from"./third-party/components/WideBundle.liquid.js";export{default as PickyStory}from"./third-party/components/PickyStory.liquid.js";export{default as InfiniteOptions}from"./third-party/components/InfiniteOptions.liquid.js";export{default as Wiser}from"./third-party/components/Wiser.liquid.js";export{default as Stamped}from"./third-party/components/Stamped.liquid.js";export{default as Bundler}from"./third-party/components/Bundler.liquid.js";export{default as LaiProductReviews}from"./third-party/components/LaiProductReviews.liquid.js";export{default as YotpoReviews}from"./third-party/components/YotpoReviews.liquid.js";export{default as KachingBundles}from"./third-party/components/KachingBundles.liquid.js";export{default as CleanSizeCharts}from"./third-party/components/CleanSizeCharts.liquid.js";export{default as PushOwl}from"./third-party/components/PushOwl.liquid.js";export{default as Bogos}from"./third-party/components/Bogos.liquid.js";export{default as QikifyUpsell}from"./third-party/components/QikifyUpsell.liquid.js";export{default as Releasit}from"./third-party/components/Releasit.liquid.js";export{default as KingProductOptions}from"./third-party/components/KingProductOptions.liquid.js";export{default as EasySellCOD}from"./third-party/components/EasySellCOD.liquid.js";export{default as RequestQuoteHidePrice}from"./third-party/components/RequestQuoteHidePrice.liquid.js";export{default as BirdChime}from"./third-party/components/BirdChime.liquid.js";export{default as KlarnaMessaging}from"./third-party/components/KlarnaMessaging.liquid.js";export{default as FordeerProductLabels}from"./third-party/components/FordeerProductLabels.liquid.js";export{default as EasifyProductOptions}from"./third-party/components/EasifyProductOptions.liquid.js";export{default as CustomProductOptionsVariant}from"./third-party/components/CustomProductOptionsVariant.liquid.js";export{default as ShopifySubscriptions}from"./third-party/components/ShopifySubscriptions.liquid.js";export{default as RechargeSubscriptions}from"./third-party/components/RechargeSubscriptions.liquid.js";export{default as BonLoyaltyRewardsReferrals}from"./third-party/components/BonLoyaltyRewardsReferrals.liquid.js";export{default as RecurpaySubscriptionApp}from"./third-party/components/RecurpaySubscriptionApp.liquid.js";export{default as SubifySubscriptionsApp}from"./third-party/components/SubifySubscriptionsApp.liquid.js";export{default as Selleasy}from"./third-party/components/Selleasy.liquid.js";export{default as LoopSubscriptions}from"./third-party/components/LoopSubscriptions.liquid.js";export{default as SkioSubscriptionsYcS20}from"./third-party/components/SkioSubscriptionsYcS20.liquid.js";export{default as ShopifyForms}from"./third-party/components/ShopifyForms.liquid.js";export{default as NotifyBackInStockPreOrder}from"./third-party/components/NotifyBackInStockPreOrder.liquid.js";export{default as ReviewxpoProductReviewsApp}from"./third-party/components/ReviewxpoProductReviewsApp.liquid.js";export{default as PumperBundlesVolumeDiscount}from"./third-party/components/PumperBundlesVolumeDiscount.liquid.js";export{default as UnlimitedBundlesDiscounts}from"./third-party/components/UnlimitedBundlesDiscounts.liquid.js";export{default as KiteFreeGiftDiscount}from"./third-party/components/KiteFreeGiftDiscount.liquid.js";export{default as FastBundleBundlesDiscounts}from"./third-party/components/FastBundleBundlesDiscounts.liquid.js";export{default as SimpleBundlesKits}from"./third-party/components/SimpleBundlesKits.liquid.js";export{default as EasyBundleBuilderSkailama}from"./third-party/components/EasyBundleBuilderSkailama.liquid.js";export{default as KoalaBundleQuantityDiscount}from"./third-party/components/KoalaBundleQuantityDiscount.liquid.js";export{default as PreorderNowPreOrderPq}from"./third-party/components/PreorderNowPreOrderPq.liquid.js";export{default as FlyBundlesUpsellsFbt}from"./third-party/components/FlyBundlesUpsellsFbt.liquid.js";export{default as JunipProductReviewsUgc}from"./third-party/components/JunipProductReviewsUgc.liquid.js";export{default as MaxbundleProductBundles}from"./third-party/components/MaxbundleProductBundles.liquid.js";export{default as PreorderNowWodPresale}from"./third-party/components/PreorderNowWodPresale.liquid.js";export{default as TagshopShoppableVideosUgc}from"./third-party/components/TagshopShoppableVideosUgc.liquid.js";export{default as WhatmoreShoppableVideosreel}from"./third-party/components/WhatmoreShoppableVideosreel.liquid.js";export{default as ProductOptionsCustomizer}from"./third-party/components/ProductOptionsCustomizer.liquid.js";export{default as TagembedSocialPostReview}from"./third-party/components/TagembedSocialPostReview.liquid.js";export{default as AirProductReviewsAppUgc}from"./third-party/components/AirProductReviewsAppUgc.liquid.js";export{default as MbcBundleVolumeDiscount}from"./third-party/components/MbcBundleVolumeDiscount.liquid.js";export{default as GoogleReviewsByReputon}from"./third-party/components/GoogleReviewsByReputon.liquid.js";export{default as RapiBundleQuantityBreaks}from"./third-party/components/RapiBundleQuantityBreaks.liquid.js";export{default as AppointmentBookingCowlendar}from"./third-party/components/AppointmentBookingCowlendar.liquid.js";export{default as SproutPlantTreesGrowSales}from"./third-party/components/SproutPlantTreesGrowSales.liquid.js";export{default as InstasellShoppableInstagram}from"./third-party/components/InstasellShoppableInstagram.liquid.js";export{default as WishlistPlus}from"./third-party/components/WishlistPlus.liquid.js";export{default as LoloyalLoyaltyReferrals}from"./third-party/components/LoloyalLoyaltyReferrals.liquid.js";export{default as HulkFormBuilder}from"./third-party/components/HulkFormBuilder.liquid.js";export{default as PowerfulContactFormBuilder}from"./third-party/components/PowerfulContactFormBuilder.liquid.js";export{default as WishlistKing}from"./third-party/components/WishlistKing.liquid.js";export{default as TeeinblueProductPersonalizer}from"./third-party/components/TeeinblueProductPersonalizer.liquid.js";export{default as GloboProductOptionsVariant}from"./third-party/components/GloboProductOptionsVariant.liquid.js";export{default as ProductOptionsVariantOption}from"./third-party/components/ProductOptionsVariantOption.liquid.js";export{default as BestBuyFulfillment}from"./third-party/components/BestBuyFulfillment.liquid.js";export{default as AftershipEmailMarketingsms}from"./third-party/components/AftershipEmailMarketingsms.liquid.js";export{default as SegunoEmailMarketing}from"./third-party/components/SegunoEmailMarketing.liquid.js";export{default as SeoantTrustBadgesIcon}from"./third-party/components/SeoantTrustBadgesIcon.liquid.js";export{default as DiscountyBulkDiscountSales}from"./third-party/components/DiscountyBulkDiscountSales.liquid.js";export{default as TrustreviewsProductReviews}from"./third-party/components/TrustreviewsProductReviews.liquid.js";export{default as MyappgurusProductReviews}from"./third-party/components/MyappgurusProductReviews.liquid.js";export{default as HulkProductOptions}from"./third-party/components/HulkProductOptions.liquid.js";export{default as EssentialCountdownTimerBar}from"./third-party/components/EssentialCountdownTimerBar.liquid.js";export{default as EssentialAnnouncementBar}from"./third-party/components/EssentialAnnouncementBar.liquid.js";export{default as OkendoReviewsLoyalty}from"./third-party/components/OkendoReviewsLoyalty.liquid.js";export{default as EstimatedDeliveryDatePlus}from"./third-party/components/EstimatedDeliveryDatePlus.liquid.js";export{default as HextomCountdownTimerBar}from"./third-party/components/HextomCountdownTimerBar.liquid.js";export{default as TrustBadgesBear}from"./third-party/components/TrustBadgesBear.liquid.js";export{default as TrustedsiteTrustBadges}from"./third-party/components/TrustedsiteTrustBadges.liquid.js";export{default as GloColorSwatchvariantImage}from"./third-party/components/GloColorSwatchvariantImage.liquid.js";export{default as BfSizeChartSizeGuide}from"./third-party/components/BfSizeChartSizeGuide.liquid.js";export{default as AlsoBoughtCbb}from"./third-party/components/AlsoBoughtCbb.liquid.js";export{default as HextomFreeShippingBar}from"./third-party/components/HextomFreeShippingBar.liquid.js";export{default as EcoboostifyShoppableReelUgc}from"./third-party/components/EcoboostifyShoppableReelUgc.liquid.js";export{default as EcomsendBackInStockAlert}from"./third-party/components/EcomsendBackInStockAlert.liquid.js";export{default as AppstleBundlesDiscounts}from"./third-party/components/AppstleBundlesDiscounts.liquid.js";export{default as AovFreeGiftBuyXGetYBogo}from"./third-party/components/AovFreeGiftBuyXGetYBogo.liquid.js";export{default as AovBundlesVolumeDiscounts}from"./third-party/components/AovBundlesVolumeDiscounts.liquid.js";export{default as UppromoteAffiliateMarketing}from"./third-party/components/UppromoteAffiliateMarketing.liquid.js";export{default as DealeasyVolumeDiscounts}from"./third-party/components/DealeasyVolumeDiscounts.liquid.js";export{default as TrustshopProductReviews}from"./third-party/components/TrustshopProductReviews.liquid.js";export{default as StellarDeliveryDatePickup}from"./third-party/components/StellarDeliveryDatePickup.liquid.js";export{default as ThirdPartySlot}from"./third-party-slot/components/ThirdPartySlot.liquid.js";export{default as ShopPayInstallments}from"./shop-pay-installment/components/ShopPayInstallments.liquid.js";export{default as Sticky}from"./sticky/components/Sticky.liquid.js";
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as t}from"react/jsx-runtime";import i from"next/link";let CustomLink=({children:e,...r})=>t(i,{title:r?.title,"data-id":r?.dataId,...r,children:e});export{CustomLink as default};
2
+ import{jsx as t}from"react/jsx-runtime";import e from"next/link";import{useRenderMode as r}from"@gem-sdk/core";import{handleClickLink as i}from"../../helpers.js";let CustomLink=({children:o,dataId:l,...m})=>{let{isPreviewSharePageMode:n}=r(),p={title:m.title,"data-id":l},s=m.href?.toString(),a=()=>{i({link:s,type:s?.startsWith("#el")?"open-popup":void 0})};return n?t("a",{...p,...m,href:s,onClick:a,children:o}):t(e,{...p,...m,children:o})};export{CustomLink as default};
@@ -1,4 +1,4 @@
1
- import{template as t,isLocalEnv as s,baseAssetURL as a}from"@gem-sdk/core";import{createClass as i,createStateOrContext as e,Liquid as o,LiquidFor as n,If as l}from"@gem-sdk/system";import{getDynamicSourceLocales as r,getSettingPreloadData as d}from"../../../helpers.js";import{getButtonClasses as m}from"./common/classes.js";import{getButtonStyles as p}from"./common/styles.js";import{removeQuotes as c}from"./common/helper.js";let Button=({setting:u,advanced:y,styles:g,pageContext:f,builderProps:_,className:$=""})=>{let v=r({pageContext:f,settingId:"label",val:u?.label,uid:_?.uid,translate:u?.translate}),b=i({...!!$&&{[$]:!0},...m({styles:g,uid:_?.uid})}),h=p({styles:g,uid:_?.uid}),j=e({setting:{label:u?.label},totalVariant:"{{total_combinations}}"});return t`
1
+ import{template as t,isLocalEnv as s,baseAssetURL as a}from"@gem-sdk/core";import{createClass as e,createStateOrContext as i,Liquid as o,LiquidFor as n,If as l}from"@gem-sdk/system";import{getDynamicSourceLocales as r,getSettingPreloadData as d}from"../../../helpers.js";import{getButtonClasses as p}from"./common/classes.js";import{getButtonStyles as m}from"./common/styles.js";let Button=({setting:c,advanced:u,styles:y,pageContext:g,builderProps:_,className:f=""})=>{let $=r({pageContext:g,settingId:"label",val:c?.label,uid:_?.uid,translate:c?.translate}),v=e({...!!f&&{[f]:!0},...p({styles:y,uid:_?.uid})}),b=m({styles:y,uid:_?.uid}),S=i({setting:{label:c?.label},totalVariant:"{{total_combinations}}"});return t`
2
2
  ${o("{%- assign total_combinations = 1 -%}")}
3
3
  ${n("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
4
4
  ${o(`
@@ -7,13 +7,13 @@ import{template as t,isLocalEnv as s,baseAssetURL as a}from"@gem-sdk/core";impor
7
7
  assign supported_payment_methods = shop.enabled_payment_types
8
8
  -%}
9
9
  `)}
10
- <gp-product-dynamic data-id="${_?.uid}" data-translate-label='${c(v)}' class="${y?.cssClass}" gp-data='${c(JSON.stringify(j))}
10
+ <gp-product-dynamic data-id="${_?.uid}" data-translate-label='${$}' class="${u?.cssClass}" gp-data='${JSON.stringify(S).replaceAll("'","&#039;")}
11
11
  '>
12
- <div class="${b}">
12
+ <div class="${v}">
13
13
  {{ form | payment_button }}
14
14
  </div>
15
15
  {% style %}
16
- ${h}
16
+ ${b}
17
17
  {% endstyle %}
18
18
  </gp-product-dynamic>
19
19
  ${l(s,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-dynamic-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-dynamic-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useEditorMode as o,isEmptyChildren as s}from"@gem-sdk/core";import{isValidElement as n}from"react";import i from"../../../common/components/NoDataState.js";import{createClass as r,createStyle as d,If as m}from"@gem-sdk/system";import{getSizeSettings as l,getContainerStyles as c}from"./common/styles.js";import{getContainerClasses as u,getNoDiscountClasses as a}from"./common/classes.js";import p from"./hooks/useProductBundleDataState.js";import f from"./hooks/useProductBundleDiscountState.js";import h from"./ProductBundleDiscountChildrenItem.js";let ProductBundleDiscount=({builderAttrs:b,style:y,children:I,setting:g,styles:j,advanced:D})=>{let k=o(),{isSelected:S,setSelected:x}=f(g),{emitRedirectSetupPage:B,redirectGuideline:P,svg:N}=p(),T=r(u(g,D?.cssClass)),v=r(a),A=d(l(j)?.gap),C=d(c(A,j,y));if(!g?.bundleItems?.length&&"edit"===k)return e(i,{elementType:"secondary",description:"Increase AOV with bundle quantity.",descriptionActions:[{text:"Setup bundle discount",callback:B},{text:"read guideline",callback:P}],additionalMedia:N});let q=(t,o)=>{if(g?.hideNoDiscountItem&&t?.discountType==="no_discount")return null;let s=I?.[o];if(n(s))return e(h,{index:o,childItem:s,setting:g,styles:j,isSelected:S(o),setSelected:x,bundleItem:t},o)};return t("div",{...b,className:T,style:C,children:[m(s(I)||g?.bundleItems?.length==0,e("div",{className:v,children:"This product has no bundle discount"})),g?.bundleItems?.map((e,t)=>q(e,t))]})};export{ProductBundleDiscount as default};
2
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRenderMode as o,isEmptyChildren as s}from"@gem-sdk/core";import{isValidElement as n}from"react";import r from"../../../common/components/NoDataState.js";import{createClass as i,createStyle as d,If as m}from"@gem-sdk/system";import{getSizeSettings as l,getContainerStyles as c}from"./common/styles.js";import{getContainerClasses as u,getNoDiscountClasses as a}from"./common/classes.js";import p from"./hooks/useProductBundleDataState.js";import f from"./hooks/useProductBundleDiscountState.js";import h from"./ProductBundleDiscountChildrenItem.js";let ProductBundleDiscount=({builderAttrs:b,style:y,children:I,setting:g,styles:j,advanced:D})=>{let{isEditMode:k,isPreviewSharePageMode:S}=o(),{isSelected:x,setSelected:B}=f(g),{emitRedirectSetupPage:P,redirectGuideline:N,svg:T}=p(),v=i(u(g,D?.cssClass)),A=i(a),C=d(l(j)?.gap),q=d(c(C,j,y));if(!g?.bundleItems?.length&&k)return e(r,{elementType:"secondary",description:"Increase AOV with bundle quantity.",descriptionActions:[{text:"Setup bundle discount",callback:P},{text:"read guideline",callback:N}],additionalMedia:T});let w=(t,o)=>{if(g?.hideNoDiscountItem&&t?.discountType==="no_discount")return null;let s=I?.[o];if(n(s))return e(h,{index:o,childItem:s,setting:g,styles:j,isSelected:x(o),setSelected:B,bundleItem:t},o)},M=(s(I)||g?.bundleItems?.length==0)&&!S;return t("div",{...b,className:v,style:q,children:[m(M,e("div",{className:A,children:"This product has no bundle discount"})),g?.bundleItems?.map((e,t)=>w(e,t))]})};export{ProductBundleDiscount as default};