@gem-sdk/components 17.0.0-dev.28 → 17.0.0-staging.5

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1 +1 @@
-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};
+import{DEVICES as t,composePositionLineHeight as e}from"@gem-sdk/core";import{getDynamicSourceLocales as o,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:e,pageContext:i,key:l,type:a})=>{let{childItem:c}=t??{};return"react"===a?c?.[l]:o({val:c?.[l],uid:e?.uid,settingId:n({id:s?.childItem?.id,index:l}),pageContext:i??{},isReplaceLocationOrigin:!0})},getvalueMap=({setting:t})=>{let{childConfig:e,iconType:o,iconSvg:n}=t??{};return o&&"matching"!==o?"different"===o?e:void 0:Array(e?.length).fill(n)},composePostionIconList=(o,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=>{e({compose:l,lineHeight:o,device:t,position:n,iconWidth:s})}),l};export{composeIconWith,composePostionIconList,getTextIconNotFound,getTextIconTranslations,getvalueMap};

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

@@ -1 +1 @@
-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};
+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:x}=i??{},k="Liquid"===d?p({background:S,uid:a,enableTranslate:!!c?.background?.id,pageContext:s??{},isTranslateVideo:!1}):S;return{...t(I),...l(x,"box-shadow",x),...o(u),...r(k),...b(m),...e("w",y),...e("jc",g),...n(k,{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};

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 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};
+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};

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

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

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 i={IconListV2:t};export{i as 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 iconListSettingV2={IconListV2:t};export{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 m=o(()=>import("./components/IconList.js"),{loading:t});var r={IconListV2:m};export{r 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 IconListV2=o(()=>import("./components/IconList.js"),{loading:t});var iconListV2={IconListV2};export{iconListV2 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 i={tag:"IconListV2",label:"Item List",icon:`
+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:`
   <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{i 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{config as default};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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

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

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

@@ -1 +1 @@
-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};
+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};

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,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})=>{let{alt:p,srcSet:g,priority:u,qualityPercent:d,qualityType:y,title:m}=i??{},k=e({styles:t,setting:i}),A=g?.desktop?.backupFileKey?r(g?.desktop?.backupFileKey??"",g?.desktop?.src??""):"",F=o?a({src:g?.desktop?.src,backupFileKey:A,backupFilePath:g?.desktop?.backupFilePath,storage:g?.desktop?.storage}):g?.desktop?.src??"",L=u?{}:{"base-src":F??"","quality-type":s(y),"quality-percent":s(d)};return{pictureClass:"gp-contents",...p&&{alt:p},...m&&{title:m},...g&&{srcSet:g},...u&&n,...L,...t?.objectFit&&{layout:t.objectFit},onClick:()=>{c(i?.imageLink,l)},aspectRatio:k}},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};
+import{HREF_TO_SALES_PAGE as t}from"../../constant.js";import{getAspectRatio as e,getNewBackupFileKey as r,getImageSrc as a,safeStringify as s,NEXT_IMAGE_CONFIG as i,getSrcSet as l,createBlurDataURL as o,IMAGE_PLACEHOLDER as g}from"./helpers.js";import{createAttr as p}from"@gem-sdk/system";import{handleClickLink as n}from"../../helpers.js";import{PRIORITY_LOAD_ATTRS as c}from"../constants.js";let getContainerAttrs=(t,e)=>({...t,...e&&{"data-id":e}}),getLinkWrapperAttrs=({urlData:e,imageLink:r,title:a,isLiquid:s=!1})=>{let i=s?{...e,...r?.noFollow&&{rel:"nofollow"},title:a}:{setting:e,title:a};return r?.type!=="go-to-sales-page"?r?.link?i:{}:s?{href:t,target:"_self"}:{setting:{href:t,target:"_self"}}},getImageLiquidAttrs=({pageContext:t,enableLazyLoadImage:e=!1})=>({...t&&{pageContext:t},...e&&{enableLazyLoadImage:e}}),getAdaptiveImageAttrs=({styles:t,setting:i,mode:l,isLiquid:o})=>{let{alt:g,srcSet:p,priority:u,qualityPercent:d,qualityType:A,title:m}=i??{},y=e({styles:t,setting:i}),k=()=>{n(i?.imageLink,l)},L=p?.desktop?.backupFileKey?r(p?.desktop?.backupFileKey??"",p?.desktop?.src??""):"",F=o?a({src:p?.desktop?.src,backupFileKey:L,backupFilePath:p?.desktop?.backupFilePath,storage:p?.desktop?.storage}):p?.desktop?.src??"",b=u?{}:{"base-src":F??"","quality-type":s(A),"quality-percent":s(d)};return{pictureClass:"gp-contents",...g&&{alt:g},...m&&{title:m},...p&&{srcSet:p},...u&&c,...b,...t?.objectFit&&{layout:t.objectFit},onClick:k,aspectRatio:y}},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};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1,4 +1,4 @@
-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">
+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">
     <defs>
       <linearGradient id="g-${e}-${t}">
         <stop stop-color="rgba(51, 51, 51, 0)" offset="20%" />
@@ -9,4 +9,4 @@ import{getCornerCSSFromGlobal as e,getAspectRatioGlobalSize as t,hasTranslatedLi
     <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>`,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 C(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(F,"_1024x.");break;case"mobile":l=l?.replace(F,"_768x.")}return l},C=e=>`{{${e} | file_url}}`,F=/\.(?=[^.]*$)/,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,F as regexReplaceEndDot,R as replaceBackupFileKeyFileContent,T as resizeImage,p as safeStringify,h as shimmer,b as toBase64};
+  </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};

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

@@ -1 +1 @@
-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};
+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};

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

@@ -1,2 +1,2 @@
 'use client';
-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};
+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};

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 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}" />`:""}
+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}" />`:""}
       ${j?`<source media="(max-width: 1024px)" data-srcSet="${j}" srcset="${n&&!g?a($?.tablet?.width??$?.desktop?.width??0,$?.tablet?.height??$?.desktop?.height??0):j}" />`:""}
-    `}
-      ${t`
+    `,F=()=>t`
       <img
         ${{...x}}
-        ${{...S}}
+        ${{...z}}
         alt="${p}"
         width="100%"
-        style="${v}"
-        class="${A}"
+        style="${I}"
+        class="${S}"
       />
-    `}
+    `;return t`
+    <picture style="${A}" class="${b}">
+      ${q()}
+      ${F()}
     </picture>
-  `};export{h as default};
+  `};export{AdaptiveImage 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 j,getContainerClasses as g}from"../common/classes.js";import{getContainerAttrs as u,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(j(A,x)),P=o(g(b?.uid,W?.cssClass,x?.shape)),Q=a(u(L,b?.uid)),R=h({urlData:G,imageLink:z,title:I?.title}),S=y({styles:x,setting:I,mode:E}),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};
+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 g,getContainerClasses as j}from"../common/classes.js";import{getContainerAttrs as u,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(g(A,v)),P=o(j(b?.uid,W?.cssClass,v?.shape)),Q=a(u(L,b?.uid)),R=h({urlData:G,imageLink:z,title:x?.title}),S=y({styles:v,setting:x,mode:E}),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};

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 t,createAttr as i,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 p,getContainerStyles as d}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=e(a(h)),F=e(p(h,W)),G=e(d(v,h)),H=t(u()),J=t(c(N,h)),K=t(f(W?.uid,L?.cssClass,h?.shape)),M=i(n(x,W?.uid)),O=j({urlData:D,imageLink:C,title:A?.title,isLiquid:!0}),P=$({styles:h,setting:A,isLiquid:!0}),Q=g({styles:h,setting:A}),R=y({pageContext:k,enableLazyLoadImage:z});return s`
+import{template as s}from"@gem-sdk/core";import{createStyle as e,createClass as t,createAttr as i,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 p,getContainerStyles as d}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(p(I,W)),G=e(d(v,I)),H=t(u()),J=t(c(N,I)),K=t(f(W?.uid,L?.cssClass,I?.shape)),M=i(n(x,W?.uid)),O=j({urlData:D,imageLink:C,title:A?.title,isLiquid:!0}),P=g({styles:I,setting:A,isLiquid:!0}),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`
     <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}"
       >
-        ${m(b,r({...R,...P,style:F,className:J}),l({...R,...Q,style:F,className:J}))}
+        ${T()}
       </${B}>
     </div>
-  `};export{v as default};
+  `};export{Image 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 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`
+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`
     <model-viewer
-      ${{...n}}
-      class="${$}"
-      style="${y}">
+      ${{...h}}
+      class="${j}"
+      style="${M}">
     </model-viewer>
-  `};export{a as default};
+  `};export{Model3d 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 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};
+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};

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 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`
+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`
     <img
-      ${u}
+      ${z}
       id="${i?.id}"
-      style="${z}"
-      class="${k}"
-    />`};export{i as default};
+      style="${k}"
+      class="${u}"
+    />`};export{NextImage 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 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`
+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`
     <iframe
-      ${{...$}}
-      style="${k}"
-      class="${v}"
+      ${{...D}}
+      style="${E}"
+      class="${F}"
     >
     </iframe>
-  `};export{i as default};
+  `};export{Video as default};

package/dist/esm/image/constants.js

@@ -1 +1 @@
-let i={loading:"eager",fetchpriority:"high",priority:!0};export{i as PRIORITY_LOAD_ATTRS};
+let PRIORITY_LOAD_ATTRS={loading:"eager",fetchpriority:"high",priority:!0};export{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 e={Image:t};export{e as 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 imageSetting={Image:t};export{imageSetting};

package/dist/esm/image/next.js

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

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

@@ -1,5 +1,5 @@
-import{SettingUIV2 as t}from"./configs/ui-v2.js";import{ImageSettings as i}from"./configs/settings.js";import{ImagePreset as o}from"./configs/presets.js";let s={tag:"Image",label:"Image",icon:`
+import{SettingUIV2 as t}from"./configs/ui-v2.js";import{ImageSettings as i}from"./configs/settings.js";import{ImagePreset as o}from"./configs/presets.js";let config={tag:"Image",label:"Image",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M13.3337 14.6666C13.3337 16.1333 12.1337 17.3333 10.667 17.3333C9.20033 17.3333 8.00033 16.1333 8.00033 14.6666C8.00033 13.2 9.20033 12 10.667 12C12.1337 12 13.3337 13.2 13.3337 14.6666ZM27.3741 14.8404C26.9836 14.4499 26.3504 14.4499 25.9599 14.8404L16.667 24.1333L14.0346 21.6062C13.6442 21.2314 13.0267 21.2352 12.6409 21.6145L5.33366 28.8V9.33329H34.667V22.1333L27.3741 14.8404ZM34.667 30.6666H23.2003L18.5337 26L26.667 17.8666L34.667 25.8666V30.6666ZM7.33366 30.6666L13.467 24.6666L19.467 30.6666H7.33366ZM3.66699 6.66663C3.11471 6.66663 2.66699 7.11434 2.66699 7.66663V31.4666V32.3333C2.66699 32.8856 3.11471 33.3333 3.66699 33.3333H25.867H36.3337C36.8859 33.3333 37.3337 32.8856 37.3337 32.3333V30.6666V28.5333V24.8V7.66662C37.3337 7.11434 36.8859 6.66663 36.3337 6.66663H3.66699Z" fill="currentColor"/>
   </svg>
-  `,settings:i,ui:[],uiV2:t,presets:o,rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{s as default};
+  `,settings:i,ui:[],uiV2:t,presets:o,rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};

package/dist/esm/image/settings/configs/presets.js

@@ -1,4 +1,4 @@
-let e=[{id:"image",name:"Image",icon:{desktop:`
+let ImagePreset=[{id:"image",name:"Image",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect width="96" height="48" rx="3" fill="#424242"/>
           <circle cx="37" cy="17" r="3" fill="#D6D6D6"/>
@@ -22,4 +22,4 @@ let e=[{id:"image",name:"Image",icon:{desktop:`
         <ellipse cx="20.4375" cy="22.9688" rx="2.0625" ry="1.96875" fill="#F9F9F9"/>
         <path d="M17.2887 32.9997L20.5342 29.1816C20.6441 29.052 20.7799 28.9473 20.9327 28.8741C21.0856 28.8009 21.2521 28.761 21.4213 28.7568C21.5905 28.7527 21.7587 28.7845 21.915 28.8501C22.0712 28.9158 22.2118 29.0138 22.3278 29.1378L23.8454 30.758L29.7777 23.6225C29.8938 23.4827 30.0398 23.371 30.2048 23.2958C30.3697 23.2205 30.5495 23.1836 30.7306 23.1878C30.9117 23.192 31.0895 23.2372 31.2509 23.3201C31.4122 23.4029 31.5529 23.5213 31.6625 23.6663L38.7549 33.0467C38.8905 33.2266 38.9735 33.4409 38.9947 33.6656C39.0158 33.8902 38.9741 34.1164 38.8744 34.3186C38.7747 34.5207 38.6209 34.6909 38.4302 34.81C38.2396 34.9291 38.0197 34.9923 37.7952 34.9926L18.2057 35C17.9753 34.9999 17.7497 34.9334 17.5557 34.8085C17.3616 34.6835 17.2072 34.5053 17.1108 34.2948C17.0143 34.0844 16.9798 33.8506 17.0113 33.6211C17.0429 33.3915 17.1391 33.1759 17.2887 32.9997Z" fill="#F9F9F9"/>
         </svg>
-        `},components:[{tag:"Image",settings:{imageStyle:"circle",imageLink:{type:"go-to-sales-page"}},styles:{shape:{desktop:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0}},borderRadius:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"circle"},wrapperBorder:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#000000",isCustom:!0}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssplaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}}}],rootOverride:{styles:{shape:{desktop:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0}},borderRadius:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"circle"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}}];export{e as ImagePreset};
+        `},components:[{tag:"Image",settings:{imageStyle:"circle",imageLink:{type:"go-to-sales-page"}},styles:{shape:{desktop:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0}},borderRadius:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"circle"},wrapperBorder:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#000000",isCustom:!0}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssplaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}}}],rootOverride:{styles:{shape:{desktop:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0}},borderRadius:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"circle"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}}];export{ImagePreset};

package/dist/esm/image/settings/configs/settings.js

@@ -1 +1 @@
-let e=[{id:"setting",controls:[{id:"imageStyle",label:"Style",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,popoverLabel:"Style",itemPerRow:2,itemSpacing:"large",options:[{label:"Rectangle",value:"rectangle",iconName:"gp-image-rectangle-style"},{label:"Circle",value:"circle",iconName:"gp-image-circle-style"}],default:"rectangle"},{id:"image-info",label:"Image",type:"group",controls:[{id:"image",type:"image-select",label:"Pick Image",default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}},{id:"srcSet",type:"image-select",hide:!0,dynamicSource:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"isAdaptive",type:"toggle",label:"Adaptive",default:!0,hideOnMode:{mobileOnly:!0}}]},{id:"enableImageLink",type:"toggle",default:!1,compoDefaultValue:!1},{id:"imageLink",type:"pick-link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"optimize",type:"group",label:"Optimize",hiddenWithGemPages:!0,controls:[{id:"qualityType",type:"select",label:"Quality",devices:{desktop:{default:"high"}},options:[{title:"Finest",value:"finest"},{title:"High",value:"high"},{title:"Medium",value:"medium"},{title:"Custom",value:"custom",tooltip:"You can choose it for advanced page loading optimization."}]},{id:"qualityPercent",type:"input:slider",label:"",units:["%"],showDefaultUnit:!0,min:100,max:400,step:50,useOnlyUnitInit:!0,isNumber:!0,devices:{desktop:{default:100}}},{id:"priority",type:"toggle",label:"Preload",default:!1}]},{id:"isNotLazyload",type:"toggle",default:!1}]},{id:"style",controls:[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",shapeLinked:!0,width:"1200px"}}},settingConfig:{width:{displayOptions:["full"]},height:{displayOptions:["full"],units:["px","%"]}},hiddenSettings:["padding","gap"]},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:{desktop:{default:"cover"}}},{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:"center"}}},{id:"behavior-state",type:"behavior-state",label:"Behavior State",controls:[{id:"borderImg",type:"border",label:"Border",default:{normal:{borderType:"none",border:"none",width:"1px 1px 1px 1px",borderWidth:"1px",color:"#000000",isCustom:!1}},state:{hover:!0,normal:!0}},{id:"opacity",label:"Overlay Opacity",type:"input:slider",min:0,max:100,step:1,units:["%"],useOnlyUnitInit:!0,default:{normal:0},state:{normal:!0,hover:!0}},{id:"opacityColor",label:"Overlay Color",type:"colorpicker",default:{normal:"#242424"},state:{normal:!0,hover:!0}},{id:"hasBoxShadowImg",type:"toggle",label:"Enable Image Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"boxShadowImg",type:"boxShadow",label:"Image Shadow",hideOnState:{normal:!0,hover:!0},default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45}},state:{normal:!0,hover:!0}}]},{id:"wrapperBorder",type:"border",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#000000",isCustom:!0}},{id:"borderRadius",type:"radius-preset",label:"Corner",default:{radiusType:"none"},compoDefaultValue:{bblr:"20px",btrr:"20px",bbrr:"20px",btlr:"20px",radiusType:"rounded"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadow",type:"shadow-v2",label:"Button Shadow",default:{type:"none",distance:"10px",blur:"12px",spread:"10px",color:"rgba(18, 18, 18, 0.77)",angle:40}}]}];export{e as ImageSettings};
+let ImageSettings=[{id:"setting",controls:[{id:"imageStyle",label:"Style",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,popoverLabel:"Style",itemPerRow:2,itemSpacing:"large",options:[{label:"Rectangle",value:"rectangle",iconName:"gp-image-rectangle-style"},{label:"Circle",value:"circle",iconName:"gp-image-circle-style"}],default:"rectangle"},{id:"image-info",label:"Image",type:"group",controls:[{id:"image",type:"image-select",label:"Pick Image",default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}},{id:"srcSet",type:"image-select",hide:!0,dynamicSource:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"isAdaptive",type:"toggle",label:"Adaptive",default:!0,hideOnMode:{mobileOnly:!0}}]},{id:"enableImageLink",type:"toggle",default:!1,compoDefaultValue:!1},{id:"imageLink",type:"pick-link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"optimize",type:"group",label:"Optimize",hiddenWithGemPages:!0,controls:[{id:"qualityType",type:"select",label:"Quality",devices:{desktop:{default:"high"}},options:[{title:"Finest",value:"finest"},{title:"High",value:"high"},{title:"Medium",value:"medium"},{title:"Custom",value:"custom",tooltip:"You can choose it for advanced page loading optimization."}]},{id:"qualityPercent",type:"input:slider",label:"",units:["%"],showDefaultUnit:!0,min:100,max:400,step:50,useOnlyUnitInit:!0,isNumber:!0,devices:{desktop:{default:100}}},{id:"priority",type:"toggle",label:"Preload",default:!1}]},{id:"isNotLazyload",type:"toggle",default:!1}]},{id:"style",controls:[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",shapeLinked:!0,width:"1200px"}}},settingConfig:{width:{displayOptions:["full"]},height:{displayOptions:["full"],units:["px","%"]}},hiddenSettings:["padding","gap"]},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:{desktop:{default:"cover"}}},{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:"center"}}},{id:"behavior-state",type:"behavior-state",label:"Behavior State",controls:[{id:"borderImg",type:"border",label:"Border",default:{normal:{borderType:"none",border:"none",width:"1px 1px 1px 1px",borderWidth:"1px",color:"#000000",isCustom:!1}},state:{hover:!0,normal:!0}},{id:"opacity",label:"Overlay Opacity",type:"input:slider",min:0,max:100,step:1,units:["%"],useOnlyUnitInit:!0,default:{normal:0},state:{normal:!0,hover:!0}},{id:"opacityColor",label:"Overlay Color",type:"colorpicker",default:{normal:"#242424"},state:{normal:!0,hover:!0}},{id:"hasBoxShadowImg",type:"toggle",label:"Enable Image Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"boxShadowImg",type:"boxShadow",label:"Image Shadow",hideOnState:{normal:!0,hover:!0},default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45}},state:{normal:!0,hover:!0}}]},{id:"wrapperBorder",type:"border",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#000000",isCustom:!0}},{id:"borderRadius",type:"radius-preset",label:"Corner",default:{radiusType:"none"},compoDefaultValue:{bblr:"20px",btrr:"20px",bbrr:"20px",btlr:"20px",radiusType:"rounded"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadow",type:"shadow-v2",label:"Button Shadow",default:{type:"none",distance:"10px",blur:"12px",spread:"10px",color:"rgba(18, 18, 18, 0.77)",angle:40}}]}];export{ImageSettings};

package/dist/esm/image/settings/configs/translate.js

@@ -1 +1 @@
-let t={srcSet:{id:"srcSet",fields:["src"]},alt:{id:"alt"},title:{id:"title"}};export{t as Image};
+let Image={srcSet:{id:"srcSet",fields:["src"]},alt:{id:"alt"},title:{id:"title"}};export{Image};