@gem-sdk/components 12.0.0-staging.7 → 12.0.0-staging.71

package/dist/cjs/hero-banner/hooks/useHeroBannerItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),core=require("@gem-sdk/core"),helpers=require("../common/helpers.js");const useHeroBannerItem=({videoType:e,sizeSetting:r,background:t,videoObjectFit:i,heroBannerWrapperRef:o,isYoutubeVideoMigrated:s})=>{let u=core.useCurrentDevice(),n=React.useRef(null),a=React.useMemo(()=>helpers.getAspectRatio(r,t),[r,t]),l=React.useMemo(()=>helpers.getYoutubeAspectRatio(t,i,a),[t,i,a]),c=helpers.getResponsiveSetting(i||{}),p=core.getResponsiveValueByScreen(c,u),f=core.getResponsiveValueByScreen(t,u),m=f?.loop;return React.useEffect(()=>{if("youtube"!==e)return;let r=n.current;if(!r)return;let i=()=>r?.querySelector("iframe"),o=i();if(!o)return;let s=core.getResponsiveValueByScreen(t,u),a=s?.videoAlign;helpers.setVideoIframeAlign(o,a)},[t,u,e]),React.useEffect(()=>{let r=n.current,i=o?.current,a=()=>r?.querySelector("iframe"),l=e=>{let o=e||r;if(!o)return;let n=o.querySelector("iframe");helpers.updateVideoIframeSize({iframeEl:n||a(),containerRatio:helpers.getContainerRatio(i),videoObjectFit:p||"cover",background:t,currentDevice:u,isYoutubeVideoMigrated:s})},c=e=>{let r=e.detail?.iframe;if(r){let e=r.closest("article"),t=e?.parentElement;setTimeout(()=>{l(t)},50)}};if(i&&i.addEventListener("youtube-iframe-ready",c),!r)return()=>{i&&i.removeEventListener("youtube-iframe-ready",c)};if("youtube"!==e){let e=a();return e&&helpers.resetVideoIframeStyle(e),helpers.resetVideoWrapperStyle(r),()=>{i&&i.removeEventListener("youtube-iframe-ready",c)}}helpers.setVideoWrapperStyle(r),a()&&(window.requestAnimationFrame(()=>l()),setTimeout(()=>{l()},100));let f=window.ResizeObserver;if(!f)return()=>{i&&i.removeEventListener("youtube-iframe-ready",c)};let m=new f(()=>l());return i&&m.observe(i),()=>{if(m.disconnect(),i&&i.removeEventListener("youtube-iframe-ready",c),r){let e=a();e&&helpers.resetVideoIframeStyle(e),helpers.resetVideoWrapperStyle(r)}}},[e,p,u,a,m]),{youtubeIframeWrapperRef:n,resolvedAspectRatio:a,youtubeAspectRatio:l}};exports.default=useHeroBannerItem;

package/dist/cjs/hero-banner/settings/HeroBanner.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var banner1Col=require("./configs/presets/banner-1-col.js"),banner1ColPreSalesPage=require("./configs/presets/banner-1-col-pre-sales-page.js"),bannerContentLeft=require("./configs/presets/banner-content-left.js"),bannerContentLeftPreSalesPage=require("./configs/presets/banner-content-left-pre-sales-page.js"),bannerContentRight=require("./configs/presets/banner-content-right.js"),bannerContentRightPreSalesPage=require("./configs/presets/banner-content-right-pre-sales-page.js"),bannerVideo=require("./configs/presets/banner-video.js"),bannerVideoPreSalesPage=require("./configs/presets/banner-video-pre-sales-page.js"),bannerParallax=require("./configs/presets/banner-parallax.js"),bannerParallaxPreSalesPage=require("./configs/presets/banner-parallax-pre-sales-page.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js");const config={tag:"HeroBanner",label:"Hero Banner",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var banner1Col=require("./configs/presets/banner-1-col.js"),banner1ColPreSalesPage=require("./configs/presets/banner-1-col-pre-sales-page.js"),bannerContentLeft=require("./configs/presets/banner-content-left.js"),bannerContentLeftPreSalesPage=require("./configs/presets/banner-content-left-pre-sales-page.js"),bannerContentRight=require("./configs/presets/banner-content-right.js"),bannerContentRightPreSalesPage=require("./configs/presets/banner-content-right-pre-sales-page.js"),bannerVideo=require("./configs/presets/banner-video.js"),bannerVideoPreSalesPage=require("./configs/presets/banner-video-pre-sales-page.js"),bannerParallax=require("./configs/presets/banner-parallax.js"),bannerParallaxPreSalesPage=require("./configs/presets/banner-parallax-pre-sales-page.js"),uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js");const config={tag:"HeroBanner",label:"Hero Banner",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.83301 34.6667C1.55687 34.6667 1.33301 34.4429 1.33301 34.1667V5.83337C1.33301 5.55723 1.55687 5.33337 1.83301 5.33337H38.1663C38.4425 5.33337 38.6663 5.55723 38.6663 5.83337V34.1667C38.6663 34.4429 38.4425 34.6667 38.1663 34.6667H1.83301ZM3.52909 32.4103H36.4703V7.58978H3.52909V32.4103ZM21.0977 17.7436H24.3055C24.7477 17.7436 24.9722 18.2755 24.6638 18.5924L14.5095 29.0257L18.9016 20H15.3089C14.9395 20 14.6976 19.6134 14.8593 19.2813L18.7648 11.2556C18.8485 11.0836 19.0231 10.9744 19.2144 10.9744H24.5694C24.966 10.9744 25.2047 11.4139 24.9889 11.7466L21.0977 17.7436Z" fill="currentColor"/>
   </svg>
-  `,settings:settings.SettingsV2,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:[banner1Col.heroBanner1Col,banner1ColPreSalesPage.heroBanner1ColPreSalesPage,bannerContentLeft.heroBannerContentLeft,bannerContentLeftPreSalesPage.heroBannerContentLeftPreSalesPage,bannerContentRight.heroBannerContentRight,bannerContentRightPreSalesPage.heroBannerContentRightPreSalesPage,bannerVideo.heroBannerVideo,bannerVideoPreSalesPage.heroBannerVideoPreSalesPage,bannerParallax.heroBannerParallax,bannerParallaxPreSalesPage.heroBannerParallaxPreSalesPage],editorConfigs:{slots:{children:!0},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}}};exports.default=config;
+  `,settings:settings.SettingsV2,ui:[],uiV2:uiV2.SettingUIV2,presets:[banner1Col.heroBanner1Col,banner1ColPreSalesPage.heroBanner1ColPreSalesPage,bannerContentLeft.heroBannerContentLeft,bannerContentLeftPreSalesPage.heroBannerContentLeftPreSalesPage,bannerContentRight.heroBannerContentRight,bannerContentRightPreSalesPage.heroBannerContentRightPreSalesPage,bannerVideo.heroBannerVideo,bannerVideoPreSalesPage.heroBannerVideoPreSalesPage,bannerParallax.heroBannerParallax,bannerParallaxPreSalesPage.heroBannerParallaxPreSalesPage],editorConfigs:{slots:{children:!0},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}}};exports.default=config;

package/dist/cjs/hero-banner/settings/configs/presets/banner-1-col-pre-sales-page.js

@@ -1,4 +1,4 @@
-"use strict";const heroBanner1ColPreSalesPage={id:"hero-banner-1-col-pre-sales-page",name:{en:"Hero Banner"},icon:{desktop:`
+"use strict";const heroBanner1ColPreSalesPage={id:"hero-banner-1-col-pre-sales-page",name:"Hero Banner",icon:{desktop:`
       <svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <g clip-path="url(#clip0_1706_4280)">
       <rect width="94" height="48" rx="3" fill="#424242"/>

package/dist/cjs/hero-banner/settings/configs/presets/banner-1-col.js

@@ -1,4 +1,4 @@
-"use strict";const heroBanner1Col={id:"hero-banner-1-col",name:{en:"Hero Banner"},icon:{desktop:`
+"use strict";const heroBanner1Col={id:"hero-banner-1-col",name:"Hero Banner",icon:{desktop:`
       <svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <g clip-path="url(#clip0_1706_4280)">
       <rect width="94" height="48" rx="3" fill="#424242"/>

package/dist/cjs/hero-banner/settings/configs/presets/banner-content-left-pre-sales-page.js

@@ -1,4 +1,4 @@
-"use strict";const heroBannerContentLeftPreSalesPage={id:"hero-banner-content-left-pre-sales-page",name:{en:"Hero Banner"},icon:{desktop:`
+"use strict";const heroBannerContentLeftPreSalesPage={id:"hero-banner-content-left-pre-sales-page",name:"Hero Banner",icon:{desktop:`
     <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0_2825_116)">
     <rect width="96" height="48" rx="3" fill="#424242"/>

package/dist/cjs/hero-banner/settings/configs/presets/banner-content-left.js

@@ -1,4 +1,4 @@
-"use strict";const heroBannerContentLeft={id:"hero-banner-content-left",name:{en:"Hero Banner"},icon:{desktop:`
+"use strict";const heroBannerContentLeft={id:"hero-banner-content-left",name:"Hero Banner",icon:{desktop:`
     <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0_2825_116)">
     <rect width="96" height="48" rx="3" fill="#424242"/>

package/dist/cjs/hero-banner/settings/configs/presets/banner-content-right-pre-sales-page.js

@@ -1,4 +1,4 @@
-"use strict";const heroBannerContentRightPreSalesPage={id:"hero-banner-content-right-pre-sales-page",name:{en:"Hero Banner"},icon:{desktop:`
+"use strict";const heroBannerContentRightPreSalesPage={id:"hero-banner-content-right-pre-sales-page",name:"Hero Banner",icon:{desktop:`
       <svg
         width="96"
         height="48"

package/dist/cjs/hero-banner/settings/configs/presets/banner-content-right.js

@@ -1,4 +1,4 @@
-"use strict";const heroBannerContentRight={id:"hero-banner-content-right",name:{en:"Hero Banner"},icon:{desktop:`
+"use strict";const heroBannerContentRight={id:"hero-banner-content-right",name:"Hero Banner",icon:{desktop:`
       <svg
         width="96"
         height="48"

package/dist/cjs/hero-banner/settings/configs/presets/banner-parallax-pre-sales-page.js

@@ -1,4 +1,4 @@
-"use strict";const heroBannerParallaxPreSalesPage={id:"hero-banner-parallax-pre-sales-page",name:{en:"Hero Banner Parallax"},icon:{desktop:`
+"use strict";const heroBannerParallaxPreSalesPage={id:"hero-banner-parallax-pre-sales-page",name:"Hero Banner Parallax",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_21157_36120)">
 <rect width="96" height="48" rx="3" fill="#424242"/>

package/dist/cjs/hero-banner/settings/configs/presets/banner-parallax.js

@@ -1,4 +1,4 @@
-"use strict";const heroBannerParallax={id:"hero-banner-parallax",name:{en:"Hero Banner Parallax"},icon:{desktop:`
+"use strict";const heroBannerParallax={id:"hero-banner-parallax",name:"Hero Banner Parallax",icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_21157_36120)">
 <rect width="96" height="48" rx="3" fill="#424242"/>

package/dist/cjs/hero-banner/settings/configs/presets/banner-video-pre-sales-page.js

@@ -1,4 +1,4 @@
-"use strict";const heroBannerVideoPreSalesPage={id:"hero-banner-video-pre-sales-page",name:{en:"Video Banner"},icon:{desktop:`
+"use strict";const heroBannerVideoPreSalesPage={id:"hero-banner-video-pre-sales-page",name:"Video Banner",icon:{desktop:`
     <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0_12567_1327)">
     <rect width="96" height="48" rx="3" fill="#424242"/>
@@ -12,4 +12,4 @@
     </clipPath>
     </defs>
     </svg>
-    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}},link:{type:"go-to-sales-page"}},styles:{contentWidth:{desktop:"1200px"},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"html5",video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};exports.heroBannerVideoPreSalesPage=heroBannerVideoPreSalesPage;
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}},link:{type:"go-to-sales-page"}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shapeVideo:"16/9",enableVideoShape:!0}},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"html5",video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};exports.heroBannerVideoPreSalesPage=heroBannerVideoPreSalesPage;

package/dist/cjs/hero-banner/settings/configs/presets/banner-video.js

@@ -1,4 +1,4 @@
-"use strict";const heroBannerVideo={id:"hero-banner-video",name:{en:"Video Banner"},icon:{desktop:`
+"use strict";const heroBannerVideo={id:"hero-banner-video",name:"Video Banner",icon:{desktop:`
     <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0_12567_1327)">
     <rect width="96" height="48" rx="3" fill="#424242"/>
@@ -12,4 +12,4 @@
     </clipPath>
     </defs>
     </svg>
-    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"original",width:"100%"},mobile:{shape:"original",width:"100%"}},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"youtube",video:"https://www.youtube.com/watch?v=drIt4RH_kyQ",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};exports.heroBannerVideo=heroBannerVideo;
+    `},components:[{tag:"HeroBanner",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{contentWidth:{desktop:"1200px"},sizeSetting:{desktop:{shape:"original",width:"100%",shapeVideo:"16/9",enableVideoShape:!0},mobile:{shape:"original",width:"100%",shapeVideo:"16/9",enableVideoShape:!0}},background:{desktop:{type:"video",image:{src:"",width:1920,height:900},videoType:"youtube",video:"https://www.youtube.com/watch?v=NfASaHFN1zg",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4"}}},childrens:[{tag:"Col",childrens:[{tag:"Heading",settings:{text:"Click here to edit heading"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"This is your text block. Click to edit and make it your own. Share your product's story<br/>                  or services offered. Get creative and make it yours!"},styles:{textAlign:{desktop:"center"},typo:{attrs:{color:"#FFFFFF"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Button",settings:{label:"Get started"},styles:{align:{desktop:"center"}}}]}]}]};exports.heroBannerVideo=heroBannerVideo;

package/dist/cjs/hero-banner/settings/configs/settings.js

@@ -143,4 +143,4 @@
                 d="M4.39584 15.625C3.36031 15.625 2.52084 14.7855 2.52084 13.75V12.5C2.52084 11.4645 3.36031 10.625 4.39584 10.625H14.3958C15.4314 10.625 16.2708 11.4645 16.2708 12.5V13.75C16.2708 14.7855 15.4314 15.625 14.3958 15.625H4.39584ZM3.77084 13.75C3.77084 14.0952 4.05066 14.375 4.39584 14.375H14.3958C14.741 14.375 15.0208 14.0952 15.0208 13.75V12.5C15.0208 12.1548 14.741 11.875 14.3958 11.875H4.39584C4.05066 11.875 3.77084 12.1548 3.77084 12.5V13.75Z"
                 fill="currentColor"
               />
-            </svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Cover",value:"cover"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"},mobile:{default:"auto"}}},{id:"contentBanner",type:"banner",message:"The background image should be taller than the Hero Banner",closable:!0}]},{id:"style",controls:[{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",widthHeightLinked:!1,width:"100%"}},mobile:{default:{shape:"custom",width:"100%"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["fit-content","fit-screen"],name:"Height"},shape:{displayOptions:["original","custom"],name:"Frame",shapeTitleConfig:{original:"As banner source"}}},hiddenSettings:["padding","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,showDeviceControl:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"",videoHtml5:"",videoType:"youtube",loop:!0,lazyLoad:!1}}},compoDefaultValue:{desktop:{default:{type:"image",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0,lazyLoad:!1}}}},{id:"hoverEffect",type:"toggle",default:!1},{id:"hoverEffectScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:5,default:"120%",showDefaultUnit:!0},{id:"hoverEffectDuration",label:"Zoom Time",type:"input:unit",units:["s"],min:0,default:.5,inputType:"number",placeholder:"",disableAutoValue:!0,showDefaultUnit:!0},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:void 0}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition1Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"contentPosition2Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"wrapperWidth",type:"input:unit-width",label:"Width",placeholder:"Auto",min:0,units:["px","%"],devices:{desktop:{default:void 0},tablet:{default:void 0},mobile:{default:void 0}}},{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"default"},tablet:{default:"default"},mobile:{default:"default"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:unit",units:["px"],min:0,label:"Spacing",devices:{desktop:{default:"32px"}}},{id:"overlayEnable",type:"toggle",default:!1},{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"20%",hover:"20%"},showDefaultUnit:!0},{id:"overlayColor",label:"Color",type:"color-picker-v2",state:{normal:!0,hover:!0}},{id:"borderBg",type:"border-v2",label:"Border",compoDefaultValue:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},{id:"cornerBg",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadowBg",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"contentPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}}}]}];exports.SettingsV2=SettingsV2;
+            </svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Cover",value:"cover"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"},mobile:{default:"auto"}}},{id:"contentBanner",type:"banner",message:"The background image should be taller than the Hero Banner",closable:!0},{id:"isYoutubeVideoMigrated",type:"toggle",default:!1}]},{id:"style",controls:[{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",widthHeightLinked:!1,width:"100%",shapeVideo:"16/9",enableVideoShape:!1}},mobile:{default:{shape:"custom",width:"100%",shapeVideo:"custom",enableVideoShape:!1}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["fit-content","fit-screen"],name:"Height"},shape:{displayOptions:["original","custom"],displayVideoOptions:["1/1","3/2","4/3","16/9","21/9","2/3","3/4","9/16","custom"],name:"Frame",shapeTitleConfig:{original:"As banner source"}}},hiddenSettings:["padding","gap"]},{id:"videoObjectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill video",value:"cover",type:"image",svgName:"gp-video-cover"},{label:"Fit video",value:"contain",type:"image",svgName:"gp-video-contain"}],devices:{desktop:{default:"cover"}}},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,showRatioVideo:!0,showDeviceControl:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"",videoHtml5:"",videoType:"youtube",loop:!0,lazyLoad:!1,videoAlign:"center"}}},compoDefaultValue:{desktop:{default:{type:"image",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"https://www.youtube.com/watch?v=NfASaHFN1zg",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0,lazyLoad:!1}}}},{id:"hoverEffect",type:"toggle",default:!1},{id:"hoverEffectScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:5,default:"120%",showDefaultUnit:!0},{id:"hoverEffectDuration",label:"Zoom Time",type:"input:unit",units:["s"],min:0,default:.5,inputType:"number",placeholder:"",disableAutoValue:!0,showDefaultUnit:!0},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:void 0}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition1Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"contentPosition2Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"wrapperWidth",type:"input:unit-width",label:"Width",placeholder:"Auto",min:0,units:["px","%"],devices:{desktop:{default:void 0},tablet:{default:void 0},mobile:{default:void 0}}},{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"default"},tablet:{default:"default"},mobile:{default:"default"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:unit",units:["px"],min:0,label:"Spacing",devices:{desktop:{default:"32px"}}},{id:"overlayEnable",type:"toggle",default:!1},{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"20%",hover:"20%"},showDefaultUnit:!0},{id:"overlayColor",label:"Color",type:"color-picker-v2",state:{normal:!0,hover:!0}},{id:"borderBg",type:"border-v2",label:"Border",compoDefaultValue:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},{id:"cornerBg",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadowBg",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"contentPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}}}]}];exports.SettingsV2=SettingsV2;

package/dist/cjs/hero-banner/settings/configs/translate.js

@@ -0,0 +1 @@
+"use strict";const HeroBanner={background:{id:"background",fields:["image.src","video","videoHtml5"]},alt:{id:"alt"},title:{id:"title"}};exports.HeroBanner=HeroBanner;

package/dist/cjs/hero-banner/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"layout.cols.length == 1 &&  layout.type === 'center-top'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-bottom'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"bottom"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-distributed'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-distributed' || layout.type === 'right-distributed')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-top' || layout.type === 'right-top')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length > 1 && ( layout.type === 'right' || layout.type === 'left')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-bottom' || layout.type === 'right-bottom')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"bottom"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{condition:"!background.image.src",source:["background"],action:{controlId:"sizeSetting",newValue:{shapeLinked:!1,hiddenShape:!0},valueIfNull:{width:"100%",height:"fit-content",hiddenShape:!0},groupType:"style",controlType:"size-setting"}},{condition:"!!background.image.src",source:["background"],action:{controlId:"sizeSetting",newValue:{hiddenShape:!1},valueIfNull:{hiddenShape:!1},groupType:"style",controlType:"size-setting"}},{condition:'background.type == "video" && background.videoType == "html5"',source:["background"],action:{controlId:"sizeSetting",newValue:{shapeLinked:!1,hiddenShape:!0},valueIfNull:{hiddenShape:!1},groupType:"style",controlType:"size-setting"}}],options:{noRecordHistory:!0}},layout:"vertical"}],moreSettings:{type:"collapse",controls:[{label:{en:"Overlay"},type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.normal",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayColor",state:"normal"},label:{en:"Color"}},{setting:{id:"overlayOpacity",state:"normal"},label:{en:"Opacity"}}]}]}},{label:{en:"Size"},controls:[{label:{en:"Video ratio"},setting:{id:"aspectRatio"},conditionDisplay:'background.type == "video" && background.videoType == "html5"'},{conditionDisplay:'aspectRatio === \'custom\' && background.type == "video" && background.videoType == "html5"',setting:{id:"ratioOptions"},label:{en:"Ratio"}},{setting:{id:"sizeSetting"},layout:"vertical"}]},{label:{en:"Content"},controls:[{id:"contentWidth",label:{en:"Width"},controlConfig:{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},setting:{id:"contentPadding"}},{label:{en:"Align"},setting:{id:"verticalAlign"},conditionEnable:'layout.cols.length > 1 && layout.type != "right-distributed" && layout.type != "left-distributed"'}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBg"}},{label:{en:"Corner"},setting:{id:"cornerBg"}},{label:{en:"Shadow"},setting:{id:"shadowBg"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadowBg.enable === true",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"shadowBg.enable === false",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{type:"combo",fixedValue:"Effect",iconName:"polaris-check-clicked",label:{en:"Hover effect"},setting:{id:"hoverEffect"},controlChangeTrigger:{settings:[{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectScale"],action:{controlId:"hoverEffectScale",groupType:"style",controlType:"style",newValue:"120%"}},{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectDuration"],action:{controlId:"hoverEffectDuration",groupType:"style",controlType:"style",newValue:"0.5s"}}],options:{noRecordHistory:!0}},defaultValueWhenClear:!1,state:"hover",controls:[{label:{en:"Overlay"},type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.hover",defaultValueWhenClear:"transparent",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayOpacity",state:"hover"},label:{en:"Opacity"}},{setting:{id:"overlayColor",state:"hover"},controlChangeTrigger:{settings:[{condition:"overlayColor.hover == 'transparent'",source:["overlayColor","overlayOpacity"],action:{controlId:"overlayOpacity",groupType:"style",controlType:"style",state:"hover",newValue:"20%"}}],options:{noRecordHistory:!0}},compoDefaultValue:"#121212",label:{en:"Color"}}]},{label:{en:"Scale"},type:"combo",iconName:"polaris-maximize",getValueFromSettingID:"hoverEffectScale",defaultValueWhenClear:"100%",compoDefaultValue:"120%",controls:[{label:{en:"Scale"},setting:{id:"hoverEffectScale"},defaultValueWhenClear:"100%"},{type:"control",label:{en:"Time"},setting:{id:"hoverEffectDuration"}}]}]},{type:"combo",fixedValue:"Enabled",iconName:"polaris-parallax-effect",label:{en:"Parallax scroll"},setting:{id:"enableParallax"},conditionDisplay:'background.type == "image"',defaultValueWhenClear:!1,controls:[{setting:{id:"contentBanner"},layout:"vertical"},{label:{en:"Speed"},setting:{id:"speedParallax"}}]}]},{controls:[{label:{en:"Link"},setting:{id:"enableLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableLink == true'},{conditionDisplay:"enableLink == true",setting:{id:"link"},layout:"vertical"}]},{label:{en:"SEO"},controls:[{type:"combo",label:{en:"Image alt text"},iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:{en:"Image title"},iconName:"polaris-text-block",getValueFromSettingID:"title",compoDefaultValue:"Title",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"title"},layout:"vertical"}]}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"alignBanner"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{label:"Layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"layout.cols.length == 1 &&  layout.type === 'center-top'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-bottom'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"bottom"}},{condition:"layout.cols.length == 1 &&  layout.type === 'center-distributed'",source:["layout"],action:{controlId:"contentPosition1Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-distributed' || layout.type === 'right-distributed')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"space-between"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-top' || layout.type === 'right-top')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"top"}},{condition:"layout.cols.length > 1 && ( layout.type === 'right' || layout.type === 'left')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"center"}},{condition:"layout.cols.length > 1 && ( layout.type === 'left-bottom' || layout.type === 'right-bottom')",source:["layout"],action:{controlId:"contentPosition2Col",groupType:"style",controlType:"style",newValue:"bottom"}}],options:{noRecordHistory:!0}}}]},{label:"Background",controls:[{setting:{id:"background"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{condition:"!background.image.src",source:["background"],action:{controlId:"sizeSetting",newValue:{shapeLinked:!1},valueIfNull:{width:"100%",height:"fit-content"},groupType:"style",controlType:"size-setting"}},{condition:'background.type == "video"',source:["background"],action:{controlId:"sizeSetting",newValue:{enableVideoShape:!0},valueIfNull:{enableVideoShape:!0},groupType:"style",controlType:"size-setting"}},{condition:'!!background.image.src && background.type == "image" && sizeSetting.height == "fit-content"',source:["background","sizeSetting"],action:{controlId:"sizeSetting",newValue:{shape:"original",height:""},valueIfNull:{shape:"original"},groupType:"style",controlType:"size-setting"}},{condition:'background.type != "video"',source:["background"],action:{controlId:"sizeSetting",newValue:{enableVideoShape:!1},valueIfNull:{enableVideoShape:!1},groupType:"style",controlType:"size-setting"}}],options:{noRecordHistory:!0,enableTriggerWhenChangeDevice:!0}},layout:"vertical"}],moreSettings:{type:"collapse",controls:[{label:"Overlay",type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.normal",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayColor",state:"normal"},label:"Color"},{setting:{id:"overlayOpacity",state:"normal"},label:"Opacity"}]}]}},{label:"Size",controls:[{setting:{id:"sizeSetting"},layout:"vertical"},{label:"Scale",setting:{id:"videoObjectFit"},conditionDisplay:'background.type == "video"'}]},{label:"Content",controls:[{id:"contentWidth",label:"Width",controlConfig:{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",setting:{id:"contentPadding"}},{label:"Align",setting:{id:"verticalAlign"},conditionEnable:'layout.cols.length > 1 && layout.type != "right-distributed" && layout.type != "left-distributed"'}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBg"}},{label:"Corner",setting:{id:"cornerBg"}},{label:"Shadow",setting:{id:"shadowBg"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadowBg.enable === true",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"shadowBg.enable === false",source:["shadowBg","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{type:"combo",fixedValue:"Effect",iconName:"polaris-check-clicked",label:"Hover effect",setting:{id:"hoverEffect"},controlChangeTrigger:{settings:[{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectScale"],action:{controlId:"hoverEffectScale",groupType:"style",controlType:"style",newValue:"120%"}},{condition:"hoverEffect == true",source:["hoverEffect","hoverEffectDuration"],action:{controlId:"hoverEffectDuration",groupType:"style",controlType:"style",newValue:"0.5s"}}],options:{noRecordHistory:!0}},defaultValueWhenClear:!1,state:"hover",controls:[{label:"Overlay",type:"combo",comboType:"color",getValueFromSettingID:"overlayColor.hover",defaultValueWhenClear:"transparent",compoDefaultValue:"#121212",controls:[{setting:{id:"overlayOpacity",state:"hover"},label:"Opacity"},{setting:{id:"overlayColor",state:"hover"},controlChangeTrigger:{settings:[{condition:"overlayColor.hover == 'transparent'",source:["overlayColor","overlayOpacity"],action:{controlId:"overlayOpacity",groupType:"style",controlType:"style",state:"hover",newValue:"20%"}}],options:{noRecordHistory:!0}},compoDefaultValue:"#121212",label:"Color"}]},{label:"Scale",type:"combo",iconName:"polaris-maximize",getValueFromSettingID:"hoverEffectScale",defaultValueWhenClear:"100%",compoDefaultValue:"120%",controls:[{label:"Scale",setting:{id:"hoverEffectScale"},defaultValueWhenClear:"100%"},{type:"control",label:"Time",setting:{id:"hoverEffectDuration"}}]}]},{type:"combo",fixedValue:"Enabled",iconName:"polaris-parallax-effect",label:"Parallax scroll",setting:{id:"enableParallax"},conditionDisplay:'background.type == "image"',defaultValueWhenClear:!1,controls:[{setting:{id:"contentBanner"},layout:"vertical"},{label:"Speed",setting:{id:"speedParallax"}}]}]},{controls:[{label:"Link",setting:{id:"enableLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableLink == true'},{conditionDisplay:"enableLink == true",setting:{id:"link"},layout:"vertical"}]},{label:"SEO",controls:[{type:"combo",label:"Image alt text",iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:"Content",setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:"Image title",iconName:"polaris-text-block",getValueFromSettingID:"title",compoDefaultValue:"Title",isHideClear:!0,controls:[{label:"Content",setting:{id:"title"},layout:"vertical"}]}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"alignBanner"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/icon/settings/Icon.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/ui-v2.js"),uiV1=require("./configs/ui-v1.js"),settings=require("./configs/settings.js"),presets=require("./configs/presets.js");const config={tag:"Icon",label:"Icon",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js"),presets=require("./configs/presets.js");const config={tag:"Icon",label:"Icon",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8255 2.7925C12.9604 1.28792 10.7896 1.28791 9.92446 2.7925L6.76725 8.2833C5.90475 9.7833 6.9875 11.6549 8.71779 11.6549H15.0322C16.7625 11.6549 17.8452 9.7833 16.9827 8.2833L13.8255 2.7925ZM11.2248 3.54021C11.5132 3.03868 12.2368 3.03868 12.5252 3.54021L15.6824 9.03101C15.9699 9.53101 15.609 10.1549 15.0322 10.1549H8.71779C8.14103 10.1549 7.78011 9.53101 8.06761 9.03101L11.2248 3.54021ZM12.375 17.3389C12.375 14.5775 14.6136 12.3389 17.375 12.3389C20.1364 12.3389 22.375 14.5775 22.375 17.3389C22.375 20.1004 20.1364 22.3389 17.375 22.3389C14.6136 22.3389 12.375 20.1004 12.375 17.3389ZM17.375 13.8389C15.442 13.8389 13.875 15.4059 13.875 17.3389C13.875 19.2719 15.442 20.8389 17.375 20.8389C19.308 20.8389 20.875 19.2719 20.875 17.3389C20.875 15.4059 19.308 13.8389 17.375 13.8389ZM1.625 14.8389C1.625 13.5963 2.63236 12.5889 3.875 12.5889H8.875C10.1176 12.5889 11.125 13.5963 11.125 14.8389V19.8389C11.125 21.0816 10.1176 22.0889 8.875 22.0889H3.875C2.63236 22.0889 1.625 21.0816 1.625 19.8389V14.8389ZM3.875 14.0889C3.46079 14.0889 3.125 14.4247 3.125 14.8389V19.8389C3.125 20.2532 3.46079 20.5889 3.875 20.5889H8.875C9.28921 20.5889 9.625 20.2532 9.625 19.8389V14.8389C9.625 14.4247 9.28921 14.0889 8.875 14.0889H3.875Z" fill="white"/>
   </svg>
 
-  `,settings:settings.IconSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:presets.IconPreset,rootOverride:{styles:{align:{desktop:"center"},globalSize:{desktop:{width:"24px",padding:{type:"custom"},isDropDownWidth:!0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;
+  `,settings:settings.IconSettings,ui:[],uiV2:uiV2.SettingUIV2,presets:presets.IconPreset,rootOverride:{styles:{align:{desktop:"center"},globalSize:{desktop:{width:"24px",padding:{type:"custom"},isDropDownWidth:!0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;

package/dist/cjs/icon/settings/configs/presets.js

@@ -1,8 +1,8 @@
-"use strict";const IconPreset=[{id:"icon",name:{en:"Icon"},icon:{desktop:`
+"use strict";const IconPreset=[{id:"icon",name:"Icon",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M47.283 7.62515C47.5764 7.03055 48.4243 7.03055 48.7177 7.62515L52.251 14.7844C52.3676 15.0205 52.5928 15.1842 52.8534 15.222L60.7541 16.3701C61.4102 16.4654 61.6722 17.2718 61.1974 17.7346L55.4804 23.3073C55.2919 23.4911 55.2059 23.7559 55.2504 24.0154L56.6 31.8842C56.7121 32.5377 56.0261 33.0361 55.4392 32.7275L48.3726 29.0124C48.1396 28.8899 47.8611 28.8898 47.6281 29.0124L40.5615 32.7275C39.9746 33.0361 39.2886 32.5377 39.4007 31.8842L40.7503 24.0154C40.7948 23.7559 40.7088 23.4911 40.5202 23.3073L34.8033 17.7346C34.3284 17.2718 34.5904 16.4654 35.2466 16.3701L43.1473 15.222C43.4079 15.1842 43.6331 15.0205 43.7497 14.7844L47.283 7.62515Z" fill="#D6D6D6"/>
           </svg>
-        `},components:[{tag:"Icon",advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}],rootOverride:{styles:{align:{desktop:"center"}}}},{id:"icon-pre-sales-page",name:{en:"Icon"},icon:{desktop:`
+        `},components:[{tag:"Icon",advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}],rootOverride:{styles:{align:{desktop:"center"}}}},{id:"icon-pre-sales-page",name:"Icon",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M47.283 7.62515C47.5764 7.03055 48.4243 7.03055 48.7177 7.62515L52.251 14.7844C52.3676 15.0205 52.5928 15.1842 52.8534 15.222L60.7541 16.3701C61.4102 16.4654 61.6722 17.2718 61.1974 17.7346L55.4804 23.3073C55.2919 23.4911 55.2059 23.7559 55.2504 24.0154L56.6 31.8842C56.7121 32.5377 56.0261 33.0361 55.4392 32.7275L48.3726 29.0124C48.1396 28.8899 47.8611 28.8898 47.6281 29.0124L40.5615 32.7275C39.9746 33.0361 39.2886 32.5377 39.4007 31.8842L40.7503 24.0154C40.7948 23.7559 40.7088 23.4911 40.5202 23.3073L34.8033 17.7346C34.3284 17.2718 34.5904 16.4654 35.2466 16.3701L43.1473 15.222C43.4079 15.1842 43.6331 15.0205 43.7497 14.7844L47.283 7.62515Z" fill="#D6D6D6"/>
           </svg>

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

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{label:{en:"Icon"},controls:[{label:{en:"Choose"},setting:{id:"iconSvg"}},{label:{en:"Color"},setting:{id:"color",state:"normal"}},{label:{en:"Size"},controlConfig:{id:"width",type:"input:stepper",includeUnit:"px",linkWithSetting:{name:"globalSize",field:"width"}}},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"bgColor",state:"normal"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"iconBorder",state:"normal"}},{label:{en:"Corner"},setting:{id:"iconRounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"iconShadow"}}]},{controls:[{label:{en:"Link"},setting:{id:"iconLinkEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && iconLinkEnable == true'},{conditionDisplay:"iconLinkEnable == true",layout:"vertical",setting:{id:"iconLink"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{label:"Icon",controls:[{label:"Choose",setting:{id:"iconSvg"}},{label:"Color",setting:{id:"color",state:"normal"}},{label:"Size",controlConfig:{id:"width",type:"input:stepper",includeUnit:"px",linkWithSetting:{name:"globalSize",field:"width"}}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"bgColor",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"iconBorder",state:"normal"}},{label:"Corner",setting:{id:"iconRounded",state:"normal"}},{label:"Shadow",setting:{id:"iconShadow"}}]},{controls:[{label:"Link",setting:{id:"iconLinkEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && iconLinkEnable == true'},{conditionDisplay:"iconLinkEnable == true",layout:"vertical",setting:{id:"iconLink"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];exports.SettingUIV2=SettingUIV2;

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"),translate=require("../settings/configs/translate.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:n}=t||{},c=core.makeGlobalSize(n||{desktop:{width:"100%"}}),g="Liquid"===s?helpers.getBackgroundTranslated({background:a,uid:r,enableTranslate:!!translate.IconList?.background?.id,pageContext:l??{},isTranslateVideo:!1}):a,d={...e,...o?.advancedClasses,...c.width,...core.makeStyleResponsive("ta",i),...core.getStyleBackgroundByDevice(g,{liquid:o?.isLiquid}),...core.getGradientBgrStyleByDevice(g)};return o?.isLiquid?d:filterStyles(d)},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/IconList.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var items=require("./configs/items.js"),settings=require("./configs/settings.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"IconList",label:"Advanced List",icon:`
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.or                 g/2000/svg">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var items=require("./configs/items.js"),settings=require("./configs/settings.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"IconList",label:"Advanced List",icon:`
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M10.75 3.72656C10.3358 3.72656 10 4.06235 10 4.47656C10 4.89078 10.3358 5.22656 10.75 5.22656L21.75 5.22656C22.1642 5.22656 22.5 4.89078 22.5 4.47656C22.5 4.06235 22.1642 3.72656 21.75 3.72656H10.75Z" fill="white"/>
   <path d="M10.75 8.72656C10.3358 8.72656 10 9.06235 10 9.47656C10 9.89078 10.3358 10.2266 10.75 10.2266L21.75 10.2266C22.1642 10.2266 22.5 9.89078 22.5 9.47657C22.5 9.06235 22.1642 8.72657 21.75 8.72657L10.75 8.72656Z" fill="white"/>
   <path d="M10 14.4767C10 14.0625 10.3358 13.7267 10.75 13.7267L21.75 13.7267C22.1642 13.7267 22.5 14.0625 22.5 14.4767C22.5 14.8909 22.1642 15.2267 21.75 15.2267L10.75 15.2267C10.3358 15.2267 10 14.8909 10 14.4767Z" fill="white"/>
@@ -8,7 +8,7 @@
   <path d="M8.66954 5.06642C8.85917 4.69816 8.71437 4.24591 8.34611 4.05627C7.97786 3.86664 7.5256 4.01144 7.33596 4.3797L4.54463 9.80029L2.85555 7.48937C2.61113 7.15496 2.14189 7.08201 1.80748 7.32643C1.47307 7.57086 1.40013 8.0401 1.64455 8.37451L3.57244 11.0122C4.12091 11.7625 5.2674 11.6732 5.69292 10.8468L8.66954 5.06642Z" fill="white"/>
   </svg>
 
-  `,settings:settings.IconListSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,editorConfigs:{slots:{children:!1}},presets:[{id:"icon-list-ver1-1-text",name:{en:"Advanced List"},icon:{desktop:`
+  `,settings:settings.IconListSettings,ui:[],uiV2:uiV2.SettingUIV2,editorConfigs:{slots:{children:!1}},presets:[{id:"icon-list-ver1-1-text",name:"Advanced List",icon:{desktop:`
         <svg width="110" height="80" viewBox="0 0 110 80" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M13.1167 25.4997C12.415 25.4997 11.8127 25.3221 11.3098 24.967C10.8098 24.6091 10.4249 24.0934 10.155 23.4201C9.88796 22.744 9.75444 21.9301 9.75444 20.9784C9.75728 20.0267 9.89222 19.217 10.1593 18.5494C10.4292 17.879 10.8141 17.3676 11.3141 17.0153C11.8169 16.663 12.4178 16.4869 13.1167 16.4869C13.8155 16.4869 14.4164 16.663 14.9192 17.0153C15.4221 17.3676 15.807 17.879 16.074 18.5494C16.3439 19.2199 16.4789 20.0295 16.4789 20.9784C16.4789 21.9329 16.3439 22.7483 16.074 23.4244C15.807 24.0977 15.4221 24.6119 14.9192 24.967C14.4192 25.3221 13.8184 25.4997 13.1167 25.4997ZM13.1167 24.1659C13.6621 24.1659 14.0925 23.8974 14.4078 23.3605C14.726 22.8207 14.8851 22.0267 14.8851 20.9784C14.8851 20.2852 14.8127 19.7028 14.6678 19.2312C14.5229 18.7596 14.3184 18.4045 14.0542 18.1659C13.79 17.9244 13.4775 17.8037 13.1167 17.8037C12.574 17.8037 12.1451 18.0736 11.8297 18.6133C11.5144 19.1503 11.3553 19.9386 11.3525 20.9784C11.3496 21.6744 11.4192 22.2596 11.5613 22.7341C11.7061 23.2085 11.9107 23.5665 12.1749 23.8079C12.4391 24.0466 12.753 24.1659 13.1167 24.1659ZM21.4444 16.6062V25.3335H19.8635V18.1446H19.8123L17.7711 19.4486V17.9997L19.9402 16.6062H21.4444ZM24.1472 25.4272C23.8887 25.4272 23.6671 25.3363 23.4824 25.1545C23.2978 24.9727 23.2069 24.7511 23.2097 24.4897C23.2069 24.2341 23.2978 24.0153 23.4824 23.8335C23.6671 23.6517 23.8887 23.5608 24.1472 23.5608C24.3972 23.5608 24.6145 23.6517 24.7992 23.8335C24.9867 24.0153 25.0819 24.2341 25.0847 24.4897C25.0819 24.663 25.0364 24.8207 24.9483 24.9628C24.8631 25.1048 24.7495 25.2184 24.6074 25.3037C24.4682 25.3861 24.3148 25.4272 24.1472 25.4272Z" fill="#D6D6D6"/>
           <rect x="35" y="18.3335" width="67" height="6" rx="3" fill="#757575"/>
@@ -17,7 +17,7 @@
           <path d="M12.4799 62.8332C11.7782 62.8332 11.176 62.6556 10.6731 62.3005C10.1731 61.9426 9.78817 61.4269 9.51829 60.7536C9.25124 60.0775 9.11772 59.2636 9.11772 58.3119C9.12056 57.3602 9.2555 56.5505 9.52255 55.8829C9.79244 55.2124 10.1774 54.7011 10.6774 54.3488C11.1802 53.9965 11.7811 53.8204 12.4799 53.8204C13.1788 53.8204 13.7797 53.9965 14.2825 54.3488C14.7853 54.7011 15.1703 55.2124 15.4373 55.8829C15.7072 56.5534 15.8422 57.363 15.8422 58.3119C15.8422 59.2664 15.7072 60.0818 15.4373 60.7579C15.1703 61.4312 14.7853 61.9454 14.2825 62.3005C13.7825 62.6556 13.1816 62.8332 12.4799 62.8332ZM12.4799 61.4994C13.0254 61.4994 13.4558 61.2309 13.7711 60.694C14.0893 60.1542 14.2484 59.3602 14.2484 58.3119C14.2484 57.6187 14.176 57.0363 14.0311 56.5647C13.8862 56.0931 13.6816 55.738 13.4174 55.4994C13.1532 55.2579 12.8407 55.1372 12.4799 55.1372C11.9373 55.1372 11.5083 55.407 11.193 55.9468C10.8777 56.4838 10.7186 57.2721 10.7157 58.3119C10.7129 59.0079 10.7825 59.5931 10.9245 60.0676C11.0694 60.542 11.274 60.8999 11.5382 61.1414C11.8024 61.3801 12.1163 61.4994 12.4799 61.4994ZM20.3901 62.7863C19.7765 62.7863 19.231 62.6812 18.7537 62.471C18.2793 62.2607 17.9043 61.9681 17.6287 61.5931C17.3532 61.2181 17.2069 60.7849 17.1898 60.2934H18.7921C18.8063 60.5292 18.8844 60.7352 19.0265 60.9113C19.1685 61.0846 19.3574 61.2195 19.5932 61.3161C19.829 61.4127 20.0932 61.461 20.3858 61.461C20.6983 61.461 20.9753 61.407 21.2168 61.2991C21.4583 61.1883 21.6472 61.0349 21.7836 60.8389C21.9199 60.6428 21.9867 60.417 21.9838 60.1613C21.9867 59.8971 21.9185 59.6642 21.7793 59.4624C21.6401 59.2607 21.4384 59.1031 21.1742 58.9894C20.9128 58.8758 20.5975 58.819 20.2282 58.819H19.4569V57.6002H20.2282C20.5321 57.6002 20.7978 57.5477 21.025 57.4426C21.2551 57.3374 21.4355 57.1897 21.5662 56.9994C21.6969 56.8062 21.7608 56.5832 21.758 56.3303C21.7608 56.0832 21.7054 55.8687 21.5918 55.6869C21.481 55.5022 21.3233 55.3588 21.1188 55.2565C20.9171 55.1542 20.6799 55.1031 20.4071 55.1031C20.1401 55.1031 19.8929 55.1514 19.6657 55.248C19.4384 55.3445 19.2551 55.4823 19.1159 55.6613C18.9767 55.8374 18.9029 56.0477 18.8944 56.292H17.373C17.3844 55.8034 17.525 55.3744 17.7949 55.0051C18.0676 54.6329 18.4313 54.3431 18.8858 54.1357C19.3404 53.9255 19.8503 53.8204 20.4157 53.8204C20.998 53.8204 21.5037 53.9298 21.9327 54.1485C22.3645 54.3644 22.6983 54.6556 22.9341 55.0221C23.1699 55.3886 23.2878 55.7934 23.2878 56.2366C23.2907 56.7281 23.1458 57.14 22.8532 57.4724C22.5634 57.8048 22.1827 58.0221 21.7111 58.1244V58.1926C22.3248 58.2778 22.7949 58.5051 23.1216 58.8744C23.4512 59.2409 23.6145 59.6968 23.6117 60.2423C23.6117 60.7309 23.4725 61.1684 23.1941 61.5548C22.9185 61.9383 22.5378 62.2394 22.052 62.4582C21.5691 62.6769 21.0151 62.7863 20.3901 62.7863ZM25.7839 62.7607C25.5254 62.7607 25.3038 62.6698 25.1191 62.488C24.9345 62.3062 24.8436 62.0846 24.8464 61.8232C24.8436 61.5676 24.9345 61.3488 25.1191 61.167C25.3038 60.9852 25.5254 60.8943 25.7839 60.8943C26.0339 60.8943 26.2512 60.9852 26.4359 61.167C26.6234 61.3488 26.7186 61.5676 26.7214 61.8232C26.7186 61.9965 26.6731 62.1542 26.585 62.2963C26.4998 62.4383 26.3862 62.5519 26.2441 62.6372C26.1049 62.7195 25.9515 62.7607 25.7839 62.7607Z" fill="#D6D6D6"/>
           <rect x="36" y="55.667" width="66" height="6" rx="3" fill="#757575"/>
         </svg>
-        `},components:[{tag:"IconList",settings:{childItem:["Item 1","Item 2","Item 3"],presetId:"icon-list-ver1-1-text"},styles:{horizontalSpacing:{desktop:"8px"},verticalSpacing:{desktop:"24px"}},advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"0px",blur:"10px",spread:"0px",color:"rgba(0, 0, 0, 0.1)",angle:90}}},"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[items.itemChildrenTemplateText("01."),items.itemChildrenTemplateText("02."),items.itemChildrenTemplateText("03.")]}]},{id:"icon-list-ver1-2-image",name:{en:"Advanced List"},icon:{desktop:`
+        `},components:[{tag:"IconList",settings:{childItem:["Item 1","Item 2","Item 3"],presetId:"icon-list-ver1-1-text"},styles:{horizontalSpacing:{desktop:"8px"},verticalSpacing:{desktop:"24px"}},advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"0px",blur:"10px",spread:"0px",color:"rgba(0, 0, 0, 0.1)",angle:90}}},"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[items.itemChildrenTemplateText("01."),items.itemChildrenTemplateText("02."),items.itemChildrenTemplateText("03.")]}]},{id:"icon-list-ver1-2-image",name:"Advanced List",icon:{desktop:`
         <svg width="94" height="52" viewBox="0 0 94 52" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path fill-rule="evenodd" clip-rule="evenodd" d="M2.37143 2C1.61401 2 1 2.56284 1 3.25714V11.7429C1 12.4372 1.61401 13 2.37143 13H11.6286C12.386 13 13 12.4372 13 11.7429V3.25714C13 2.56284 12.386 2 11.6286 2H2.37143ZM8.1183 6.15319C8.30346 6.15319 8.4769 6.23527 8.58237 6.37418L11.3949 10.0783C11.5121 10.2319 11.5238 10.4318 11.4277 10.5981C11.3316 10.7644 11.1394 10.8675 10.9308 10.8675H3.0558C2.84018 10.8675 2.6433 10.7559 2.54955 10.5813C2.4558 10.4066 2.48158 10.1982 2.61752 10.0467L4.11752 8.36301C4.22299 8.24305 4.38705 8.1736 4.5558 8.1736C4.72455 8.1736 4.88627 8.24305 4.99408 8.36301L5.61518 9.05963L7.65424 6.37418C7.75737 6.23527 7.93315 6.15319 8.1183 6.15319ZM4.4138 5.85731C4.20282 6.04676 3.91667 6.15319 3.6183 6.15319C3.31994 6.15319 3.03379 6.04676 2.82281 5.85731C2.61183 5.66786 2.4933 5.41091 2.4933 5.14299C2.4933 4.87507 2.61183 4.61812 2.82281 4.42867C3.03379 4.23922 3.31994 4.13278 3.6183 4.13278C3.91667 4.13278 4.20282 4.23922 4.4138 4.42867C4.62478 4.61812 4.7433 4.87507 4.7433 5.14299C4.7433 5.41091 4.62478 5.66786 4.4138 5.85731Z" fill="#D6D6D6"/>
           <rect x="22" y="4.33325" width="72" height="6" rx="3" fill="#757575"/>

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

@@ -0,0 +1 @@
+"use strict";const IconList={background:{id:"background",fields:["image.src"]}};exports.IconList=IconList;

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

@@ -1 +1 @@
-"use strict";const SettingUIV2=[{label:{en:"Item management"},controls:[{label:{en:"Order"},setting:{id:"childItem"}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},setting:{id:"verticalSpacing"}}]},{label:{en:"Item style"},moreSettings:{controls:[{label:{en:"Padding"},controlConfig:{id:"padding-item-padding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"8px",bottom:"8px",left:"16px",right:"16px"}}}}},{label:{en:"Background"},setting:{id:"itemBackgroundColor"}},{label:{en:"Border"},setting:{id:"itemBorder"}},{label:{en:"Corner"},setting:{id:"itemRounded"}},{label:{en:"Shadow"},setting:{id:"itemBoxShadow"}}]},controls:[{label:{en:"Icon & text gap"},setting:{id:"horizontalSpacing"}}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:{en:"Arrange"},setting:{id:"align"},options:{fullWidth:!0},conditionDisplay:"globalSize.width !== 'Auto'"}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"alignWrapper"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];exports.SettingUIV2=SettingUIV2;
+"use strict";const SettingUIV2=[{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"verticalSpacing"}}]},{label:"Item style",moreSettings:{controls:[{label:"Padding",controlConfig:{id:"padding-item-padding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"8px",bottom:"8px",left:"16px",right:"16px"}}}}},{label:"Background",setting:{id:"itemBackgroundColor"}},{label:"Border",setting:{id:"itemBorder"}},{label:"Corner",setting:{id:"itemRounded"}},{label:"Shadow",setting:{id:"itemBoxShadow"}}]},controls:[{label:"Icon & text gap",setting:{id:"horizontalSpacing"}}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:"Arrange",setting:{id:"align"},options:{fullWidth:!0},conditionDisplay:"globalSize.width !== 'Auto'"}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"alignWrapper"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];exports.SettingUIV2=SettingUIV2;

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

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

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

@@ -1,4 +1,4 @@
-"use strict";var ItemTemplate=require("../ItemTemplate.js");const IconListHozPreset=[{id:"icon-list-hoz",name:{en:"Icon List"},icon:{desktop:`
+"use strict";var ItemTemplate=require("../ItemTemplate.js");const IconListHozPreset=[{id:"icon-list-hoz",name:"Icon List",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.6863 18.586C15.8147 18.3258 16.1856 18.3258 16.314 18.586L17.8598 21.7181C17.9108 21.8214 18.0094 21.893 18.1234 21.9096L21.5799 22.4119C21.867 22.4536 21.9816 22.8064 21.7739 23.0089L19.2727 25.4469C19.1902 25.5273 19.1526 25.6432 19.1721 25.7567L19.7625 29.1993C19.8115 29.4852 19.5114 29.7032 19.2547 29.5683L16.163 27.9429C16.0611 27.8893 15.9393 27.8893 15.8373 27.9429L12.7457 29.5683C12.4889 29.7032 12.1888 29.4852 12.2378 29.1993L12.8283 25.7567C12.8478 25.6432 12.8101 25.5273 12.7276 25.4469L10.2264 23.0089C10.0187 22.8064 10.1333 22.4536 10.4204 22.4119L13.877 21.9096C13.991 21.893 14.0895 21.8214 14.1405 21.7181L15.6863 18.586Z" fill="#F9F9F9"/>
 <path d="M31.6863 18.586C31.8147 18.3258 32.1856 18.3258 32.314 18.586L33.8598 21.7181C33.9108 21.8214 34.0094 21.893 34.1234 21.9096L37.5799 22.4119C37.867 22.4536 37.9816 22.8064 37.7739 23.0089L35.2727 25.4469C35.1902 25.5273 35.1526 25.6432 35.1721 25.7567L35.7625 29.1993C35.8115 29.4852 35.5114 29.7032 35.2547 29.5683L32.163 27.9429C32.0611 27.8893 31.9393 27.8893 31.8373 27.9429L28.7457 29.5683C28.4889 29.7032 28.1888 29.4852 28.2378 29.1993L28.8283 25.7567C28.8478 25.6432 28.8101 25.5273 28.7276 25.4469L26.2264 23.0089C26.0187 22.8064 26.1333 22.4536 26.4204 22.4119L29.877 21.9096C29.991 21.893 30.0895 21.8214 30.1405 21.7181L31.6863 18.586Z" fill="#F9F9F9"/>
@@ -6,7 +6,7 @@
 <path d="M63.6863 18.586C63.8147 18.3258 64.1856 18.3258 64.314 18.586L65.8598 21.7181C65.9108 21.8214 66.0094 21.893 66.1234 21.9096L69.5799 22.4119C69.867 22.4536 69.9816 22.8064 69.7739 23.0089L67.2727 25.4469C67.1902 25.5273 67.1526 25.6432 67.1721 25.7567L67.7625 29.1993C67.8115 29.4852 67.5114 29.7032 67.2547 29.5683L64.163 27.9429C64.0611 27.8893 63.9393 27.8893 63.8373 27.9429L60.7457 29.5683C60.4889 29.7032 60.1888 29.4852 60.2378 29.1993L60.8283 25.7567C60.8478 25.6432 60.8101 25.5273 60.7276 25.4469L58.2264 23.0089C58.0187 22.8064 58.1333 22.4536 58.4204 22.4119L61.877 21.9096C61.991 21.893 62.0895 21.8214 62.1405 21.7181L63.6863 18.586Z" fill="#F9F9F9"/>
 <path d="M79.6863 18.586C79.8147 18.3258 80.1856 18.3258 80.314 18.586L81.8598 21.7181C81.9108 21.8214 82.0094 21.893 82.1234 21.9096L85.5799 22.4119C85.867 22.4536 85.9816 22.8064 85.7739 23.0089L83.2727 25.4469C83.1902 25.5273 83.1526 25.6432 83.1721 25.7567L83.7625 29.1993C83.8115 29.4852 83.5114 29.7032 83.2547 29.5683L80.163 27.9429C80.0611 27.8893 79.9393 27.8893 79.8373 27.9429L76.7457 29.5683C76.4889 29.7032 76.1888 29.4852 76.2378 29.1993L76.8283 25.7567C76.8478 25.6432 76.8101 25.5273 76.7276 25.4469L74.2264 23.0089C74.0187 22.8064 74.1333 22.4536 74.4204 22.4119L77.877 21.9096C77.991 21.893 78.0895 21.8214 78.1405 21.7181L79.6863 18.586Z" fill="#F9F9F9"/>
 </svg>
-        `},components:[{tag:"IconListHoz",settings:{childItem:["Icon 1","Icon 2","Icon 3","Icon 4","Icon 5"]},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[ItemTemplate.itemChildrenTemplate,ItemTemplate.itemChildrenTemplate,ItemTemplate.itemChildrenTemplate,ItemTemplate.itemChildrenTemplate,ItemTemplate.itemChildrenTemplate]}]},{id:"icon-list-hoz-half-star",name:{en:"Icon List"},icon:{desktop:`
+        `},components:[{tag:"IconListHoz",settings:{childItem:["Icon 1","Icon 2","Icon 3","Icon 4","Icon 5"]},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[ItemTemplate.itemChildrenTemplate,ItemTemplate.itemChildrenTemplate,ItemTemplate.itemChildrenTemplate,ItemTemplate.itemChildrenTemplate,ItemTemplate.itemChildrenTemplate]}]},{id:"icon-list-hoz-half-star",name:"Icon List",icon:{desktop:`
         <svg width="78" height="14" viewBox="0 0 78 14" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M6.68606 1.58622C6.81445 1.32608 7.18539 1.32608 7.31378 1.58621L8.8596 4.71838C8.91058 4.82168 9.00913 4.89328 9.12312 4.90984L12.5797 5.41211C12.8667 5.45383 12.9814 5.80662 12.7736 6.0091L10.2725 8.44715C10.19 8.52756 10.1523 8.64341 10.1718 8.75695L10.7623 12.1995C10.8113 12.4854 10.5112 12.7035 10.2544 12.5685L7.16279 10.9431C7.06083 10.8895 6.93902 10.8895 6.83705 10.9431L3.74542 12.5685C3.48865 12.7035 3.18855 12.4855 3.23759 12.1995L3.82804 8.75695C3.84751 8.64341 3.80987 8.52756 3.72738 8.44715L1.2262 6.0091C1.01846 5.80662 1.13309 5.45383 1.42017 5.41211L4.87672 4.90984C4.99072 4.89328 5.08927 4.82168 5.14025 4.71838L6.68606 1.58622Z" fill="#F9F9F9"/>
         <path d="M22.6861 1.58622C22.8144 1.32608 23.1854 1.32608 23.3138 1.58621L24.8596 4.71838C24.9106 4.82168 25.0091 4.89328 25.1231 4.90984L28.5797 5.41211C28.8667 5.45383 28.9814 5.80662 28.7736 6.0091L26.2725 8.44715C26.19 8.52756 26.1523 8.64341 26.1718 8.75695L26.7623 12.1995C26.8113 12.4854 26.5112 12.7035 26.2544 12.5685L23.1628 10.9431C23.0608 10.8895 22.939 10.8895 22.8371 10.9431L19.7454 12.5685C19.4887 12.7035 19.1885 12.4855 19.2376 12.1995L19.828 8.75695C19.8475 8.64341 19.8099 8.52756 19.7274 8.44715L17.2262 6.0091C17.0185 5.80662 17.1331 5.45383 17.4202 5.41211L20.8767 4.90984C20.9907 4.89328 21.0893 4.82168 21.1402 4.71838L22.6861 1.58622Z" fill="#F9F9F9"/>

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

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

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

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

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"),translate=require("../settings/configs/translate.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,uid:t,pageContext:o,type:l="React"})=>{let{panelAlign:r,contentBoxPadding:s,contentBoxWidth:n,background:a,contentBoxBorder:i,contentBoxRounded:c,contentBoxShadow:p}=e??{},b="Liquid"===l?helpers.getBackgroundTranslated({background:a,uid:t,enableTranslate:!!translate.IconListV2?.background?.id,pageContext:o??{},isTranslateVideo:!1}):a;return{...core.composeBorderResponsive(i),...core.getResponsiveStyleShadowWithoutState(p,"box-shadow",p),...core.composeRadiusResponsive(c),...core.getStyleBackgroundByDevice(b),...core.getResponsiveStylePadding(s),...core.makeStyleResponsive("w",n),...core.makeStyleResponsive("jc",r),...core.getGradientBgrStyleByDevice(b,{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??{},n=core.makeGlobalSize(s);return{...n.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,17 +1,17 @@
-"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,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()),g=system.createClass(classes.getClassIcon()),m=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,uid:s?.uid??"",pageContext:i,type:"Liquid"})),S=system.createStyle(styles.getStyleColListIcon({styles:r,setting:a})),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})),q=styles.getStyleTypoText({setting:a}),h=system.createAttr({...t}),x=helpers.getTextIconNotFound("liquid"),f=helpers.getvalueMap({setting:a});return core.template`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <gp-icon-list
-      ${{...q}}
+      ${{...h}}
       ${{...s}}
       data-id="${s?.uid}"
       style="${u}"
       className="${o}"
       gp-data='${core.dataStringify({position:r?.position,iconWidth:a?.iconWidth}).replaceAll("'","&#039;")}'
     >
-      ${system.If(!x||!x.length,core.template`<div>${f}</div>`,core.template`
+      ${system.If(!f||!f.length,core.template`<div>${x}</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`
+              ${f?.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}"
@@ -20,13 +20,13 @@
                     >
                       <div class="${d}" style="${I}">
                         <span
-                          class="${m}"
+                          class="${g}"
                           style="${C}"
                         >
                           ${e}
                         </span>
                       </div>
-                      ${Text_liquid.default({setting:{text:l?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:h,className:g})}
+                      ${Text_liquid.default({setting:{text:l?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:q,className:m})}
                     </div>`}).join(" ")}
             </div>
           </div>`)}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js"),uiV1=require("./configs/ui-v1.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"IconListV2",label:"Item List",icon:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js"),uiV2=require("./configs/ui-v2.js");const config={tag:"IconListV2",label:"Item List",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M10.75 3.72656C10.3358 3.72656 10 4.06235 10 4.47656C10 4.89078 10.3358 5.22656 10.75 5.22656L21.75 5.22656C22.1642 5.22656 22.5 4.89078 22.5 4.47656C22.5 4.06235 22.1642 3.72656 21.75 3.72656H10.75Z" fill="white"/>
   <path d="M10.75 8.72656C10.3358 8.72656 10 9.06235 10 9.47656C10 9.89078 10.3358 10.2266 10.75 10.2266L21.75 10.2266C22.1642 10.2266 22.5 9.89078 22.5 9.47657C22.5 9.06235 22.1642 8.72657 21.75 8.72657L10.75 8.72656Z" fill="white"/>
@@ -8,7 +8,7 @@
   <path d="M8.66954 5.06642C8.85917 4.69816 8.71437 4.24591 8.34611 4.05627C7.97786 3.86664 7.5256 4.01144 7.33596 4.3797L4.54463 9.80029L2.85555 7.48937C2.61113 7.15496 2.14189 7.08201 1.80748 7.32643C1.47307 7.57086 1.40013 8.0401 1.64455 8.37451L3.57244 11.0122C4.12091 11.7625 5.2674 11.6732 5.69292 10.8468L8.66954 5.06642Z" fill="white"/>
   </svg>
 
-  `,settings:settings.IconListSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,editorConfigs:{slots:{children:!1},component:{validate:!0,excludeApplyStyle:!0}},presets:[{id:"icon-list-v2",name:{en:"Item List"},icon:{desktop:`
+  `,settings:settings.IconListSettings,ui:[],uiV2:uiV2.SettingUIV2,editorConfigs:{slots:{children:!1},component:{validate:!0,excludeApplyStyle:!0}},presets:[{id:"icon-list-v2",name:"Item List",icon:{desktop:`
         <svg width="110" height="80" viewBox="0 0 110 80" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path fill-rule="evenodd" clip-rule="evenodd" d="M19.6348 17.7261C19.792 17.9121 19.7878 18.2089 19.6255 18.389L13.7118 24.9515C13.5531 25.1275 13.3012 25.1275 13.1425 24.9515L10.8745 22.4345C10.7122 22.2544 10.708 21.9576 10.8652 21.7717C11.0224 21.5857 11.2814 21.5809 11.4437 21.761L13.4272 23.9622L19.0563 17.7155C19.2186 17.5354 19.4776 17.5402 19.6348 17.7261Z" fill="#F9F9F9"/>
           <rect x="30" y="18.3335" width="72" height="6" rx="3" fill="#757575"/>