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

package/dist/esm/icon-list-hoz/settings/IconListHoz.js

@@ -1,7 +1,7 @@
-import{SettingUIV2 as e}from"./configs/uiV2.js";import{IconListHozSettings as i}from"./configs/settings.js";import{IconListHozPreset as o}from"./configs/presets.js";let config={tag:"IconListHoz",label:"Icon List",icon:`
+import{SettingUIV2 as e}from"./configs/uiV2.js";import{IconListHozSettings as i}from"./configs/settings.js";import{IconListHozPreset as o}from"./configs/presets.js";let t={tag:"IconListHoz",label:"Icon List",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12 10.625C11.2406 10.625 10.625 11.2406 10.625 12C10.625 12.7594 11.2406 13.375 12 13.375C12.7594 13.375 13.375 12.7594 13.375 12C13.375 11.2406 12.7594 10.625 12 10.625ZM9.125 12C9.125 10.4122 10.4122 9.125 12 9.125C13.5878 9.125 14.875 10.4122 14.875 12C14.875 13.5878 13.5878 14.875 12 14.875C10.4122 14.875 9.125 13.5878 9.125 12Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.625 10.6251C18.8656 10.6251 18.25 11.2407 18.25 12.0001C18.25 12.7595 18.8656 13.3751 19.625 13.3751C20.3844 13.3751 21 12.7595 21 12.0001C21 11.2407 20.3844 10.6251 19.625 10.6251ZM16.75 12.0001C16.75 10.4123 18.0372 9.12512 19.625 9.12512C21.2128 9.12512 22.5 10.4123 22.5 12.0001C22.5 13.5879 21.2128 14.8751 19.625 14.8751C18.0372 14.8751 16.75 13.5879 16.75 12.0001Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.375 10.6251C3.61561 10.6251 3 11.2407 3 12.0001C3 12.7595 3.61561 13.3751 4.375 13.3751C5.13439 13.3751 5.75 12.7595 5.75 12.0001C5.75 11.2407 5.13439 10.6251 4.375 10.6251ZM1.5 12.0001C1.5 10.4123 2.78718 9.12512 4.375 9.12512C5.96282 9.12512 7.25 10.4123 7.25 12.0001C7.25 13.5879 5.96282 14.8751 4.375 14.8751C2.78718 14.8751 1.5 13.5879 1.5 12.0001Z" fill="white"/>
 </svg>
-  `,settings:i,ui:[],uiV2:e,presets:o,locales:{editor:{en:{icons_not_found:"Icons not found"}}},rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};
+  `,settings:i,ui:[],uiV2:e,presets:o,locales:{editor:{en:{icons_not_found:"Icons not found"}}},rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{t as default};

package/dist/esm/icon-list-hoz/settings/IconListItem.js

@@ -1 +1 @@
-let config={tag:"IconListItemHoz",label:"Icon List Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};export{config as default};
+let e={tag:"IconListItemHoz",label:"Icon List Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},slots:{children:!0},sideBar:{hide:!0},toolbar:{hide:!0},placeholder:{notAppendBeforeAfter:!0,notAppendLeftRight:!0}}};export{e as default};

package/dist/esm/icon-list-hoz/settings/ItemTemplate.js

@@ -1 +1 @@
-let itemChildrenTemplate={tag:"IconListItemHoz",childrens:[{tag:"Icon",settings:{iconSvg:'<svg xmlns="http://www.w3.org/2000/svg" data-name="star-filled" width="20" height="20" fill="currentColor" viewBox="0 0 256 256"><path d="m234.29 114.85-45 38.83L203 211.75a16.4 16.4 0 0 1-24.5 17.82L128 198.49l-50.53 31.08A16.4 16.4 0 0 1 53 211.75l13.76-58.07-45-38.83A16.46 16.46 0 0 1 31.08 86l59-4.76 22.76-55.08a16.36 16.36 0 0 1 30.27 0l22.75 55.08 59 4.76a16.46 16.46 0 0 1 9.37 28.86Z"></path></svg>'},styles:{globalSize:{desktop:{width:"16px",padding:{type:"custom"}}}},childrens:[]}]},itemChildrenHalfStarTemplate={tag:"IconListItemHoz",childrens:[{tag:"Icon",settings:{iconSvg:'<svg xmlns="http://www.w3.org/2000/svg" data-name="star-half-filled" width="20" height="20" fill="currentColor" data-id="508414815326765440" viewBox="0 0 256 256"><path d="M239.18 97.26A16.38 16.38 0 0 0 224.92 86l-59-4.76-22.78-55.09a16.36 16.36 0 0 0-30.27 0L90.11 81.23 31.08 86a16.46 16.46 0 0 0-9.37 28.86l45 38.83L53 211.75a16.4 16.4 0 0 0 24.5 17.82l50.5-31.08 50.53 31.08A16.4 16.4 0 0 0 203 211.75l-13.76-58.07 45-38.83a16.43 16.43 0 0 0 4.94-17.59Zm-15.34 5.47-48.7 42a8 8 0 0 0-2.56 7.91l14.88 62.8a.37.37 0 0 1-.17.48c-.18.14-.23.11-.38 0l-54.72-33.65a8 8 0 0 0-4.19-1.17V32c.24 0 .27.08.35.26L153 91.86a8 8 0 0 0 6.75 4.92l63.91 5.16c.16 0 .25 0 .34.29s0 .4-.16.5Z"/></svg>'},styles:{globalSize:{desktop:{width:"16px",padding:{type:"custom"}}}},childrens:[]}]},itemSystemStarTemplate={tag:"IconListItemHoz",childrens:[{tag:"Icon",settings:{iconSvg:'<svg xmlns="http://www.w3.org/2000/svg" data-name="star-filled" width="20" height="20" fill="currentColor" viewBox="0 0 256 256"><path d="m234.29 114.85-45 38.83L203 211.75a16.4 16.4 0 0 1-24.5 17.82L128 198.49l-50.53 31.08A16.4 16.4 0 0 1 53 211.75l13.76-58.07-45-38.83A16.46 16.46 0 0 1 31.08 86l59-4.76 22.76-55.08a16.36 16.36 0 0 1 30.27 0l22.75 55.08 59 4.76a16.46 16.46 0 0 1 9.37 28.86Z"></path></svg>'},styles:{globalSize:{desktop:{width:"16px",padding:{type:"custom"}}}},childrens:[]}]},itemControlTemplate={tag:"IconListItemHoz",childrens:[{tag:"Icon",label:"Icon",settings:{iconSvg:'<svg xmlns="http://www.w3.org/2000/svg" data-name="star-filled" width="20" height="20" fill="currentColor" viewBox="0 0 256 256"><path d="m234.29 114.85-45 38.83L203 211.75a16.4 16.4 0 0 1-24.5 17.82L128 198.49l-50.53 31.08A16.4 16.4 0 0 1 53 211.75l13.76-58.07-45-38.83A16.46 16.46 0 0 1 31.08 86l59-4.76 22.76-55.08a16.36 16.36 0 0 1 30.27 0l22.75 55.08 59 4.76a16.46 16.46 0 0 1 9.37 28.86Z"></path></svg>',iconLink:{link:"",target:"_self"}},styles:{align:{desktop:"left"},globalSize:{desktop:{width:"16px",padding:{type:"custom"}}},border:{normal:{borderType:"none",border:"none",width:"0px",color:"transparent",isCustom:!1}},bgColor:{normal:"transparent"},color:{normal:"text-1"},iconRotate:0,spin:!1},advanced:{},childrens:[]}]};export{itemChildrenHalfStarTemplate,itemChildrenTemplate,itemControlTemplate,itemSystemStarTemplate};
+let t={tag:"IconListItemHoz",childrens:[{tag:"Icon",settings:{iconSvg:'<svg xmlns="http://www.w3.org/2000/svg" data-name="star-filled" width="20" height="20" fill="currentColor" viewBox="0 0 256 256"><path d="m234.29 114.85-45 38.83L203 211.75a16.4 16.4 0 0 1-24.5 17.82L128 198.49l-50.53 31.08A16.4 16.4 0 0 1 53 211.75l13.76-58.07-45-38.83A16.46 16.46 0 0 1 31.08 86l59-4.76 22.76-55.08a16.36 16.36 0 0 1 30.27 0l22.75 55.08 59 4.76a16.46 16.46 0 0 1 9.37 28.86Z"></path></svg>'},styles:{globalSize:{desktop:{width:"16px",padding:{type:"custom"}}}},childrens:[]}]},e={tag:"IconListItemHoz",childrens:[{tag:"Icon",settings:{iconSvg:'<svg xmlns="http://www.w3.org/2000/svg" data-name="star-half-filled" width="20" height="20" fill="currentColor" data-id="508414815326765440" viewBox="0 0 256 256"><path d="M239.18 97.26A16.38 16.38 0 0 0 224.92 86l-59-4.76-22.78-55.09a16.36 16.36 0 0 0-30.27 0L90.11 81.23 31.08 86a16.46 16.46 0 0 0-9.37 28.86l45 38.83L53 211.75a16.4 16.4 0 0 0 24.5 17.82l50.5-31.08 50.53 31.08A16.4 16.4 0 0 0 203 211.75l-13.76-58.07 45-38.83a16.43 16.43 0 0 0 4.94-17.59Zm-15.34 5.47-48.7 42a8 8 0 0 0-2.56 7.91l14.88 62.8a.37.37 0 0 1-.17.48c-.18.14-.23.11-.38 0l-54.72-33.65a8 8 0 0 0-4.19-1.17V32c.24 0 .27.08.35.26L153 91.86a8 8 0 0 0 6.75 4.92l63.91 5.16c.16 0 .25 0 .34.29s0 .4-.16.5Z"/></svg>'},styles:{globalSize:{desktop:{width:"16px",padding:{type:"custom"}}}},childrens:[]}]},l={tag:"IconListItemHoz",childrens:[{tag:"Icon",settings:{iconSvg:'<svg xmlns="http://www.w3.org/2000/svg" data-name="star-filled" width="20" height="20" fill="currentColor" viewBox="0 0 256 256"><path d="m234.29 114.85-45 38.83L203 211.75a16.4 16.4 0 0 1-24.5 17.82L128 198.49l-50.53 31.08A16.4 16.4 0 0 1 53 211.75l13.76-58.07-45-38.83A16.46 16.46 0 0 1 31.08 86l59-4.76 22.76-55.08a16.36 16.36 0 0 1 30.27 0l22.75 55.08 59 4.76a16.46 16.46 0 0 1 9.37 28.86Z"></path></svg>'},styles:{globalSize:{desktop:{width:"16px",padding:{type:"custom"}}}},childrens:[]}]},a={tag:"IconListItemHoz",childrens:[{tag:"Icon",label:"Icon",settings:{iconSvg:'<svg xmlns="http://www.w3.org/2000/svg" data-name="star-filled" width="20" height="20" fill="currentColor" viewBox="0 0 256 256"><path d="m234.29 114.85-45 38.83L203 211.75a16.4 16.4 0 0 1-24.5 17.82L128 198.49l-50.53 31.08A16.4 16.4 0 0 1 53 211.75l13.76-58.07-45-38.83A16.46 16.46 0 0 1 31.08 86l59-4.76 22.76-55.08a16.36 16.36 0 0 1 30.27 0l22.75 55.08 59 4.76a16.46 16.46 0 0 1 9.37 28.86Z"></path></svg>',iconLink:{link:"",target:"_self"}},styles:{align:{desktop:"left"},globalSize:{desktop:{width:"16px",padding:{type:"custom"}}},border:{normal:{borderType:"none",border:"none",width:"0px",color:"transparent",isCustom:!1}},bgColor:{normal:"transparent"},color:{normal:"text-1"},iconRotate:0,spin:!1},advanced:{},childrens:[]}]};export{e as itemChildrenHalfStarTemplate,t as itemChildrenTemplate,a as itemControlTemplate,l as itemSystemStarTemplate};

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

@@ -1,4 +1,4 @@
-import{itemChildrenTemplate as L,itemSystemStarTemplate as C,itemChildrenHalfStarTemplate as t}from"../ItemTemplate.js";let IconListHozPreset=[{id:"icon-list-hoz",name:"Icon List",icon:{desktop:`
+import{itemChildrenTemplate as L,itemSystemStarTemplate as C,itemChildrenHalfStarTemplate as t}from"../ItemTemplate.js";let o=[{id:"icon-list-hoz",name:"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"/>
@@ -14,4 +14,4 @@ import{itemChildrenTemplate as L,itemSystemStarTemplate as C,itemChildrenHalfSta
         <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:[C,C,C,C,t]}]}];export{IconListHozPreset};
+         `},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:[C,C,C,C,t]}]}];export{o as IconListHozPreset};

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

@@ -1 +1 @@
-import{itemControlTemplate as e}from"../ItemTemplate.js";let IconListHozSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Icon 1","Icon 2"],childTemplate:e},{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"}}}]}];export{IconListHozSettings};
+import{itemControlTemplate as e}from"../ItemTemplate.js";let t=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Icon 1","Icon 2"],childTemplate:e},{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"}}}]}];export{t as IconListHozSettings};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"},options:{fullWidth:!0}}]},{label:"Item spacing",controls:[{type:"control",label:"Gap",setting:{id:"horizontalSpacing"}}]},{label:"Background",controls:[{type:"control",setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Align",controls:[{type:"control",label:"Horizontal",setting:{id:"align"}},{type:"control",label:"Vertical",setting:{id:"verticalAlign"}}]}];export{SettingUIV2};
+let o=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"},options:{fullWidth:!0}}]},{label:"Item spacing",controls:[{type:"control",label:"Gap",setting:{id:"horizontalSpacing"}}]},{label:"Background",controls:[{type:"control",setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Align",controls:[{type:"control",label:"Horizontal",setting:{id:"align"}},{type:"control",label:"Vertical",setting:{id:"verticalAlign"}}]}];export{o as SettingUIV2};

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

@@ -1 +1 @@
-import{composeClasses as e,composeTypographyClassName as t}from"@gem-sdk/core";let getClassWraplistIcon=()=>e("gp-flex"),getClassColListIcon=()=>e("gp-inline-flex gp-flex-col"),getClassWrapItemIcon=({builderProps:t})=>e(`gp-icon-list-wrapper gp-flex gp-child-item-${t?.uid}`),getClassWrapIcon=()=>e("gp-icon-list-icon gp-inline-flex gp-shrink-0 gp-overflow-hidden"),getClassIcon=()=>e("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:s})=>{let{textTypo:g}=s??{},l=t(g);return e(`${l} gp-w-full gp-border gp-border-transparent gp-text-left gp-icon-list-text`)};export{getClassColListIcon,getClassIcon,getClassTextItem,getClassWrapIcon,getClassWrapItemIcon,getClassWraplistIcon};
+import{composeClasses as e,composeTypographyClassName as t}from"@gem-sdk/core";let g=()=>e("gp-flex"),l=()=>e("gp-inline-flex gp-flex-col"),p=({builderProps:t})=>e(`gp-icon-list-wrapper gp-flex gp-child-item-${t?.uid}`),s=()=>e("gp-icon-list-icon gp-inline-flex gp-shrink-0 gp-overflow-hidden"),i=()=>e("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)]"),o=({setting:g})=>{let{textTypo:l}=g??{},p=t(l);return e(`${p} gp-w-full gp-border gp-border-transparent gp-text-left gp-icon-list-text`)};export{l as getClassColListIcon,i as getClassIcon,o as getClassTextItem,s as getClassWrapIcon,p as getClassWrapItemIcon,g as getClassWraplistIcon};

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

@@ -1 +1 @@
-import{DEVICES as t,composePositionLineHeight as o}from"@gem-sdk/core";import{getDynamicSourceLocales as e,createSettingId as n,getStaticLocale as i}from"../../helpers.js";import{IconListV2 as s}from"../settings/configs/translate.js";let composeIconWith=t=>({...t,desktop:t?.desktop??0,tablet:t?.tablet??t?.desktop??0,mobile:t?.mobile??t?.tablet??t?.desktop??0}),getTextIconNotFound=t=>"react"===t?"Icons not found":i("IconList","icons_not_found"),getTextIconTranslations=({setting:t,builderProps:o,pageContext:i,key:l,type:c})=>{let{childItem:r}=t??{};return"react"===c?r?.[l]:e({val:r?.[l],uid:o?.uid,settingId:n({id:s?.childItem?.id,index:l}),pageContext:i,isReplaceLocationOrigin:!0})},getvalueMap=({setting:t})=>{let{childConfig:o,iconType:e,iconSvg:n}=t??{};return e&&"matching"!==e?"different"===e?o:void 0:Array(o?.length).fill(n)},composePostionIconList=(e,n,i)=>{let s={...i,desktop:i?.desktop??0,tablet:i?.tablet??i?.desktop??0,mobile:i?.mobile??i?.tablet??i?.desktop??0},l={};return t.forEach(t=>{o({compose:l,lineHeight:e,device:t,position:n,iconWidth:s})}),l};export{composeIconWith,composePostionIconList,getTextIconNotFound,getTextIconTranslations,getvalueMap};
+import{DEVICES as t,composePositionLineHeight as e}from"@gem-sdk/core";import{getStaticLocale as o,getDynamicSourceLocales as i,createSettingId as n}from"../../helpers.js";import{IconListV2 as s}from"../settings/configs/translate.js";let l=t=>({...t,desktop:t?.desktop??0,tablet:t?.tablet??t?.desktop??0,mobile:t?.mobile??t?.tablet??t?.desktop??0}),r=t=>"react"===t?"Icons not found":o("IconList","icons_not_found"),d=({setting:t,builderProps:e,pageContext:o,key:l,type:r})=>{let{childItem:d}=t??{};return"react"===r?d?.[l]:i({val:d?.[l],uid:e?.uid,settingId:n({id:s?.childItem?.id,index:l}),pageContext:o,isReplaceLocationOrigin:!0})},a=({setting:t})=>{let{childConfig:e,iconType:o,iconSvg:i}=t??{};return o&&"matching"!==o?"different"===o?e:void 0:Array(e?.length).fill(i)},c=(o,i,n)=>{let s={...n,desktop:n?.desktop??0,tablet:n?.tablet??n?.desktop??0,mobile:n?.mobile??n?.tablet??n?.desktop??0},l={};return t.forEach(t=>{e({compose:l,lineHeight:o,device:t,position:i,iconWidth:s})}),l};export{l as composeIconWith,c as composePostionIconList,r as getTextIconNotFound,d as getTextIconTranslations,a as getvalueMap};

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

@@ -1 +1 @@
-import{makeStyleResponsive as e,composeBorderResponsive as t,getResponsiveStyleShadowWithoutState as l,composeRadiusResponsive as o,getStyleBackgroundByDevice as r,getResponsiveStylePadding as b,getGradientBgrStyleByDevice as n,makeGlobalSize as i,makeStyle as a,getSingleColorVariable as s}from"@gem-sdk/core";import{getBackgroundTranslated as p}from"../../helpers.js";import{IconListV2 as c}from"../settings/configs/translate.js";let filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e},getStyleContainerIconlistMain=({styles:t,style:l,type:o,advanced:r})=>{let{align:b}=t??{};return{...l="react"===o?filterStyles(l):l,...e("jc",b),...e("d",{desktop:r?.d?.desktop?"flex":"none",tablet:r?.d?.tablet?"flex":"none",mobile:r?.d?.mobile?"flex":"none"})}},getStyleWraplistIcon=({styles:i,uid:a,pageContext:s,type:d="React"})=>{let{panelAlign:g,contentBoxPadding:m,contentBoxWidth:y,background:S,contentBoxBorder:I,contentBoxRounded:u,contentBoxShadow:k}=i??{},x="Liquid"===d?p({background:S,uid:a,enableTranslate:!!c?.background?.id,pageContext:s,isTranslateVideo:!1}):S;return{...t(I),...l(k,"box-shadow",k),...o(u),...r(x),...b(m),...e("w",y),...e("jc",g),...n(x,{desktop:!0,tablet:!0,mobile:!0})}},getStyleColListIcon=({styles:t})=>{let{verticalSpacing:l}=t??{};return{...e("rg",l)}},getStyleWrapItemIcon=({styles:t})=>{let{horizontalSpacing:l,position:o}=t??{};return{...e("cg",l),...e("ai",{...o,mobile:o?.mobile=="baseline"?"flex-start":o?.mobile})}},getStyleWrapIcon=({styles:t,setting:l})=>{let{iconBorder:o,backgroundColor:r,iconRounded:b}=t??{},{globalSize:n}=l??{},p=i(n);return{...p.padding,...a({bs:o?.border,bw:o?.width,bc:s(o?.color),bg:s(r),bblr:b?.bblr,bbrr:b?.bbrr,btlr:b?.btlr,btrr:b?.btrr}),...e("top",{desktop:"unset",tablet:"unset",mobile:"unset"}),...e("pos",{desktop:"relative",tablet:"relative",mobile:"relative"})}},getStyleIcon=({styles:e,setting:t})=>{let{iconColor:l}=e||{},{iconWidth:o}=t??{};return{"--c":s(l),"--w":"100%","--h":"100%","--size-desktop":`${o?.desktop}px`,"--size-tablet":`${o?.tablet||o?.desktop}px`,"--size-mobile":`${o?.mobile||o?.tablet||o?.desktop}px`}},getStyleTypoText=({setting:e})=>({typo:e?.textTypo});export{getStyleColListIcon,getStyleContainerIconlistMain,getStyleIcon,getStyleTypoText,getStyleWrapIcon,getStyleWrapItemIcon,getStyleWraplistIcon};
+import{makeStyleResponsive as e,getGradientBgrStyleByDevice as t,getResponsiveStylePadding as l,getStyleBackgroundByDevice as o,composeRadiusResponsive as r,getResponsiveStyleShadowWithoutState as b,composeBorderResponsive as i,getSingleColorVariable as a,makeGlobalSize as n,makeStyle as s}from"@gem-sdk/core";import{getBackgroundTranslated as p}from"../../helpers.js";import{IconListV2 as d}from"../settings/configs/translate.js";let m=e=>(["--mb","--mb-mobile","--mb-tablet"].forEach(t=>{delete e?.[t]}),e),c=({styles:t,style:l,type:o,advanced:r})=>{let{align:b}=t??{};return{...l="react"===o?m(l):l,...e("jc",b),...e("d",{desktop:r?.d?.desktop?"flex":"none",tablet:r?.d?.tablet?"flex":"none",mobile:r?.d?.mobile?"flex":"none"})}},g=({styles:a,uid:n,pageContext:s,type:m="React"})=>{let{panelAlign:c,contentBoxPadding:g,contentBoxWidth:k,background:u,contentBoxBorder:x,contentBoxRounded:y,contentBoxShadow:f}=a??{},I="Liquid"===m?p({background:u,uid:n,enableTranslate:!!d?.background?.id,pageContext:s,isTranslateVideo:!1}):u;return{...i(x),...b(f,"box-shadow",f),...r(y),...o(I),...l(g),...e("w",k),...e("jc",c),...t(I,{desktop:!0,tablet:!0,mobile:!0})}},k=({styles:t})=>{let{verticalSpacing:l}=t??{};return{...e("rg",l)}},u=({styles:t})=>{let{horizontalSpacing:l,position:o}=t??{};return{...e("cg",l),...e("ai",{...o,mobile:o?.mobile=="baseline"?"flex-start":o?.mobile})}},x=({styles:t,setting:l})=>{let{iconBorder:o,backgroundColor:r,iconRounded:b}=t??{},{globalSize:i}=l??{},p=n(i);return{...p.padding,...s({bs:o?.border,bw:o?.width,bc:a(o?.color),bg:a(r),bblr:b?.bblr,bbrr:b?.bbrr,btlr:b?.btlr,btrr:b?.btrr}),...e("top",{desktop:"unset",tablet:"unset",mobile:"unset"}),...e("pos",{desktop:"relative",tablet:"relative",mobile:"relative"})}},y=({styles:e,setting:t})=>{let{iconColor:l}=e||{},{iconWidth:o}=t??{};return{"--c":a(l),"--w":"100%","--h":"100%","--size-desktop":`${o?.desktop}px`,"--size-tablet":`${o?.tablet||o?.desktop}px`,"--size-mobile":`${o?.mobile||o?.tablet||o?.desktop}px`}},f=({setting:e})=>({typo:e?.textTypo});export{k as getStyleColListIcon,c as getStyleContainerIconlistMain,y as getStyleIcon,f as getStyleTypoText,x as getStyleWrapIcon,u as getStyleWrapItemIcon,g as getStyleWraplistIcon};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useGetProductId as s}from"../../hooks/useGetProductId.js";import i from"../../text/components/Text.js";import{createClass as o,createStyle as r,createAttr as m,If as l}from"@gem-sdk/system";import{getClassWraplistIcon as n,getClassColListIcon as a,getClassWrapItemIcon as c,getClassWrapIcon as d,getClassIcon as p,getClassTextItem as u}from"../common/classes.js";import{getStyleContainerIconlistMain as h,getStyleWraplistIcon as f,getStyleColListIcon as y,getStyleIcon as g,getStyleWrapIcon as j,getStyleWrapItemIcon as v,getStyleTypoText as N}from"../common/styles.js";import{getvalueMap as x,composePostionIconList as I,getTextIconTranslations as L,getTextIconNotFound as k,composeIconWith as w}from"../common/helpers.js";import{useIconLineHeight as S}from"../hooks/useIconLineHeight.js";let IconListV2=T=>{let{builderProps:W,builderAttrs:$,style:H,setting:V,styles:_,pageContext:q,advanced:C}=T,G=o({[W?.uid??""]:!0}),M=o(n()),P=o(a()),b=o(c({builderProps:W})),z=o(d()),A=o(p()),B=o(u({setting:V})),D=r(h({styles:_,style:H,type:"react",advanced:C})),E=r(f({styles:_,uid:W?.uid??"",pageContext:q})),F=r(y({styles:_})),J=r(g({styles:_,setting:V})),K=N({setting:V}),O=m({...$}),Q=k("react"),R=x({setting:V}),{ref:U,lineHeight:X}=S({iconWidth:w(V?.iconWidth)}),Y=I(X,_?.position,V?.iconWidth),{refContainer:Z,productID:ee}=s(),et=r({...j({styles:_,setting:V}),...Y.content}),es=r({...v({styles:_}),...Y.wrapper});return e("div",{...O,...W,"data-id":W?.uid,style:D,className:G,ref:Z,children:l(!R||!R.length,e("div",{children:Q}),e("div",{className:M,style:E,children:e("div",{className:P,style:F,children:R?.map((s,o)=>{let r=L({setting:V,builderProps:W,pageContext:q,key:o,type:"react"});return t("div",{"data-index":o,className:b,style:es,children:[e("div",{className:z,style:et,children:e("span",{style:J,className:A,dangerouslySetInnerHTML:{__html:s}})}),e(i,{setting:{text:r?.toString(),htmlTag:"div",options:{useState:!0,uniqueId:`${W?.uid}-${o}-${ee}`,productID:ee,customClass:{wrapper:"gp-w-full"}}},styles:K,className:B,ref:U})]},o)})})}))})};export{IconListV2 as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useGetProductId as s}from"../../hooks/useGetProductId.js";import i from"../../text/components/Text.js";import{createClass as o,createStyle as r,createAttr as m,If as l}from"@gem-sdk/system";import{getClassWraplistIcon as a,getClassColListIcon as n,getClassWrapItemIcon as d,getClassWrapIcon as c,getClassIcon as p,getClassTextItem as u}from"../common/classes.js";import{getStyleContainerIconlistMain as h,getStyleWraplistIcon as f,getStyleColListIcon as y,getStyleIcon as g,getStyleWrapIcon as j,getStyleWrapItemIcon as v,getStyleTypoText as N}from"../common/styles.js";import{getvalueMap as x,composePostionIconList as I,getTextIconNotFound as k,composeIconWith as w,getTextIconTranslations as L}from"../common/helpers.js";import{useIconLineHeight as S}from"../hooks/useIconLineHeight.js";let T=T=>{let{builderProps:W,builderAttrs:$,style:H,setting:_,styles:q,pageContext:C,advanced:G}=T,M=o({[W?.uid??""]:!0}),P=o(a()),V=o(n()),b=o(d({builderProps:W})),z=o(c()),A=o(p()),B=o(u({setting:_})),D=r(h({styles:q,style:H,type:"react",advanced:G})),E=r(f({styles:q,uid:W?.uid??"",pageContext:C})),F=r(y({styles:q})),J=r(g({styles:q,setting:_})),K=N({setting:_}),O=m({...$}),Q=k("react"),R=x({setting:_}),{ref:U,lineHeight:X}=S({iconWidth:w(_?.iconWidth)}),Y=I(X,q?.position,_?.iconWidth),{refContainer:Z,productID:ee}=s(),et=r({...j({styles:q,setting:_}),...Y.content}),es=r({...v({styles:q}),...Y.wrapper});return e("div",{...O,...W,"data-id":W?.uid,style:D,className:M,ref:Z,children:l(!R||!R.length,e("div",{children:Q}),e("div",{className:P,style:E,children:e("div",{className:V,style:F,children:R?.map((s,o)=>{let r=L({setting:_,builderProps:W,pageContext:C,key:o,type:"react"});return t("div",{"data-index":o,className:b,style:es,children:[e("div",{className:z,style:et,children:e("span",{style:J,className:A,dangerouslySetInnerHTML:{__html:s}})}),e(i,{setting:{text:r?.toString(),htmlTag:"div",options:{useState:!0,uniqueId:`${W?.uid}-${o}-${ee}`,productID:ee,customClass:{wrapper:"gp-w-full"}}},styles:K,className:B,ref:U})]},o)})})}))})};export{T as default};

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

@@ -1,17 +1,17 @@
-import{template as s,dataStringify as i,RenderIf as t,isLocalEnv as e,baseAssetURL as o}from"@gem-sdk/core";import{getSettingPreloadData as l}from"../../helpers.js";import r from"../../text/components/Text.liquid.js";import{createClass as p,createStyle as a,createAttr as d,If as n}from"@gem-sdk/system";import{getClassWraplistIcon as c,getClassColListIcon as m,getClassWrapItemIcon as $,getClassWrapIcon as u,getClassIcon as g,getClassTextItem as y}from"../common/classes.js";import{getStyleContainerIconlistMain as v,getStyleWraplistIcon as f,getStyleColListIcon as j,getStyleWrapIcon as h,getStyleWrapItemIcon as S,getStyleIcon as q,getStyleTypoText as x}from"../common/styles.js";import{getvalueMap as k,getTextIconTranslations as E,getTextIconNotFound as N}from"../common/helpers.js";let IconListV2=V=>{let{builderProps:A,builderAttrs:I,style:L,setting:O,styles:T,pageContext:_}=V,w=A?.builderData?.advanced,C=p({[A?.uid??""]:!0}),G=p(c()),W=p(m()),b=p($({builderProps:A})),D=p(u()),F=p(g()),J=p(y({setting:O})),M=a(v({styles:T,style:L,type:"liquid",advanced:w})),P=a(f({styles:T,uid:A?.uid??"",pageContext:_,type:"Liquid"})),R=a(j({styles:T,setting:O})),z=a(h({styles:T,setting:O})),B=a(S({styles:T})),H=a(q({styles:T,setting:O})),K=x({setting:O}),Q=d({...I}),U=N("liquid"),X=k({setting:O});return s`
+import{dataStringify as s,template as i,RenderIf as t,isLocalEnv as e,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../helpers.js";import r from"../../text/components/Text.liquid.js";import{createClass as p,createStyle as a,createAttr as d,If as n}from"@gem-sdk/system";import{getClassWraplistIcon as c,getClassColListIcon as m,getClassWrapItemIcon as $,getClassWrapIcon as u,getClassIcon as g,getClassTextItem as y}from"../common/classes.js";import{getStyleContainerIconlistMain as v,getStyleWraplistIcon as f,getStyleColListIcon as j,getStyleWrapIcon as h,getStyleWrapItemIcon as S,getStyleIcon as q,getStyleTypoText as x}from"../common/styles.js";import{getvalueMap as k,getTextIconTranslations as E,getTextIconNotFound as N}from"../common/helpers.js";let A=A=>{let{builderProps:O,builderAttrs:T,style:V,setting:_,styles:w,pageContext:C}=A,G=O?.builderData?.advanced,I=p({[O?.uid??""]:!0}),L=p(c()),W=p(m()),b=p($({builderProps:O})),D=p(u()),F=p(g()),J=p(y({setting:_})),M=a(v({styles:w,style:V,type:"liquid",advanced:G})),P=a(f({styles:w,uid:O?.uid??"",pageContext:C,type:"Liquid"})),R=a(j({styles:w})),z=a(h({styles:w,setting:_})),B=a(S({styles:w})),H=a(q({styles:w,setting:_})),K=x({setting:_}),Q=d({...T}),U=N("liquid"),X=k({setting:_});return i`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <gp-icon-list
       ${{...Q}}
-      ${{...A}}
-      data-id="${A?.uid}"
+      ${{...O}}
+      data-id="${O?.uid}"
       style="${M}"
-      className="${C}"
+      className="${I}"
     >
-      <script gp-data type="application/json">${JSON.stringify(i({position:T?.position,iconWidth:O?.iconWidth}).replaceAll("'","&#039;"))}</script>
-      ${n(!X||!X.length,s`<div>${U}</div>`,s`
-          <div class="${G}" style="${P}">
+      <script gp-data type="application/json">${JSON.stringify(s({position:w?.position,iconWidth:_?.iconWidth}).replaceAll("'","&#039;"))}</script>
+      ${n(!X||!X.length,i`<div>${U}</div>`,i`
+          <div class="${L}" style="${P}">
             <div class="${W}" style="${R}">
-              ${X?.map((i,t)=>{let e=E({setting:O,builderProps:A,pageContext:_,key:t,type:"liquid"});return s`
+              ${X?.map((s,t)=>{let e=E({setting:_,builderProps:O,pageContext:C,key:t,type:"liquid"});return i`
                     <div
                       key="${t}"
                       data-index="${t}"
@@ -23,7 +23,7 @@ import{template as s,dataStringify as i,RenderIf as t,isLocalEnv as e,baseAssetU
                           class="${F}"
                           style="${H}"
                         >
-                          ${i}
+                          ${s}
                         </span>
                       </div>
                       ${r({setting:{text:e?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:K,className:J})}
@@ -31,5 +31,5 @@ import{template as s,dataStringify as i,RenderIf as t,isLocalEnv as e,baseAssetU
             </div>
           </div>`)}
     </gp-icon-list>
-    ${t(e,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-icon-list-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${o}/assets-v2/gp-icon-list-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{IconListV2 as default};
+    ${t(e,`<script ${o('class="gps-link" delay',"src")}="{{ 'gp-icon-list-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${o('class="gps-link" delay',"src")}="${l}/assets-v2/gp-icon-list-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{A as default};

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

@@ -1 +1 @@
-import{useCurrentDevice as e}from"@gem-sdk/core";import{useRef as t,useState as r,useEffect as o}from"react";let useIconLineHeight=({iconWidth:i})=>{let n=t(null),[l,u]=r(""),c=e();return o(()=>{if(n?.current){let e=window.getComputedStyle(n?.current).getPropertyValue("line-height");u(e)}},[i,c]),{ref:n,lineHeight:l}};export{useIconLineHeight};
+import{useCurrentDevice as e}from"@gem-sdk/core";import{useRef as t,useState as r,useEffect as o}from"react";let i=({iconWidth:i})=>{let l=t(null),[n,u]=r(""),m=e();return o(()=>{if(l?.current){let e=window.getComputedStyle(l?.current).getPropertyValue("line-height");u(e)}},[i,m]),{ref:l,lineHeight:n}};export{i as useIconLineHeight};

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

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"@gem-sdk/system";import"next/link";import t from"./settings/IconList.js";let iconListSettingV2={IconListV2:t};export{iconListSettingV2};
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"@gem-sdk/system";import"next/link";import t from"./settings/IconList.js";let i={IconListV2:t};export{i as iconListSettingV2};

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

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let IconListV2=o(()=>import("./components/IconList.js"),{loading:t});var iconListV2={IconListV2};export{iconListV2 as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let m=o(()=>import("./components/IconList.js"),{loading:t});var r={IconListV2:m};export{r as default};

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

@@ -1,4 +1,4 @@
-import{IconListSettings as e}from"./configs/settings.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";let config={tag:"IconListV2",label:"Item List",icon:`
+import{IconListSettings as e}from"./configs/settings.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";let i={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"/>
@@ -28,4 +28,4 @@ import{IconListSettings as e}from"./configs/settings.js";import{SettingUIV2 as t
 <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}}}}}};export{config as default};
+`]},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}}}}}};export{i as default};

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

@@ -1 +1 @@
-let 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}}}]};export{itemControlTemplate};
+let e={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}}}]};export{e as itemControlTemplate};

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

@@ -1 +1 @@
-import{itemControlTemplate as e}from"./items.js";let IconListSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Icon 1","Icon 2"],childTemplate:e,isDisabledDuplicateIncrease:!0},{id:"textTypo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},compoDefaultValue:{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"}}}]}];export{IconListSettings};
+import{itemControlTemplate as e}from"./items.js";let t=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Icon 1","Icon 2"],childTemplate:e,isDisabledDuplicateIncrease:!0},{id:"textTypo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},compoDefaultValue:{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"}}}]}];export{t as IconListSettings};

package/dist/esm/icon-list-v2/settings/configs/translate.js

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

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

@@ -1 +1 @@
-let SettingUIV2=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Icon style",controls:[{label:"Icon type ",setting:{id:"iconType"}},{conditionDisplay:'iconType === "matching"',label:"Icon",setting:{id:"iconSvg"}},{conditionDisplay:'iconType === "different"',layout:"vertical",setting:{id:"childConfig"}},{label:"Icon color",setting:{id:"iconColor"}},{label:"Icon size",setting:{id:"iconWidth"}}],moreSettings:{type:"collapse",controls:[{label:"Position",setting:{id:"position"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"4px",right:"4px",bottom:"4px",left:"4px"}}}},{label:"Background",setting:{id:"backgroundColor"}},{label:"Border",setting:{id:"iconBorder"}},{label:"Corner",setting:{id:"iconRounded"}}]}},{label:"Text",controls:[{setting:{id:"textTypo"},layout:"vertical"}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"verticalSpacing"}}]},{label:"Item style",controls:[{label:"Icon & text gap",setting:{id:"horizontalSpacing"}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Size",controls:[{label:"Width",setting:{id:"contentBoxWidth"},layout:"horizontal"},{label:"Padding",setting:{id:"contentBoxPadding"},layout:"horizontal"},{label:"Arrange",setting:{id:"panelAlign"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"contentBoxBorder"}},{label:"Corner",setting:{id:"contentBoxRounded"}},{label:"Shadow",setting:{id:"contentBoxShadow"}}]},{controls:[{label:"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("%"))'}]}];export{SettingUIV2};
+let t=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Icon style",controls:[{label:"Icon type ",setting:{id:"iconType"}},{conditionDisplay:'iconType === "matching"',label:"Icon",setting:{id:"iconSvg"}},{conditionDisplay:'iconType === "different"',layout:"vertical",setting:{id:"childConfig"}},{label:"Icon color",setting:{id:"iconColor"}},{label:"Icon size",setting:{id:"iconWidth"}}],moreSettings:{type:"collapse",controls:[{label:"Position",setting:{id:"position"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"4px",right:"4px",bottom:"4px",left:"4px"}}}},{label:"Background",setting:{id:"backgroundColor"}},{label:"Border",setting:{id:"iconBorder"}},{label:"Corner",setting:{id:"iconRounded"}}]}},{label:"Text",controls:[{setting:{id:"textTypo"},layout:"vertical"}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"verticalSpacing"}}]},{label:"Item style",controls:[{label:"Icon & text gap",setting:{id:"horizontalSpacing"}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Size",controls:[{label:"Width",setting:{id:"contentBoxWidth"},layout:"horizontal"},{label:"Padding",setting:{id:"contentBoxPadding"},layout:"horizontal"},{label:"Arrange",setting:{id:"panelAlign"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"contentBoxBorder"}},{label:"Corner",setting:{id:"contentBoxRounded"}},{label:"Shadow",setting:{id:"contentBoxShadow"}}]},{controls:[{label:"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("%"))'}]}];export{t as SettingUIV2};

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

@@ -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,uid:g})=>{let{alt:p,srcSet:u,priority:d,qualityPercent:A,qualityType:m,title:y}=i??{},k=e({styles:t,setting:i}),L=()=>{n(i?.imageLink,l)},F=u?.desktop?.backupFileKey?r(u?.desktop?.backupFileKey??"",u?.desktop?.src??""):"",b=o?a({src:u?.desktop?.src,backupFileKey:F,backupFilePath:u?.desktop?.backupFilePath,storage:u?.desktop?.storage}):u?.desktop?.src??"",f=d?{}:{"base-src":b??"","quality-type":s(m),"quality-percent":s(A)};return{pictureClass:"gp-contents",...g&&{"data-uid":g},...p&&{alt:p},...y&&{title:y},...u&&{srcSet:u},...d&&c,...f,...t?.objectFit&&{layout:t.objectFit},onClick:L,aspectRatio:k}},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:A=2237,height:m=1678,isNotLazyload:y,backupFileKey:k,backupFilePath:L,srcIsLiquidCode:F,enableLazyLoadImage:b,alt:f=i.DEFAULT_ALT,title:h,src:I=i.DEFAULT_SRC,sizes:T=i.DEFAULT_SIZES}=t,E=!y&&b&&!u,_=()=>{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(A,m),...s&&!u?{"base-src":s}:{},...s?{"data-src":s}:{},...i?{"data-srcset":i}:{}},p={sizes:T,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}},q=()=>{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:A,height:m,draggable:"false",...r}};return p({...d,...q(),..._()})},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,A=!l&&o&&!s,m=()=>{let t={loading:"lazy",placeholder:"blur",...n&&{blurDataURL:n}},e={loading:"eager",fetchpriority:"high"};return{...A?t:e}},y=()=>({src:d,alt:c,title:u,width:e,height:r,quality:a}),k=y(),L=p(m());return{...k,...L}};export{getAdaptiveImageAttrs,getContainerAttrs,getImageLiquidAttrs,getLinkWrapperAttrs,getNextImageAttrs,getNextImageLiquidAttrs,getNextImageReactAttrs};
+import{HREF_TO_SALES_PAGE as t}from"../../constant.js";import{getAspectRatio as e,getNewBackupFileKey as r,getImageSrc as a,safeStringify as s,IMAGE_PLACEHOLDER as i,NEXT_IMAGE_CONFIG as l,getSrcSet as o,createBlurDataURL as p}from"./helpers.js";import{createAttr as g}from"@gem-sdk/system";import{handleClickLink as c}from"../../helpers.js";import{PRIORITY_LOAD_ATTRS as n}from"../constants.js";let u=(t,e)=>({...t,...e&&{"data-id":e}}),d=({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"}}},y=({pageContext:t,enableLazyLoadImage:e=!1})=>({...t&&{pageContext:t},...e&&{enableLazyLoadImage:e}}),m=({styles:t,setting:i,mode:l,isLiquid:o,uid:p})=>{let{alt:g,srcSet:u,priority:d,qualityPercent:y,qualityType:m,title:k}=i??{},A=e({styles:t,setting:i}),F=u?.desktop?.backupFileKey?r(u?.desktop?.backupFileKey??"",u?.desktop?.src??""):"",L=o?a({src:u?.desktop?.src,backupFileKey:F,backupFilePath:u?.desktop?.backupFilePath,storage:u?.desktop?.storage}):u?.desktop?.src??"",b=d?{}:{"base-src":L??"","quality-type":s(m),"quality-percent":s(y)};return{pictureClass:"gp-contents",...p&&{"data-uid":p},...g&&{alt:g},...k&&{title:k},...u&&{srcSet:u},...d&&n,...b,...t?.objectFit&&{layout:t.objectFit},onClick:()=>{c(i?.imageLink,l)},aspectRatio:A}},k=({styles:t,setting:r})=>{let{objectFit:a}=t??{},{vw:s,alt:i,title:l,quality:o,priority:p,isNotLazyload:g,qualityType:c,qualityPercent:n}=r??{},u=e({styles:t,setting:r});return{...r?.image,...s&&{vw:s},...i&&{alt:i},...l&&{title:l},...o&&{quality:o},...p&&{priority:p},isNotLazyload:g,setting:{aspectRatio:u,layout:a,qualityType:c,qualityPercent:n}}},A=t=>{let{srcset:e,setting:i,storage:c,baseSrc:n,priority:u,customAttrs:d,width:y=2237,height:m=1678,isNotLazyload:k,backupFileKey:A,backupFilePath:F,srcIsLiquidCode:L,enableLazyLoadImage:b,alt:f=l.DEFAULT_ALT,title:h,src:T=l.DEFAULT_SRC,sizes:E=l.DEFAULT_SIZES}=t,_=!k&&b&&!u;return g({...d,...(()=>{let{qualityPercent:t,qualityType:e}=i??{},r=!u&&e&&t?{"quality-type":s(e),"quality-percent":s(t)}:{"quality-type":"","quality-percent":""};return{...f&&{alt:f},...h&&{title:h},width:y,height:m,draggable:"false",...r}})(),...(()=>{let t=A?r(A??"",T):"",s=L?n:a({src:T,backupFileKey:t,backupFilePath:F,storage:c}),i=L?T:o(t??"",c??"THEME",T),l={sizes:"100vw",src:p(y,m),...s&&!u?{"base-src":s}:{},...s?{"data-src":s}:{},...i?{"data-srcset":i}:{}},g={sizes:E,src:s??"",isNotLazyload:"true",srcset:e??"",...s&&!u?{"base-src":s}:{},...u?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",..._?l:g}})()})},F=t=>{let{width:e=l.DEFAULT_WIDTH_PROPS,height:r=l.DEFAULT_HEIGHT_PROPS,quality:a,priority:s,isNotLazyload:o,enableLazyLoadImage:p,base64:c=i,alt:n=l.DEFAULT_ALT,title:u,src:d=l.DEFAULT_SRC}=t,y=!o&&p&&!s,m=g((()=>{let t={loading:"lazy",placeholder:"blur",...c&&{blurDataURL:c}};return{...y?t:{loading:"eager",fetchpriority:"high"}}})());return{src:d,alt:n,title:u,width:e,height:r,quality:a,...m}};export{m as getAdaptiveImageAttrs,u as getContainerAttrs,y as getImageLiquidAttrs,d as getLinkWrapperAttrs,k as getNextImageAttrs,A as getNextImageLiquidAttrs,F as getNextImageReactAttrs};

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

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

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

@@ -1,4 +1,4 @@
-import{cloneDeep as e,hasTranslatedLiquid as t,getCornerCSSFromGlobal as i,getAspectRatioGlobalSize as r,makeStyleResponsive as a,DEVICES as l,getResponsiveValueByScreen as g}from"@gem-sdk/core";import{getDynamicSourceLocales as s,createSettingId as o}from"../../helpers.js";import{Image as n}from"../settings/configs/translate.js";let 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?i(t):{}},getAspectRatio=({styles:e,setting:t})=>{let{srcSet:i,image:a}=t??{},{customAspectRadio:l,shape:g}=e??{},s={desktop:composeAspectRatio({device:"desktop",aspect:e?.aspectRatio,auto:t?.isAdaptive?i?.desktop:a,custom:l}),tablet:composeAspectRatio({device:"tablet",aspect:e?.aspectRatio,auto:t?.isAdaptive?i?.tablet:a,custom:l}),mobile:composeAspectRatio({device:"mobile",aspect:e?.aspectRatio,auto:t?.isAdaptive?i?.mobile:a,custom:l})};return g?r(g):s},composeAspectRatio=({device:e,aspect:t,custom:i,auto:r})=>{let a=t?.[e];return"auto"===a?r?.height?`${r.width}/${r.height}`:void 0:"custom"===a?i?.[e]?.height?`${i?.[e]?.width}/${i?.[e]?.height}`:void 0:a},getResponsiveObjectFit=({layout:e,isDisableObjectFit:t})=>t?{}:a("objf",e),getAspectRatioNextImage=({isDisableAspectStyle:e,aspectRatio:t,objectFits:i,width:r,height:a})=>{if(e)return{};let g={};return l.forEach(e=>{let l=`--objf${"desktop"!==e?`-${e}`:""}`,s=i?.[l]||i?.["--objf"];if(t?.[e]==="auto"&&"contain"===s){g[e]="auto";return}g[e]=t?.[e]!=="auto"&&t?.[e]?t[e]:`${r}/${a}`}),g},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">
+import{getCornerCSSFromGlobal as e,getAspectRatioGlobalSize as t,hasTranslatedLiquid as i,makeStyleResponsive as r,DEVICES as l,getResponsiveValueByScreen as a,cloneDeep as s}from"@gem-sdk/core";import{getDynamicSourceLocales as o,createSettingId as n}from"../../helpers.js";import{Image as g}from"../settings/configs/translate.js";let c=t=>{let i={...t},r=!0;return i&&Object.keys(i??{}).forEach(e=>{if("bblr"===e||"bbrr"===e||"btlr"===e||"btrr"===e){let t=i[e]??{};"0px"!==t&&(r=!1)}}),r?e(i):{}},u=({styles:e,setting:i})=>{let{srcSet:r,image:l}=i??{},{customAspectRadio:a,shape:s}=e??{},o={desktop:d({device:"desktop",aspect:e?.aspectRatio,auto:i?.isAdaptive?r?.desktop:l,custom:a}),tablet:d({device:"tablet",aspect:e?.aspectRatio,auto:i?.isAdaptive?r?.tablet:l,custom:a}),mobile:d({device:"mobile",aspect:e?.aspectRatio,auto:i?.isAdaptive?r?.mobile:l,custom:a})};return s?t(s):o},d=({device:e,aspect:t,custom:i,auto:r})=>{let l=t?.[e];return"auto"===l?r?.height?`${r.width}/${r.height}`:void 0:"custom"===l?i?.[e]?.height?`${i?.[e]?.width}/${i?.[e]?.height}`:void 0:l},f=({layout:e,isDisableObjectFit:t})=>t?{}:r("objf",e),m=({isDisableAspectStyle:e,aspectRatio:t,objectFits:i,width:r,height:a})=>{if(e)return{};let s={};return l.forEach(e=>{let l=`--objf${"desktop"!==e?`-${e}`:""}`,o=i?.[l]||i?.["--objf"];if(t?.[e]==="auto"&&"contain"===o){s[e]="auto";return}s[e]=t?.[e]!=="auto"&&t?.[e]?t[e]:`${r}/${a}`}),s},p=e=>JSON.stringify(e||{}).replace(/"/g,"&quot;"),h=(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%" />
@@ -9,4 +9,4 @@ import{cloneDeep as e,hasTranslatedLiquid as t,getCornerCSSFromGlobal as i,getAs
     <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:i}=e,r=e=>{let{isLiquid:r}=e??{},a=getImageSrc(t?.desktop,"desktop",!r)||i||FALLBACK_IMAGE,l=getImageSrc(t?.tablet,"tablet",!r)||getImageSrc(t?.desktop,"tablet",!r)||i||FALLBACK_IMAGE,g=getImageSrc(t?.mobile,"mobile",!r)||getImageSrc(t?.tablet,"mobile",!r)||getImageSrc(t?.desktop,"mobile",!r)||i||FALLBACK_IMAGE;return{srcTablet:l,srcMobile:g,srcDesktop:a}};return{getDeviceSource:r}},getSettingTranslatedImageAndSeo=({setting:t,uid:i,pageContext:r})=>{if(!t||!n)return{};let a=e(t);for(let e in a.srcSet){let t=a.srcSet[e];if(t&&t.src){let a=s({val:t.src,uid:i,settingId:n?.srcSet?.id?`${n.srcSet.id}_${e}_src`:"",pageContext:r});t.src=String(a)}}let l=s({val:a.alt,uid:i,settingId:o({id:n?.alt?.id}),pageContext:r});a.alt=String(l);let g=s({val:a.title,uid:i,settingId:o({id:n?.title?.id}),pageContext:r});return a.title=String(g),a},getSrcSet=(e,t,i)=>e?getSrcSetLiquid(e,t):getSrcSetLink(i),isCannotResizeImage=e=>e.includes("webp")||e.includes("jfif")||e.includes(".svg")||e.includes(".tiff"),getSrcSetLiquid=(e,t)=>{let i=replaceBackupFileKeyFileContent(e);return isCannotResizeImage(e)?"FILE_CONTENT"==t?`{{ '${i}' | file_url }} 768w, {{ '${i}' | file_url }} 1024w, {{ '${i}' | file_url }} 1440w`:`{{ '${e}' | asset_url }} 768w, {{ '${e}' | asset_url }} 1024w, {{ '${e}' | asset_url }} 1440w`:"FILE_CONTENT"==t?`{{ '${i}' | file_img_url: '768x' }} 768w, {{ '${i}' | file_img_url: '1024x' }} 1024w, {{ '${i}' | 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,i,r)=>{if(e?.metafieldDefinitionKey)return getImageMetafieldDefinitionKey(e?.metafieldDefinitionKey);let a=e?.backupFilePath??e?.src??"";if(r)a=e?.src||"";else{let i=e?.src??"";if(t(i))return i;if(e?.backupFileKey){let t=getNewBackupFileKey(e.backupFileKey,e?.src??"");"THEME"!==e.storage&&e.storage?"FILE_CONTENT"===e.storage&&(a=`{{ "${replaceBackupFileKeyFileContent(t)}" | file_url }}`):a=`{{ "${t}" | asset_url }}`}}if(i&&a?.includes("cdn.shopify"))switch(i){case"tablet":a=a?.replace(regexReplaceEndDot,"_1024x.");break;case"mobile":a=a?.replace(regexReplaceEndDot,"_768x.")}return a},getImageMetafieldDefinitionKey=e=>`{{${e} | file_url}}`,regexReplaceEndDot=/\.(?=[^.]*$)/,replaceBackupFileKeyFileContent=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),getNewBackupFileKey=(e,t)=>{let i=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return i&&i!=e?i:e};function resizeImage(e,t){let i=e.match(/\.webp/g)?.length,r=replaceRegexLastMatch({str:e,reg:/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g,newString:"."});if(i)return r;let a=replaceRegexLastMatch({str:r,reg:/\.jpg|\.png|\.gif|\.jpeg/g,newString:t,isAdd:!0});return a}let replaceRegexLastMatch=e=>{let t=e.str,i=e.str.match(e.reg)?.length;if(i){let r,a=1;for(;null!==(r=e.reg.exec(e.str));){if(a===i){let i=e.reg.lastIndex,a=i-r[0].length;e.isAdd&&(e.newString="_"+e.newString+r),t=t.slice(0,a)+e.newString+t.slice(i,t.length)}a++}}return t},getItemWidth=(e,t)=>{let i=getCurrentDevice(),r=t?.[i]||"auto";if(!r||"auto"===r||r.includes("%"))return e;let a=Number(r.replace("px",""));return a>e?e:Number(r.replace("px",""))},getImageWidthFollowByQuality=e=>{let{itemWidthParam:t,imageWidthSetting:i,qualityType:r,qualityPercent:a}=e,l=getCurrentDevice(),s=getItemWidth(t,i),o=g(r,l,"finest"),n=g(a,l,100);switch(o){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(n)/100))||1}},getWidthOfFeatureImageSetting=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return l.forEach(i=>{let r=g(e,i)?.width||"100%";t[i]=r}),t},getWidthOfImageListSetting=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return l.forEach(i=>{let r=g(e,i)?.width||"100%";t[i]=r}),t},getWidthOfListImageInDom=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-gallery-image-item`),i=0;return t.forEach(e=>{e.offsetWidth>i&&(i=e.offsetWidth)}),i},getWidthOfFeatureImageInDom=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-ft-image-item`),i=0;return t.forEach(e=>{e.offsetWidth>i&&(i=e.offsetWidth)}),i},handleSetSrcForProductImageList=e=>{let{shapeByLayout:t,qualityType:i,qualityPercent:r,builderPropUID:a}=e,l=document.querySelectorAll(`.gem-slider-item-${a}.gp-gallery-image-item`),g=getWidthOfImageListSetting(t),s=getWidthOfListImageInDom(a);l.forEach(e=>{handleSetSrcForGalleryImage({item:e,settingWidth:g,width:s,qualityType:i,qualityPercent:r})})},handleSetSrcForFeatureProductImage=e=>{let{ftShape:t,qualityType:i,qualityPercent:r,builderPropUID:a}=e,l=document.querySelectorAll(`.gem-slider-item-${a}.gp-ft-image-item`),g=getWidthOfFeatureImageSetting(t),s=getWidthOfFeatureImageInDom(a);l.forEach(e=>{handleSetSrcForGalleryImage({item:e,settingWidth:g,width:s,qualityType:i,qualityPercent:r})})},handleSetSrcForGalleryImage=e=>{let{item:t,settingWidth:i,width:r,qualityType:a,qualityPercent:l}=e,g=getCurrentDevice(),s=t.querySelector("img");if(s){let e=getImageWidthFollowByQuality({itemWidthParam:r,imageWidthSetting:i,qualityType:a,qualityPercent:l}),t=s.getAttribute("base-src");if(!t)return;let o=getImageSrcByQuality(e,t),n=getImageSrcSet(t,o,g);s.setAttribute("srcset",n)}},getImageSrcByQuality=(e,t)=>"auto"===e?t:resizeImage(t,`${e}x`),getImageSrcSet=(e,t,i)=>`${"mobile"===i&&e!==t?t:resizeImage(e,"768x")} 767w, ${"tablet"===i&&e!==t?t:resizeImage(e,"1024x")} 1023w, ${"desktop"===i&&e!==t?t:resizeImage(e,"1920x")} 1440w`,getCurrentDevice=()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1025?"tablet":"desktop";export{FALLBACK_IMAGE,IMAGE_PLACEHOLDER,NEXT_IMAGE_CONFIG,composeAspectRatio,createBlurDataURL,getAdaptiveImageData,getAspectRatio,getAspectRatioNextImage,getCurrentDevice,getImageSrc,getImageWidthFollowByQuality,getNewBackupFileKey,getResponsiveObjectFit,getSettingTranslatedImageAndSeo,getSrcSet,handleSetSrcForFeatureProductImage,handleSetSrcForProductImageList,isCannotResizeImage,overwriteDefaultRadius,regexReplaceEndDot,replaceBackupFileKeyFileContent,resizeImage,safeStringify,shimmer,toBase64};
+  </svg>`,b=e=>"undefined"==typeof window?Buffer.from(e).toString("base64"):window.btoa(e),A=(e,t)=>`data:image/svg+xml;base64,${b(h(e,t))}`,w="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",$="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",_={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},S=e=>{let{srcSet:t,fallbackImg:i}=e;return{getDeviceSource:e=>{let{isLiquid:r}=e??{},l=y(t?.desktop,"desktop",!r)||i||$,a=y(t?.tablet,"tablet",!r)||y(t?.desktop,"tablet",!r)||i||$,s=y(t?.mobile,"mobile",!r)||y(t?.tablet,"mobile",!r)||y(t?.desktop,"mobile",!r)||i||$;return{srcTablet:a,srcMobile:s,srcDesktop:l}}}},E=({setting:e,uid:t,pageContext:i})=>{if(!e||!g)return{};let r=s(e);for(let e in r.srcSet){let l=r.srcSet[e];if(l&&l.src){let r=o({val:l.src,uid:t,settingId:g?.srcSet?.id?`${g.srcSet.id}_${e}_src`:"",pageContext:i});l.src=String(r)}}let l=o({val:r.alt,uid:t,settingId:n({id:g?.alt?.id}),pageContext:i});r.alt=String(l);let a=o({val:r.title,uid:t,settingId:n({id:g?.title?.id}),pageContext:i});return r.title=String(a),r},x=(e,t,i)=>e?I(e,t):k(i),v=e=>e.includes("webp")||e.includes("jfif")||e.includes(".svg")||e.includes(".tiff"),I=(e,t)=>{let i=R(e);return v(e)?"FILE_CONTENT"==t?`{{ '${i}' | file_url }} 768w, {{ '${i}' | file_url }} 1024w, {{ '${i}' | file_url }} 1440w`:`{{ '${e}' | asset_url }} 768w, {{ '${e}' | asset_url }} 1024w, {{ '${e}' | asset_url }} 1440w`:"FILE_CONTENT"==t?`{{ '${i}' | file_img_url: '768x' }} 768w, {{ '${i}' | file_img_url: '1024x' }} 1024w, {{ '${i}' | file_img_url: 'master' }} 1440w`:`{{ '${e}' | asset_img_url: '768x' }} 768w, {{ '${e}' | asset_img_url: '1024x' }} 1024w, {{ '${e}' | asset_img_url: 'master' }} 1440w`},k=e=>e,y=(e,t,r)=>{if(e?.metafieldDefinitionKey)return F(e?.metafieldDefinitionKey);let l=e?.backupFilePath??e?.src??"";if(r)l=e?.src||"";else{let t=e?.src??"";if(i(t))return t;if(e?.backupFileKey){let t=N(e.backupFileKey,e?.src??"");"THEME"!==e.storage&&e.storage?"FILE_CONTENT"===e.storage&&(l=`{{ "${R(t)}" | file_url }}`):l=`{{ "${t}" | asset_url }}`}}if(t&&l?.includes("cdn.shopify"))switch(t){case"tablet":l=l?.replace(C,"_1024x.");break;case"mobile":l=l?.replace(C,"_768x.")}return l},F=e=>`{{${e} | file_url}}`,C=/\.(?=[^.]*$)/,R=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),N=(e,t)=>{let i=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return i&&i!=e?i:e};function T(e,t){let i=e.match(/\.webp/g)?.length,r=j({str:e,reg:/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g,newString:"."});if(i)return r;let l=j({str:r,reg:/\.jpg|\.png|\.gif|\.jpeg/g,newString:t,isAdd:!0});return l}let j=e=>{let t=e.str,i=e.str.match(e.reg)?.length;if(i){let r,l=1;for(;null!==(r=e.reg.exec(e.str));){if(l===i){let i=e.reg.lastIndex,l=i-r[0].length;e.isAdd&&(e.newString="_"+e.newString+r),t=t.slice(0,l)+e.newString+t.slice(i,t.length)}l++}}return t},D=(e,t)=>{let i=H(),r=t?.[i]||"auto";if("auto"===r||r.includes("%"))return e;let l=Number(r.replace("px",""));return l>e?e:Number(r.replace("px",""))},L=e=>{let{itemWidthParam:t,imageWidthSetting:i,qualityType:r,qualityPercent:l}=e,s=H(),o=D(t,i),n=a(r,s,"finest"),g=a(l,s,100);switch(n){case"finest":default:return"auto";case"high":return Math.round(1.5*o)||1;case"medium":return Math.round(o)||1;case"custom":return Math.round(o*(Number(g)/100))||1}},W=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return l.forEach(i=>{let r=a(e,i)?.width||"100%";t[i]=r}),t},O=e=>{let t={desktop:"100%",tablet:"100%",mobile:"100%"};return l.forEach(i=>{let r=a(e,i)?.width||"100%";t[i]=r}),t},B=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-gallery-image-item`),i=0;return t.forEach(e=>{e.offsetWidth>i&&(i=e.offsetWidth)}),i},K=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-ft-image-item`),i=0;return t.forEach(e=>{e.offsetWidth>i&&(i=e.offsetWidth)}),i},P=e=>{let{shapeByLayout:t,qualityType:i,qualityPercent:r,builderPropUID:l}=e,a=document.querySelectorAll(`.gem-slider-item-${l}.gp-gallery-image-item`),s=O(t),o=B(l);a.forEach(e=>{G({item:e,settingWidth:s,width:o,qualityType:i,qualityPercent:r})})},U=e=>{let{ftShape:t,qualityType:i,qualityPercent:r,builderPropUID:l}=e,a=document.querySelectorAll(`.gem-slider-item-${l}.gp-ft-image-item`),s=W(t),o=K(l);a.forEach(e=>{G({item:e,settingWidth:s,width:o,qualityType:i,qualityPercent:r})})},G=e=>{let{item:t,settingWidth:i,width:r,qualityType:l,qualityPercent:a}=e,s=H(),o=t.querySelector("img");if(o){let e=L({itemWidthParam:r,imageWidthSetting:i,qualityType:l,qualityPercent:a}),t=o.getAttribute("base-src");if(!t)return;let n=M(e,t),g=q(t,n,s);o.setAttribute("srcset",g)}},M=(e,t)=>"auto"===e?t:T(t,`${e}x`),q=(e,t,i)=>`${"mobile"===i&&e!==t?t:T(e,"768x")} 767w, ${"tablet"===i&&e!==t?t:T(e,"1024x")} 1023w, ${"desktop"===i&&e!==t?t:T(e,"1920x")} 1440w`,H=()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1025?"tablet":"desktop";export{$ as FALLBACK_IMAGE,w as IMAGE_PLACEHOLDER,_ as NEXT_IMAGE_CONFIG,d as composeAspectRatio,A as createBlurDataURL,S as getAdaptiveImageData,u as getAspectRatio,m as getAspectRatioNextImage,H as getCurrentDevice,y as getImageSrc,L as getImageWidthFollowByQuality,N as getNewBackupFileKey,f as getResponsiveObjectFit,E as getSettingTranslatedImageAndSeo,x as getSrcSet,U as handleSetSrcForFeatureProductImage,P as handleSetSrcForProductImageList,v as isCannotResizeImage,c as overwriteDefaultRadius,C as regexReplaceEndDot,R as replaceBackupFileKeyFileContent,T as resizeImage,p as safeStringify,h as shimmer,b as toBase64};

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

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

package/dist/esm/image/components/AdaptiveImage.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as s,jsxs as a}from"react/jsx-runtime";import{FALLBACK_IMAGE as r,getAdaptiveImageData as t,IMAGE_PLACEHOLDER as m}from"../common/helpers.js";import{createAttr as o,createStyleReact as i,createStyle as l,createClass as d}from"@gem-sdk/system";import{getAdaptiveImageClasses as c}from"../common/classes.js";import{getAdaptivePictureStyles as p,getAdaptiveImageStyles as g}from"../common/styles.js";let AdaptiveImage=n=>{let{alt:f,style:h,srcSet:u,layout:y,priority:x,className:j,aspectRatio:v,borderRadius:k,pictureClass:w,enableLazyLoadImage:A,...I}=n,{getDeviceSource:z}=t(n),{srcTablet:L,srcMobile:N}=z(),S=o({loading:x?"eager":"lazy",src:u?.desktop?.src||r}),b=i({...p()}),P=l({...g({layout:y,aspectRatio:v,borderRadius:k}),...h}),q=d({...c({className:j,hasLazyLoad:!x&&A})}),B=()=>a(s,{children:[N&&e("source",{media:"(max-width: 767px)",srcSet:A?m:N}),L&&e("source",{media:"(max-width: 1024px)",srcSet:A?m:L})]}),C=()=>e("img",{...I,...S,alt:f,width:"100%",style:P,className:q,draggable:"false"});return e(s,{children:a("picture",{style:b,className:w,children:[B(),C()]})})};AdaptiveImage.defaultProps={layout:{desktop:"cover"}};export{AdaptiveImage as default};
+import{jsx as e,Fragment as s,jsxs as r}from"react/jsx-runtime";import{FALLBACK_IMAGE as t,getAdaptiveImageData as m,IMAGE_PLACEHOLDER as a}from"../common/helpers.js";import{createAttr as o,createStyleReact as l,createStyle as c,createClass as i}from"@gem-sdk/system";import{getAdaptiveImageClasses as d}from"../common/classes.js";import{getAdaptivePictureStyles as p,getAdaptiveImageStyles as n}from"../common/styles.js";let f=f=>{let{alt:h,style:u,srcSet:g,layout:y,priority:x,className:j,aspectRatio:k,borderRadius:w,pictureClass:v,enableLazyLoadImage:z,...L}=f,{getDeviceSource:N}=m(f),{srcTablet:S,srcMobile:b}=N(),A=o({loading:x?"eager":"lazy",src:g?.desktop?.src||t}),I=l({...p()}),P=c({...n({layout:y,aspectRatio:k,borderRadius:w}),...u}),q=i({...d({className:j,hasLazyLoad:!x&&z})});return e(s,{children:r("picture",{style:I,className:v,children:[r(s,{children:[b&&e("source",{media:"(max-width: 767px)",srcSet:z?a:b}),S&&e("source",{media:"(max-width: 1024px)",srcSet:z?a:S})]}),e("img",{...L,...A,alt:h,width:"100%",style:P,className:q,draggable:"false"})]})})};f.defaultProps={layout:{desktop:"cover"}};export{f as default};

package/dist/esm/image/components/AdaptiveImage.liquid.js

@@ -1,18 +1,18 @@
-import{template as t}from"@gem-sdk/core";import{createAttr as e,createStyle as s,createClass as i}from"@gem-sdk/system";import{getAdaptiveImageClasses as o}from"../common/classes.js";import{createBlurDataURL as a,getAdaptiveImageData as m}from"../common/helpers.js";import{getAdaptivePictureStyles as d,getAdaptiveImageStyles as r}from"../common/styles.js";let AdaptiveImage=h=>{let{alt:p,style:c,layout:l,srcSet:$,priority:g,className:w,aspectRatio:k,pageContext:u,pictureClass:b,borderRadius:f,enableLazyLoadImage:n=!0,...x}=h,{getDeviceSource:y}=m(h),{srcDesktop:L,srcTablet:j,srcMobile:v}=y({isLiquid:!0}),z=e({src:n&&!g?a($?.desktop?.width??0,$?.desktop?.height??0):L,"data-src":L}),A=s({...d()}),I=s({...r({layout:l,aspectRatio:k,borderRadius:f}),...c}),S=i({...o({className:w,hasLazyLoad:!g&&n,hasForceLoad:u?.isOptimizePlan})}),q=()=>t`
-      ${v?`<source media="(max-width: 767px)" data-srcSet="${v}" srcset="${n&&!g?a($?.mobile?.width??$?.tablet?.width??$?.desktop?.width??0,$?.mobile?.height??$?.tablet?.height??$?.desktop?.height??0):v}" />`:""}
+import{template as t}from"@gem-sdk/core";import{createAttr as e,createStyle as s,createClass as i}from"@gem-sdk/system";import{getAdaptiveImageClasses as o}from"../common/classes.js";import{createBlurDataURL as a,getAdaptiveImageData as m}from"../common/helpers.js";import{getAdaptivePictureStyles as d,getAdaptiveImageStyles as r}from"../common/styles.js";let h=h=>{let{alt:p,style:c,layout:l,srcSet:$,priority:g,className:w,aspectRatio:k,pageContext:u,pictureClass:b,borderRadius:f,enableLazyLoadImage:n=!0,...x}=h,{getDeviceSource:y}=m(h),{srcDesktop:L,srcTablet:j,srcMobile:z}=y({isLiquid:!0}),S=e({src:n&&!g?a($?.desktop?.width??0,$?.desktop?.height??0):L,"data-src":L}),q=s({...d()}),v=s({...r({layout:l,aspectRatio:k,borderRadius:f}),...c}),A=i({...o({className:w,hasLazyLoad:!g&&n,hasForceLoad:u?.isOptimizePlan})});return t`
+    <picture style="${q}" class="${b}">
+      ${t`
+      ${z?`<source media="(max-width: 767px)" data-srcSet="${z}" srcset="${n&&!g?a($?.mobile?.width??$?.tablet?.width??$?.desktop?.width??0,$?.mobile?.height??$?.tablet?.height??$?.desktop?.height??0):z}" />`:""}
       ${j?`<source media="(max-width: 1024px)" data-srcSet="${j}" srcset="${n&&!g?a($?.tablet?.width??$?.desktop?.width??0,$?.tablet?.height??$?.desktop?.height??0):j}" />`:""}
-    `,F=()=>t`
+    `}
+      ${t`
       <img
         ${{...x}}
-        ${{...z}}
+        ${{...S}}
         alt="${p}"
         width="100%"
-        style="${I}"
-        class="${S}"
+        style="${v}"
+        class="${A}"
       />
-    `;return t`
-    <picture style="${A}" class="${b}">
-      ${q()}
-      ${F()}
+    `}
     </picture>
-  `};export{AdaptiveImage as default};
+  `};export{h as default};

package/dist/esm/image/components/Image.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useEditorMode as m}from"@gem-sdk/core";import{createStyleReact as t,createStyle as r,createClass as o,createAttr as a,If as i}from"@gem-sdk/system";import l from"./AdaptiveImage.js";import p from"./NextImage.js";import{getWrapperStyles as c,getImageStyles as d,getContainerStyles as n}from"../common/styles.js";import{getWrapperClasses as f,getImageClasses as u,getContainerClasses as g}from"../common/classes.js";import{getContainerAttrs as j,getAdaptiveImageAttrs as y,getNextImageAttrs as N,getLinkWrapperAttrs as h}from"../common/attrs.js";import{getLinkData as I}from"../../helpers.js";let Image=({style:k,styles:v,setting:x,children:C,advanced:W,className:A,builderAttrs:L,builderProps:b,onLoad:q,onClick:w})=>{let{imageLink:z,isAdaptive:B,enableImageLink:D}=x??{},E=m(),{Wrapper:F,urlData:G}=I({defaultWrap:"div",setting:z,enableImageLink:D}),H=t(c(v)),J=r(d(v,b)),K=r(n(k,v)),M=o(f()),O=o(u(A,v)),P=o(g(b?.uid,W?.cssClass,v?.shape)),Q=a(j(L,b?.uid)),R=h({urlData:G,imageLink:z,title:x?.title}),S=y({styles:v,setting:x,mode:E,uid:b?.uid}),T=N({styles:v,setting:x}),U=()=>i(B,s(l,{...S,style:J,className:O}),s(p,{...T,style:J,className:O,onLoad:q}));return e("div",{role:"presentation",...Q,style:K,className:P,onClick:w,children:[s(F,{...R,style:H,className:M,children:U()}),C]})};export{Image as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useEditorMode as m}from"@gem-sdk/core";import{createStyleReact as t,createStyle as r,createClass as o,createAttr as a,If as i}from"@gem-sdk/system";import l from"./AdaptiveImage.js";import p from"./NextImage.js";import{getWrapperStyles as c,getImageStyles as d,getContainerStyles as n}from"../common/styles.js";import{getWrapperClasses as f,getImageClasses as u,getContainerClasses as j}from"../common/classes.js";import{getContainerAttrs as g,getAdaptiveImageAttrs as y,getNextImageAttrs as N,getLinkWrapperAttrs as h}from"../common/attrs.js";import{getLinkData as k}from"../../helpers.js";let v=({style:v,styles:x,setting:I,children:C,advanced:W,className:A,builderAttrs:L,builderProps:b,onLoad:q,onClick:w})=>{let{imageLink:z,isAdaptive:B,enableImageLink:D}=I??{},E=m(),{Wrapper:F,urlData:G}=k({defaultWrap:"div",setting:z,enableImageLink:D}),H=t(c(x)),J=r(d(x,b)),K=r(n(v,x)),M=o(f()),O=o(u(A,x)),P=o(j(b?.uid,W?.cssClass,x?.shape)),Q=a(g(L,b?.uid)),R=h({urlData:G,imageLink:z,title:I?.title}),S=y({styles:x,setting:I,mode:E,uid:b?.uid}),T=N({styles:x,setting:I});return e("div",{role:"presentation",...Q,style:K,className:P,onClick:w,children:[s(F,{...R,style:H,className:M,children:i(B,s(l,{...S,style:J,className:O}),s(p,{...T,style:J,className:O,onLoad:q}))}),C]})};export{v as default};

package/dist/esm/image/components/Image.liquid.js

@@ -1,4 +1,4 @@
-import{template as s}from"@gem-sdk/core";import{createStyle as e,createClass as i,createAttr as t,If as m}from"@gem-sdk/system";import{getLinkData as o}from"../../helpers.js";import r from"./AdaptiveImage.liquid.js";import l from"./NextImage.liquid.js";import{getWrapperStyles as a,getImageStyles as d,getContainerStyles as p}from"../common/styles.js";import{getWrapperClasses as u,getImageClasses as c,getContainerClasses as f}from"../common/classes.js";import{getContainerAttrs as n,getAdaptiveImageAttrs as g,getNextImageAttrs as $,getLinkWrapperAttrs as j,getImageLiquidAttrs as y}from"../common/attrs.js";import{getSettingTranslatedImageAndSeo as q}from"../common/helpers.js";let Image=({style:v,styles:I,setting:h,advanced:L,className:N,pageContext:k,builderAttrs:x,builderProps:W})=>{let A=q({setting:h,uid:W?.uid,pageContext:k}),{imageLink:C,isAdaptive:b,enableImageLink:w}=A??{},{enableLazyLoadImage:z}=k??{},{Wrapper:B,urlData:D}=o({defaultWrap:"div",setting:C,enableImageLink:w,isLiquid:!0}),E=e(a(I)),F=e(d(I,W)),G=e(p(v,I)),H=i(u()),J=i(c(N,I)),K=i(f(W?.uid,L?.cssClass,I?.shape)),M=t(n(x,W?.uid)),O=j({urlData:D,imageLink:C,title:A?.title,isLiquid:!0}),P=g({styles:I,setting:A,isLiquid:!0,uid:W?.uid}),Q=$({styles:I,setting:A}),R=y({pageContext:k,enableLazyLoadImage:z}),S=()=>m(b,r({...R,...P,style:F,className:J}),l({...R,...Q,style:F,className:J})),T=()=>S();return s`
+import{template as s}from"@gem-sdk/core";import{createStyle as i,createClass as e,createAttr as t,If as m}from"@gem-sdk/system";import{getLinkData as o}from"../../helpers.js";import r from"./AdaptiveImage.liquid.js";import l from"./NextImage.liquid.js";import{getWrapperStyles as a,getImageStyles as d,getContainerStyles as p}from"../common/styles.js";import{getWrapperClasses as u,getImageClasses as c,getContainerClasses as f}from"../common/classes.js";import{getContainerAttrs as n,getAdaptiveImageAttrs as $,getNextImageAttrs as g,getLinkWrapperAttrs as j,getImageLiquidAttrs as y}from"../common/attrs.js";import{getSettingTranslatedImageAndSeo as q}from"../common/helpers.js";let v=({style:v,styles:h,setting:I,advanced:L,className:N,pageContext:k,builderAttrs:x,builderProps:W})=>{let A=q({setting:I,uid:W?.uid,pageContext:k}),{imageLink:C,isAdaptive:b,enableImageLink:w}=A??{},{enableLazyLoadImage:z}=k??{},{Wrapper:B,urlData:D}=o({defaultWrap:"div",setting:C,enableImageLink:w,isLiquid:!0}),E=i(a(h)),F=i(d(h,W)),G=i(p(v,h)),H=e(u()),J=e(c(N,h)),K=e(f(W?.uid,L?.cssClass,h?.shape)),M=t(n(x,W?.uid)),O=j({urlData:D,imageLink:C,title:A?.title,isLiquid:!0}),P=$({styles:h,setting:A,isLiquid:!0,uid:W?.uid}),Q=g({styles:h,setting:A}),R=y({pageContext:k,enableLazyLoadImage:z});return s`
     <div
       role="presentation"
       ${{...M}}
@@ -10,7 +10,7 @@ import{template as s}from"@gem-sdk/core";import{createStyle as e,createClass as
         style="${E}"
         class="${H}"
       >
-        ${T()}
+        ${m(b,r({...R,...P,style:F,className:J}),l({...R,...Q,style:F,className:J}))}
       </${B}>
     </div>
-  `};export{Image as default};
+  `};export{v as default};

package/dist/esm/image/components/Modal3d.liquid.js

@@ -1,7 +1,7 @@
-import{createAttr as e,createStyle as t,createClass as l}from"@gem-sdk/system";import{template as o,getResponsiveValueByScreen as s,makeStyleResponsive as r}from"@gem-sdk/core";let Model3d=({src:a,alt:d,style:m,poster:i,reveal:p,loaded:f,loading:u,arStatus:c,aspectRatio:b,modelIsVisible:g,cameraControls:k,dataJsFocusVisible:v,dataShopifyFeature:w="1.12"})=>{let n=()=>({"gp-w-full gp-h-full model-viewer gp-z-[90]":!0}),y=()=>{let e={desktop:s(b,"desktop")||"1/1",tablet:s(b,"tablet")||"1/1",mobile:s(b,"mobile")||"1/1"};return{...r("aspect",e)}},$=()=>({src:a,alt:d,"data-shopify-feature":w,...m,...i?{poster:i}:{},...p?{reveal:p}:{},...f?{loaded:f}:{},...u?{loading:u}:{},...g?{modelIsVisible:g}:{},...c?{"ar-status":c}:{},...k?{"camera-controls":k}:{},...v?{"data-js-focus-visible":v}:{}}),h=e($()),M=t(y()),j=l(n());return o`
+import{createAttr as e,createStyle as t,createClass as l}from"@gem-sdk/system";import{template as o,getResponsiveValueByScreen as s,makeStyleResponsive as r}from"@gem-sdk/core";let a=({src:a,alt:m,style:d,poster:i,reveal:p,loaded:f,loading:u,arStatus:c,aspectRatio:b,modelIsVisible:g,cameraControls:k,dataJsFocusVisible:v,dataShopifyFeature:w="1.12"})=>{let n=e({src:a,alt:m,"data-shopify-feature":w,...d,...i?{poster:i}:{},...p?{reveal:p}:{},...f?{loaded:f}:{},...u?{loading:u}:{},...g?{modelIsVisible:g}:{},"ar-status":c,"camera-controls":k,...v?{"data-js-focus-visible":v}:{}}),y=t((()=>{let e={desktop:s(b,"desktop")||"1/1",tablet:s(b,"tablet")||"1/1",mobile:s(b,"mobile")||"1/1"};return{...r("aspect",e)}})()),$=l({"gp-w-full gp-h-full model-viewer gp-z-[90]":!0});return o`
     <model-viewer
-      ${{...h}}
-      class="${j}"
-      style="${M}">
+      ${{...n}}
+      class="${$}"
+      style="${y}">
     </model-viewer>
-  `};export{Model3d as default};
+  `};export{a as default};

package/dist/esm/image/components/NextImage.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as m}from"react/jsx-runtime";import t from"next/image";import{createStyle as e,createClass as o}from"@gem-sdk/system";import{getNextImageClasses as r}from"../common/classes.js";import{getNextImageStyles as s}from"../common/styles.js";import{getNextImageReactAttrs as a}from"../common/attrs.js";let NextImage=i=>{let{style:f,imgRef:l,setting:c,priority:p,className:n,width:j,height:x,isNotLazyload:g,isDisableAspectStyle:u,enableLazyLoadImage:y=!0}=i,N=!g&&y&&!p,b=e({...f,...s({width:j,height:x,setting:c,isDisableAspectStyle:u,isDisableObjectFit:!1})}),d=o({...r({className:n,hasLazyLoad:N})}),I=a(i);return m(t,{ref:l,...I,style:b,className:d})};export{NextImage as default};
+import{jsx as m}from"react/jsx-runtime";import t from"next/image";import{createStyle as e,createClass as o}from"@gem-sdk/system";import{getNextImageClasses as s}from"../common/classes.js";import{getNextImageStyles as r}from"../common/styles.js";import{getNextImageReactAttrs as a}from"../common/attrs.js";let i=i=>{let{style:f,imgRef:l,setting:c,priority:p,className:n,width:j,height:x,isNotLazyload:y,isDisableAspectStyle:d,enableLazyLoadImage:g=!0}=i,u=e({...f,...r({width:j,height:x,setting:c,isDisableAspectStyle:d,isDisableObjectFit:!1})}),b=o({...s({className:n,hasLazyLoad:!y&&g&&!p})}),L=a(i);return m(t,{ref:l,...L,style:u,className:b})};export{i as default};

package/dist/esm/image/components/NextImage.liquid.js

@@ -1,7 +1,7 @@
-import{template as m}from"@gem-sdk/core";import{createStyle as s,createClass as t}from"@gem-sdk/system";import{getNextImageClasses as e}from"../common/classes.js";import{getNextImageStyles as o}from"../common/styles.js";import{getNextImageLiquidAttrs as r}from"../common/attrs.js";let NextImage=i=>{let{style:a,setting:l,priority:p,className:c,pageContext:f,width:n,height:d,customLazyload:g,isDisableObjectFit:$,isDisableAspectStyle:j,enableLazyLoadImage:x=!0}=i,y=!g&&x&&!p,k=s({...a,...o({width:n,height:d,setting:l,isDisableObjectFit:$,isDisableAspectStyle:j})}),u=t({...e({className:c,hasLazyLoad:y,isOptimizePlan:f?.isOptimizePlan})}),z=r(i);return m`
+import{template as m}from"@gem-sdk/core";import{createStyle as s,createClass as o}from"@gem-sdk/system";import{getNextImageClasses as t}from"../common/classes.js";import{getNextImageStyles as e}from"../common/styles.js";import{getNextImageLiquidAttrs as r}from"../common/attrs.js";let i=i=>{let{style:a,setting:l,priority:p,className:c,pageContext:d,width:f,height:n,customLazyload:g,isDisableObjectFit:y,isDisableAspectStyle:$,enableLazyLoadImage:j=!0}=i,z=s({...a,...e({width:f,height:n,setting:l,isDisableObjectFit:y,isDisableAspectStyle:$})}),k=o({...t({className:c,hasLazyLoad:!g&&j&&!p,isOptimizePlan:d?.isOptimizePlan})}),u=r(i);return m`
     <img
-      ${z}
+      ${u}
       id="${i?.id}"
-      style="${k}"
-      class="${u}"
-    />`};export{NextImage as default};
+      style="${z}"
+      class="${k}"
+    />`};export{i as default};

package/dist/esm/image/components/Video.liquid.js

@@ -1,8 +1,8 @@
-import{template as e,makeStyleResponsive as r}from"@gem-sdk/core";import{createAttr as t,createStyle as o,createClass as a}from"@gem-sdk/system";let DEFAULT_CLASS="feature-video gp-w-full gp-h-full gp-relative",DEFAULT_ALLOW="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",Video=({src:i,alt:l,style:p,autoplay:m,controls:s,aspectRatio:L,allowfullscreen:c,frameborder:d="0",allow:f=DEFAULT_ALLOW,className:u=DEFAULT_CLASS})=>{let A=()=>({[u]:!0}),g=()=>({...r("aspect",L)}),y=()=>({src:i,alt:l,allow:f,frameborder:d,...p,...m?{autoplay:m}:{},...s?{controls:s}:{},...c?{allowfullscreen:c}:{}}),D=t(y()),E=o(g()),F=a(A());return e`
+import{template as e,makeStyleResponsive as r}from"@gem-sdk/core";import{createAttr as t,createStyle as a,createClass as l}from"@gem-sdk/system";let o="feature-video gp-w-full gp-h-full gp-relative",p="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",i=({src:i,alt:m,style:s,autoplay:c,controls:f,aspectRatio:u,allowfullscreen:d,frameborder:g="0",allow:y=p,className:n=o})=>{let $=t({src:i,alt:m,allow:y,frameborder:g,...s,...c?{autoplay:c}:{},controls:f,allowfullscreen:d}),k=a({...r("aspect",u)}),v=l({[n]:!0});return e`
     <iframe
-      ${{...D}}
-      style="${E}"
-      class="${F}"
+      ${{...$}}
+      style="${k}"
+      class="${v}"
     >
     </iframe>
-  `};export{Video as default};
+  `};export{i as default};

package/dist/esm/image/constants.js

@@ -1 +1 @@
-let PRIORITY_LOAD_ATTRS={loading:"eager",fetchpriority:"high",priority:!0};export{PRIORITY_LOAD_ATTRS};
+let i={loading:"eager",fetchpriority:"high",priority:!0};export{i as PRIORITY_LOAD_ATTRS};

package/dist/esm/image/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/core";import"@gem-sdk/system";import"./components/AdaptiveImage.js";import"next/image";import"react";import"next/link";import t from"./settings/Image.js";let imageSetting={Image:t};export{imageSetting};
+import"react/jsx-runtime";import"@gem-sdk/core";import"@gem-sdk/system";import"./components/AdaptiveImage.js";import"next/image";import"react";import"next/link";import t from"./settings/Image.js";let e={Image:t};export{e as imageSetting};