@gem-sdk/components 8.0.0-dev.65 → 8.0.0-dev.67

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e||{}},getContainerStyles=(e,t,o)=>{let{align:r,background:l,globalSize:s}=t||{},i=core.makeGlobalSize(s||{desktop:{width:"100%"}}),a={...e,...o?.advancedClasses,...i.width,...core.makeStyleResponsive("ta",r),...core.getStyleBackgroundByDevice(l,{liquid:o?.isLiquid}),...core.getGradientBgrStyleByDevice(l)};return o?.isLiquid?a:filterStyles(a)},getWrapperStyles=e=>{let{alignWrapper:t}=e||{};return{...core.makeStyleResponsive("jc",t)}},getItemStyles=e=>{let t=core.makeGlobalSize(e?.itemPadding);return{...t.padding,...core.getResponsiveStyleShadowWithoutState(e?.itemBoxShadow,"box-shadow",e?.itemBoxShadow),...core.composeRadiusResponsive(e?.itemRounded),...core.composeBorderResponsive(e?.itemBorder),...core.getGlobalColorResponsiveStyle("bgc",e?.itemBackgroundColor),...core.getGlobalColorResponsiveStyle("bgi",e?.itemBackgroundColor),...core.makeStyleResponsive("cg",e?.horizontalSpacing)}},getUlStyles=e=>({...core.makeStyleResponsive("gg",e?.verticalSpacing)});exports.getContainerStyles=getContainerStyles,exports.getItemStyles=getItemStyles,exports.getUlStyles=getUlStyles,exports.getWrapperStyles=getWrapperStyles;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js");const filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e||{}},getContainerStyles=({style:e,styles:t,extraData:o,uid:r,type:s="React",pageContext:l})=>{let{align:i,background:a,globalSize:c,translate:n}=t||{},g=core.makeGlobalSize(c||{desktop:{width:"100%"}}),d="Liquid"===s?helpers.getBackgroundTranslated({background:a,uid:r,translate:n,pageContext:l,isTranslateVideo:!1}):a,S={...e,...o?.advancedClasses,...g.width,...core.makeStyleResponsive("ta",i),...core.getStyleBackgroundByDevice(d,{liquid:o?.isLiquid}),...core.getGradientBgrStyleByDevice(d)};return o?.isLiquid?S:filterStyles(S)},getWrapperStyles=e=>{let{alignWrapper:t}=e||{};return{...core.makeStyleResponsive("jc",t)}},getItemStyles=e=>{let t=core.makeGlobalSize(e?.itemPadding);return{...t.padding,...core.getResponsiveStyleShadowWithoutState(e?.itemBoxShadow,"box-shadow",e?.itemBoxShadow),...core.composeRadiusResponsive(e?.itemRounded),...core.composeBorderResponsive(e?.itemBorder),...core.getGlobalColorResponsiveStyle("bgc",e?.itemBackgroundColor),...core.getGlobalColorResponsiveStyle("bgi",e?.itemBackgroundColor),...core.makeStyleResponsive("cg",e?.horizontalSpacing)}},getUlStyles=e=>({...core.makeStyleResponsive("gg",e?.verticalSpacing)});exports.getContainerStyles=getContainerStyles,exports.getItemStyles=getItemStyles,exports.getUlStyles=getUlStyles,exports.getWrapperStyles=getWrapperStyles;

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),Head=require("next/head"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const IconList=({style:e,setting:s,children:t,styles:r,builderProps:l,advanced:a})=>{let{preload:i}=s||{},{background:m}=r??{},n=core.composeAdvanceStyle(a),c=system.createStyle(styles.getContainerStyles(e,r,{advancedClasses:n})),d=system.createClass(classes.getUlClasses(a?.cssClass)),o=system.createStyle(styles.getUlStyles(r)),u=system.createStyle(styles.getWrapperStyles(r)),x=system.createClass(classes.getWrapperClasses());return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[system.If(i,jsxRuntime.jsxs(Head,{children:[!!m?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:m.desktop.image.src,as:"image"}),!!m?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:m.tablet.image.src,as:"image"}),!!m?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:m.mobile.image.src,as:"image"})]})),jsxRuntime.jsx("div",{className:x,style:u,children:jsxRuntime.jsx("div",{"data-id":l?.uid,style:c,children:system.If(core.isEmptyChildren(t),jsxRuntime.jsx("div",{children:"Icons not found"}),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ul",{className:d,style:o,children:React.Children.map(core.filterToolbarPreview(t),(e,s)=>React.isValidElement(e)?jsxRuntime.jsx(e.type,{...e.props,parentUid:l?.uid,parentStyles:r,dataIndex:s}):null)}),core.filterToolbarPreview(t,!0)]}))})})]})};exports.default=IconList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),Head=require("next/head"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const IconList=({style:e,setting:s,children:t,styles:r,builderProps:a,advanced:l,pageContext:i})=>{let{preload:n}=s||{},{background:m}=r??{},c=core.composeAdvanceStyle(l),d=system.createStyle(styles.getContainerStyles({style:e,styles:r,type:"React",uid:a?.uid??"",pageContext:i,extraData:{advancedClasses:c}})),o=system.createClass(classes.getUlClasses(l?.cssClass)),u=system.createStyle(styles.getUlStyles(r)),x=system.createStyle(styles.getWrapperStyles(r)),y=system.createClass(classes.getWrapperClasses());return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[system.If(n,jsxRuntime.jsxs(Head,{children:[!!m?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:m.desktop.image.src,as:"image"}),!!m?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:m.tablet.image.src,as:"image"}),!!m?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:m.mobile.image.src,as:"image"})]})),jsxRuntime.jsx("div",{className:y,style:x,children:jsxRuntime.jsx("div",{"data-id":a?.uid,style:d,children:system.If(core.isEmptyChildren(t),jsxRuntime.jsx("div",{children:"Icons not found"}),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("ul",{className:o,style:u,children:React.Children.map(core.filterToolbarPreview(t),(e,s)=>React.isValidElement(e)?jsxRuntime.jsx(e.type,{...e.props,parentUid:a?.uid,parentStyles:r,dataIndex:s}):null)}),core.filterToolbarPreview(t,!0)]}))})})]})};exports.default=IconList;

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

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const IconList=({builderProps:e,style:s,setting:t,rawChildren:r,styles:l,advanced:a})=>{let{preload:i}=t||{},{background:c}=l||{},o=core.composeAdvanceStyle(a),m=system.createStyle(styles.getContainerStyles(s,l,{advancedClasses:o,isLiquid:!0})),d=system.createClass(classes.getUlClasses(a?.cssClass)),y=system.createStyle(styles.getUlStyles(l)),n=system.createStyle(styles.getWrapperStyles(l)),p=system.createClass(classes.getWrapperClasses());return core.template`
-    ${system.If(!!i,`${system.If(!!c?.desktop?.image?.src,`<link rel="preload" href="${c?.desktop?.image?.src}" as="image" />`)}
-      ${system.If(!!c?.tablet?.image?.src,`<link rel="preload" href="${c?.tablet?.image?.src}" as="image" />`)}
-      ${system.If(!!c?.mobile?.image?.src,`<link rel="preload" href="${c?.mobile?.image?.src}" as="image" />`)}`)}
-    <div class="${p}" style="${n}">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const IconList=({builderProps:e,style:s,setting:t,rawChildren:r,styles:a,advanced:l,pageContext:i})=>{let{preload:c}=t||{},{background:o}=a||{},d=core.composeAdvanceStyle(l),m=system.createStyle(styles.getContainerStyles({style:s,styles:a,type:"Liquid",uid:e?.uid??"",pageContext:i,extraData:{advancedClasses:d,isLiquid:!0}})),y=system.createClass(classes.getUlClasses(l?.cssClass)),n=system.createStyle(styles.getUlStyles(a)),p=system.createStyle(styles.getWrapperStyles(a)),u=system.createClass(classes.getWrapperClasses());return core.template`
+    ${system.If(!!c,`${system.If(!!o?.desktop?.image?.src,`<link rel="preload" href="${o?.desktop?.image?.src}" as="image" />`)}
+      ${system.If(!!o?.tablet?.image?.src,`<link rel="preload" href="${o?.tablet?.image?.src}" as="image" />`)}
+      ${system.If(!!o?.mobile?.image?.src,`<link rel="preload" href="${o?.mobile?.image?.src}" as="image" />`)}`)}
+    <div class="${u}" style="${p}">
     <div
       data-id="${e?.uid}"
        style="${m}">
      ${system.If(!r,core.template`<div>${helpers.getStaticLocale("IconList","icons_not_found")}</div>`)}
      ${system.If(!!r,core.template`<ul
-        class="${d}"
-        style="${y}"
+        class="${y}"
+        style="${n}"
         >
-        ${core.WrapRenderChildren({uid:e?.uid??"",customProps:r?.[0].customProps},r?.map((s,t)=>{if(s)return core.RenderChildren({...s,dataIndex:t,parentUid:e?.uid,parentStyles:l})}))}
+        ${core.WrapRenderChildren({uid:e?.uid??"",customProps:r?.[0].customProps},r?.map((s,t)=>{if(s)return core.RenderChildren({...s,dataIndex:t,parentUid:e?.uid,parentStyles:a})}))}
       </ul>`)}
   </div>
   </div>

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

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

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

@@ -1 +1 @@
-"use strict";var items=require("./items.js");const IconListSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Item 1","Item 2","Item 3"],childTemplate:{default:items.itemControlTemplate,"icon-list-ver1-1-text":items.itemControlTemplateText,"icon-list-ver1-2-image":items.itemControlTemplateImage}},{id:"preload",type:"toggle",label:"Preload",default:!1}]},{id:"style",controls:[{id:"background",type:"background-media",label:"Background Color & Image",devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"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:"alignWrapper",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:"horizontalSpacing",label:"Horizontal Spacing",type:"input:slider",units:["px"],step:1,min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"12px"}}},{id:"verticalSpacing",label:"Vertical Spacing",type:"input:slider",units:["px"],step:1,min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"12px"}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","height","width"]},{id:"itemBackgroundColor",type:"color-picker-v2",devices:{desktop:{default:"transparent"}},compoDefaultValue:{desktop:{default:"bg-2"}},enableGradient:!0},{id:"itemBorder",type:"border-v2",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-1",width:"1px",borderWidth:"1px"}}}},{id:"itemRounded",type:"corner-v2",devices:{desktop:{}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"itemBoxShadow",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:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{}}},mobile:{default:{width:"100%"}}},settingConfig:{width:{displayOptions:["full","auto"]}},hiddenSettings:["shape","gap","height"]}]}];exports.IconListSettings=IconListSettings;
+"use strict";var items=require("./items.js");const IconListSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Item 1","Item 2","Item 3"],childTemplate:{default:items.itemControlTemplate,"icon-list-ver1-1-text":items.itemControlTemplateText,"icon-list-ver1-2-image":items.itemControlTemplateImage}},{id:"preload",type:"toggle",label:"Preload",default:!1}]},{id:"style",controls:[{id:"background",type:"background-media",label:"Background Color & Image",devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"translate",type:"input",default:[{id:"background",fields:["image.src"]}]},{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:"alignWrapper",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:"horizontalSpacing",label:"Horizontal Spacing",type:"input:slider",units:["px"],step:1,min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"12px"}}},{id:"verticalSpacing",label:"Vertical Spacing",type:"input:slider",units:["px"],step:1,min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"12px"}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","height","width"]},{id:"itemBackgroundColor",type:"color-picker-v2",devices:{desktop:{default:"transparent"}},compoDefaultValue:{desktop:{default:"bg-2"}},enableGradient:!0},{id:"itemBorder",type:"border-v2",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-1",width:"1px",borderWidth:"1px"}}}},{id:"itemRounded",type:"corner-v2",devices:{desktop:{}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"itemBoxShadow",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:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{}}},mobile:{default:{width:"100%"}}},settingConfig:{width:{displayOptions:["full","auto"]}},hiddenSettings:["shape","gap","height"]}]}];exports.IconListSettings=IconListSettings;

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

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

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),useGetProductId=require("../../hooks/useGetProductId.js"),Text=require("../../text/components/Text.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js"),useIconLineHeight=require("../hooks/useIconLineHeight.js");const IconListV2=e=>{let{builderProps:s,builderAttrs:t,style:l,setting:a,styles:r,pageContext:c,advanced:n}=e,i=system.createClass({[s?.uid??""]:!0}),o=system.createClass(classes.getClassWraplistIcon()),y=system.createClass(classes.getClassColListIcon()),m=system.createClass(classes.getClassWrapItemIcon({builderProps:s})),u=system.createClass(classes.getClassWrapIcon()),d=system.createClass(classes.getClassIcon()),p=system.createClass(classes.getClassTextItem({setting:a})),I=system.createStyle(styles.getStyleContainerIconlistMain({styles:r,style:l,type:"react",advanced:n})),x=system.createStyle(styles.getStyleWraplistIcon({styles:r})),g=system.createStyle(styles.getStyleColListIcon({styles:r})),h=system.createStyle(styles.getStyleIcon({styles:r,setting:a})),j=styles.getStyleTypoText({setting:a}),C=system.createAttr({...t}),S=helpers.getTextIconNotFound("react"),T=helpers.getvalueMap({setting:a}),{ref:v,lineHeight:L}=useIconLineHeight.useIconLineHeight({iconWidth:helpers.composeIconWith(a?.iconWidth)}),W=helpers.composePostionIconList(L,r?.position,a?.iconWidth),{refContainer:q,productID:R}=useGetProductId.useGetProductId(),N=system.createStyle({...styles.getStyleWrapIcon({styles:r,setting:a}),...W.content}),f=system.createStyle({...styles.getStyleWrapItemIcon({styles:r}),...W.wrapper});return jsxRuntime.jsx("div",{...C,...s,"data-id":s?.uid,style:I,className:i,ref:q,children:system.If(!T||!T.length,jsxRuntime.jsx("div",{children:S}),jsxRuntime.jsx("div",{className:o,style:x,children:jsxRuntime.jsx("div",{className:y,style:g,children:T?.map((e,t)=>{let l=helpers.getTextIconTranslations({setting:a,builderProps:s,pageContext:c,key:t,type:"react"});return jsxRuntime.jsxs("div",{"data-index":t,className:m,style:f,children:[jsxRuntime.jsx("div",{className:u,style:N,children:jsxRuntime.jsx("span",{style:h,className:d,dangerouslySetInnerHTML:{__html:e}})}),jsxRuntime.jsx(Text.default,{setting:{text:l?.toString(),htmlTag:"div",options:{useState:!0,uniqueId:`${s?.uid}-${t}-${R}`,productID:R,customClass:{wrapper:"gp-w-full"}}},styles:j,className:p,ref:v})]},t)})})}))})};exports.default=IconListV2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),useGetProductId=require("../../hooks/useGetProductId.js"),Text=require("../../text/components/Text.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js"),useIconLineHeight=require("../hooks/useIconLineHeight.js");const IconListV2=e=>{let{builderProps:s,builderAttrs:t,style:l,setting:a,styles:r,pageContext:c,advanced:i}=e,n=system.createClass({[s?.uid??""]:!0}),o=system.createClass(classes.getClassWraplistIcon()),y=system.createClass(classes.getClassColListIcon()),m=system.createClass(classes.getClassWrapItemIcon({builderProps:s})),u=system.createClass(classes.getClassWrapIcon()),d=system.createClass(classes.getClassIcon()),p=system.createClass(classes.getClassTextItem({setting:a})),I=system.createStyle(styles.getStyleContainerIconlistMain({styles:r,style:l,type:"react",advanced:i})),x=system.createStyle(styles.getStyleWraplistIcon({styles:r,uid:s?.uid??"",pageContext:c})),g=system.createStyle(styles.getStyleColListIcon({styles:r})),h=system.createStyle(styles.getStyleIcon({styles:r,setting:a})),j=styles.getStyleTypoText({setting:a}),C=system.createAttr({...t}),S=helpers.getTextIconNotFound("react"),T=helpers.getvalueMap({setting:a}),{ref:v,lineHeight:L}=useIconLineHeight.useIconLineHeight({iconWidth:helpers.composeIconWith(a?.iconWidth)}),W=helpers.composePostionIconList(L,r?.position,a?.iconWidth),{refContainer:q,productID:R}=useGetProductId.useGetProductId(),N=system.createStyle({...styles.getStyleWrapIcon({styles:r,setting:a}),...W.content}),f=system.createStyle({...styles.getStyleWrapItemIcon({styles:r}),...W.wrapper});return jsxRuntime.jsx("div",{...C,...s,"data-id":s?.uid,style:I,className:n,ref:q,children:system.If(!T||!T.length,jsxRuntime.jsx("div",{children:S}),jsxRuntime.jsx("div",{className:o,style:x,children:jsxRuntime.jsx("div",{className:y,style:g,children:T?.map((e,t)=>{let l=helpers.getTextIconTranslations({setting:a,builderProps:s,pageContext:c,key:t,type:"react"});return jsxRuntime.jsxs("div",{"data-index":t,className:m,style:f,children:[jsxRuntime.jsx("div",{className:u,style:N,children:jsxRuntime.jsx("span",{style:h,className:d,dangerouslySetInnerHTML:{__html:e}})}),jsxRuntime.jsx(Text.default,{setting:{text:l?.toString(),htmlTag:"div",options:{useState:!0,uniqueId:`${s?.uid}-${t}-${R}`,productID:R,customClass:{wrapper:"gp-w-full"}}},styles:j,className:p,ref:v})]},t)})})}))})};exports.default=IconListV2;

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

@@ -1,32 +1,32 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../helpers.js"),Text_liquid=require("../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js");const IconListV2=e=>{let{builderProps:s,builderAttrs:t,style:l,setting:a,styles:r,pageContext:i}=e,c=s?.builderData?.advanced,o=system.createClass({[s?.uid??""]:!0}),y=system.createClass(classes.getClassWraplistIcon()),n=system.createClass(classes.getClassColListIcon()),p=system.createClass(classes.getClassWrapItemIcon({builderProps:s})),d=system.createClass(classes.getClassWrapIcon()),m=system.createClass(classes.getClassIcon()),g=system.createClass(classes.getClassTextItem({setting:a})),u=system.createStyle(styles.getStyleContainerIconlistMain({styles:r,style:l,type:"liquid",advanced:c})),$=system.createStyle(styles.getStyleWraplistIcon({styles:r})),S=system.createStyle(styles.getStyleColListIcon({styles:r})),I=system.createStyle(styles.getStyleWrapIcon({styles:r,setting:a})),v=system.createStyle(styles.getStyleWrapItemIcon({styles:r})),C=system.createStyle(styles.getStyleIcon({styles:r,setting:a})),h=styles.getStyleTypoText({setting:a}),q=system.createAttr({...t}),f=helpers.getTextIconNotFound("liquid"),x=helpers.getvalueMap({setting:a});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../helpers.js"),Text_liquid=require("../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js");const IconListV2=e=>{let{builderProps:s,builderAttrs:t,style:l,setting:a,styles:r,pageContext:i}=e,{translate:c}=a??{},o=s?.builderData?.advanced,y=system.createClass({[s?.uid??""]:!0}),n=system.createClass(classes.getClassWraplistIcon()),p=system.createClass(classes.getClassColListIcon()),d=system.createClass(classes.getClassWrapItemIcon({builderProps:s})),g=system.createClass(classes.getClassWrapIcon()),m=system.createClass(classes.getClassIcon()),u=system.createClass(classes.getClassTextItem({setting:a})),$=system.createStyle(styles.getStyleContainerIconlistMain({styles:r,style:l,type:"liquid",advanced:o})),S=system.createStyle(styles.getStyleWraplistIcon({styles:r,translate:c,uid:s?.uid??"",pageContext:i,type:"Liquid"})),I=system.createStyle(styles.getStyleColListIcon({styles:r,setting:a})),v=system.createStyle(styles.getStyleWrapIcon({styles:r,setting:a})),C=system.createStyle(styles.getStyleWrapItemIcon({styles:r})),q=system.createStyle(styles.getStyleIcon({styles:r,setting:a})),h=styles.getStyleTypoText({setting:a}),x=system.createAttr({...t}),f=helpers.getTextIconNotFound("liquid"),T=helpers.getvalueMap({setting:a});return core.template`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <gp-icon-list
-      ${{...q}}
+      ${{...x}}
       ${{...s}}
       data-id="${s?.uid}"
-      style="${u}"
-      className="${o}"
+      style="${$}"
+      className="${y}"
       gp-data='${core.dataStringify({position:r?.position,iconWidth:a?.iconWidth}).replaceAll("'","&#039;")}'
     >
-      ${system.If(!x||!x.length,core.template`<div>${f}</div>`,core.template`
-          <div class="${y}" style="${$}">
-            <div class="${n}" style="${S}">
-              ${x?.map((e,t)=>{let l=helpers.getTextIconTranslations({setting:a,builderProps:s,pageContext:i,key:t,type:"liquid"});return core.template`
+      ${system.If(!T||!T.length,core.template`<div>${f}</div>`,core.template`
+          <div class="${n}" style="${S}">
+            <div class="${p}" style="${I}">
+              ${T?.map((e,t)=>{let l=helpers.getTextIconTranslations({setting:a,builderProps:s,pageContext:i,key:t,type:"liquid"});return core.template`
                     <div
                       key="${t}"
                       data-index="${t}"
-                      class="${p}"
-                      style="${v}"
+                      class="${d}"
+                      style="${C}"
                     >
-                      <div class="${d}" style="${I}">
+                      <div class="${g}" style="${v}">
                         <span
                           class="${m}"
-                          style="${C}"
+                          style="${q}"
                         >
                           ${e}
                         </span>
                       </div>
-                      ${Text_liquid.default({setting:{text:l?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:h,className:g})}
+                      ${Text_liquid.default({setting:{text:l?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:h,className:u})}
                     </div>`}).join(" ")}
             </div>
           </div>`)}

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

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

package/dist/cjs/post-purchase/product/settings/product-discount-tag/configs/setting-v2.js

@@ -1 +1 @@
-"use strict";const settingV2=[{id:"setting",controls:[{id:"discountAndShippingFee",type:"discount-and-shipping-fee-product-offer",multiple:!1},{id:"message",label:"",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"(Save {Discount})",suggestContents:[{message:"{Discount}",eg:"E.g: 50%"}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"critical",fontWeight:"bold",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],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"}],default:"left"}]}];exports.settingV2=settingV2;
+"use strict";const settingV2=[{id:"setting",controls:[{id:"discountAndShippingFee",type:"discount-and-shipping-fee-product-offer",multiple:!1},{id:"message",label:"",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"(Save {Offer_discount})",suggestContents:[{message:"{Offer_discount}",eg:"E.g: 50%"},{message:"{Shopify_percent_discount}",eg:"E.g: 20%"},{message:"{Shopify_amount_discount}",eg:"E.g: $400.00"}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"critical",fontWeight:"bold",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],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"}],default:"left"}]}];exports.settingV2=settingV2;

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),helpers$1=require("./helpers.js");const getStyleWrapper=(e,t)=>{let{background:r,containWidth:l,align:o}=e??{},a={...t,...core.getStyleBackgroundByDevice(r),...core.getGradientBgrStyleByDevice(r,{desktop:!0,tablet:!0,mobile:!0}),...core.makeStyleResponsive("w",core.makeWidth(l)),...core.makeStyleResponsive("as",o)};return helpers.filterTruthyStyles(a)},getTabListStyle=e=>{let{panelAlign:t}=e??{},r={...core.makeStyleResponsive("jc",t),...core.makeStyleResponsive("w",{desktop:"100%",tablet:"100%",mobile:"100%"})};return helpers.filterTruthyStyles(r)},getItemStyle=(e,t)=>{let{labelColor:r,labelBgColor:l,borderTab:o,labelAlign:a,enableActiveEffect:i,panelWidth:s,position:n,panelFullWidth:y,labelWidth:c}=e??{},S={},p=!0===i||void 0===i;return S={...S=t&&p?{...core.makeStyleResponsive("jc",a),...core.makeStyle({c:core.getSingleColorVariable(r?.active??r?.normal),bgc:core.getSingleColorVariable(l?.active??l?.normal),bs:o?.active?.border??o?.normal?.border,bw:o?.active?.width??o?.normal?.width,bc:core.getSingleColorVariable(o?.active?.color??o?.normal?.color)})}:{...core.makeStyleResponsive("jc",a),...core.getGlobalColorStateStyle("c",r),...core.getGlobalColorStateStyle("bgc",l),...core.handleConvertBorderStyle(o),...core.handleConvertBorderWidth(o),...core.handleConvertBorderColor(o)},...core.makeStyleResponsive("w",helpers$1.getStyleWidthByPositionResponsive({position:n,panelFullWidth:y,panelWidth:s,labelWidth:c}))},e?.enableHoverEffect||(S=core.filterHoverVariables(S)),helpers.filterTruthyStyles(S)},getTabParentListStyle=e=>{let{panelAlign:t,panelAlignVertical:r}=e??{},l={...core.makeStyleResponsive("jc",t),...core.makeStyleResponsive("ai",r)};return helpers.filterTruthyStyles(l)},getContainContentStyle=()=>{let e={};return core.makeStyle({w:"100%"})&&(e={...core.makeStyle({w:"100%"})}),helpers.filterTruthyStyles(e)},getTabItemStyle=(e,t)=>{let r={...e,...core.makeStyle({h:"100%",v:t?"visible":"hidden",pos:t?"relative":"absolute"})};return helpers.filterTruthyStyles(r)};exports.getContainContentStyle=getContainContentStyle,exports.getItemStyle=getItemStyle,exports.getStyleWrapper=getStyleWrapper,exports.getTabItemStyle=getTabItemStyle,exports.getTabListStyle=getTabListStyle,exports.getTabParentListStyle=getTabParentListStyle;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),helpers$1=require("./helpers.js");const getStyleWrapper=({setting:e,style:t,uid:r,pageContext:l,type:o="React"})=>{let{background:a,containWidth:i,align:s,translate:n}=e??{},y="Liquid"===o?helpers.getBackgroundTranslated({background:a,uid:r,translate:n,pageContext:l,isTranslateVideo:!1}):a,c={...t,...core.getStyleBackgroundByDevice(y),...core.getGradientBgrStyleByDevice(y,{desktop:!0,tablet:!0,mobile:!0}),...core.makeStyleResponsive("w",core.makeWidth(i)),...core.makeStyleResponsive("as",s)};return helpers.filterTruthyStyles(c)},getTabListStyle=e=>{let{panelAlign:t}=e??{},r={...core.makeStyleResponsive("jc",t),...core.makeStyleResponsive("w",{desktop:"100%",tablet:"100%",mobile:"100%"})};return helpers.filterTruthyStyles(r)},getItemStyle=(e,t)=>{let{labelColor:r,labelBgColor:l,borderTab:o,labelAlign:a,enableActiveEffect:i,panelWidth:s,position:n,panelFullWidth:y,labelWidth:c}=e??{},S={},p=!0===i||void 0===i;return S={...S=t&&p?{...core.makeStyleResponsive("jc",a),...core.makeStyle({c:core.getSingleColorVariable(r?.active??r?.normal),bgc:core.getSingleColorVariable(l?.active??l?.normal),bs:o?.active?.border??o?.normal?.border,bw:o?.active?.width??o?.normal?.width,bc:core.getSingleColorVariable(o?.active?.color??o?.normal?.color)})}:{...core.makeStyleResponsive("jc",a),...core.getGlobalColorStateStyle("c",r),...core.getGlobalColorStateStyle("bgc",l),...core.handleConvertBorderStyle(o),...core.handleConvertBorderWidth(o),...core.handleConvertBorderColor(o)},...core.makeStyleResponsive("w",helpers$1.getStyleWidthByPositionResponsive({position:n,panelFullWidth:y,panelWidth:s,labelWidth:c}))},e?.enableHoverEffect||(S=core.filterHoverVariables(S)),helpers.filterTruthyStyles(S)},getTabParentListStyle=e=>{let{panelAlign:t,panelAlignVertical:r}=e??{},l={...core.makeStyleResponsive("jc",t),...core.makeStyleResponsive("ai",r)};return helpers.filterTruthyStyles(l)},getContainContentStyle=()=>{let e={};return core.makeStyle({w:"100%"})&&(e={...core.makeStyle({w:"100%"})}),helpers.filterTruthyStyles(e)},getTabItemStyle=(e,t)=>{let r={...e,...core.makeStyle({h:"100%",v:t?"visible":"hidden",pos:t?"relative":"absolute"})};return helpers.filterTruthyStyles(r)};exports.getContainContentStyle=getContainContentStyle,exports.getItemStyle=getItemStyle,exports.getStyleWrapper=getStyleWrapper,exports.getTabItemStyle=getTabItemStyle,exports.getTabListStyle=getTabListStyle,exports.getTabParentListStyle=getTabParentListStyle;

package/dist/cjs/tab/components/Tabs.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),useTab=require("../hooks/useTab.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),Text=require("../../text/components/Text.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Tabs=e=>{let{builderAttrs:s,builderProps:t,style:a,setting:l,advanced:r,children:i}=e,{cssClass:c}=r??{},{panelWidth:n,childItem:m,labelAlign:y,labelTypo:u,labelTypoV2:d}=l??{},{currentDevice:o,productID:x,dispatchEventTabActive:C,activeTab:j,setActiveKey:p,refContainer:g}=useTab.useTab(l,t);l&&!l?.labelWidth&&(l.labelWidth={desktop:"200px"});let T=system.createAttr({...attrs.getAttr({uid:t?.uid||""})}),h=system.createStyle({...styles.getStyleWrapper(l,a)}),b=system.createClass({...classes.getClassesWrapper({builderProps:t,advancedCssClass:c})}),R=system.createClass({...classes.getContainClasses({setting:l})}),v=classes.getStyleTagClasses({panelWidth:n,builderProps:t}),S=system.createClass({...classes.getTabParentListClasses()}),q=system.createStyle({...styles.getTabParentListStyle(l)}),N=system.createClass({...classes.getTabListClasses({setting:l})}),f=system.createStyle({...styles.getTabListStyle(l)}),A=e=>system.createClass({...classes.getItemClasses({setting:l,isNotLiquid:!0,isActive:e,currentDevice:o})}),k=e=>system.createStyle({...styles.getItemStyle(l,e)}),L=React.Children.map(i,e=>e?.props?.uid),P=system.createClass({...classes.getWrapperContentClasses()}),W=system.createClass({...classes.getContainContentClasses()}),I=system.createStyle({...styles.getContainContentStyle()}),$=system.createClass({...classes.getTextClasses()}),w=system.createAttr({...attrs.getAttrContent({uid:t?.uid||""})}),_=()=>m?.map((e,s)=>{let t=j==s;return jsxRuntime.jsx("li",{"aria-hidden":!0,className:A(t),style:k(t),onClick:()=>{p(s),C(s)},children:jsxRuntime.jsx(Text.default,{className:$,styles:{typo:d,typography:u,textAlign:y},setting:{text:e,htmlTag:"div",excludeFlex:!0,options:{useState:!0,uniqueId:x?`${L?.[s]}-${x}`:`${L?.[s]}`,productID:x}}})},L&&L[s])}),E=()=>React.Children.map(core.filterToolbarPreview(i),(e,s)=>React.isValidElement(e)?jsxRuntime.jsx(e.type,{...e.props,isActive:s==j,parentUid:t?.uid}):null);return jsxRuntime.jsxs("div",{ref:g,...s,...T,style:h,className:b,children:[jsxRuntime.jsx("style",{children:v}),jsxRuntime.jsxs("div",{className:R,children:[jsxRuntime.jsx("div",{className:S,style:q,children:jsxRuntime.jsx("ul",{className:N,style:f,children:_()})}),jsxRuntime.jsx("div",{className:P,children:jsxRuntime.jsx("div",{...w,className:W,style:I,children:E()})})]}),core.filterToolbarPreview(i,!0)]})};exports.default=Tabs;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),useTab=require("../hooks/useTab.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),Text=require("../../text/components/Text.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Tabs=e=>{let{builderAttrs:s,builderProps:t,style:a,setting:l,advanced:r,children:i}=e,{cssClass:c}=r??{},{panelWidth:n,childItem:m,labelAlign:u,labelTypo:y,labelTypoV2:d}=l??{},{currentDevice:o,productID:x,dispatchEventTabActive:C,activeTab:j,setActiveKey:p,refContainer:g}=useTab.useTab(l,t);l&&!l?.labelWidth&&(l.labelWidth={desktop:"200px"});let T=system.createAttr({...attrs.getAttr({uid:t?.uid||""})}),h=system.createStyle({...styles.getStyleWrapper({setting:l,style:a,uid:t?.uid,pageContext:e.pageContext})}),b=system.createClass({...classes.getClassesWrapper({builderProps:t,advancedCssClass:c})}),R=system.createClass({...classes.getContainClasses({setting:l})}),v=classes.getStyleTagClasses({panelWidth:n,builderProps:t}),S=system.createClass({...classes.getTabParentListClasses()}),q=system.createStyle({...styles.getTabParentListStyle(l)}),N=system.createClass({...classes.getTabListClasses({setting:l})}),f=system.createStyle({...styles.getTabListStyle(l)}),A=e=>system.createClass({...classes.getItemClasses({setting:l,isNotLiquid:!0,isActive:e,currentDevice:o})}),k=e=>system.createStyle({...styles.getItemStyle(l,e)}),L=React.Children.map(i,e=>e?.props?.uid),P=system.createClass({...classes.getWrapperContentClasses()}),W=system.createClass({...classes.getContainContentClasses()}),I=system.createStyle({...styles.getContainContentStyle()}),$=system.createClass({...classes.getTextClasses()}),w=system.createAttr({...attrs.getAttrContent({uid:t?.uid||""})}),_=()=>m?.map((e,s)=>{let t=j==s;return jsxRuntime.jsx("li",{"aria-hidden":!0,className:A(t),style:k(t),onClick:()=>{p(s),C(s)},children:jsxRuntime.jsx(Text.default,{className:$,styles:{typo:d,typography:y,textAlign:u},setting:{text:e,htmlTag:"div",excludeFlex:!0,options:{useState:!0,uniqueId:x?`${L?.[s]}-${x}`:`${L?.[s]}`,productID:x}}})},L&&L[s])}),E=()=>React.Children.map(core.filterToolbarPreview(i),(e,s)=>React.isValidElement(e)?jsxRuntime.jsx(e.type,{...e.props,isActive:s==j,parentUid:t?.uid}):null);return jsxRuntime.jsxs("div",{ref:g,...s,...T,style:h,className:b,children:[jsxRuntime.jsx("style",{children:v}),jsxRuntime.jsxs("div",{className:R,children:[jsxRuntime.jsx("div",{className:S,style:q,children:jsxRuntime.jsx("ul",{className:N,style:f,children:_()})}),jsxRuntime.jsx("div",{className:P,children:jsxRuntime.jsx("div",{...w,className:W,style:I,children:E()})})]}),core.filterToolbarPreview(i,!0)]})};exports.default=Tabs;

package/dist/cjs/tab/components/Tabs.liquid.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),Text_liquid=require("../../text/components/Text.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Tabs=e=>{let{builderProps:s,style:t,setting:a,advanced:l,rawChildren:r}=e;delete a?.labelTypoV2?.attrs?.color;let{cssClass:i}=l??{},{panelWidth:c,childItem:y,labelAlign:d,labelTypo:o,labelTypoV2:n}=a??{},p=system.createStateOrContext({setting:a,builderProps:s}),m=void 0;a&&!a?.labelWidth&&(a.labelWidth={desktop:"200px"});let g=system.createAttr({...attrs.getAttr({uid:s?.uid||""})}),u=system.createStyle({...styles.getStyleWrapper(a,t)}),C=system.createClass({...classes.getClassesWrapper({builderProps:s,advancedCssClass:i})}),v=system.createClass({...classes.getContainClasses({setting:a})}),$=classes.getStyleTagClasses({panelWidth:c,builderProps:s}),S=system.createClass({...classes.getTabParentListClasses()}),h=system.createStyle({...styles.getTabParentListStyle(a)}),b=system.createClass({...classes.getTabListClasses({setting:a})}),x=system.createStyle({...styles.getTabListStyle(a)}),T=e=>system.createClass({...classes.getItemClasses({setting:a,isNotLiquid:!1,isActive:e,currentDevice:m})}),f=e=>system.createStyle({...styles.getItemStyle(a,e)}),q=system.createClass({...classes.getWrapperContentClasses()}),A=system.createClass({...classes.getContainContentClasses()}),j=system.createStyle({...styles.getContainContentStyle()}),I=system.createAttr({...attrs.getAttrContent({uid:s?.uid||""})}),L=system.createClass({...classes.getTextClasses()}),P=()=>y?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,l)=>{let r=(a?.activeKey??0)<0||(a?.activeKey??0)>=(a?.childItem??[]).length?0===l:l===a?.activeKey,i=helpers.getDynamicSourceLocales({val:t,uid:s?.uid,settingId:`childItem_${l}`,pageContext:e.pageContext,isCapitalize:a?.labelTypoV2?.attrs?.transform==="capitalize",translate:a?.translate});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),Text_liquid=require("../../text/components/Text.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Tabs=e=>{let{builderProps:s,style:t,setting:a,advanced:l,rawChildren:r}=e;delete a?.labelTypoV2?.attrs?.color;let{cssClass:i}=l??{},{panelWidth:c,childItem:d,labelAlign:y,labelTypo:o,labelTypoV2:n}=a??{},p=system.createStateOrContext({setting:a,builderProps:s}),m=void 0;a&&!a?.labelWidth&&(a.labelWidth={desktop:"200px"});let g=system.createAttr({...attrs.getAttr({uid:s?.uid||""})}),u=system.createStyle({...styles.getStyleWrapper({setting:a,style:t,uid:s?.uid,pageContext:e.pageContext,type:"Liquid"})}),C=system.createClass({...classes.getClassesWrapper({builderProps:s,advancedCssClass:i})}),v=system.createClass({...classes.getContainClasses({setting:a})}),$=classes.getStyleTagClasses({panelWidth:c,builderProps:s}),S=system.createClass({...classes.getTabParentListClasses()}),h=system.createStyle({...styles.getTabParentListStyle(a)}),x=system.createClass({...classes.getTabListClasses({setting:a})}),b=system.createStyle({...styles.getTabListStyle(a)}),T=e=>system.createClass({...classes.getItemClasses({setting:a,isNotLiquid:!1,isActive:e,currentDevice:m})}),q=e=>system.createStyle({...styles.getItemStyle(a,e)}),f=system.createClass({...classes.getWrapperContentClasses()}),A=system.createClass({...classes.getContainContentClasses()}),j=system.createStyle({...styles.getContainContentStyle()}),L=system.createAttr({...attrs.getAttrContent({uid:s?.uid||""})}),I=system.createClass({...classes.getTextClasses()}),P=()=>d?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,l)=>{let r=(a?.activeKey??0)<0||(a?.activeKey??0)>=(a?.childItem??[]).length?0===l:l===a?.activeKey,i=helpers.getDynamicSourceLocales({val:t,uid:s?.uid,settingId:`childItem_${l}`,pageContext:e.pageContext,isCapitalize:a?.labelTypoV2?.attrs?.transform==="capitalize",translate:"true"});return core.template`
       <li
         aria-hidden
         class="${T(r)}"
-        style="${f(r)}"
+        style="${q(r)}"
         key="${s?.uid}"
 
       >
-        ${Text_liquid.default({className:L,styles:{typo:n,typography:o,textAlign:d},setting:{text:i,htmlTag:"div",excludeFlex:!0,isForceValue:!0}})}
+        ${Text_liquid.default({className:I,styles:{typo:n,typography:o,textAlign:y},setting:{text:i,htmlTag:"div",excludeFlex:!0,isForceValue:!0}})}
       </li>
     `}).join(""),_=()=>core.WrapRenderChildren({uid:s?.uid||"",customProps:r?.[0].customProps},r?.map((e,t)=>{let l=(a?.activeKey??0)<0||(a?.activeKey??0)>=(a?.childItem??[]).length?0===t:t===a?.activeKey;return e?core.template`${core.RenderChildren({...e,parentUid:s?.uid,isActive:l})}`:""})),k=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-tab-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-tab-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
     <gp-tab
@@ -17,13 +17,13 @@
         <style>${$}</style>
         <div class="${v}">
           <div class="${S}" style="${h}">
-            <ul class="${b}" style="${x}">
+            <ul class="${x}" style="${b}">
               ${P()}
             </ul>
           </div>
-          <div class="${q}">
+          <div class="${f}">
             <div
-              ${{...I}}
+              ${{...L}}
               class="${A}"
               style="${j}"
             >

package/dist/cjs/tab/settings/configs/settings.js

@@ -1 +1 @@
-"use strict";const TabsSettings=[{id:"setting",controls:[{id:"childItem",label:"Tabs Item",type:"child-item",default:["Tab 1","Tab 2","Tab 3"]},{id:"activeKey",type:"select-custom-options",label:"Order",controlOption:"childItem",default:0},{id:"translate",type:"input",default:"childItem"},{id:"position",type:"layout-selector",label:"Layout",iconViewBox:"0 0 74 48",enableItemBackground:!0,itemPerRow:2,options:[{value:"top",label:"Top",iconName:"gp-tab-top"},{value:"left",label:"Left",iconName:"gp-tab-left"},{value:"right",label:"Right",iconName:"gp-tab-bottom"}],devices:{desktop:{default:"top"}}},{id:"group-header",label:"Tabs Header",type:"group",controls:[{id:"labelTypoV2",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},compoDefaultValue:{custom:{textShadow:{angle:135,blur:"2px",distance:"2px",type:"custom",color:"rgba(18, 18, 18, 0.5)"}}},ignoreReRender:!0},{id:"panelFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"panelWidth",label:"Width",type:"dropdown:input",units:["px","%"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"Auto"}}},{id:"panelAlign",type:"option:value",label:"Alignment",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:"panelAlignVertical",type:"option:value",label:"Alignment",options:[{label:"Top",value:"start",type:"align",tooltip:"Align Top",iconName:"gp-align-top"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Bottom",value:"end",type:"align",tooltip:"Align Bottom",iconName:"gp-align-bottom"}],devices:{desktop:{default:"start"}}},{id:"labelWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"auto"}}},{id:"padding",type:"padding-v2",devices:{desktop:{}}},{id:"labelAlign",type:"option:value",label:"Text alignment",options:[{label:"Left",value:"left",type:"text"},{label:"Center",value:"center",type:"text"},{label:"Right",value:"right",type:"text"}],devices:{desktop:{default:"left"}}}]},{id:"enableHoverEffect",label:"",type:"toggle",default:!1},{id:"enableActiveEffect",label:"",type:"toggle",default:!0},{id:"behavior-state-group",type:"behavior-state",controls:[{id:"labelBgColor",label:"Background Color",type:"color-picker-v2",default:{active:"bg-1"},compoDefaultValue:{normal:"bg-2",hover:"bg-2",active:"bg-1"}},{id:"labelColor",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1"},compoDefaultValue:{normal:"text-1"}},{id:"borderTab",type:"border",label:"Border",default:{active:{border:"solid",width:"0px 0px 1px 0px",borderWidth:"1px",color:"line-3",position:"bottom",isCustom:!0}}}]},{id:"containWidth",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:"100%"}}},{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:1200},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}}]}];exports.TabsSettings=TabsSettings;
+"use strict";const TabsSettings=[{id:"setting",controls:[{id:"childItem",label:"Tabs Item",type:"child-item",default:["Tab 1","Tab 2","Tab 3"]},{id:"activeKey",type:"select-custom-options",label:"Order",controlOption:"childItem",default:0},{id:"translate",type:"input",default:[{id:"childItem"},{id:"background",fields:["image.src"]}]},{id:"position",type:"layout-selector",label:"Layout",iconViewBox:"0 0 74 48",enableItemBackground:!0,itemPerRow:2,options:[{value:"top",label:"Top",iconName:"gp-tab-top"},{value:"left",label:"Left",iconName:"gp-tab-left"},{value:"right",label:"Right",iconName:"gp-tab-bottom"}],devices:{desktop:{default:"top"}}},{id:"group-header",label:"Tabs Header",type:"group",controls:[{id:"labelTypoV2",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},compoDefaultValue:{custom:{textShadow:{angle:135,blur:"2px",distance:"2px",type:"custom",color:"rgba(18, 18, 18, 0.5)"}}},ignoreReRender:!0},{id:"panelFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"panelWidth",label:"Width",type:"dropdown:input",units:["px","%"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"Auto"}}},{id:"panelAlign",type:"option:value",label:"Alignment",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:"panelAlignVertical",type:"option:value",label:"Alignment",options:[{label:"Top",value:"start",type:"align",tooltip:"Align Top",iconName:"gp-align-top"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Bottom",value:"end",type:"align",tooltip:"Align Bottom",iconName:"gp-align-bottom"}],devices:{desktop:{default:"start"}}},{id:"labelWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"auto"}}},{id:"padding",type:"padding-v2",devices:{desktop:{}}},{id:"labelAlign",type:"option:value",label:"Text alignment",options:[{label:"Left",value:"left",type:"text"},{label:"Center",value:"center",type:"text"},{label:"Right",value:"right",type:"text"}],devices:{desktop:{default:"left"}}}]},{id:"enableHoverEffect",label:"",type:"toggle",default:!1},{id:"enableActiveEffect",label:"",type:"toggle",default:!0},{id:"behavior-state-group",type:"behavior-state",controls:[{id:"labelBgColor",label:"Background Color",type:"color-picker-v2",default:{active:"bg-1"},compoDefaultValue:{normal:"bg-2",hover:"bg-2",active:"bg-1"}},{id:"labelColor",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1"},compoDefaultValue:{normal:"text-1"}},{id:"borderTab",type:"border",label:"Border",default:{active:{border:"solid",width:"0px 0px 1px 0px",borderWidth:"1px",color:"line-3",position:"bottom",isCustom:!0}}}]},{id:"containWidth",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:"100%"}}},{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:1200},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}}]}];exports.TabsSettings=TabsSettings;

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

@@ -1 +1 @@
-import{makeGlobalSize as e,makeStyleResponsive as t,getStyleBackgroundByDevice as i,getGradientBgrStyleByDevice as r,getResponsiveStyleShadowWithoutState as l,composeRadiusResponsive as o,composeBorderResponsive as d,getGlobalColorResponsiveStyle as a}from"@gem-sdk/core";let filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e||{}},getContainerStyles=(l,o,d)=>{let{align:a,background:g,globalSize:s}=o||{},n=e(s||{desktop:{width:"100%"}}),m={...l,...d?.advancedClasses,...n.width,...t("ta",a),...i(g,{liquid:d?.isLiquid}),...r(g)};return d?.isLiquid?m:filterStyles(m)},getWrapperStyles=e=>{let{alignWrapper:i}=e||{};return{...t("jc",i)}},getItemStyles=i=>{let r=e(i?.itemPadding);return{...r.padding,...l(i?.itemBoxShadow,"box-shadow",i?.itemBoxShadow),...o(i?.itemRounded),...d(i?.itemBorder),...a("bgc",i?.itemBackgroundColor),...a("bgi",i?.itemBackgroundColor),...t("cg",i?.horizontalSpacing)}},getUlStyles=e=>({...t("gg",e?.verticalSpacing)});export{getContainerStyles,getItemStyles,getUlStyles,getWrapperStyles};
+import{makeGlobalSize as e,makeStyleResponsive as t,getStyleBackgroundByDevice as i,getGradientBgrStyleByDevice as r,getResponsiveStyleShadowWithoutState as l,composeRadiusResponsive as o,composeBorderResponsive as a,getGlobalColorResponsiveStyle as d}from"@gem-sdk/core";import{getBackgroundTranslated as s}from"../../helpers.js";let filterStyles=e=>{let t=["--mb","--mb-mobile","--mb-tablet"];return t.forEach(t=>{delete e?.[t]}),e||{}},getContainerStyles=({style:l,styles:o,extraData:a,uid:d,type:g="React",pageContext:m})=>{let{align:n,background:S,globalSize:c,translate:p}=o||{},u=e(c||{desktop:{width:"100%"}}),y="Liquid"===g?s({background:S,uid:d,translate:p,pageContext:m,isTranslateVideo:!1}):S,b={...l,...a?.advancedClasses,...u.width,...t("ta",n),...i(y,{liquid:a?.isLiquid}),...r(y)};return a?.isLiquid?b:filterStyles(b)},getWrapperStyles=e=>{let{alignWrapper:i}=e||{};return{...t("jc",i)}},getItemStyles=i=>{let r=e(i?.itemPadding);return{...r.padding,...l(i?.itemBoxShadow,"box-shadow",i?.itemBoxShadow),...o(i?.itemRounded),...a(i?.itemBorder),...d("bgc",i?.itemBackgroundColor),...d("bgi",i?.itemBackgroundColor),...t("cg",i?.horizontalSpacing)}},getUlStyles=e=>({...t("gg",e?.verticalSpacing)});export{getContainerStyles,getItemStyles,getUlStyles,getWrapperStyles};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as r,jsx as s}from"react/jsx-runtime";import{composeAdvanceStyle as a,isEmptyChildren as i,filterToolbarPreview as l}from"@gem-sdk/core";import{Children as m,isValidElement as t}from"react";import o from"next/head";import{createStyle as d,createClass as c,If as n}from"@gem-sdk/system";import{getContainerStyles as p,getUlStyles as f,getWrapperStyles as g}from"../common/styles.js";import{getUlClasses as h,getWrapperClasses as u}from"../common/classes.js";let IconList=({style:k,setting:y,children:b,styles:v,builderProps:x,advanced:I})=>{let{preload:j}=y||{},{background:C}=v??{},L=a(I),N=d(p(k,v,{advancedClasses:L})),S=c(h(I?.cssClass)),U=d(f(v)),q=d(g(v)),w=c(u());return e(r,{children:[n(j,e(o,{children:[!!C?.desktop?.image?.src&&s("link",{rel:"preload",href:C.desktop.image.src,as:"image"}),!!C?.tablet?.image?.src&&s("link",{rel:"preload",href:C.tablet.image.src,as:"image"}),!!C?.mobile?.image?.src&&s("link",{rel:"preload",href:C.mobile.image.src,as:"image"})]})),s("div",{className:w,style:q,children:s("div",{"data-id":x?.uid,style:N,children:n(i(b),s("div",{children:"Icons not found"}),e(r,{children:[s("ul",{className:S,style:U,children:m.map(l(b),(e,r)=>t(e)?s(e.type,{...e.props,parentUid:x?.uid,parentStyles:v,dataIndex:r}):null)}),l(b,!0)]}))})})]})};export{IconList as default};
+import{jsxs as e,Fragment as r,jsx as a}from"react/jsx-runtime";import{composeAdvanceStyle as s,isEmptyChildren as t,filterToolbarPreview as i}from"@gem-sdk/core";import{Children as l,isValidElement as m}from"react";import o from"next/head";import{createStyle as d,createClass as c,If as n}from"@gem-sdk/system";import{getContainerStyles as p,getUlStyles as f,getWrapperStyles as g}from"../common/styles.js";import{getUlClasses as h,getWrapperClasses as u}from"../common/classes.js";let IconList=({style:y,setting:k,children:x,styles:b,builderProps:v,advanced:I,pageContext:j})=>{let{preload:C}=k||{},{background:L}=b??{},N=s(I),D=d(p({style:y,styles:b,type:"React",uid:v?.uid??"",pageContext:j,extraData:{advancedClasses:N}})),R=c(h(I?.cssClass)),S=d(f(b)),U=d(g(b)),q=c(u());return e(r,{children:[n(C,e(o,{children:[!!L?.desktop?.image?.src&&a("link",{rel:"preload",href:L.desktop.image.src,as:"image"}),!!L?.tablet?.image?.src&&a("link",{rel:"preload",href:L.tablet.image.src,as:"image"}),!!L?.mobile?.image?.src&&a("link",{rel:"preload",href:L.mobile.image.src,as:"image"})]})),a("div",{className:q,style:U,children:a("div",{"data-id":v?.uid,style:D,children:n(t(x),a("div",{children:"Icons not found"}),e(r,{children:[a("ul",{className:R,style:S,children:l.map(i(x),(e,r)=>m(e)?a(e.type,{...e.props,parentUid:v?.uid,parentStyles:b,dataIndex:r}):null)}),i(x,!0)]}))})})]})};export{IconList as default};

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

@@ -1,17 +1,17 @@
-import{composeAdvanceStyle as s,template as e,WrapRenderChildren as i,RenderChildren as r}from"@gem-sdk/core";import{getStaticLocale as a}from"../../helpers.js";import{createStyle as o,createClass as t,If as m}from"@gem-sdk/system";import{getContainerStyles as l,getUlStyles as d,getWrapperStyles as c}from"../common/styles.js";import{getUlClasses as n,getWrapperClasses as p}from"../common/classes.js";let IconList=({builderProps:$,style:u,setting:f,rawChildren:g,styles:k,advanced:v})=>{let{preload:y}=f||{},{background:b}=k||{},h=s(v),I=o(l(u,k,{advancedClasses:h,isLiquid:!0})),L=t(n(v?.cssClass)),j=o(d(k)),x=o(c(k)),C=t(p());return e`
-    ${m(!!y,`${m(!!b?.desktop?.image?.src,`<link rel="preload" href="${b?.desktop?.image?.src}" as="image" />`)}
+import{composeAdvanceStyle as e,template as s,WrapRenderChildren as i,RenderChildren as t}from"@gem-sdk/core";import{getStaticLocale as a}from"../../helpers.js";import{createStyle as r,createClass as o,If as m}from"@gem-sdk/system";import{getContainerStyles as d,getUlStyles as l,getWrapperStyles as c}from"../common/styles.js";import{getUlClasses as p,getWrapperClasses as n}from"../common/classes.js";let IconList=({builderProps:$,style:u,setting:g,rawChildren:f,styles:k,advanced:v,pageContext:y})=>{let{preload:L}=g||{},{background:b}=k||{},h=e(v),x=r(d({style:u,styles:k,type:"Liquid",uid:$?.uid??"",pageContext:y,extraData:{advancedClasses:h,isLiquid:!0}})),I=o(p(v?.cssClass)),j=r(l(k)),C=r(c(k)),q=o(n());return s`
+    ${m(!!L,`${m(!!b?.desktop?.image?.src,`<link rel="preload" href="${b?.desktop?.image?.src}" as="image" />`)}
       ${m(!!b?.tablet?.image?.src,`<link rel="preload" href="${b?.tablet?.image?.src}" as="image" />`)}
       ${m(!!b?.mobile?.image?.src,`<link rel="preload" href="${b?.mobile?.image?.src}" as="image" />`)}`)}
-    <div class="${C}" style="${x}">
+    <div class="${q}" style="${C}">
     <div
       data-id="${$?.uid}"
-       style="${I}">
-     ${m(!g,e`<div>${a("IconList","icons_not_found")}</div>`)}
-     ${m(!!g,e`<ul
-        class="${L}"
+       style="${x}">
+     ${m(!f,s`<div>${a("IconList","icons_not_found")}</div>`)}
+     ${m(!!f,s`<ul
+        class="${I}"
         style="${j}"
         >
-        ${i({uid:$?.uid??"",customProps:g?.[0].customProps},g?.map((s,e)=>{if(s)return r({...s,dataIndex:e,parentUid:$?.uid,parentStyles:k})}))}
+        ${i({uid:$?.uid??"",customProps:f?.[0].customProps},f?.map((e,s)=>{if(e)return t({...e,dataIndex:s,parentUid:$?.uid,parentStyles:k})}))}
       </ul>`)}
   </div>
   </div>

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

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

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

@@ -1 +1 @@
-import{itemControlTemplate as e,itemControlTemplateText as t,itemControlTemplateImage as i}from"./items.js";let IconListSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Item 1","Item 2","Item 3"],childTemplate:{default:e,"icon-list-ver1-1-text":t,"icon-list-ver1-2-image":i}},{id:"preload",type:"toggle",label:"Preload",default:!1}]},{id:"style",controls:[{id:"background",type:"background-media",label:"Background Color & Image",devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"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:"alignWrapper",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:"horizontalSpacing",label:"Horizontal Spacing",type:"input:slider",units:["px"],step:1,min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"12px"}}},{id:"verticalSpacing",label:"Vertical Spacing",type:"input:slider",units:["px"],step:1,min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"12px"}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","height","width"]},{id:"itemBackgroundColor",type:"color-picker-v2",devices:{desktop:{default:"transparent"}},compoDefaultValue:{desktop:{default:"bg-2"}},enableGradient:!0},{id:"itemBorder",type:"border-v2",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-1",width:"1px",borderWidth:"1px"}}}},{id:"itemRounded",type:"corner-v2",devices:{desktop:{}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"itemBoxShadow",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:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{}}},mobile:{default:{width:"100%"}}},settingConfig:{width:{displayOptions:["full","auto"]}},hiddenSettings:["shape","gap","height"]}]}];export{IconListSettings};
+import{itemControlTemplate as e,itemControlTemplateText as t,itemControlTemplateImage as i}from"./items.js";let IconListSettings=[{id:"setting",controls:[{id:"childItem",label:"Item management",type:"child-item",default:["Item 1","Item 2","Item 3"],childTemplate:{default:e,"icon-list-ver1-1-text":t,"icon-list-ver1-2-image":i}},{id:"preload",type:"toggle",label:"Preload",default:!1}]},{id:"style",controls:[{id:"background",type:"background-media",label:"Background Color & Image",devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"translate",type:"input",default:[{id:"background",fields:["image.src"]}]},{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:"alignWrapper",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:"horizontalSpacing",label:"Horizontal Spacing",type:"input:slider",units:["px"],step:1,min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"12px"}}},{id:"verticalSpacing",label:"Vertical Spacing",type:"input:slider",units:["px"],step:1,min:0,max:40,ignoreMax:!0,devices:{desktop:{default:"12px"}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","height","width"]},{id:"itemBackgroundColor",type:"color-picker-v2",devices:{desktop:{default:"transparent"}},compoDefaultValue:{desktop:{default:"bg-2"}},enableGradient:!0},{id:"itemBorder",type:"border-v2",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-1",width:"1px",borderWidth:"1px"}}}},{id:"itemRounded",type:"corner-v2",devices:{desktop:{}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"itemBoxShadow",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:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{}}},mobile:{default:{width:"100%"}}},settingConfig:{width:{displayOptions:["full","auto"]}},hiddenSettings:["shape","gap","height"]}]}];export{IconListSettings};

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

@@ -1 +1 @@
-import{makeStyleResponsive as e,composeBorderResponsive as t,getResponsiveStyleShadowWithoutState as l,composeRadiusResponsive as o,getStyleBackgroundByDevice as r,getResponsiveStylePadding as b,getGradientBgrStyleByDevice as n,makeGlobalSize as i,makeStyle as a,getSingleColorVariable as s}from"@gem-sdk/core";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})=>{let{panelAlign:a,contentBoxPadding:s,contentBoxWidth:p,background:c,contentBoxBorder:d,contentBoxRounded:y,contentBoxShadow:g}=i??{};return{...t(d),...l(g,"box-shadow",g),...o(y),...r(c),...b(s),...e("w",p),...e("jc",a),...n(c,{desktop:!0,tablet:!0,mobile:!0})}},getStyleColListIcon=({styles:t})=>{let{verticalSpacing:l}=t??{};return{...e("rg",l)}},getStyleWrapItemIcon=({styles:t})=>{let{horizontalSpacing:l,position:o}=t??{};return{...e("cg",l),...e("ai",{...o,mobile:o?.mobile=="baseline"?"flex-start":o?.mobile})}},getStyleWrapIcon=({styles:t,setting:l})=>{let{iconBorder:o,backgroundColor:r,iconRounded:b}=t??{},{globalSize:n}=l??{},p=i(n);return{...p.padding,...a({bs:o?.border,bw:o?.width,bc:s(o?.color),bg:s(r),bblr:b?.bblr,bbrr:b?.bbrr,btlr:b?.btlr,btrr:b?.btrr}),...e("top",{desktop:"unset",tablet:"unset",mobile:"unset"}),...e("pos",{desktop:"relative",tablet:"relative",mobile:"relative"})}},getStyleIcon=({styles:e,setting:t})=>{let{iconColor:l}=e||{},{iconWidth:o}=t??{};return{"--c":s(l),"--w":"100%","--h":"100%","--size-desktop":`${o?.desktop}px`,"--size-tablet":`${o?.tablet||o?.desktop}px`,"--size-mobile":`${o?.mobile||o?.tablet||o?.desktop}px`}},getStyleTypoText=({setting:e})=>({typo:e?.textTypo});export{getStyleColListIcon,getStyleContainerIconlistMain,getStyleIcon,getStyleTypoText,getStyleWrapIcon,getStyleWrapItemIcon,getStyleWraplistIcon};
+import{makeStyleResponsive as e,composeBorderResponsive as t,getResponsiveStyleShadowWithoutState as l,composeRadiusResponsive as o,getStyleBackgroundByDevice as r,getResponsiveStylePadding as b,getGradientBgrStyleByDevice as i,makeGlobalSize as n,makeStyle as a,getSingleColorVariable as s}from"@gem-sdk/core";import{getBackgroundTranslated as p}from"../../helpers.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:n,translate:a,uid:s,pageContext:c,type:d="React"})=>{let{panelAlign:m,contentBoxPadding:g,contentBoxWidth:y,background:S,contentBoxBorder:I,contentBoxRounded:u,contentBoxShadow:x}=n??{},k="Liquid"===d?p({background:S,uid:s,translate:a,pageContext:c,isTranslateVideo:!1}):S;return{...t(I),...l(x,"box-shadow",x),...o(u),...r(k),...b(g),...e("w",y),...e("jc",m),...i(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:i}=l??{},p=n(i);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 o from"../../text/components/Text.js";import{createClass as i,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 h}from"../common/classes.js";import{getStyleContainerIconlistMain as u,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=i({[W?.uid??""]:!0}),M=i(n()),P=i(a()),b=i(c({builderProps:W})),z=i(d()),A=i(p()),B=i(h({setting:V})),D=r(u({styles:_,style:H,type:"react",advanced:C})),E=r(f({styles:_})),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,i)=>{let r=L({setting:V,builderProps:W,pageContext:q,key:i,type:"react"});return t("div",{"data-index":i,className:b,style:es,children:[e("div",{className:z,style:et,children:e("span",{style:J,className:A,dangerouslySetInnerHTML:{__html:s}})}),e(o,{setting:{text:r?.toString(),htmlTag:"div",options:{useState:!0,uniqueId:`${W?.uid}-${i}-${ee}`,productID:ee,customClass:{wrapper:"gp-w-full"}}},styles:K,className:B,ref:U})]},i)})})}))})};export{IconListV2 as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useGetProductId as s}from"../../hooks/useGetProductId.js";import i from"../../text/components/Text.js";import{createClass as o,createStyle as r,createAttr as m,If as l}from"@gem-sdk/system";import{getClassWraplistIcon as 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,32 +1,32 @@
-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 c}from"@gem-sdk/system";import{getClassWraplistIcon as n,getClassColListIcon as m,getClassWrapItemIcon as $,getClassWrapIcon as g,getClassIcon as u,getClassTextItem as v}from"../common/classes.js";import{getStyleContainerIconlistMain as f,getStyleWraplistIcon as y,getStyleColListIcon as j,getStyleWrapIcon as h,getStyleWrapItemIcon as S,getStyleIcon as k,getStyleTypoText as q}from"../common/styles.js";import{getvalueMap as x,getTextIconTranslations as E,getTextIconNotFound as V}from"../common/helpers.js";let IconListV2=A=>{let{builderProps:I,builderAttrs:N,style:T,setting:_,styles:w,pageContext:G}=A,L=I?.builderData?.advanced,O=a({[I?.uid??""]:!0}),W=a(n()),b=a(m()),C=a($({builderProps:I})),D=a(g()),F=a(u()),M=a(v({setting:_})),P=d(f({styles:w,style:T,type:"liquid",advanced:L})),R=d(y({styles:w})),z=d(j({styles:w})),B=d(h({styles:w,setting:_})),H=d(S({styles:w})),J=d(k({styles:w,setting:_})),K=q({setting:_}),Q=p({...N}),U=V("liquid"),X=x({setting:_});return s`
+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,{translate:C}=T??{},G=I?.builderData?.advanced,O=a({[I?.uid??""]:!0}),W=a(c()),b=a(m()),D=a($({builderProps:I})),F=a(u()),M=a(g()),P=a(v({setting:T})),R=d(y({styles:_,style:N,type:"liquid",advanced:G})),z=d(f({styles:_,translate:C,uid:I?.uid??"",pageContext:w,type:"Liquid"})),B=d(j({styles:_,setting:T})),H=d(h({styles:_,setting:T})),J=d(q({styles:_})),K=d(x({styles:_,setting:T})),Q=S({setting:T}),U=p({...L}),X=V("liquid"),Y=k({setting:T});return s`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <gp-icon-list
-      ${{...Q}}
+      ${{...U}}
       ${{...I}}
       data-id="${I?.uid}"
-      style="${P}"
+      style="${R}"
       className="${O}"
-      gp-data='${i({position:w?.position,iconWidth:_?.iconWidth}).replaceAll("'","&#039;")}'
+      gp-data='${i({position:_?.position,iconWidth:T?.iconWidth}).replaceAll("'","&#039;")}'
     >
-      ${c(!X||!X.length,s`<div>${U}</div>`,s`
-          <div class="${W}" style="${R}">
-            <div class="${b}" style="${z}">
-              ${X?.map((i,t)=>{let e=E({setting:_,builderProps:I,pageContext:G,key:t,type:"liquid"});return s`
+      ${n(!Y||!Y.length,s`<div>${X}</div>`,s`
+          <div class="${W}" style="${z}">
+            <div class="${b}" style="${B}">
+              ${Y?.map((i,t)=>{let e=E({setting:T,builderProps:I,pageContext:w,key:t,type:"liquid"});return s`
                     <div
                       key="${t}"
                       data-index="${t}"
-                      class="${C}"
-                      style="${H}"
+                      class="${D}"
+                      style="${J}"
                     >
-                      <div class="${D}" style="${B}">
+                      <div class="${F}" style="${H}">
                         <span
-                          class="${F}"
-                          style="${J}"
+                          class="${M}"
+                          style="${K}"
                         >
                           ${i}
                         </span>
                       </div>
-                      ${r({setting:{text:e?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:K,className:M})}
+                      ${r({setting:{text:e?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:Q,className:P})}
                     </div>`}).join(" ")}
             </div>
           </div>`)}

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

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

@@ -1 +1 @@
-let settingV2=[{id:"setting",controls:[{id:"discountAndShippingFee",type:"discount-and-shipping-fee-product-offer",multiple:!1},{id:"message",label:"",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"(Save {Discount})",suggestContents:[{message:"{Discount}",eg:"E.g: 50%"}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"critical",fontWeight:"bold",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],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"}],default:"left"}]}];export{settingV2};
+let settingV2=[{id:"setting",controls:[{id:"discountAndShippingFee",type:"discount-and-shipping-fee-product-offer",multiple:!1},{id:"message",label:"",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"(Save {Offer_discount})",suggestContents:[{message:"{Offer_discount}",eg:"E.g: 50%"},{message:"{Shopify_percent_discount}",eg:"E.g: 20%"},{message:"{Shopify_amount_discount}",eg:"E.g: $400.00"}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"critical",fontWeight:"bold",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],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"}],default:"left"}]}];export{settingV2};

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

@@ -1 +1 @@
-import{getStyleBackgroundByDevice as e,getGradientBgrStyleByDevice as t,makeStyleResponsive as l,makeWidth as r,makeStyle as o,getSingleColorVariable as a,getGlobalColorStateStyle as i,handleConvertBorderStyle as n,handleConvertBorderWidth as b,handleConvertBorderColor as c,filterHoverVariables as m}from"@gem-sdk/core";import{filterTruthyStyles as s}from"../../helpers.js";import{getStyleWidthByPositionResponsive as p}from"./helpers.js";let getStyleWrapper=(o,a)=>{let{background:i,containWidth:n,align:b}=o??{},c={...a,...e(i),...t(i,{desktop:!0,tablet:!0,mobile:!0}),...l("w",r(n)),...l("as",b)};return s(c)},getTabListStyle=e=>{let{panelAlign:t}=e??{},r={...l("jc",t),...l("w",{desktop:"100%",tablet:"100%",mobile:"100%"})};return s(r)},getItemStyle=(e,t)=>{let{labelColor:r,labelBgColor:g,borderTab:d,labelAlign:y,enableActiveEffect:S,panelWidth:v,position:h,panelFullWidth:u,labelWidth:w}=e??{},j={},T=!0===S||void 0===S;return j={...j=t&&T?{...l("jc",y),...o({c:a(r?.active??r?.normal),bgc:a(g?.active??g?.normal),bs:d?.active?.border??d?.normal?.border,bw:d?.active?.width??d?.normal?.width,bc:a(d?.active?.color??d?.normal?.color)})}:{...l("jc",y),...i("c",r),...i("bgc",g),...n(d),...b(d),...c(d)},...l("w",p({position:h,panelFullWidth:u,panelWidth:v,labelWidth:w}))},e?.enableHoverEffect||(j=m(j)),s(j)},getTabParentListStyle=e=>{let{panelAlign:t,panelAlignVertical:r}=e??{},o={...l("jc",t),...l("ai",r)};return s(o)},getContainContentStyle=()=>{let e={};return o({w:"100%"})&&(e={...o({w:"100%"})}),s(e)},getTabItemStyle=(e,t)=>{let l={...e,...o({h:"100%",v:t?"visible":"hidden",pos:t?"relative":"absolute"})};return s(l)};export{getContainContentStyle,getItemStyle,getStyleWrapper,getTabItemStyle,getTabListStyle,getTabParentListStyle};
+import{getStyleBackgroundByDevice as e,getGradientBgrStyleByDevice as t,makeStyleResponsive as l,makeWidth as r,makeStyle as a,getSingleColorVariable as o,getGlobalColorStateStyle as i,handleConvertBorderStyle as n,handleConvertBorderWidth as b,handleConvertBorderColor as c,filterHoverVariables as s}from"@gem-sdk/core";import{getBackgroundTranslated as m,filterTruthyStyles as p}from"../../helpers.js";import{getStyleWidthByPositionResponsive as d}from"./helpers.js";let getStyleWrapper=({setting:a,style:o,uid:i,pageContext:n,type:b="React"})=>{let{background:c,containWidth:s,align:d,translate:g}=a??{},y="Liquid"===b?m({background:c,uid:i,translate:g,pageContext:n,isTranslateVideo:!1}):c,S={...o,...e(y),...t(y,{desktop:!0,tablet:!0,mobile:!0}),...l("w",r(s)),...l("as",d)};return p(S)},getTabListStyle=e=>{let{panelAlign:t}=e??{},r={...l("jc",t),...l("w",{desktop:"100%",tablet:"100%",mobile:"100%"})};return p(r)},getItemStyle=(e,t)=>{let{labelColor:r,labelBgColor:m,borderTab:g,labelAlign:y,enableActiveEffect:S,panelWidth:v,position:h,panelFullWidth:u,labelWidth:w}=e??{},T={},j=!0===S||void 0===S;return T={...T=t&&j?{...l("jc",y),...a({c:o(r?.active??r?.normal),bgc:o(m?.active??m?.normal),bs:g?.active?.border??g?.normal?.border,bw:g?.active?.width??g?.normal?.width,bc:o(g?.active?.color??g?.normal?.color)})}:{...l("jc",y),...i("c",r),...i("bgc",m),...n(g),...b(g),...c(g)},...l("w",d({position:h,panelFullWidth:u,panelWidth:v,labelWidth:w}))},e?.enableHoverEffect||(T=s(T)),p(T)},getTabParentListStyle=e=>{let{panelAlign:t,panelAlignVertical:r}=e??{},a={...l("jc",t),...l("ai",r)};return p(a)},getContainContentStyle=()=>{let e={};return a({w:"100%"})&&(e={...a({w:"100%"})}),p(e)},getTabItemStyle=(e,t)=>{let l={...e,...a({h:"100%",v:t?"visible":"hidden",pos:t?"relative":"absolute"})};return p(l)};export{getContainContentStyle,getItemStyle,getStyleWrapper,getTabItemStyle,getTabListStyle,getTabParentListStyle};

package/dist/esm/tab/components/Tabs.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{filterToolbarPreview as t}from"@gem-sdk/core";import{Children as i,isValidElement as l}from"react";import{useTab as r}from"../hooks/useTab.js";import{createAttr as m,createStyle as a,createClass as o}from"@gem-sdk/system";import{getAttr as d,getAttrContent as c}from"../common/attrs.js";import p from"../../text/components/Text.js";import{getStyleWrapper as n,getTabParentListStyle as u,getTabListStyle as h,getContainContentStyle as y,getItemStyle as f}from"../common/styles.js";import{getClassesWrapper as x,getContainClasses as N,getStyleTagClasses as v,getTabParentListClasses as g,getTabListClasses as j,getWrapperContentClasses as b,getContainContentClasses as k,getTextClasses as T,getItemClasses as C}from"../common/classes.js";let Tabs=$=>{let{builderAttrs:q,builderProps:A,style:W,setting:F,advanced:I,children:L}=$,{cssClass:S}=I??{},{panelWidth:U,childItem:w,labelAlign:z,labelTypo:B,labelTypoV2:D}=F??{},{currentDevice:E,productID:G,dispatchEventTabActive:H,activeTab:J,setActiveKey:K,refContainer:M}=r(F,A);F&&!F?.labelWidth&&(F.labelWidth={desktop:"200px"});let O=m({...d({uid:A?.uid||""})}),P=a({...n(F,W)}),Q=o({...x({builderProps:A,advancedCssClass:S})}),R=o({...N({setting:F})}),V=v({panelWidth:U,builderProps:A}),X=o({...g()}),Y=a({...u(F)}),Z=o({...j({setting:F})}),_=a({...h(F)}),ee=e=>o({...C({setting:F,isNotLiquid:!0,isActive:e,currentDevice:E})}),es=e=>a({...f(F,e)}),et=i.map(L,e=>e?.props?.uid),ei=o({...b()}),el=o({...k()}),er=a({...y()}),em=o({...T()}),ea=m({...c({uid:A?.uid||""})}),eo=()=>w?.map((e,t)=>{let i=J==t;return s("li",{"aria-hidden":!0,className:ee(i),style:es(i),onClick:()=>{K(t),H(t)},children:s(p,{className:em,styles:{typo:D,typography:B,textAlign:z},setting:{text:e,htmlTag:"div",excludeFlex:!0,options:{useState:!0,uniqueId:G?`${et?.[t]}-${G}`:`${et?.[t]}`,productID:G}}})},et&&et[t])}),ed=()=>i.map(t(L),(e,t)=>l(e)?s(e.type,{...e.props,isActive:t==J,parentUid:A?.uid}):null);return e("div",{ref:M,...q,...O,style:P,className:Q,children:[s("style",{children:V}),e("div",{className:R,children:[s("div",{className:X,style:Y,children:s("ul",{className:Z,style:_,children:eo()})}),s("div",{className:ei,children:s("div",{...ea,className:el,style:er,children:ed()})})]}),t(L,!0)]})};export{Tabs as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{filterToolbarPreview as t}from"@gem-sdk/core";import{Children as i,isValidElement as l}from"react";import{useTab as r}from"../hooks/useTab.js";import{createAttr as a,createStyle as m,createClass as o}from"@gem-sdk/system";import{getAttr as d,getAttrContent as c}from"../common/attrs.js";import p from"../../text/components/Text.js";import{getStyleWrapper as n,getTabParentListStyle as u,getTabListStyle as h,getContainContentStyle as y,getItemStyle as f}from"../common/styles.js";import{getClassesWrapper as x,getContainClasses as N,getStyleTagClasses as g,getTabParentListClasses as v,getTabListClasses as j,getWrapperContentClasses as b,getContainContentClasses as k,getTextClasses as C,getItemClasses as T}from"../common/classes.js";let Tabs=$=>{let{builderAttrs:q,builderProps:A,style:W,setting:F,advanced:I,children:L}=$,{cssClass:S}=I??{},{panelWidth:U,childItem:w,labelAlign:z,labelTypo:B,labelTypoV2:D}=F??{},{currentDevice:E,productID:G,dispatchEventTabActive:H,activeTab:J,setActiveKey:K,refContainer:M}=r(F,A);F&&!F?.labelWidth&&(F.labelWidth={desktop:"200px"});let O=a({...d({uid:A?.uid||""})}),P=m({...n({setting:F,style:W,uid:A?.uid,pageContext:$.pageContext})}),Q=o({...x({builderProps:A,advancedCssClass:S})}),R=o({...N({setting:F})}),V=g({panelWidth:U,builderProps:A}),X=o({...v()}),Y=m({...u(F)}),Z=o({...j({setting:F})}),_=m({...h(F)}),ee=e=>o({...T({setting:F,isNotLiquid:!0,isActive:e,currentDevice:E})}),es=e=>m({...f(F,e)}),et=i.map(L,e=>e?.props?.uid),ei=o({...b()}),el=o({...k()}),er=m({...y()}),ea=o({...C()}),em=a({...c({uid:A?.uid||""})}),eo=()=>w?.map((e,t)=>{let i=J==t;return s("li",{"aria-hidden":!0,className:ee(i),style:es(i),onClick:()=>{K(t),H(t)},children:s(p,{className:ea,styles:{typo:D,typography:B,textAlign:z},setting:{text:e,htmlTag:"div",excludeFlex:!0,options:{useState:!0,uniqueId:G?`${et?.[t]}-${G}`:`${et?.[t]}`,productID:G}}})},et&&et[t])}),ed=()=>i.map(t(L),(e,t)=>l(e)?s(e.type,{...e.props,isActive:t==J,parentUid:A?.uid}):null);return e("div",{ref:M,...q,...O,style:P,className:Q,children:[s("style",{children:V}),e("div",{className:R,children:[s("div",{className:X,style:Y,children:s("ul",{className:Z,style:_,children:eo()})}),s("div",{className:ei,children:s("div",{...em,className:el,style:er,children:ed()})})]}),t(L,!0)]})};export{Tabs as default};

package/dist/esm/tab/components/Tabs.liquid.js

@@ -1,19 +1,19 @@
-import{template as e,WrapRenderChildren as t,RenderChildren as s,RenderIf as l,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as r,getSettingPreloadData as d}from"../../helpers.js";import{createStateOrContext as o,createAttr as c,createStyle as p,createClass as m}from"@gem-sdk/system";import{getAttr as $,getAttrContent as n}from"../common/attrs.js";import y from"../../text/components/Text.liquid.js";import{getStyleWrapper as u,getTabParentListStyle as v,getTabListStyle as g,getContainContentStyle as f,getItemStyle as h}from"../common/styles.js";import{getClassesWrapper as b,getContainClasses as x,getStyleTagClasses as j,getTabParentListClasses as T,getTabListClasses as k,getWrapperContentClasses as A,getContainContentClasses as K,getTextClasses as S,getItemClasses as C}from"../common/classes.js";let Tabs=I=>{let{builderProps:E,style:N,setting:V,advanced:P,rawChildren:_}=I;delete V?.labelTypoV2?.attrs?.color;let{cssClass:q}=P??{},{panelWidth:z,childItem:F,labelAlign:G,labelTypo:O,labelTypoV2:W}=V??{},J=o({setting:V,builderProps:E}),L=void 0;V&&!V?.labelWidth&&(V.labelWidth={desktop:"200px"});let M=c({...$({uid:E?.uid||""})}),R=p({...u(V,N)}),U=m({...b({builderProps:E,advancedCssClass:q})}),w=m({...x({setting:V})}),B=j({panelWidth:z,builderProps:E}),D=m({...T()}),H=p({...v(V)}),Q=m({...k({setting:V})}),X=p({...g(V)}),Y=e=>m({...C({setting:V,isNotLiquid:!1,isActive:e,currentDevice:L})}),Z=e=>p({...h(V,e)}),ee=m({...A()}),et=m({...K()}),es=p({...f()}),el=c({...n({uid:E?.uid||""})}),ei=m({...S()}),ea=()=>F?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,s)=>{let l=(V?.activeKey??0)<0||(V?.activeKey??0)>=(V?.childItem??[]).length?0===s:s===V?.activeKey,i=r({val:t,uid:E?.uid,settingId:`childItem_${s}`,pageContext:I.pageContext,isCapitalize:V?.labelTypoV2?.attrs?.transform==="capitalize",translate:V?.translate});return e`
+import{template as e,WrapRenderChildren as t,RenderChildren as s,RenderIf as i,isLocalEnv as l,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as r,getSettingPreloadData as d}from"../../helpers.js";import{createStateOrContext as o,createAttr as p,createStyle as c,createClass as m}from"@gem-sdk/system";import{getAttr as u,getAttrContent as n}from"../common/attrs.js";import y from"../../text/components/Text.liquid.js";import{getStyleWrapper as $,getTabParentListStyle as v,getTabListStyle as g,getContainContentStyle as f,getItemStyle as h}from"../common/styles.js";import{getClassesWrapper as x,getContainClasses as b,getStyleTagClasses as j,getTabParentListClasses as C,getTabListClasses as T,getWrapperContentClasses as k,getContainContentClasses as A,getTextClasses as K,getItemClasses as S}from"../common/classes.js";let Tabs=I=>{let{builderProps:E,style:N,setting:V,advanced:q,rawChildren:P}=I;delete V?.labelTypoV2?.attrs?.color;let{cssClass:_}=q??{},{panelWidth:z,childItem:F,labelAlign:G,labelTypo:L,labelTypoV2:O}=V??{},W=o({setting:V,builderProps:E}),J=void 0;V&&!V?.labelWidth&&(V.labelWidth={desktop:"200px"});let M=p({...u({uid:E?.uid||""})}),R=c({...$({setting:V,style:N,uid:E?.uid,pageContext:I.pageContext,type:"Liquid"})}),U=m({...x({builderProps:E,advancedCssClass:_})}),w=m({...b({setting:V})}),B=j({panelWidth:z,builderProps:E}),D=m({...C()}),H=c({...v(V)}),Q=m({...T({setting:V})}),X=c({...g(V)}),Y=e=>m({...S({setting:V,isNotLiquid:!1,isActive:e,currentDevice:J})}),Z=e=>c({...h(V,e)}),ee=m({...k()}),et=m({...A()}),es=c({...f()}),ei=p({...n({uid:E?.uid||""})}),el=m({...K()}),ea=()=>F?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,s)=>{let i=(V?.activeKey??0)<0||(V?.activeKey??0)>=(V?.childItem??[]).length?0===s:s===V?.activeKey,l=r({val:t,uid:E?.uid,settingId:`childItem_${s}`,pageContext:I.pageContext,isCapitalize:V?.labelTypoV2?.attrs?.transform==="capitalize",translate:"true"});return e`
       <li
         aria-hidden
-        class="${Y(l)}"
-        style="${Z(l)}"
+        class="${Y(i)}"
+        style="${Z(i)}"
         key="${E?.uid}"
 
       >
-        ${y({className:ei,styles:{typo:W,typography:O,textAlign:G},setting:{text:i,htmlTag:"div",excludeFlex:!0,isForceValue:!0}})}
+        ${y({className:el,styles:{typo:O,typography:L,textAlign:G},setting:{text:l,htmlTag:"div",excludeFlex:!0,isForceValue:!0}})}
       </li>
-    `}).join(""),er=()=>t({uid:E?.uid||"",customProps:_?.[0].customProps},_?.map((t,l)=>{let i=(V?.activeKey??0)<0||(V?.activeKey??0)>=(V?.childItem??[]).length?0===l:l===V?.activeKey;return t?e`${s({...t,parentUid:E?.uid,isActive:i})}`:""})),ed=()=>l(i,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-tab-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${a}/assets-v2/gp-tab-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return e`
+    `}).join(""),er=()=>t({uid:E?.uid||"",customProps:P?.[0].customProps},P?.map((t,i)=>{let l=(V?.activeKey??0)<0||(V?.activeKey??0)>=(V?.childItem??[]).length?0===i:i===V?.activeKey;return t?e`${s({...t,parentUid:E?.uid,isActive:l})}`:""})),ed=()=>i(l,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-tab-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${a}/assets-v2/gp-tab-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return e`
     <gp-tab
       ${{...M}}
       style="${R}"
       class="${U}"
-      gp-data='${JSON.stringify(J)?.replaceAll("'","&#039;")}'>
+      gp-data='${JSON.stringify(W)?.replaceAll("'","&#039;")}'>
         <style>${B}</style>
         <div class="${w}">
           <div class="${D}" style="${H}">
@@ -23,7 +23,7 @@ import{template as e,WrapRenderChildren as t,RenderChildren as s,RenderIf as l,i
           </div>
           <div class="${ee}">
             <div
-              ${{...el}}
+              ${{...ei}}
               class="${et}"
               style="${es}"
             >

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

@@ -1 +1 @@
-let TabsSettings=[{id:"setting",controls:[{id:"childItem",label:"Tabs Item",type:"child-item",default:["Tab 1","Tab 2","Tab 3"]},{id:"activeKey",type:"select-custom-options",label:"Order",controlOption:"childItem",default:0},{id:"translate",type:"input",default:"childItem"},{id:"position",type:"layout-selector",label:"Layout",iconViewBox:"0 0 74 48",enableItemBackground:!0,itemPerRow:2,options:[{value:"top",label:"Top",iconName:"gp-tab-top"},{value:"left",label:"Left",iconName:"gp-tab-left"},{value:"right",label:"Right",iconName:"gp-tab-bottom"}],devices:{desktop:{default:"top"}}},{id:"group-header",label:"Tabs Header",type:"group",controls:[{id:"labelTypoV2",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},compoDefaultValue:{custom:{textShadow:{angle:135,blur:"2px",distance:"2px",type:"custom",color:"rgba(18, 18, 18, 0.5)"}}},ignoreReRender:!0},{id:"panelFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"panelWidth",label:"Width",type:"dropdown:input",units:["px","%"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"Auto"}}},{id:"panelAlign",type:"option:value",label:"Alignment",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:"panelAlignVertical",type:"option:value",label:"Alignment",options:[{label:"Top",value:"start",type:"align",tooltip:"Align Top",iconName:"gp-align-top"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Bottom",value:"end",type:"align",tooltip:"Align Bottom",iconName:"gp-align-bottom"}],devices:{desktop:{default:"start"}}},{id:"labelWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"auto"}}},{id:"padding",type:"padding-v2",devices:{desktop:{}}},{id:"labelAlign",type:"option:value",label:"Text alignment",options:[{label:"Left",value:"left",type:"text"},{label:"Center",value:"center",type:"text"},{label:"Right",value:"right",type:"text"}],devices:{desktop:{default:"left"}}}]},{id:"enableHoverEffect",label:"",type:"toggle",default:!1},{id:"enableActiveEffect",label:"",type:"toggle",default:!0},{id:"behavior-state-group",type:"behavior-state",controls:[{id:"labelBgColor",label:"Background Color",type:"color-picker-v2",default:{active:"bg-1"},compoDefaultValue:{normal:"bg-2",hover:"bg-2",active:"bg-1"}},{id:"labelColor",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1"},compoDefaultValue:{normal:"text-1"}},{id:"borderTab",type:"border",label:"Border",default:{active:{border:"solid",width:"0px 0px 1px 0px",borderWidth:"1px",color:"line-3",position:"bottom",isCustom:!0}}}]},{id:"containWidth",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:"100%"}}},{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:1200},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}}]}];export{TabsSettings};
+let TabsSettings=[{id:"setting",controls:[{id:"childItem",label:"Tabs Item",type:"child-item",default:["Tab 1","Tab 2","Tab 3"]},{id:"activeKey",type:"select-custom-options",label:"Order",controlOption:"childItem",default:0},{id:"translate",type:"input",default:[{id:"childItem"},{id:"background",fields:["image.src"]}]},{id:"position",type:"layout-selector",label:"Layout",iconViewBox:"0 0 74 48",enableItemBackground:!0,itemPerRow:2,options:[{value:"top",label:"Top",iconName:"gp-tab-top"},{value:"left",label:"Left",iconName:"gp-tab-left"},{value:"right",label:"Right",iconName:"gp-tab-bottom"}],devices:{desktop:{default:"top"}}},{id:"group-header",label:"Tabs Header",type:"group",controls:[{id:"labelTypoV2",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1"}},compoDefaultValue:{custom:{textShadow:{angle:135,blur:"2px",distance:"2px",type:"custom",color:"rgba(18, 18, 18, 0.5)"}}},ignoreReRender:!0},{id:"panelFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"panelWidth",label:"Width",type:"dropdown:input",units:["px","%"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}],devices:{desktop:{default:"Auto"}}},{id:"panelAlign",type:"option:value",label:"Alignment",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:"panelAlignVertical",type:"option:value",label:"Alignment",options:[{label:"Top",value:"start",type:"align",tooltip:"Align Top",iconName:"gp-align-top"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Bottom",value:"end",type:"align",tooltip:"Align Bottom",iconName:"gp-align-bottom"}],devices:{desktop:{default:"start"}}},{id:"labelWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"auto"}}},{id:"padding",type:"padding-v2",devices:{desktop:{}}},{id:"labelAlign",type:"option:value",label:"Text alignment",options:[{label:"Left",value:"left",type:"text"},{label:"Center",value:"center",type:"text"},{label:"Right",value:"right",type:"text"}],devices:{desktop:{default:"left"}}}]},{id:"enableHoverEffect",label:"",type:"toggle",default:!1},{id:"enableActiveEffect",label:"",type:"toggle",default:!0},{id:"behavior-state-group",type:"behavior-state",controls:[{id:"labelBgColor",label:"Background Color",type:"color-picker-v2",default:{active:"bg-1"},compoDefaultValue:{normal:"bg-2",hover:"bg-2",active:"bg-1"}},{id:"labelColor",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1"},compoDefaultValue:{normal:"text-1"}},{id:"borderTab",type:"border",label:"Border",default:{active:{border:"solid",width:"0px 0px 1px 0px",borderWidth:"1px",color:"line-3",position:"bottom",isCustom:!0}}}]},{id:"containWidth",type:"input:unit",placeholder:"Auto",units:["px","%"],devices:{desktop:{default:"100%"}}},{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:1200},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}}]}];export{TabsSettings};

package/dist/types/index.d.ts

@@ -2085,6 +2085,7 @@ type IconListSettingProps$1 = {
 };
 type IconListStyleProps$1 = {
     background?: ObjectDevices<Background>;
+    translate?: TranslateElement[];
     align?: ObjectDevices<AlignProp>;
     alignWrapper?: ObjectDevices<AlignProp>;
     horizontalSpacing?: ObjectDevices<Property.Padding>;
@@ -2100,6 +2101,7 @@ type IconListProps$1 = BasePropsWrap<IconListSettingProps$1, IconListStyleProps$
     children?: React.ReactNode;
     rawChildren?: any[];
     advanced?: any;
+    pageContext?: PageContext;
 };
 type IconListItemProps$1 = BasePropsWrap & React.ComponentPropsWithoutRef<'div'> & {
     horizontalSpacing?: ObjectDevices<Property.Padding>;
@@ -2146,7 +2148,7 @@ declare const iconListHozSetting: {
 
 type IconListSettingProps = {
     childItem?: string[];
-    translate?: string;
+    translate?: TranslateElement[];
     textTypo?: TypographySettingV2;
     iconSvg?: string;
     iconWidth?: ObjectDevices<number>;
@@ -4523,7 +4525,7 @@ type Position = 'top' | 'bottom' | 'left' | 'right';
 type TabsSettingProps = {
     activeKey?: number;
     childItem?: string[];
-    translate?: string;
+    translate?: TranslateElement[];
     position?: ObjectDevices<Position>;
     labelTypo?: TypographySetting;
     labelTypoV2?: TypographySettingV2;
@@ -6662,7 +6664,7 @@ declare const Icon: ({ style, builderAttrs, builderProps, setting, styles, advan
 
 declare const IconListItem: ({ children, dataIndex, parentUid, builderProps, parentStyles, }: IconListItemProps$1) => string | null;
 
-declare const IconList: ({ builderProps, style, setting, rawChildren, styles, advanced, }: IconListProps$1) => string;
+declare const IconList: ({ builderProps, style, setting, rawChildren, styles, advanced, pageContext, }: IconListProps$1) => string;
 
 declare const IconListHoz: (props: IconListHozProps) => string;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "8.0.0-dev.65",
+  "version": "8.0.0-dev.67",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",