@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

package/dist/cjs/icon-list-hoz/settings/configs/presets.js

@@ -0,0 +1,17 @@
+"use strict";var ItemTemplate=require("../ItemTemplate.js");const IconListHozPreset=[{id:"icon-list-hoz",name:{en:"Icon List"},icon:{desktop:`
+          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.6863 18.586C15.8147 18.3258 16.1856 18.3258 16.314 18.586L17.8598 21.7181C17.9108 21.8214 18.0094 21.893 18.1234 21.9096L21.5799 22.4119C21.867 22.4536 21.9816 22.8064 21.7739 23.0089L19.2727 25.4469C19.1902 25.5273 19.1526 25.6432 19.1721 25.7567L19.7625 29.1993C19.8115 29.4852 19.5114 29.7032 19.2547 29.5683L16.163 27.9429C16.0611 27.8893 15.9393 27.8893 15.8373 27.9429L12.7457 29.5683C12.4889 29.7032 12.1888 29.4852 12.2378 29.1993L12.8283 25.7567C12.8478 25.6432 12.8101 25.5273 12.7276 25.4469L10.2264 23.0089C10.0187 22.8064 10.1333 22.4536 10.4204 22.4119L13.877 21.9096C13.991 21.893 14.0895 21.8214 14.1405 21.7181L15.6863 18.586Z" fill="#F9F9F9"/>
+<path d="M31.6863 18.586C31.8147 18.3258 32.1856 18.3258 32.314 18.586L33.8598 21.7181C33.9108 21.8214 34.0094 21.893 34.1234 21.9096L37.5799 22.4119C37.867 22.4536 37.9816 22.8064 37.7739 23.0089L35.2727 25.4469C35.1902 25.5273 35.1526 25.6432 35.1721 25.7567L35.7625 29.1993C35.8115 29.4852 35.5114 29.7032 35.2547 29.5683L32.163 27.9429C32.0611 27.8893 31.9393 27.8893 31.8373 27.9429L28.7457 29.5683C28.4889 29.7032 28.1888 29.4852 28.2378 29.1993L28.8283 25.7567C28.8478 25.6432 28.8101 25.5273 28.7276 25.4469L26.2264 23.0089C26.0187 22.8064 26.1333 22.4536 26.4204 22.4119L29.877 21.9096C29.991 21.893 30.0895 21.8214 30.1405 21.7181L31.6863 18.586Z" fill="#F9F9F9"/>
+<path d="M47.6863 18.586C47.8147 18.3258 48.1856 18.3258 48.314 18.586L49.8598 21.7181C49.9108 21.8214 50.0094 21.893 50.1234 21.9096L53.5799 22.4119C53.867 22.4536 53.9816 22.8064 53.7739 23.0089L51.2727 25.4469C51.1902 25.5273 51.1526 25.6432 51.1721 25.7567L51.7625 29.1993C51.8115 29.4852 51.5114 29.7032 51.2547 29.5683L48.163 27.9429C48.0611 27.8893 47.9393 27.8893 47.8373 27.9429L44.7457 29.5683C44.4889 29.7032 44.1888 29.4852 44.2378 29.1993L44.8283 25.7567C44.8478 25.6432 44.8101 25.5273 44.7276 25.4469L42.2264 23.0089C42.0187 22.8064 42.1333 22.4536 42.4204 22.4119L45.877 21.9096C45.991 21.893 46.0895 21.8214 46.1405 21.7181L47.6863 18.586Z" fill="#F9F9F9"/>
+<path d="M63.6863 18.586C63.8147 18.3258 64.1856 18.3258 64.314 18.586L65.8598 21.7181C65.9108 21.8214 66.0094 21.893 66.1234 21.9096L69.5799 22.4119C69.867 22.4536 69.9816 22.8064 69.7739 23.0089L67.2727 25.4469C67.1902 25.5273 67.1526 25.6432 67.1721 25.7567L67.7625 29.1993C67.8115 29.4852 67.5114 29.7032 67.2547 29.5683L64.163 27.9429C64.0611 27.8893 63.9393 27.8893 63.8373 27.9429L60.7457 29.5683C60.4889 29.7032 60.1888 29.4852 60.2378 29.1993L60.8283 25.7567C60.8478 25.6432 60.8101 25.5273 60.7276 25.4469L58.2264 23.0089C58.0187 22.8064 58.1333 22.4536 58.4204 22.4119L61.877 21.9096C61.991 21.893 62.0895 21.8214 62.1405 21.7181L63.6863 18.586Z" fill="#F9F9F9"/>
+<path d="M79.6863 18.586C79.8147 18.3258 80.1856 18.3258 80.314 18.586L81.8598 21.7181C81.9108 21.8214 82.0094 21.893 82.1234 21.9096L85.5799 22.4119C85.867 22.4536 85.9816 22.8064 85.7739 23.0089L83.2727 25.4469C83.1902 25.5273 83.1526 25.6432 83.1721 25.7567L83.7625 29.1993C83.8115 29.4852 83.5114 29.7032 83.2547 29.5683L80.163 27.9429C80.0611 27.8893 79.9393 27.8893 79.8373 27.9429L76.7457 29.5683C76.4889 29.7032 76.1888 29.4852 76.2378 29.1993L76.8283 25.7567C76.8478 25.6432 76.8101 25.5273 76.7276 25.4469L74.2264 23.0089C74.0187 22.8064 74.1333 22.4536 74.4204 22.4119L77.877 21.9096C77.991 21.893 78.0895 21.8214 78.1405 21.7181L79.6863 18.586Z" fill="#F9F9F9"/>
+</svg>
+        `},components:[{tag:"IconListHoz",settings:{childItem:["Icon 1","Icon 2","Icon 3","Icon 4","Icon 5"]},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[ItemTemplate.itemChildrenTemplate,ItemTemplate.itemChildrenTemplate,ItemTemplate.itemChildrenTemplate,ItemTemplate.itemChildrenTemplate,ItemTemplate.itemChildrenTemplate]}]},{id:"icon-list-hoz-half-star",name:{en:"Icon List"},icon:{desktop:`
+        <svg width="78" height="14" viewBox="0 0 78 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M6.68606 1.58622C6.81445 1.32608 7.18539 1.32608 7.31378 1.58621L8.8596 4.71838C8.91058 4.82168 9.00913 4.89328 9.12312 4.90984L12.5797 5.41211C12.8667 5.45383 12.9814 5.80662 12.7736 6.0091L10.2725 8.44715C10.19 8.52756 10.1523 8.64341 10.1718 8.75695L10.7623 12.1995C10.8113 12.4854 10.5112 12.7035 10.2544 12.5685L7.16279 10.9431C7.06083 10.8895 6.93902 10.8895 6.83705 10.9431L3.74542 12.5685C3.48865 12.7035 3.18855 12.4855 3.23759 12.1995L3.82804 8.75695C3.84751 8.64341 3.80987 8.52756 3.72738 8.44715L1.2262 6.0091C1.01846 5.80662 1.13309 5.45383 1.42017 5.41211L4.87672 4.90984C4.99072 4.89328 5.08927 4.82168 5.14025 4.71838L6.68606 1.58622Z" fill="#F9F9F9"/>
+        <path d="M22.6861 1.58622C22.8144 1.32608 23.1854 1.32608 23.3138 1.58621L24.8596 4.71838C24.9106 4.82168 25.0091 4.89328 25.1231 4.90984L28.5797 5.41211C28.8667 5.45383 28.9814 5.80662 28.7736 6.0091L26.2725 8.44715C26.19 8.52756 26.1523 8.64341 26.1718 8.75695L26.7623 12.1995C26.8113 12.4854 26.5112 12.7035 26.2544 12.5685L23.1628 10.9431C23.0608 10.8895 22.939 10.8895 22.8371 10.9431L19.7454 12.5685C19.4887 12.7035 19.1885 12.4855 19.2376 12.1995L19.828 8.75695C19.8475 8.64341 19.8099 8.52756 19.7274 8.44715L17.2262 6.0091C17.0185 5.80662 17.1331 5.45383 17.4202 5.41211L20.8767 4.90984C20.9907 4.89328 21.0893 4.82168 21.1402 4.71838L22.6861 1.58622Z" fill="#F9F9F9"/>
+        <path d="M38.6861 1.58622C38.8144 1.32608 39.1854 1.32608 39.3138 1.58621L40.8596 4.71838C40.9106 4.82168 41.0091 4.89328 41.1231 4.90984L44.5797 5.41211C44.8667 5.45383 44.9814 5.80662 44.7736 6.0091L42.2725 8.44715C42.19 8.52756 42.1523 8.64341 42.1718 8.75695L42.7623 12.1995C42.8113 12.4854 42.5112 12.7035 42.2544 12.5685L39.1628 10.9431C39.0608 10.8895 38.939 10.8895 38.8371 10.9431L35.7454 12.5685C35.4887 12.7035 35.1885 12.4855 35.2376 12.1995L35.828 8.75695C35.8475 8.64341 35.8099 8.52756 35.7274 8.44715L33.2262 6.0091C33.0185 5.80662 33.1331 5.45383 33.4202 5.41211L36.8767 4.90984C36.9907 4.89328 37.0893 4.82168 37.1402 4.71838L38.6861 1.58622Z" fill="#F9F9F9"/>
+        <path d="M54.6861 1.58622C54.8144 1.32608 55.1854 1.32608 55.3138 1.58621L56.8596 4.71838C56.9106 4.82168 57.0091 4.89328 57.1231 4.90984L60.5797 5.41211C60.8667 5.45383 60.9814 5.80662 60.7736 6.0091L58.2725 8.44715C58.19 8.52756 58.1523 8.64341 58.1718 8.75695L58.7623 12.1995C58.8113 12.4854 58.5112 12.7035 58.2544 12.5685L55.1628 10.9431C55.0608 10.8895 54.939 10.8895 54.8371 10.9431L51.7454 12.5685C51.4887 12.7035 51.1885 12.4855 51.2376 12.1995L51.828 8.75695C51.8475 8.64341 51.8099 8.52756 51.7274 8.44715L49.2262 6.0091C49.0185 5.80662 49.1331 5.45383 49.4202 5.41211L52.8767 4.90984C52.9907 4.89328 53.0893 4.82168 53.1402 4.71838L54.6861 1.58622Z" fill="#F9F9F9"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M69.1402 4.71838C69.0893 4.82168 68.9907 4.89328 68.8767 4.90984L65.4202 5.41211C65.1331 5.45383 65.0185 5.80662 65.2262 6.0091L67.7274 8.44715C67.8099 8.52756 67.8475 8.64341 67.828 8.75695L67.2376 12.1995C67.1885 12.4854 67.4887 12.7035 67.7454 12.5685L70.8371 10.9431C70.939 10.8895 71.0608 10.8895 71.1628 10.9431L74.2544 12.5685C74.5112 12.7035 74.8113 12.4854 74.7623 12.1995L74.1718 8.75695C74.1523 8.64341 74.19 8.52756 74.2725 8.44715L76.7736 6.0091C76.9814 5.80662 76.8667 5.45382 76.5797 5.41211L73.1231 4.90984C73.0091 4.89328 72.9106 4.82168 72.8596 4.71838L71.3138 1.58621C71.1854 1.32608 70.8144 1.32608 70.6861 1.58622L69.1402 4.71838ZM71.3793 3.97846C71.2856 3.78871 70.9999 3.85619 70.9999 4.0678C70.9999 7.05107 70.9999 9.06312 70.9999 9.77356C70.9999 9.94445 71.1077 10.095 71.2688 10.1521C71.7037 10.3061 72.5748 10.6223 73.1889 10.8959C73.3403 10.9634 73.5135 10.8345 73.4855 10.6711L73.1862 8.92599C73.1111 8.48806 73.2563 8.04121 73.5745 7.73107L74.8423 6.49519C74.961 6.37949 74.8955 6.17789 74.7315 6.15406L72.9793 5.89945C72.5396 5.83556 72.1595 5.55939 71.9629 5.16095L71.3793 3.97846Z" fill="#F9F9F9"/>
+        </svg>
+         `},components:[{tag:"IconListHoz",settings:{childItem:["Icon 1","Icon 2","Icon 3","Icon 4","Icon 5"]},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[ItemTemplate.itemSystemStarTemplate,ItemTemplate.itemSystemStarTemplate,ItemTemplate.itemSystemStarTemplate,ItemTemplate.itemSystemStarTemplate,ItemTemplate.itemChildrenHalfStarTemplate]}]}];exports.IconListHozPreset=IconListHozPreset;

package/dist/cjs/icon-list-hoz/settings/configs/settings.js

@@ -0,0 +1 @@
+"use strict";var ItemTemplate=require("../ItemTemplate.js");const IconListHozSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Icon 1","Icon 2"],childTemplate:ItemTemplate.itemControlTemplate},{id:"preload",type:"toggle",label:"Preload",default:!1}]},{id:"style",controls:[{id:"background",type:"background-media",devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"horizontalSpacing",label:"Icon Spacing",default:"4px",type:"input:slider",units:["px"],ignoreMax:!0,min:0,max:40},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"verticalAlign",label:"Vertical",type:"option:value",options:[{label:"Align top",value:"start",type:"align",tooltip:"Align top",iconName:"gp-align-top"},{label:"Align center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center-vertical"},{label:"Align bottom",value:"end",type:"align",tooltip:"Align bottom",iconName:"gp-align-bottom"}],devices:{desktop:{default:"start"}}}]}];exports.IconListHozSettings=IconListHozSettings;

package/dist/cjs/icon-list-hoz/settings/configs/uiV1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"control",label:{en:"Item management"},setting:{id:"childItem"},layout:"vertical"},{type:"group",controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{type:"control",label:{en:"Preload"},options:{info:"near"},setting:{id:"preload"},condition:'background.type == "image"'}]},{type:"control",label:{en:"Icon spacing"},setting:{id:"horizontalSpacing"}},{type:"group",label:{en:"Align"},controls:[{type:"control",label:{en:"Horizontal"},setting:{id:"align"}},{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"}}]}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/icon-list-hoz/settings/configs/uiV2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{label:{en:"Item management"},controls:[{label:{en:"Order"},setting:{id:"childItem"},options:{fullWidth:!0}}]},{label:{en:"Item spacing"},controls:[{type:"control",label:{en:"Gap"},setting:{id:"horizontalSpacing"}}]},{label:{en:"Background"},controls:[{type:"control",setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Align"},controls:[{type:"control",label:{en:"Horizontal"},setting:{id:"align"}},{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/icon-list-v2/common/classes.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getClassWraplistIcon=()=>core.composeClasses("gp-flex"),getClassColListIcon=()=>core.composeClasses("gp-inline-flex gp-flex-col"),getClassWrapItemIcon=({builderProps:e})=>core.composeClasses(`gp-icon-list-wrapper gp-flex gp-child-item-${e?.uid}`),getClassWrapIcon=()=>core.composeClasses("gp-icon-list-icon gp-inline-flex gp-shrink-0 gp-overflow-hidden"),getClassIcon=()=>core.composeClasses("gp-icon gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-h-[var(--size-desktop)] [&>svg]:!gp-w-[var(--size-desktop)] tablet:[&>svg]:!gp-h-[var(--size-tablet)] tablet:[&>svg]:!gp-w-[var(--size-tablet)] mobile:[&>svg]:!gp-h-[var(--size-mobile)] mobile:[&>svg]:!gp-w-[var(--size-mobile)]"),getClassTextItem=({setting:e})=>{let{textTypo:s}=e??{},t=core.composeTypographyClassName(s);return core.composeClasses(`${t} gp-w-full gp-border gp-border-transparent gp-text-left gp-icon-list-text`)};exports.getClassColListIcon=getClassColListIcon,exports.getClassIcon=getClassIcon,exports.getClassTextItem=getClassTextItem,exports.getClassWrapIcon=getClassWrapIcon,exports.getClassWrapItemIcon=getClassWrapItemIcon,exports.getClassWraplistIcon=getClassWraplistIcon;

package/dist/cjs/icon-list-v2/common/helpers.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js");const getTextIconNotFound=e=>"react"===e?"Icons not found":helpers.getStaticLocale("IconList","icons_not_found"),getTextIconTranslations=({setting:e,builderProps:o,pageContext:t,key:n,type:i})=>{let{childItem:s,translate:c}=e??{};return"react"===i?s?.[n]:helpers.getDynamicSourceLocales({val:s?.[n],uid:o?.uid,settingId:`childItem_${n}`,pageContext:t,translate:c,isReplaceLocationOrigin:!0})},getvalueMap=({setting:e})=>{let{childConfig:o,iconType:t,iconSvg:n}=e??{};return t&&"matching"!==t?"different"===t?o:void 0:Array(o?.length).fill(n)},composePostionIconList=(e,o,t)=>{let n={};return core.composePositionLineHeight({compose:n,lineHeight:e,device:"desktop",position:o,iconWidth:t}),core.composePositionLineHeight({compose:n,lineHeight:e,device:"tablet",position:o,iconWidth:t}),core.composePositionLineHeight({compose:n,lineHeight:e,device:"mobile",position:o,iconWidth:t}),n};exports.composePostionIconList=composePostionIconList,exports.getTextIconNotFound=getTextIconNotFound,exports.getTextIconTranslations=getTextIconTranslations,exports.getvalueMap=getvalueMap;

package/dist/cjs/icon-list-v2/common/styles.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e},getStyleContainerIconlistMain=({styles:e,style:t,type:o,advanced:r})=>{let{align:l}=e??{};return{...t="react"===o?filterStyles(t):t,...core.makeStyleResponsive("jc",l),...core.makeStyleResponsive("d",{desktop:r?.d?.desktop?"flex":"none",tablet:r?.d?.tablet?"flex":"none",mobile:r?.d?.mobile?"flex":"none"})}},getStyleWraplistIcon=({styles:e})=>{let{panelAlign:t,contentBoxPadding:o,contentBoxWidth:r,background:l,contentBoxBorder:n,contentBoxRounded:s,contentBoxShadow:c}=e??{};return{...core.composeBorderResponsive(n),...core.getResponsiveStyleShadowWithoutState(c,"box-shadow",c),...core.composeRadiusResponsive(s),...core.getStyleBackgroundByDevice(l),...core.getResponsiveStylePadding(o),...core.makeStyleResponsive("w",r),...core.makeStyleResponsive("jc",t),...core.getGradientBgrStyleByDevice(l,{desktop:!0,tablet:!0,mobile:!0})}},getStyleColListIcon=({styles:e})=>{let{verticalSpacing:t}=e??{};return{...core.makeStyleResponsive("rg",t)}},getStyleWrapItemIcon=({styles:e})=>{let{horizontalSpacing:t}=e??{};return{...core.makeStyleResponsive("cg",t)}},getStyleWrapIcon=({styles:e,setting:t})=>{let{iconBorder:o,backgroundColor:r,iconRounded:l}=e??{},{globalSize:n}=t??{},s=core.makeGlobalSize(n);return{...s.padding,...core.makeStyle({bs:o?.border,bw:o?.width,bc:core.getSingleColorVariable(o?.color),bg:r,bblr:l?.bblr,bbrr:l?.bbrr,btlr:l?.btlr,btrr:l?.btrr})}},getStyleIcon=({styles:e,setting:t})=>{let{iconColor:o}=e||{},{iconWidth:r}=t??{};return{"--c":core.getSingleColorVariable(o),"--w":"100%","--h":"100%","--size-desktop":`${r?.desktop}px`,"--size-tablet":`${r?.tablet||r?.desktop}px`,"--size-mobile":`${r?.mobile||r?.tablet||r?.desktop}px`}},getStyleTypoText=({setting:e})=>({typo:e?.textTypo});exports.getStyleColListIcon=getStyleColListIcon,exports.getStyleContainerIconlistMain=getStyleContainerIconlistMain,exports.getStyleIcon=getStyleIcon,exports.getStyleTypoText=getStyleTypoText,exports.getStyleWrapIcon=getStyleWrapIcon,exports.getStyleWrapItemIcon=getStyleWrapItemIcon,exports.getStyleWraplistIcon=getStyleWraplistIcon;

package/dist/cjs/icon-list-v2/components/IconList.js

@@ -1,147 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var Text = require('../../text/components/Text.js');
-var React = require('react');
-var useGetProductId = require('../../hooks/useGetProductId.js');
-
-const IconListV2 = ({ builderProps, builderAttrs, style, setting, styles })=>{
-    const { textTypo, childItem, childConfig, iconWidth, iconType, iconSvg } = setting ?? {};
-    const { horizontalSpacing, verticalSpacing, position, align, iconColor, backgroundColor, iconBorder, iconRounded, background } = styles || {};
-    const currentDevice = core.useCurrentDevice();
-    const ref = React.useRef(null);
-    const composeGlobalSize = core.makeGlobalSize(setting?.globalSize);
-    const filterStyles = React.useMemo(()=>{
-        const delList = [
-            '--mb',
-            '--mb-mobile',
-            '--mb-tablet'
-        ];
-        delList.forEach((element)=>{
-            delete style?.[element];
-        });
-        return style;
-    }, [
-        style
-    ]);
-    const valueMap = React.useMemo(()=>{
-        if (!iconType || iconType === 'matching') {
-            return new Array(childConfig?.length).fill(iconSvg);
-        }
-        if (iconType === 'different') {
-            return childConfig;
-        }
-    }, [
-        iconType,
-        childConfig,
-        iconSvg
-    ]);
-    const [lineHeight, setLineHeight] = React.useState('');
-    React.useEffect(()=>{
-        if (ref?.current && iconWidth?.desktop) {
-            const refLineHeight = window.getComputedStyle(ref?.current).getPropertyValue('line-height');
-            setLineHeight(refLineHeight);
-        }
-    }, [
-        textTypo,
-        iconWidth,
-        currentDevice
-    ]);
-    const composePosition = core.composePostionIconList(lineHeight, position, iconWidth);
-    const { refContainer, productID } = useGetProductId.useGetProductId();
-    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-            ref: refContainer,
-            ...builderAttrs,
-            "data-id": builderProps?.uid,
-            style: {
-                ...filterStyles,
-                ...core.getStyleBackgroundByDevice(background)
-            },
-            className: core.cls(builderProps?.uid),
-            children: valueMap && valueMap.length <= 0 ? /*#__PURE__*/ jsxRuntime.jsx("div", {
-                children: "Icons not found"
-            }) : /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: "gp-flex",
-                style: {
-                    ...core.makeStyleResponsive('jc', align)
-                },
-                children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    className: core.cls('gp-inline-flex gp-flex-col'),
-                    style: {
-                        ...core.makeStyleResponsive('rg', verticalSpacing)
-                    },
-                    children: valueMap?.map((node, key)=>{
-                        return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                            className: `gp-flex gp-child-item-${builderProps?.uid}`,
-                            "data-index": key,
-                            style: {
-                                ...core.makeStyleResponsive('cg', horizontalSpacing),
-                                ...composePosition.wrapper
-                            },
-                            children: [
-                                /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                    className: "gp-relative gp-inline-flex gp-shrink-0 gp-overflow-hidden",
-                                    style: {
-                                        ...composeGlobalSize.padding,
-                                        ...core.makeStyle({
-                                            bs: iconBorder?.border,
-                                            bw: iconBorder?.width,
-                                            bc: core.getSingleColorVariable(iconBorder?.color),
-                                            bg: backgroundColor,
-                                            bblr: iconRounded?.bblr,
-                                            bbrr: iconRounded?.bbrr,
-                                            btlr: iconRounded?.btlr,
-                                            btrr: iconRounded?.btrr
-                                        }),
-                                        ...composePosition.content
-                                    },
-                                    children: /*#__PURE__*/ jsxRuntime.jsx("span", {
-                                        style: {
-                                            ...core.makeStyle({
-                                                c: iconColor
-                                            }),
-                                            '--w': `100%`,
-                                            '--h': `100%`,
-                                            '--size-desktop': `${iconWidth?.desktop}px`,
-                                            '--size-tablet': `${iconWidth?.tablet || iconWidth?.desktop}px`,
-                                            '--size-mobile': `${iconWidth?.mobile || iconWidth?.tablet || iconWidth?.desktop}px`
-                                        },
-                                        className: "gp-icon gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-h-[var(--size-desktop)] [&>svg]:!gp-w-[var(--size-desktop)] tablet:[&>svg]:!gp-h-[var(--size-tablet)] tablet:[&>svg]:!gp-w-[var(--size-tablet)] mobile:[&>svg]:!gp-h-[var(--size-mobile)] mobile:[&>svg]:!gp-w-[var(--size-mobile)]",
-                                        dangerouslySetInnerHTML: {
-                                            __html: node
-                                        }
-                                    })
-                                }),
-                                /*#__PURE__*/ jsxRuntime.jsx(Text.default, {
-                                    setting: {
-                                        text: childItem?.[key],
-                                        htmlTag: 'div',
-                                        options: {
-                                            useState: true,
-                                            uniqueId: `${builderProps?.uid}-${key}-${productID}`,
-                                            productID,
-                                            customClass: {
-                                                wrapper: 'gp-w-full'
-                                            }
-                                        }
-                                    },
-                                    ref: ref,
-                                    styles: {
-                                        typo: setting?.textTypo
-                                    },
-                                    className: "gp-w-full gp-border gp-border-transparent gp-text-left"
-                                })
-                            ]
-                        }, key);
-                    })
-                })
-            })
-        })
-    });
-};
-
-exports.default = IconListV2;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),useGetProductId=require("../../hooks/useGetProductId.js"),Text=require("../../text/components/Text.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js"),useIconLineHeight=require("../hooks/useIconLineHeight.js");const IconListV2=e=>{let{builderProps:s,builderAttrs:t,style:l,setting:a,styles:r,pageContext:c,advanced:n}=e,i=system.createClass({[s?.uid??""]:!0}),o=system.createClass(classes.getClassWraplistIcon()),y=system.createClass(classes.getClassColListIcon()),m=system.createClass(classes.getClassWrapItemIcon({builderProps:s})),u=system.createClass(classes.getClassWrapIcon()),d=system.createClass(classes.getClassIcon()),p=system.createClass(classes.getClassTextItem({setting:a})),x=system.createStyle(styles.getStyleContainerIconlistMain({styles:r,style:l,type:"react",advanced:n})),I=system.createStyle(styles.getStyleWraplistIcon({styles:r})),g=system.createStyle(styles.getStyleColListIcon({styles:r})),j=system.createStyle(styles.getStyleIcon({styles:r,setting:a})),h=styles.getStyleTypoText({setting:a}),C=system.createAttr({...t}),S=helpers.getTextIconNotFound("react"),T=helpers.getvalueMap({setting:a}),{ref:v,lineHeight:L}=useIconLineHeight.useIconLineHeight({iconWidth:a?.iconWidth}),q=helpers.composePostionIconList(L,r?.position,a?.iconWidth),{refContainer:R,productID:W}=useGetProductId.useGetProductId(),N=system.createStyle({...styles.getStyleWrapIcon({styles:r,setting:a}),...q.content}),f=system.createStyle({...styles.getStyleWrapItemIcon({styles:r}),...q.wrapper});return jsxRuntime.jsx("div",{...C,...s,"data-id":s?.uid,style:x,className:i,ref:R,children:system.If(!T||!T.length,jsxRuntime.jsx("div",{children:S}),jsxRuntime.jsx("div",{className:o,style:I,children:jsxRuntime.jsx("div",{className:y,style:g,children:T?.map((e,t)=>{let l=helpers.getTextIconTranslations({setting:a,builderProps:s,pageContext:c,key:t,type:"react"});return jsxRuntime.jsxs("div",{"data-index":t,className:m,style:f,children:[jsxRuntime.jsx("div",{className:u,style:N,children:jsxRuntime.jsx("span",{style:j,className:d,dangerouslySetInnerHTML:{__html:e}})}),jsxRuntime.jsx(Text.default,{setting:{text:l?.toString(),htmlTag:"div",options:{useState:!0,uniqueId:`${s?.uid}-${t}-${W}`,productID:W,customClass:{wrapper:"gp-w-full"}}},styles:h,className:p,ref:v})]},t)})})}))})};exports.default=IconListV2;

package/dist/cjs/icon-list-v2/components/IconList.liquid.js

@@ -1,118 +1,35 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@gem-sdk/core');
-var helpers = require('../../helpers.js');
-
-const IconListV2 = ({ builderProps, style, setting, styles, advanced, pageContext })=>{
-    const { childItem, childConfig, iconType, iconSvg, iconWidth, globalSize, textTypo, translate } = setting ?? {};
-    const { horizontalSpacing, verticalSpacing, position, align, iconColor, backgroundColor, iconBorder, iconRounded, background } = styles || {};
-    const composeGlobalSize = core.makeGlobalSize(globalSize);
-    const appendTypoStyle = core.composeTypographyStyle(textTypo);
-    const appendTypoClass = core.composeTypographyClassName(textTypo);
-    const getvalueMap = ()=>{
-        if (!iconType || iconType === 'matching') {
-            return new Array(childConfig?.length).fill(iconSvg);
-        }
-        if (iconType === 'different') {
-            return childConfig;
-        }
-    };
-    const valueMap = getvalueMap();
-    return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../helpers.js"),Text_liquid=require("../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js");const IconListV2=e=>{let{builderProps:s,builderAttrs:t,style:l,setting:a,styles:r,pageContext:i}=e,c=s?.builderData?.advanced,o=system.createClass({[s?.uid??""]:!0}),y=system.createClass(classes.getClassWraplistIcon()),n=system.createClass(classes.getClassColListIcon()),p=system.createClass(classes.getClassWrapItemIcon({builderProps:s})),d=system.createClass(classes.getClassWrapIcon()),m=system.createClass(classes.getClassIcon()),g=system.createClass(classes.getClassTextItem({setting:a})),u=system.createStyle(styles.getStyleContainerIconlistMain({styles:r,style:l,type:"liquid",advanced:c})),$=system.createStyle(styles.getStyleWraplistIcon({styles:r})),S=system.createStyle(styles.getStyleColListIcon({styles:r})),I=system.createStyle(styles.getStyleWrapIcon({styles:r,setting:a})),v=system.createStyle(styles.getStyleWrapItemIcon({styles:r})),C=system.createStyle(styles.getStyleIcon({styles:r,setting:a})),h=styles.getStyleTypoText({setting:a}),q=system.createAttr({...t}),f=helpers.getTextIconNotFound("liquid"),x=helpers.getvalueMap({setting:a});return core.template`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <gp-icon-list
-      ${{
-        ...builderProps
-    }}
-      data-id="${builderProps?.uid}"
-      gp-data='${core.dataStringify({
-        position,
-        iconWidth
-    }).replaceAll("'", '&#039;')}'
-       style="${{
-        ...style,
-        ...core.getStyleBackgroundByDevice(background)
-    }}">
-     ${core.RenderIf(!valueMap, core.template`<div>${helpers.getStaticLocale('IconList', 'icons_not_found')}</div>`)}
-      ${core.RenderIf(!!valueMap, core.template`<div class="gp-flex" style="${{
-        ...core.makeStyleResponsive('jc', align)
-    }}">
-        <div
-        class="gp-inline-flex gp-flex-col ${advanced?.cssClass}"
-        style="${{
-        ...core.makeStyleResponsive('rg', verticalSpacing)
-    }}">
-        ${valueMap?.map((node, key)=>{
-        const textVal = helpers.getDynamicSourceLocales({
-            val: childItem?.[key],
-            uid: builderProps?.uid,
-            settingId: `childItem_${key}`,
-            pageContext,
-            translate,
-            isReplaceLocationOrigin: true
-        });
-        return core.template`
-           <div
-            class="gp-icon-list-wrapper gp-flex gp-child-item-${builderProps?.uid}"
-            style="${{
-            ...core.makeStyleResponsive('cg', horizontalSpacing),
-            ...core.makeStyleResponsive('ai', position)
-        }}"
-            data-index="${key}"
-          >
-            <div class="gp-icon-list-icon gp-inline-flex gp-shrink-0 gp-overflow-hidden" style="${{
-            ...composeGlobalSize.padding,
-            ...core.makeStyle({
-                bs: iconBorder?.border,
-                bw: iconBorder?.width,
-                bc: core.getSingleColorVariable(iconBorder?.color),
-                bg: backgroundColor,
-                bblr: iconRounded?.bblr,
-                bbrr: iconRounded?.bbrr,
-                btlr: iconRounded?.btlr,
-                btrr: iconRounded?.btrr
-            }),
-            ...core.makeStyleResponsive('pos', {
-                desktop: 'relative',
-                tablet: 'relative',
-                mobile: 'relative'
-            }),
-            ...core.makeStyleResponsive('top', {
-                desktop: 'inherit',
-                tablet: 'inherit',
-                mobile: 'inherit'
-            })
-        }}">
-              <span
-                class="gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-h-[var(--size-desktop)] tablet:[&>svg]:!gp-h-[var(--size-tablet)] mobile:[&>svg]:!gp-h-[var(--size-mobile)] [&>svg]:!gp-w-[var(--size-desktop)] tablet:[&>svg]:!gp-w-[var(--size-tablet)] mobile:[&>svg]:!gp-w-[var(--size-mobile)]"
-                style="${{
-            ...core.makeStyle({
-                c: iconColor
-            }),
-            '--w': `100%`,
-            '--h': `100%`,
-            '--size-desktop': `${iconWidth?.desktop}px`,
-            '--size-tablet': `${iconWidth?.tablet || iconWidth?.desktop}px`,
-            '--size-mobile': `${iconWidth?.mobile || iconWidth?.tablet || iconWidth?.desktop}px`
-        }}"
-              >
-               ${node}
-              </span>
+      ${{...q}}
+      ${{...s}}
+      data-id="${s?.uid}"
+      style="${u}"
+      className="${o}"
+      gp-data='${core.dataStringify({position:r?.position,iconWidth:a?.iconWidth}).replaceAll("'","&#039;")}'
+    >
+      ${system.If(!x||!x.length,core.template`<div>${f}</div>`,core.template`
+          <div class="${y}" style="${$}">
+            <div class="${n}" style="${S}">
+              ${x?.map((e,t)=>{let l=helpers.getTextIconTranslations({setting:a,builderProps:s,pageContext:i,key:t,type:"liquid"});return core.template`
+                    <div
+                      key="${t}"
+                      data-index="${t}"
+                      class="${p}"
+                      style="${v}"
+                    >
+                      <div class="${d}" style="${I}">
+                        <span
+                          class="${m}"
+                          style="${C}"
+                        >
+                          ${e}
+                        </span>
+                      </div>
+                      ${Text_liquid.default({setting:{text:l?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:h,className:g})}
+                    </div>`}).join(" ")}
             </div>
-             <div class="${appendTypoClass} gp-text-left gp-icon-list-text" style="${{
-            ...appendTypoStyle
-        }}">
-                ${textVal}
-            </div>
-            </div>`;
-    }).join(' ')}
-      </div>
-      </div>`)}
+          </div>`)}
     </gp-icon-list>
-    ${core.RenderIf(core.isLocalEnv, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-icon-list.js' | asset_url }}" defer="defer"></script>`, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="${core.baseAssetURL}/assets-v2/gp-icon-list.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `;
-};
-
-exports.default = IconListV2;
+    ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-icon-list-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-icon-list-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};exports.default=IconListV2;

package/dist/cjs/icon-list-v2/hooks/useIconLineHeight.js

@@ -0,0 +1 @@
+"use strict";var React=require("react");const useIconLineHeight=({iconWidth:e})=>{let t=React.useRef(null),[r,u]=React.useState("");return React.useEffect(()=>{if(t?.current&&e?.desktop){let e=window.getComputedStyle(t?.current).getPropertyValue("line-height");u(e)}},[e?.desktop]),{ref:t,lineHeight:r}};exports.useIconLineHeight=useIconLineHeight;

package/dist/cjs/icon-list-v2/index.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("next/link");var IconList$1=require("./settings/IconList.js");const iconListSettingV2={IconListV2:IconList$1.default};exports.iconListSettingV2=iconListSettingV2;

package/dist/cjs/icon-list-v2/next.js

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

package/dist/cjs/icon-list-v2/settings/IconList.js

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"IconListV2",label:"Item List",icon:`
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10.75 3.72656C10.3358 3.72656 10 4.06235 10 4.47656C10 4.89078 10.3358 5.22656 10.75 5.22656L21.75 5.22656C22.1642 5.22656 22.5 4.89078 22.5 4.47656C22.5 4.06235 22.1642 3.72656 21.75 3.72656H10.75Z" fill="white"/>
+  <path d="M10.75 8.72656C10.3358 8.72656 10 9.06235 10 9.47656C10 9.89078 10.3358 10.2266 10.75 10.2266L21.75 10.2266C22.1642 10.2266 22.5 9.89078 22.5 9.47657C22.5 9.06235 22.1642 8.72657 21.75 8.72657L10.75 8.72656Z" fill="white"/>
+  <path d="M10 14.4767C10 14.0625 10.3358 13.7267 10.75 13.7267L21.75 13.7267C22.1642 13.7267 22.5 14.0625 22.5 14.4767C22.5 14.8909 22.1642 15.2267 21.75 15.2267L10.75 15.2267C10.3358 15.2267 10 14.8909 10 14.4767Z" fill="white"/>
+  <path d="M10.75 18.7267C10.3358 18.7267 10 19.0625 10 19.4767C10 19.8909 10.3358 20.2267 10.75 20.2267L21.75 20.2267C22.1642 20.2267 22.5 19.8909 22.5 19.4767C22.5 19.0625 22.1642 18.7267 21.75 18.7267L10.75 18.7267Z" fill="white"/>
+  <path d="M8.34611 12.8062C8.71437 12.9958 8.85917 13.448 8.66954 13.8163L5.69292 19.5967C5.2674 20.423 4.12091 20.5124 3.57244 19.762L1.64455 17.1244C1.40013 16.79 1.47307 16.3207 1.80748 16.0763C2.14189 15.8319 2.61113 15.9048 2.85555 16.2392L4.54463 18.5502L7.33596 13.1296C7.5256 12.7613 7.97786 12.6165 8.34611 12.8062Z" fill="white"/>
+  <path d="M8.66954 5.06642C8.85917 4.69816 8.71437 4.24591 8.34611 4.05627C7.97786 3.86664 7.5256 4.01144 7.33596 4.3797L4.54463 9.80029L2.85555 7.48937C2.61113 7.15496 2.14189 7.08201 1.80748 7.32643C1.47307 7.57086 1.40013 8.0401 1.64455 8.37451L3.57244 11.0122C4.12091 11.7625 5.2674 11.6732 5.69292 10.8468L8.66954 5.06642Z" fill="white"/>
+  </svg>
+
+  `,settings:settings.IconListSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,editorConfigs:{slots:{children:!1},component:{validate:!0,excludeApplyStyle:!0}},presets:[{id:"icon-list-v2",name:{en:"Item List"},icon:{desktop:`
+        <svg width="110" height="80" viewBox="0 0 110 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M19.6348 17.7261C19.792 17.9121 19.7878 18.2089 19.6255 18.389L13.7118 24.9515C13.5531 25.1275 13.3012 25.1275 13.1425 24.9515L10.8745 22.4345C10.7122 22.2544 10.708 21.9576 10.8652 21.7717C11.0224 21.5857 11.2814 21.5809 11.4437 21.761L13.4272 23.9622L19.0563 17.7155C19.2186 17.5354 19.4776 17.5402 19.6348 17.7261Z" fill="#F9F9F9"/>
+          <rect x="30" y="18.3335" width="72" height="6" rx="3" fill="#757575"/>
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M19.6348 36.3926C19.792 36.5786 19.7878 36.8754 19.6255 37.0555L13.7118 43.618C13.5531 43.794 13.3012 43.794 13.1425 43.618L10.8745 41.101C10.7122 40.9209 10.708 40.6241 10.8652 40.4382C11.0224 40.2522 11.2814 40.2474 11.4437 40.4276L13.4272 42.6287L19.0563 36.382C19.2186 36.2019 19.4776 36.2067 19.6348 36.3926Z" fill="#F9F9F9"/>
+          <rect x="30" y="37" width="72" height="6" rx="3" fill="#757575"/>
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M19.6348 55.0596C19.792 55.2456 19.7878 55.5424 19.6255 55.7225L13.7118 62.285C13.5531 62.461 13.3012 62.461 13.1425 62.285L10.8745 59.768C10.7122 59.5879 10.708 59.2911 10.8652 59.1051C11.0224 58.9192 11.2814 58.9144 11.4437 59.0945L13.4272 61.2957L19.0563 55.049C19.2186 54.8689 19.4776 54.8737 19.6348 55.0596Z" fill="#F9F9F9"/>
+          <rect x="30" y="55.667" width="72" height="6" rx="3" fill="#757575"/>
+        </svg>
+        `},components:[{tag:"IconListV2",settings:{childItem:["Your custom text goes here","Your custom text goes here","Your custom text goes here"],childConfig:[`<svg height="100%" width="100%" data-name="Heart-filled" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.7213C11.8834 -1.1716 21.5926 5.64054 8 14.4C-5.59262 5.64139 4.11664 -1.1716 8 2.7213Z" fill="currentColor"/>
+</svg>
+`,`<svg height="100%" width="100%" data-name="Thumbs-up-filled"  viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.65796 10.1358V13.5631V14.5631H5H11.6667C11.9222 14.5631 12.1667 14.4853 12.4 14.3298C12.6333 14.1742 12.8 13.9853 12.9 13.7631L14.9 9.06312C14.9338 8.98534 14.9589 8.90201 14.9753 8.81312C14.9918 8.72423 15 8.64089 15 8.56312V7.22978C15 6.87423 14.8667 6.56312 14.6 6.29645C14.3333 6.02978 14.0222 5.89645 13.6667 5.89645H11.0648H10.0333L10.2862 4.89645L10.7667 2.99645V2.76312C10.7671 2.64089 10.7422 2.51312 10.692 2.37978C10.6418 2.24645 10.5778 2.14089 10.5 2.06312L10.0202 1.58334C9.82496 1.38807 9.50838 1.38807 9.31311 1.58334L5 5.89645H4.65796V6.89645V10.1358Z" fill="currentColor"/>
+<rect x="1" y="5.91711" width="2.67773" height="8.64587" rx="0.6" fill="currentColor"/>
+</svg>
+`,`<svg height="100%" width="100%" data-name="Star-filled"  viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99997 1.26318C8.19029 1.26318 8.36411 1.37123 8.44834 1.5419L10.3585 5.41227L14.6297 6.03292C14.818 6.06028 14.9745 6.1922 15.0333 6.37321C15.0921 6.55422 15.0431 6.75292 14.9068 6.88576L11.8161 9.89843L12.5457 14.1524C12.5779 14.34 12.5008 14.5295 12.3468 14.6414C12.1928 14.7533 11.9887 14.768 11.8203 14.6795L7.99997 12.671L4.17969 14.6795C4.01123 14.768 3.8071 14.7533 3.65312 14.6414C3.49915 14.5295 3.42204 14.34 3.45421 14.1524L4.18382 9.89843L1.09315 6.88576C0.956861 6.75292 0.907813 6.55422 0.966625 6.37321C1.02544 6.1922 1.18191 6.06028 1.37025 6.03292L5.64146 5.41227L7.55161 1.5419C7.63584 1.37123 7.80965 1.26318 7.99997 1.26318ZM7.99997 2.89296L6.42186 6.09056C6.34903 6.23813 6.20825 6.34042 6.04539 6.36408L2.51663 6.87684L5.07007 9.36582C5.18791 9.48069 5.24169 9.64619 5.21387 9.80839L4.61108 13.3229L7.7673 11.6636C7.91297 11.587 8.08698 11.587 8.23264 11.6636L11.3889 13.3229L10.7861 9.80839C10.7583 9.64619 10.812 9.48069 10.9299 9.36582L13.4833 6.87684L9.95455 6.36408C9.7917 6.34042 9.65092 6.23813 9.57808 6.09056L7.99997 2.89296Z" fill="#F9F9F9"/>
+<path d="M6.42186 6.09056L7.99997 2.89296L9.57808 6.09056C9.65092 6.23813 9.7917 6.34042 9.95455 6.36408L13.4833 6.87684L10.9299 9.36582C10.812 9.48069 10.7583 9.64619 10.7861 9.80839L11.3889 13.3229L8.23264 11.6636C8.08698 11.587 7.91297 11.587 7.7673 11.6636L4.61108 13.3229L5.21387 9.80839C5.24169 9.64619 5.18791 9.48069 5.07007 9.36582L2.51663 6.87684L6.04539 6.36408C6.20825 6.34042 6.34903 6.23813 6.42186 6.09056Z" fill="currentColor"/>
+</svg>
+`]},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]}],locales:{editor:{en:{icons_not_found:"Icons not found"}}},rootOverride:{styles:{align:{desktop:"center"},contentBoxWidth:{desktop:"1200px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;

package/dist/cjs/icon-list-v2/settings/configs/items.js

@@ -0,0 +1 @@
+"use strict";const itemControlTemplate={tag:"IconListItemV2",label:"Icon List Item",settings:{},styles:{},advanced:{},editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0}},childrens:[{tag:"Col",settings:{},styles:{minWidth:{desktop:"200px"},justifyContent:{desktop:"normal"},alignItem:{desktop:"normal"},order:{desktop:0},fullWidth:!0},advanced:{},childrens:[{tag:"Text",label:"Text",settings:{text:"Your custom text goes here",htmlTag:"div"},styles:{typography:{type:"paragraph-1"},textAlign:{desktop:"left"},color:{normal:"text-1"},textShadow:{},hasLineClamp:{desktop:!1},transform:"default"},advanced:{},childrens:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0}}}]};exports.itemControlTemplate=itemControlTemplate;

package/dist/cjs/icon-list-v2/settings/configs/settings.js

@@ -0,0 +1 @@
+"use strict";var items=require("./items.js");const IconListSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Icon 1","Icon 2"],childTemplate:items.itemControlTemplate,isDisabledDuplicateIncrease:!0},{id:"translate",type:"input",default:"childItem"},{id:"textTypo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"iconSvg",type:"icon",label:"Icon Parent",hideInput:!0,info:"Choose from list or paste any SVG icon",default:'<svg data-name="check-circle-filled" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414807831544168"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path></svg>'},{id:"iconWidth",type:"input:stepper",label:"Icon Width",devices:{desktop:{default:24}},min:0},{id:"childConfig",type:"child-icon",label:"",default:[,,,].fill('<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414807831544168"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path></svg>')},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"0px",bottom:"0px",left:"0px",right:"0px"}}}},hiddenShowMore:!0,hiddenSettings:["shape","width","height","gap"]},{id:"iconType",type:"option:illustration",enableTooltip:!0,label:"Icon type",options:[{label:"Matching icons",value:"matching",svgName:"gp-item-list-matching-icon"},{label:"Different icons",value:"different",svgName:"gp-item-list-different-icon"}],default:"matching"}]},{id:"style",controls:[{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"iconColor",type:"color-picker-v2",label:"Icon color",default:"text-1",compoDefaultValue:"text-1"},{id:"backgroundColor",type:"color-picker-v2",label:"Background color",default:"transparent",compoDefaultValue:"bg-1"},{id:"iconBorder",label:"Border",type:"border-v2",default:{},compoDefaultValue:{border:"solid",width:"1px 1px 1px 1px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},{id:"iconRounded",type:"corner-v2",label:"Border Radius",default:{radiusType:"none"},compoDefaultValue:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},{id:"horizontalSpacing",label:"Horizontal Spacing",type:"input:slider",units:["px"],min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"position",type:"option:illustration",enableTooltip:!0,label:"Position",options:[{label:"Align center",value:"center",type:"align-pos",svgName:"gp-align-position-center"},{label:"Align top",value:"baseline",type:"align-pos",svgName:"gp-align-position-top"}],devices:{desktop:{default:"center"},tablet:{default:"center"},mobile:{default:"center"}}},{id:"contentBoxWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"100%"}}},{id:"contentBoxPadding",label:"Padding",type:"padding-v2",devices:{desktop:{}},compoDefaultValue:{desktop:{default:{top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},{id:"contentBoxBorder",label:"Border",type:"border",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{border:"solid",width:"1px 1px 1px 1px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}}}},{id:"contentBoxRounded",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"contentBoxShadow",label:"Shadow",type:"shadow-v2",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"panelAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"verticalSpacing",type:"input:slider",label:"Item gap",units:["px"],min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"12px"}}}]}];exports.IconListSettings=IconListSettings;

package/dist/cjs/icon-list-v2/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"control",label:{en:"Item management"},setting:{id:"childItem"},layout:"vertical"},{type:"group",options:{label:"large"},label:{en:"Icon"},controls:[{type:"control",label:{en:"Icon type "},setting:{id:"iconType"}},{type:"control",condition:'iconType === "matching"',setting:{id:"iconSvg"},layout:"vertical",options:{styleControl:{"max-width":"100%"}}},{type:"control",condition:'iconType === "different"',layout:"vertical",setting:{id:"childConfig"},options:{label:"large"}},{type:"control",label:{en:"Size"},setting:{id:"iconWidth"}},{type:"control",label:{en:"Icon color"},setting:{id:"iconColor"}},{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor"},isMoreSetting:!0},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"iconBorder"},isMoreSetting:!0},{type:"control",label:{en:"Corner"},setting:{id:"iconRounded"},isMoreSetting:!0},{type:"control",setting:{id:"globalSize"},layout:"vertical",isMoreSetting:!0}]},{type:"control",label:{en:"Text"},setting:{id:"textTypo"},layout:"vertical"},{type:"group",label:{en:"Spacing"},controls:[{type:"control",label:{en:"Item gap"},setting:{id:"verticalSpacing"}},{type:"control",label:{en:"Icon & text"},setting:{id:"horizontalSpacing"}}]},{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{type:"control",label:{en:"Align"},setting:{id:"align"}}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/icon-list-v2/settings/configs/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{label:{en:"Item management"},controls:[{label:{en:"Order"},setting:{id:"childItem"}}]},{label:{en:"Icon style"},controls:[{label:{en:"Icon type "},setting:{id:"iconType"}},{conditionDisplay:'iconType === "matching"',label:{en:"Icon"},setting:{id:"iconSvg"}},{conditionDisplay:'iconType === "different"',layout:"vertical",setting:{id:"childConfig"}},{label:{en:"Icon color"},setting:{id:"iconColor"}},{label:{en:"Icon size"},setting:{id:"iconWidth"}}],moreSettings:{type:"collapse",controls:[{label:{en:"Position"},setting:{id:"position"}},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"4px",right:"4px",bottom:"4px",left:"4px"}}}},{label:{en:"Background"},setting:{id:"backgroundColor"}},{label:{en:"Border"},setting:{id:"iconBorder"}},{label:{en:"Corner"},setting:{id:"iconRounded"}}]}},{label:{en:"Text"},controls:[{setting:{id:"textTypo"},layout:"vertical"}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},setting:{id:"verticalSpacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Icon & text gap"},setting:{id:"horizontalSpacing"}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Size"},controls:[{label:{en:"Width"},setting:{id:"contentBoxWidth"},layout:"horizontal"},{label:{en:"Padding"},setting:{id:"contentBoxPadding"},layout:"horizontal"},{label:{en:"Arrange"},setting:{id:"panelAlign"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"contentBoxBorder"}},{label:{en:"Corner"},setting:{id:"contentBoxRounded"}},{label:{en:"Shadow"},setting:{id:"contentBoxShadow"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!contentBoxWidth?.includes("%") || (parseInt(contentBoxWidth) < 100 && contentBoxWidth?.includes("%"))'}]}];exports.SettingUIV2=SettingUIV2;

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

@@ -0,0 +1 @@
+"use strict";var constant=require("../../constant.js"),helpers=require("./helpers.js"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js");const getContainerAttrs=(e,t)=>({...e,...t&&{"data-id":t}}),getLinkWrapperAttrs=({urlData:e,imageLink:t,title:r,isLiquid:s=!1})=>{let a=s?{...e,...t?.noFollow&&{rel:"nofollow"},title:r}:{setting:e,title:r};return t?.type!=="go-to-sales-page"?t?.link?a:{}:s?{href:constant.HREF_TO_SALES_PAGE,target:"_self"}:{setting:{href:constant.HREF_TO_SALES_PAGE,target:"_self"}}},getImageLiquidAttrs=({pageContext:e,enableLazyLoadImage:t=!1})=>({...e&&{pageContext:e},...t&&{enableLazyLoadImage:t}}),getAdaptiveImageAttrs=({styles:e,setting:t,mode:r,isLiquid:s})=>{let{alt:a,srcSet:i,priority:g,qualityPercent:l,qualityType:p}=t??{},o=helpers.getAspectRatio({styles:e,setting:t}),n=()=>{helpers$1.handleClickLink(t?.imageLink,r)},c={loading:"eager",fetchpriority:"high",priority:g},A=i?.desktop?.backupFileKey?helpers.getNewBackupFileKey(i?.desktop?.backupFileKey??"",i?.desktop?.src??""):"",u=s?helpers.getImageSrc({src:i?.desktop?.src,backupFileKey:A,backupFilePath:i?.desktop?.backupFilePath,storage:i?.desktop?.storage}):i?.desktop?.src??"",h=g?{}:{"base-src":u??"","quality-type":helpers.safeStringify(p),"quality-percent":helpers.safeStringify(l)};return{pictureClass:"gp-contents",...a&&{alt:a},...i&&{srcSet:i},...g&&c,...h,...e?.objectFit&&{layout:e.objectFit},onClick:n,aspectRatio:o}},getNextImageAttrs=({styles:e,setting:t})=>{let{objectFit:r}=e??{},{vw:s,alt:a,title:i,quality:g,priority:l,isNotLazyload:p,qualityType:o,qualityPercent:n}=t??{},c=helpers.getAspectRatio({styles:e,setting:t});return{...t?.image,...s&&{vw:s},...a&&{alt:a},...i&&{title:i},...g&&{quality:g},...l&&{priority:l},isNotLazyload:p,setting:{aspectRatio:c,layout:r,qualityType:o,qualityPercent:n}}},getNextImageLiquidAttrs=e=>{let{srcset:t,setting:r,storage:s,baseSrc:a,priority:i,customAttrs:g,width:l=2237,height:p=1678,isNotLazyload:o,backupFileKey:n,backupFilePath:c,srcIsLiquidCode:A,enableLazyLoadImage:u,alt:h,title:E,src:I=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC,sizes:y=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SIZES}=e,d=!o&&u&&!i,_=()=>{let e=n?helpers.getNewBackupFileKey(n??"",I):"",r=A?a:helpers.getImageSrc({src:I,backupFileKey:e,backupFilePath:c,storage:s}),g=A?I:helpers.getSrcSet(e??"",s??"THEME",I),l={sizes:"100vw",src:helpers.IMAGE_PLACEHOLDER,...r&&!i?{"base-src":r}:{},...r?{"data-src":r}:{},...g?{"data-srcset":g}:{}},p={sizes:y,src:r??"",isNotLazyload:"true",srcset:t??"",...r&&!i?{"base-src":r}:{},...i?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...d?l:p}},L=()=>{let{qualityPercent:e,qualityType:t}=r??{},s=!i&&t&&e?{"quality-type":helpers.safeStringify(t),"quality-percent":helpers.safeStringify(e)}:{"quality-type":"","quality-percent":""};return{...h&&{alt:h},...E&&{title:E},width:l,height:p,draggable:"false",...s}};return system.createAttr({...g,...L(),..._()})},getNextImageReactAttrs=e=>{let{width:t=helpers.NEXT_IMAGE_CONFIG.DEFAULT_WIDTH_PROPS,height:r=helpers.NEXT_IMAGE_CONFIG.DEFAULT_HEIGHT_PROPS,quality:s,priority:a,isNotLazyload:i,enableLazyLoadImage:g,base64:l=helpers.IMAGE_PLACEHOLDER,alt:p=helpers.NEXT_IMAGE_CONFIG.DEFAULT_ALT,src:o=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC}=e,n=!i&&g&&!a,c=()=>{let e={loading:"lazy",placeholder:"blur",...l&&{blurDataURL:l}},t={loading:"eager",fetchpriority:"high"};return{...n?e:t}},A=()=>({src:o,alt:p,width:t,height:r,quality:s}),u=A(),h=system.createAttr(c());return{...u,...h}};exports.getAdaptiveImageAttrs=getAdaptiveImageAttrs,exports.getContainerAttrs=getContainerAttrs,exports.getImageLiquidAttrs=getImageLiquidAttrs,exports.getLinkWrapperAttrs=getLinkWrapperAttrs,exports.getNextImageAttrs=getNextImageAttrs,exports.getNextImageLiquidAttrs=getNextImageLiquidAttrs,exports.getNextImageReactAttrs=getNextImageReactAttrs;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getContainerClasses=(e,s,a)=>{let t=core.getFlexGrowClassByShapeGlobalSize(a);return{"gp-group/image gp-relative":!0,[`force-publish-${new Date().getTime()}`]:!0,...t,...e&&{[e]:!0},...s&&{[s]:!0}}},getWrapperClasses=()=>({"gp-h-full gp-w-full gp-flex pointer-events-auto":!0}),getImageClasses=(e,s)=>{let a=core.handleConvertClassColor(s?.borderImg);return{...e&&{[e]:!0},...a&&{[a]:!0},"gp-inline-block gp-w-full gp-max-w-full":!0}},getNextImageClasses=({className:e,hasLazyLoad:s,isOptimizePlan:a=!1})=>({...e&&{[e]:!0},gp_lazyload:s,gp_force_load:a}),getAdaptiveImageClasses=({className:e,hasLazyLoad:s=!1,hasForceLoad:a=!1})=>({...e&&{[e]:!0},gp_lazyload:s,gp_force_load:a});exports.getAdaptiveImageClasses=getAdaptiveImageClasses,exports.getContainerClasses=getContainerClasses,exports.getImageClasses=getImageClasses,exports.getNextImageClasses=getNextImageClasses,exports.getWrapperClasses=getWrapperClasses;

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

@@ -0,0 +1,12 @@
+"use strict";var core=require("@gem-sdk/core");const overwriteDefaultRadius=e=>{let t={...e},r=!0;return t&&Object.keys(t??{}).forEach(e=>{if("bblr"===e||"bbrr"===e||"btlr"===e||"btrr"===e){let i=t[e]??{};"0px"!==i&&(r=!1)}}),r?core.getCornerCSSFromGlobal(t):{}},getAspectRatio=({styles:e,setting:t})=>{let{srcSet:r,image:i}=t??{},{customAspectRadio:a,shape:o}=e??{},s={desktop:composeAspectRatio({device:"desktop",aspect:e?.aspectRatio,auto:t?.isAdaptive?r?.desktop:i,custom:a}),tablet:composeAspectRatio({device:"tablet",aspect:e?.aspectRatio,auto:t?.isAdaptive?r?.tablet:i,custom:a}),mobile:composeAspectRatio({device:"mobile",aspect:e?.aspectRatio,auto:t?.isAdaptive?r?.mobile:i,custom:a})};return o?core.getAspectRatioGlobalSize(o):s},composeAspectRatio=({device:e,aspect:t,custom:r,auto:i})=>{let a=t?.[e];return"auto"===a?i?.height?`${i.width}/${i.height}`:void 0:"custom"===a?r?.[e]?.height?`${r?.[e]?.width}/${r?.[e]?.height}`:void 0:a},getResponsiveObjectFit=({layout:e,isDisableObjectFit:t})=>t?{}:core.makeStyleResponsive("objf",e),getAspectRatioNextImage=({isDisableAspectStyle:e,aspectRatio:t,objectFits:r,width:i,height:a})=>{if(e)return{};let o={};return core.DEVICES.forEach(e=>{let s=`--objf${"desktop"!==e?`-${e}`:""}`,l=r?.[s]||r?.["--objf"];if(t?.[e]==="auto"&&"contain"===l){o[e]="auto";return}o[e]=t?.[e]!=="auto"&&t?.[e]?t[e]:`${i}/${a}`}),o},safeStringify=e=>JSON.stringify(e||{}).replace(/"/g,"&quot;"),shimmer=(e,t)=>`<svg width="${e}" height="${t}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+      <linearGradient id="g-${e}-${t}">
+        <stop stop-color="rgba(51, 51, 51, 0)" offset="20%" />
+        <stop stop-color="rgba(51, 51, 51, 0)" offset="50%" />
+        <stop stop-color="rgba(51, 51, 51, 0)" offset="70%" />
+      </linearGradient>
+    </defs>
+    <rect width="${e}" height="${t}" fill="rgba(51, 51, 51, 0)" />
+    <rect id="r" width="${e}" height="${t}" fill="url(#g-${e}-${t})" />
+    <animate xlink:href="#r" attributeName="x" from="-${e}" to="${e}" dur="1s" repeatCount="indefinite"  />
+  </svg>`,toBase64=e=>"undefined"==typeof window?Buffer.from(e).toString("base64"):window.btoa(e),createBlurDataURL=(e,t)=>`data:image/svg+xml;base64,${toBase64(shimmer(e,t))}`,IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",FALLBACK_IMAGE="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",NEXT_IMAGE_CONFIG={DEFAULT_SIZES:"100vw",DEFAULT_ALT:"Alt image",DEFAULT_SRC:"https://cdn.shopify.com/s/files/1/2005/9307/files/placeholder-1.png?v=1751355990",DEFAULT_WIDTH_PROPS:800,DEFAULT_HEIGHT_PROPS:533},getAdaptiveImageData=e=>{let{srcSet:t,fallbackImg:r}=e,i=e=>{let{isLiquid:i}=e??{},a=getImageSrc(t?.desktop,"desktop",!i)||r||FALLBACK_IMAGE,o=(t?.tablet?getImageSrc(t.tablet,"tablet",!i):getImageSrc(t?.desktop,"tablet",!i))||r||FALLBACK_IMAGE,s=(t?.mobile?getImageSrc(t.mobile,"mobile",!i):getImageSrc(t?.tablet,"mobile",!i)||o)||r||FALLBACK_IMAGE;return{srcTablet:o,srcMobile:s,srcDesktop:a}};return{getDeviceSource:i}},getSrcSet=(e,t,r)=>e?getSrcSetLiquid(e,t):getSrcSetLink(r),isCannotResizeImage=e=>e.includes("webp")||e.includes("jfif")||e.includes(".svg")||e.includes(".tiff"),getSrcSetLiquid=(e,t)=>{let r=replaceBackupFileKeyFileContent(e);return isCannotResizeImage(e)?"FILE_CONTENT"==t?`{{ '${r}' | file_url }} 768w, {{ '${r}' | file_url }} 1024w, {{ '${r}' | file_url }} 1440w`:`{{ '${e}' | asset_url }} 768w, {{ '${e}' | asset_url }} 1024w, {{ '${e}' | asset_url }} 1440w`:"FILE_CONTENT"==t?`{{ '${r}' | file_img_url: '768x' }} 768w, {{ '${r}' | file_img_url: '1024x' }} 1024w, {{ '${r}' | file_img_url: 'master' }} 1440w`:`{{ '${e}' | asset_img_url: '768x' }} 768w, {{ '${e}' | asset_img_url: '1024x' }} 1024w, {{ '${e}' | asset_img_url: 'master' }} 1440w`},getSrcSetLink=e=>e,getImageSrc=(e,t,r)=>{if(e?.metafieldDefinitionKey)return getImageMetafieldDefinitionKey(e?.metafieldDefinitionKey);let i=e?.backupFilePath??e?.src??"";if(r)i=e?.src||"";else if(e?.backupFileKey){let t=getNewBackupFileKey(e.backupFileKey,e?.src??"");"THEME"!==e.storage&&e.storage?"FILE_CONTENT"===e.storage&&(i=`{{ "${replaceBackupFileKeyFileContent(t)}" | file_url }}`):i=`{{ "${t}" | asset_url }}`}if(t&&i?.includes("cdn.shopify"))switch(t){case"tablet":i=i?.replace(regexReplaceEndDot,"_1024x.");break;case"mobile":i=i?.replace(regexReplaceEndDot,"_768x.")}return i},getImageMetafieldDefinitionKey=e=>`{{${e} | file_url}}`,regexReplaceEndDot=/\.(?=[^.]*$)/,replaceBackupFileKeyFileContent=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),getNewBackupFileKey=(e,t)=>{let r=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return r&&r!=e?r:e};function resizeImage(e,t){let r=e.match(/\.webp/g)?.length,i=replaceRegexLastMatch({str:e,reg:/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g,newString:"."});if(r)return i;let a=replaceRegexLastMatch({str:i,reg:/\.jpg|\.png|\.gif|\.jpeg/g,newString:t,isAdd:!0});return a}const replaceRegexLastMatch=e=>{let t=e.str,r=e.str.match(e.reg)?.length;if(r){let i,a=1;for(;null!==(i=e.reg.exec(e.str));){if(a===r){let r=e.reg.lastIndex,a=r-i[0].length;e.isAdd&&(e.newString="_"+e.newString+i),t=t.slice(0,a)+e.newString+t.slice(r,t.length)}a++}}return t},getItemWidth=(e,t)=>{let r=getCurrentDevice(),i=t?.[r]||"auto";if(!i||"auto"===i||i.includes("%"))return e;let a=Number(i.replace("px",""));return a>e?e:Number(i.replace("px",""))},getImageWidthFollowByQuality=e=>{let{itemWidthParam:t,imageWidthSetting:r,qualityType:i,qualityPercent:a}=e,o=getCurrentDevice(),s=getItemWidth(t,r),l=core.getResponsiveValueByScreen(i,o,"finest"),g=core.getResponsiveValueByScreen(a,o,100);switch(l){case"finest":default:return"auto";case"high":return Math.round(1.5*s)||1;case"medium":return Math.round(s)||1;case"custom":return Math.round(s*(Number(g)/100))||1}},getWidthOfFeatureImageSetting=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return core.DEVICES.forEach(r=>{let i=core.getResponsiveValueByScreen(e,r)?.width||"100%";t[r]=i}),t},getWidthOfImageListSetting=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return core.DEVICES.forEach(r=>{let i=core.getResponsiveValueByScreen(e,r)?.width||"100%";t[r]=i}),t},getWidthOfListImageInDom=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-gallery-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},getWidthOfFeatureImageInDom=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-ft-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},handleSetSrcForProductImageList=e=>{let{shapeByLayout:t,qualityType:r,qualityPercent:i,builderPropUID:a}=e,o=document.querySelectorAll(`.gem-slider-item-${a}.gp-gallery-image-item`),s=getWidthOfImageListSetting(t),l=getWidthOfListImageInDom(a);o.forEach(e=>{handleSetSrcForGalleryImage({item:e,settingWidth:s,width:l,qualityType:r,qualityPercent:i})})},handleSetSrcForFeatureProductImage=e=>{let{ftShape:t,qualityType:r,qualityPercent:i,builderPropUID:a}=e,o=document.querySelectorAll(`.gem-slider-item-${a}.gp-ft-image-item`),s=getWidthOfFeatureImageSetting(t),l=getWidthOfFeatureImageInDom(a);o.forEach(e=>{handleSetSrcForGalleryImage({item:e,settingWidth:s,width:l,qualityType:r,qualityPercent:i})})},handleSetSrcForGalleryImage=e=>{let{item:t,settingWidth:r,width:i,qualityType:a,qualityPercent:o}=e,s=getCurrentDevice(),l=t.querySelector("img");if(l){let e=getImageWidthFollowByQuality({itemWidthParam:i,imageWidthSetting:r,qualityType:a,qualityPercent:o}),t=l.getAttribute("base-src");if(!t)return;let g=getImageSrcByQuality(e,t),c=getImageSrcSet(t,g,s);l.setAttribute("srcset",c)}},getImageSrcByQuality=(e,t)=>"auto"===e?t:resizeImage(t,`${e}x`),getImageSrcSet=(e,t,r)=>`${"mobile"===r&&e!==t?t:resizeImage(e,"768x")} 767w, ${"tablet"===r&&e!==t?t:resizeImage(e,"1024x")} 1023w, ${"desktop"===r&&e!==t?t:resizeImage(e,"1920x")} 1440w`,getCurrentDevice=()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1025?"tablet":"desktop";exports.FALLBACK_IMAGE=FALLBACK_IMAGE,exports.IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",exports.NEXT_IMAGE_CONFIG=NEXT_IMAGE_CONFIG,exports.composeAspectRatio=composeAspectRatio,exports.createBlurDataURL=createBlurDataURL,exports.getAdaptiveImageData=getAdaptiveImageData,exports.getAspectRatio=getAspectRatio,exports.getAspectRatioNextImage=getAspectRatioNextImage,exports.getCurrentDevice=getCurrentDevice,exports.getImageSrc=getImageSrc,exports.getImageWidthFollowByQuality=getImageWidthFollowByQuality,exports.getNewBackupFileKey=getNewBackupFileKey,exports.getResponsiveObjectFit=getResponsiveObjectFit,exports.getSrcSet=getSrcSet,exports.handleSetSrcForFeatureProductImage=handleSetSrcForFeatureProductImage,exports.handleSetSrcForProductImageList=handleSetSrcForProductImageList,exports.isCannotResizeImage=isCannotResizeImage,exports.overwriteDefaultRadius=overwriteDefaultRadius,exports.regexReplaceEndDot=regexReplaceEndDot,exports.replaceBackupFileKeyFileContent=replaceBackupFileKeyFileContent,exports.resizeImage=resizeImage,exports.safeStringify=safeStringify,exports.shimmer=shimmer,exports.toBase64=toBase64;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");const getContainerStyles=(e,t)=>({...e,...core.makeStyleResponsive("ta",t?.align)}),getWrapperStyles=e=>({"border-radius":"inherit",...core.makeStyleResponsive("jc",e?.align)}),getImageStyles=(e,t)=>{let{wrapperBorder:s,borderRadius:r}=e??{};return{...getImageWidth(e),...getImageHeight(e),...core.getBorderStyle(s),...core.getBorderRadiusStyle(r),...helpers.overwriteDefaultRadius(t?.builderData?.advanced?.rounded),...core.getStyleShadow({value:e?.shadow,styleAppliedFor:"box-shadow",isEnableShadow:e?.shadow?.enable&&e?.shadow?.type!=="none"})}},getNextImageStyles=({width:e,height:t,setting:s,isDisableObjectFit:r,isDisableAspectStyle:a})=>{let{layout:i,aspectRatio:l}=s??{},o=helpers.getResponsiveObjectFit({layout:i,isDisableObjectFit:r}),g=helpers.getAspectRatioNextImage({isDisableAspectStyle:a,objectFits:o,aspectRatio:l,width:e,height:t});return{...core.makeStyleResponsive("aspect",g),...o}},getAdaptiveImageStyles=({layout:e,aspectRatio:t,borderRadius:s})=>{let r=helpers.getResponsiveObjectFit({layout:e,isDisableObjectFit:!1});return{...core.makeStyleResponsiveState("radius",s),...core.makeStyleResponsive("aspect",t),...r}},getAdaptivePictureStyles=()=>({"border-radius":"inherit"}),getImageWidth=e=>{let t=e?.shape?core.makeStyleResponsive("w",core.getWidthByShapeGlobalSize(e.shape)):core.makeStyleResponsive("w",core.makeWidth(e?.width,e?.fullWidth));return t},getImageHeight=e=>core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(e?.shape));exports.getAdaptiveImageStyles=getAdaptiveImageStyles,exports.getAdaptivePictureStyles=getAdaptivePictureStyles,exports.getContainerStyles=getContainerStyles,exports.getImageStyles=getImageStyles,exports.getNextImageStyles=getNextImageStyles,exports.getWrapperStyles=getWrapperStyles;