@gem-sdk/upsell-components 12.0.0-dev.108

package/dist/cjs/image/index.js

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

package/dist/cjs/image/next.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react");const Image=dynamic(()=>Promise.resolve().then(function(){return require("./components/Image.js")}),{loading:Loading.default});var image={Image};exports.default=image;

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

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

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

@@ -0,0 +1,25 @@
+"use strict";const ImagePreset=[{id:"image",name:"Image",icon:{desktop:`
+          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect width="96" height="48" rx="3" fill="#424242"/>
+          <circle cx="37" cy="17" r="3" fill="#D6D6D6"/>
+          <path d="M32.42 30.9518L37.1407 25.1338C37.3005 24.9364 37.498 24.7768 37.7203 24.6653C37.9427 24.5538 38.1848 24.4929 38.431 24.4866C38.6772 24.4803 38.9218 24.5287 39.149 24.6287C39.3762 24.7288 39.5809 24.8781 39.7496 25.0671L41.957 27.5361L50.5857 16.6629C50.7546 16.4499 50.967 16.2797 51.2069 16.165C51.4469 16.0503 51.7083 15.9941 51.9718 16.0005C52.2352 16.0069 52.4939 16.0758 52.7285 16.202C52.9632 16.3283 53.1679 16.5086 53.3273 16.7297L63.6435 31.0236C63.8408 31.2976 63.9615 31.6242 63.9922 31.9666C64.0229 32.3089 63.9623 32.6535 63.8173 32.9616C63.6723 33.2697 63.4485 33.529 63.1712 33.7105C62.8939 33.8919 62.5741 33.9883 62.2476 33.9887L33.7537 34C33.4185 33.9999 33.0904 33.8986 32.8082 33.7082C32.526 33.5177 32.3014 33.2461 32.1611 32.9255C32.0208 32.6048 31.9706 32.2485 32.0165 31.8988C32.0624 31.549 32.2024 31.2204 32.42 30.9518Z" fill="#D6D6D6"/>
+          </svg>
+        `},components:[{tag:"Image",styles:{shape:{desktop:{width:"100%"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}}}],flowTagComponents:{Marquee:[{tag:"Image",styles:{shape:{desktop:{width:"auto",height:"auto"}},enableBorder:"none"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{rootClassName:"{{rootClassName}}",css:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}},settings:{isNotLazyload:!0}}]},rootOverride:{styles:{shape:{desktop:{shape:"original",shapeValue:"",width:"500px",shapeLinked:!0}},borderRadius:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}},{id:"image-circle",name:"Image",icon:{desktop:`
+        <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect x="2" y="2" width="52" height="52" rx="26" fill="#424242"/>
+        <ellipse cx="20.4375" cy="22.9688" rx="2.0625" ry="1.96875" fill="#F9F9F9"/>
+        <path d="M17.2887 32.9997L20.5342 29.1816C20.6441 29.052 20.7799 28.9473 20.9327 28.8741C21.0856 28.8009 21.2521 28.761 21.4213 28.7568C21.5905 28.7527 21.7587 28.7845 21.915 28.8501C22.0712 28.9158 22.2118 29.0138 22.3278 29.1378L23.8454 30.758L29.7777 23.6225C29.8938 23.4827 30.0398 23.371 30.2048 23.2958C30.3697 23.2205 30.5495 23.1836 30.7306 23.1878C30.9117 23.192 31.0895 23.2372 31.2509 23.3201C31.4122 23.4029 31.5529 23.5213 31.6625 23.6663L38.7549 33.0467C38.8905 33.2266 38.9735 33.4409 38.9947 33.6656C39.0158 33.8902 38.9741 34.1164 38.8744 34.3186C38.7747 34.5207 38.6209 34.6909 38.4302 34.81C38.2396 34.9291 38.0197 34.9923 37.7952 34.9926L18.2057 35C17.9753 34.9999 17.7497 34.9334 17.5557 34.8085C17.3616 34.6835 17.2072 34.5053 17.1108 34.2948C17.0143 34.0844 16.9798 33.8506 17.0113 33.6211C17.0429 33.3915 17.1391 33.1759 17.2887 32.9997Z" fill="#F9F9F9"/>
+        </svg>
+        `},components:[{tag:"Image",settings:{imageStyle:"circle"},styles:{shape:{desktop:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0},tablet:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0},mobile:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0}},borderRadius:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"circle"},wrapperBorder:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#000000",isCustom:!0}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssplaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}}}],rootOverride:{styles:{shape:{desktop:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0}},borderRadius:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"circle"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}},{id:"image-pre-sales-page",name:"Image",icon:{desktop:`
+          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect width="96" height="48" rx="3" fill="#424242"/>
+          <circle cx="37" cy="17" r="3" fill="#D6D6D6"/>
+          <path d="M32.42 30.9518L37.1407 25.1338C37.3005 24.9364 37.498 24.7768 37.7203 24.6653C37.9427 24.5538 38.1848 24.4929 38.431 24.4866C38.6772 24.4803 38.9218 24.5287 39.149 24.6287C39.3762 24.7288 39.5809 24.8781 39.7496 25.0671L41.957 27.5361L50.5857 16.6629C50.7546 16.4499 50.967 16.2797 51.2069 16.165C51.4469 16.0503 51.7083 15.9941 51.9718 16.0005C52.2352 16.0069 52.4939 16.0758 52.7285 16.202C52.9632 16.3283 53.1679 16.5086 53.3273 16.7297L63.6435 31.0236C63.8408 31.2976 63.9615 31.6242 63.9922 31.9666C64.0229 32.3089 63.9623 32.6535 63.8173 32.9616C63.6723 33.2697 63.4485 33.529 63.1712 33.7105C62.8939 33.8919 62.5741 33.9883 62.2476 33.9887L33.7537 34C33.4185 33.9999 33.0904 33.8986 32.8082 33.7082C32.526 33.5177 32.3014 33.2461 32.1611 32.9255C32.0208 32.6048 31.9706 32.2485 32.0165 31.8988C32.0624 31.549 32.2024 31.2204 32.42 30.9518Z" fill="#D6D6D6"/>
+          </svg>
+        `},components:[{tag:"Image",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}},settings:{imageLink:{type:"go-to-sales-page"}}}],flowTagComponents:{Marquee:[{tag:"Image",styles:{shape:{desktop:{width:"auto",height:"auto"}},enableBorder:"none"},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{rootClassName:"{{rootClassName}}",css:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}},settings:{isNotLazyload:!0}}]}},{id:"image-circle-pre-sales-page",name:"Image",icon:{desktop:`
+        <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect x="2" y="2" width="52" height="52" rx="26" fill="#424242"/>
+        <ellipse cx="20.4375" cy="22.9688" rx="2.0625" ry="1.96875" fill="#F9F9F9"/>
+        <path d="M17.2887 32.9997L20.5342 29.1816C20.6441 29.052 20.7799 28.9473 20.9327 28.8741C21.0856 28.8009 21.2521 28.761 21.4213 28.7568C21.5905 28.7527 21.7587 28.7845 21.915 28.8501C22.0712 28.9158 22.2118 29.0138 22.3278 29.1378L23.8454 30.758L29.7777 23.6225C29.8938 23.4827 30.0398 23.371 30.2048 23.2958C30.3697 23.2205 30.5495 23.1836 30.7306 23.1878C30.9117 23.192 31.0895 23.2372 31.2509 23.3201C31.4122 23.4029 31.5529 23.5213 31.6625 23.6663L38.7549 33.0467C38.8905 33.2266 38.9735 33.4409 38.9947 33.6656C39.0158 33.8902 38.9741 34.1164 38.8744 34.3186C38.7747 34.5207 38.6209 34.6909 38.4302 34.81C38.2396 34.9291 38.0197 34.9923 37.7952 34.9926L18.2057 35C17.9753 34.9999 17.7497 34.9334 17.5557 34.8085C17.3616 34.6835 17.2072 34.5053 17.1108 34.2948C17.0143 34.0844 16.9798 33.8506 17.0113 33.6211C17.0429 33.3915 17.1391 33.1759 17.2887 32.9997Z" fill="#F9F9F9"/>
+        </svg>
+        `},components:[{tag:"Image",settings:{imageStyle:"circle",imageLink:{type:"go-to-sales-page"}},styles:{shape:{desktop:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0}},borderRadius:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"circle"},wrapperBorder:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#000000",isCustom:!0}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssplaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"}}}],rootOverride:{styles:{shape:{desktop:{shape:"square",shapeValue:"1/1",width:"80px",shapeLinked:!0}},borderRadius:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"circle"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}}];exports.ImagePreset=ImagePreset;

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

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

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

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{label:"Style",controls:[{setting:{id:"imageStyle"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"shape",newValue:{shape:"square",shapeValue:"1/1",shapeLinked:!0,width:"80px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"borderRadius",newValue:{bblr:"9999px",btrr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"wrapperBorder",newValue:{border:"none",color:"transparent",borderWidth:"0px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"wrapperBorder",newValue:{border:"none",color:"transparent",borderWidth:"0px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"shadow",newValue:{enable:!1},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"shadow",newValue:{enable:!1},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"shape",newValue:{shape:"original",shapeValue:"",width:"100%"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"borderRadius",newValue:{bblr:"0px",btrr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Source",controls:[{conditionDisplay:"isAdaptive === false",setting:{id:"image"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"priority"},{field:"altText",settingId:"alt"},{field:"imageTitle",settingId:"title"}]},controlChangeTrigger:{settings:[{action:{controlId:"priority",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"alt",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"title",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{conditionDisplay:"isAdaptive === true",setting:{id:"srcSet"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"priority"},{field:"altText",settingId:"alt"},{field:"imageTitle",settingId:"title"}]},controlChangeTrigger:{settings:[{action:{controlId:"priority",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"alt",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"title",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Scale",setting:{id:"objectFit"},conditionDisplay:'shape.shape !== "original"'}]},{label:"Size",controls:[{setting:{id:"shape"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{label:"Corner",controlConfig:{id:"corner",type:"corner-v2",linkWithSetting:{name:"borderRadius"}}},{label:"Shadow",setting:{id:"shadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadow.enable === true",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"advanced",controlType:"advanced",newValue:!0}},{condition:"shadow.enable === false",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"advanced",controlType:"advanced",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Link",setting:{id:"enableImageLink"},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" && enableImageLink == true'},{setting:{id:"imageLink"},conditionDisplay:"enableImageLink === true",layout:"vertical"}]},{label:"SEO",controls:[{type:"combo",label:"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",isHideClear:!0,compoDefaultValue:"Title",controls:[{label:"Content",setting:{id:"title"},layout:"vertical"}]}]},{label:"Optimize LCP",controls:[{label:"Preload",setting:{id:"priority"}},{label:"Quality",setting:{id:"qualityType"},options:{disableMessage:"This setting only works with images uploaded to Shopify"},conditionEnable:"(activeScreenId === \"desktop\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com')) || (activeScreenId === \"tablet\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com')) || (activeScreenId === \"mobile\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com'))",conditionDisplay:"priority === false"},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && priority === false && ((activeScreenId === "desktop" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")) || (activeScreenId === "tablet" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")) || (activeScreenId === "mobile" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")))',setting:{id:"qualityPercent"}}]},{controls:[{label:"Align",setting:{id:"align"},conditionEnable:'!(shape.width === "default" || (parseInt(shape.width) >= 100 && shape.width?.includes("%")))',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/index.html.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var Button_html=require("./button/components/Button.html.js");exports.Button=Button_html.default;

package/dist/cjs/index.js

@@ -0,0 +1 @@
+"use strict";var index=require("./button/index.js"),index$1=require("./grid/index.js"),index$2=require("./text/index.js"),index$3=require("./image/index.js"),index$4=require("./link/index.js"),next=require("./next.js"),index_html=require("./index.html.js"),builder=require("./builder.js"),setting=require("./setting.js"),helpers=require("./helpers.js"),Button=require("./button/components/Button.js"),Root=require("./grid/components/root/Root.js"),Section=require("./grid/components/section/Section.js"),Row=require("./grid/components/row/Row.js"),Col=require("./grid/components/col/Col.js"),Text=require("./text/components/Text.js"),Image=require("./image/components/Image.js"),Link=require("./link/components/Link.js");exports.buttonSetting=index.buttonSetting,exports.gridSetting=index$1.gridSetting,exports.textSetting=index$2.textSetting,exports.imageSetting=index$3.imageSetting,exports.linkSetting=index$4.linkSetting,exports.nextComponent=next.default,exports.liquidComponents=index_html,exports.builderComponent=builder.default,exports.componentSettings=setting.default,exports.REGEX_PAGE_TYPE=helpers.REGEX_PAGE_TYPE,exports.checkIsOpenPopup=helpers.checkIsOpenPopup,exports.checkIsScrollToTop=helpers.checkIsScrollToTop,exports.convertUnitToNumber=helpers.convertUnitToNumber,exports.createSettingId=helpers.createSettingId,exports.createTranslateKey=helpers.createTranslateKey,exports.extractProductID=helpers.extractProductID,exports.filterTruthyObject=helpers.filterTruthyObject,exports.filterTruthyStyles=helpers.filterTruthyStyles,exports.getAllHrefFromString=helpers.getAllHrefFromString,exports.getBackgroundTranslated=helpers.getBackgroundTranslated,exports.getDisplayStyle=helpers.getDisplayStyle,exports.getDynamicSourceLocales=helpers.getDynamicSourceLocales,exports.getInsertLinkData=helpers.getInsertLinkData,exports.getLinkArticle=helpers.getLinkArticle,exports.getLinkData=helpers.getLinkData,exports.getSettingPreloadData=helpers.getSettingPreloadData,exports.getStaticLocale=helpers.getStaticLocale,exports.handleClickLink=helpers.handleClickLink,exports.isEmptyObject=helpers.isEmptyObject,exports.isHexTransparent=helpers.isHexTransparent,exports.isLinkedToSalesPage=helpers.isLinkedToSalesPage,exports.isShopifyDomain=helpers.isShopifyDomain,exports.isTransparentColor=helpers.isTransparentColor,exports.isTransparentRGBA=helpers.isTransparentRGBA,exports.normalizeMailto=helpers.normalizeMailto,exports.replaceAllHrefFromString=helpers.replaceAllHrefFromString,exports.replaceLinkData=helpers.replaceLinkData,exports.youtubeShortsRegex=helpers.youtubeShortsRegex,exports.Button=Button.default,exports.Root=Root.default,exports.Section=Section.default,exports.Row=Row.default,exports.Col=Col.default,exports.Text=Text.default,exports.Image=Image.default,exports.Link=Link.default;

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

@@ -0,0 +1 @@
+"use strict";function normalize(e){let r=[];if(0===e.length)return"";if("string"!=typeof e[0])throw TypeError("Url must be a string. Received "+e[0]);e[0].match(/^[^/:]+:\/*$/)&&e.length>1&&(e[0]=e.shift()+e[0]),e[0].match(/^file:\/\/\//)?e[0]=e[0].replace(/^([^/:]+):\/*/,"$1:///"):e[0]=e[0].replace(/^([^/:]+):\/*/,"$1://");for(let t=0;t<e.length;t++){let l=e[t];if("string"!=typeof l)throw TypeError("Url must be a string. Received "+l);""!==l&&(t>0&&(l=l.replace(/^\/+/,"")),l=t<e.length-1?l.replace(/\/+$/,""):l.replace(/\/+$/,"/"),r.push(l))}let t=r.join("/");t=t.replace(/\/(\?|&|#[^!])/g,"$1");let l=t.split("?");return l.shift()+(l.length>0?"?":"")+l.join("&")}function urlJoin(...e){let r=Array.from(Array.isArray(e[0])?e[0]:e);return normalize(r)}exports.urlJoin=urlJoin;

package/dist/cjs/link/components/CustomLink.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Link=require("next/link"),core=require("@gem-sdk/core"),helpers=require("../../helpers.js");const CustomLink=({children:e,dataId:r,...t})=>{let{isPreviewSharePageMode:i}=core.useRenderMode(),n={title:t.title,"data-id":r},s=t.href?.toString(),l=()=>{helpers.handleClickLink({link:s,type:s?.startsWith("#el")?"open-popup":void 0})};return i?jsxRuntime.jsx("a",{...n,...t,href:s,onClick:l,children:e}):jsxRuntime.jsx(Link,{...n,...t,children:e})};exports.default=CustomLink;

package/dist/cjs/link/components/Link.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),CustomLink=require("./CustomLink.js"),ProductLink=require("./ProductLink.js");const Link=({setting:e,className:t,style:r,children:u,title:i,dataId:o})=>{let a=react.useMemo(()=>e?.type==="product"?ProductLink.default:CustomLink.default,[e?.type]),l={};return a==CustomLink.default&&(l.title=i),jsxRuntime.jsx(a,{...l,"data-id":o,target:e?.target,rel:e?.noFollow?"nofollow":void 0,"aria-label":e?.label,href:e?.href,className:t,style:r,children:u})};exports.default=Link;

package/dist/cjs/link/components/ProductLink.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core");const ProductLink=({children:e,...r})=>{let t=core.useProduct();return jsxRuntime.jsx("a",{title:t?.title,href:t?`/products/${t.handle}`:"#",...r,children:core.isEmptyChildren(e)?t?t.title:null:e})};exports.default=ProductLink;

package/dist/cjs/link/components/next-link/CustomLink.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Link=require("next/link"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js");const CustomLink=({children:e,href:r,...i})=>jsxRuntime.jsx(Link,{...i,href:r??"#",children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:core.isEmptyChildren(e)?jsxRuntime.jsx(ChildrenDroppable.default,{}):e})});exports.default=CustomLink;

package/dist/cjs/link/components/next-link/ProductLink.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Link=require("next/link"),helpers=require("../../common/helpers.js");const ProductLink=({children:e,href:r,...t})=>{let i=core.useProduct();return jsxRuntime.jsx(Link,{title:i?.title,...t,href:i?.handle?helpers.urlJoin("/products",i.handle):"#",children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:core.isEmptyChildren(e)?i?i.title:null:e})})};exports.default=ProductLink;

package/dist/cjs/link/components/next-link/index.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),CustomLink=require("./CustomLink.js"),ProductLink=require("./ProductLink.js");const Link=({setting:e,className:t,style:r})=>{let u=react.useMemo(()=>e?.type==="product"?ProductLink.default:CustomLink.default,[e?.type]);return jsxRuntime.jsx(u,{target:e?.target,href:e?.href,className:t,style:r})};exports.default=Link;

package/dist/cjs/link/index.js

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

package/dist/cjs/link/next.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react");const Link=dynamic(()=>Promise.resolve().then(function(){return require("./components/next-link/index.js")}),{loading:Loading.default});var link={Link};exports.default=link;

package/dist/cjs/link/settings/Link.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var settings=require("./configs/settings.js");const config={tag:"Link",label:"Link",settings:settings.LinkSettings};exports.default=config;

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

@@ -0,0 +1 @@
+"use strict";const LinkSettings=[{id:"setting",controls:[{id:"type",label:"Link Type",type:"select",options:[{value:"auto",label:"Auto"},{value:"product",label:"Product"},{value:"collection",label:"Collection"},{value:"custom",label:"Custom"}],default:"auto"},{id:"href",label:"Href",type:"input",default:"#",hide:!0},{id:"target",label:"Open in",type:"select",options:[{value:"_self",label:"Current Tab"},{value:"_blank",label:"New Tab"},{value:"_top",label:"Top"}],default:"_self"}]}];exports.LinkSettings=LinkSettings;

package/dist/cjs/next.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var next$1=require("./button/next.js"),next$2=require("./grid/next.js"),next$3=require("./text/next.js"),next$4=require("./image/next.js"),next$5=require("./link/next.js"),next={...next$1.default,...next$2.default,...next$3.default,...next$4.default,...next$5.default};exports.default=next;

package/dist/cjs/safelist.js

@@ -0,0 +1,199 @@
+'use strict';
+
+const safelist = [
+  'gp-text-g-brand',
+  'hover:gp-text-g-brand',
+  'focus:gp-text-g-brand',
+  'gp-text-g-highlight',
+  'hover:gp-text-g-highlight',
+  'focus:gp-text-g-highlight',
+  'gp-text-g-text-1',
+  'hover:gp-text-g-text-1',
+  'focus:gp-text-g-text-1',
+  'gp-text-g-text-2',
+  'hover:gp-text-g-text-2',
+  'focus:gp-text-g-text-2',
+  'gp-text-g-text-3',
+  'hover:gp-text-g-text-3',
+  'focus:gp-text-g-text-3',
+  'gp-text-g-bg-1',
+  'hover:gp-text-g-bg-1',
+  'focus:gp-text-g-bg-1',
+  'gp-text-g-bg-2',
+  'hover:gp-text-g-bg-2',
+  'focus:gp-text-g-bg-2',
+  'gp-text-g-bg-3',
+  'hover:gp-text-g-bg-3',
+  'focus:gp-text-g-bg-3',
+  'gp-text-g-line-1',
+  'hover:gp-text-g-line-1',
+  'focus:gp-text-g-line-1',
+  'gp-text-g-line-2',
+  'hover:gp-text-g-line-2',
+  'focus:gp-text-g-line-2',
+  'gp-text-g-line-3',
+  'hover:gp-text-g-line-3',
+  'focus:gp-text-g-line-3',
+  'gp-text-g-info',
+  'hover:gp-text-g-info',
+  'focus:gp-text-g-info',
+  'gp-text-g-warning',
+  'hover:gp-text-g-warning',
+  'focus:gp-text-g-warning',
+  'gp-text-g-success',
+  'hover:gp-text-g-success',
+  'focus:gp-text-g-success',
+  'gp-text-g-error',
+  'hover:gp-text-g-error',
+  'focus:gp-text-g-error',
+  'gp-bg-g-brand',
+  'hover:gp-bg-g-brand',
+  'focus:gp-bg-g-brand',
+  'gp-bg-g-highlight',
+  'hover:gp-bg-g-highlight',
+  'focus:gp-bg-g-highlight',
+  'gp-bg-g-bg-1',
+  'hover:gp-bg-g-bg-1',
+  'focus:gp-bg-g-bg-1',
+  'gp-bg-g-bg-2',
+  'hover:gp-bg-g-bg-2',
+  'focus:gp-bg-g-bg-2',
+  'gp-bg-g-bg-3',
+  'hover:gp-bg-g-bg-3',
+  'focus:gp-bg-g-bg-3',
+  'gp-bg-g-text-1',
+  'hover:gp-bg-g-text-1',
+  'focus:gp-bg-g-text-1',
+  'gp-bg-g-text-2',
+  'hover:gp-bg-g-text-2',
+  'focus:gp-bg-g-text-2',
+  'gp-bg-g-text-3',
+  'hover:gp-bg-g-text-3',
+  'focus:gp-bg-g-text-3',
+  'gp-bg-g-line-1',
+  'hover:gp-bg-g-line-1',
+  'focus:gp-bg-g-line-1',
+  'gp-bg-g-line-2',
+  'hover:gp-bg-g-line-2',
+  'focus:gp-bg-g-line-2',
+  'gp-bg-g-line-3',
+  'hover:gp-bg-g-line-3',
+  'focus:gp-bg-g-line-3',
+  'gp-bg-g-info',
+  'hover:gp-bg-g-info',
+  'focus:gp-bg-g-info',
+  'gp-bg-g-warning',
+  'hover:gp-bg-g-warning',
+  'focus:gp-bg-g-warning',
+  'gp-bg-g-success',
+  'hover:gp-bg-g-success',
+  'focus:gp-bg-g-success',
+  'gp-bg-g-error',
+  'hover:gp-bg-g-error',
+  'focus:gp-bg-g-error',
+  'gp-border-g-brand',
+  'hover:gp-border-g-brand',
+  'focus:gp-border-g-brand',
+  'gp-border-g-highlight',
+  'hover:gp-border-g-highlight',
+  'focus:gp-border-g-highlight',
+  'gp-border-g-text-1',
+  'hover:gp-border-g-text-1',
+  'focus:gp-border-g-text-1',
+  'gp-border-g-text-2',
+  'hover:gp-border-g-text-2',
+  'focus:gp-border-g-text-2',
+  'gp-border-g-text-3',
+  'hover:gp-border-g-text-3',
+  'focus:gp-border-g-text-3',
+  'gp-border-g-bg-1',
+  'hover:gp-border-g-bg-1',
+  'focus:gp-border-g-bg-1',
+  'gp-border-g-bg-2',
+  'hover:gp-border-g-bg-2',
+  'focus:gp-border-g-bg-2',
+  'gp-border-g-bg-3',
+  'hover:gp-border-g-bg-3',
+  'focus:gp-border-g-bg-3',
+  'gp-border-g-line-1',
+  'hover:gp-border-g-line-1',
+  'focus:gp-border-g-line-1',
+  'gp-border-g-line-2',
+  'hover:gp-border-g-line-2',
+  'focus:gp-border-g-line-2',
+  'gp-border-g-line-3',
+  'hover:gp-border-g-line-3',
+  'focus:gp-border-g-line-3',
+  'gp-border-g-info',
+  'hover:gp-border-g-info',
+  'focus:gp-border-g-info',
+  'gp-border-g-warning',
+  'hover:gp-border-g-warning',
+  'focus:gp-border-g-warning',
+  'gp-border-g-success',
+  'hover:gp-border-g-success',
+  'focus:gp-border-g-success',
+  'gp-border-g-error',
+  'hover:gp-border-g-error',
+  'focus:gp-border-g-error',
+  'gp-decoration-g-brand',
+  'gp-decoration-g-highlight',
+  'gp-decoration-g-text-1',
+  'gp-decoration-g-text-2',
+  'gp-decoration-g-text-3',
+  'gp-decoration-g-bg-1',
+  'gp-decoration-g-bg-2',
+  'gp-decoration-g-bg-3',
+  'gp-decoration-g-line-1',
+  'gp-decoration-g-line-2',
+  'gp-decoration-g-line-3',
+  'gp-decoration-g-info',
+  'gp-decoration-g-warning',
+  'gp-decoration-g-success',
+  'gp-decoration-g-error',
+  'gp-g-heading-1',
+  'gp-g-heading-2',
+  'gp-g-heading-3',
+  'gp-g-subheading-1',
+  'gp-g-subheading-2',
+  'gp-g-subheading-3',
+  'gp-g-paragraph-1',
+  'gp-g-paragraph-2',
+  'gp-g-paragraph-3',
+  'gp-g-s-medium',
+  'gp-g-s-small',
+  'gp-g-s-large',
+  'gp-g-s-tag-large',
+  'gp-g-s-tag-medium',
+  'gp-g-s-tag-small',
+  'gp-g-s-icon-large',
+  'gp-g-s-icon-medium',
+  'gp-g-s-icon-small',
+  'gp-g-s-none',
+  'gp-font-g-code',
+  'gp-font-g-body',
+  'gp-font-g-heading',
+  'mobile:gp-hidden',
+  'tablet:gp-static',
+  'mobile:gp-static',
+  'gp-pointer-events-none',
+  'gp-px-4',
+  'gp-py-2',
+  'gp-rounded-lg',
+  'gp-text-white',
+  'gp-font-semibold',
+  'gp-text-lg',
+  'tablet:gp-static',
+  'mobile:gp-static',
+  'gp-pointer-events-none',
+  'gp-w-full',
+  'gp-h-full',
+  'gp-flex',
+  'gp-items-center',
+  'gp-justify-center',
+  'gp-overflow-hidden',
+  'gp-break-words',
+  'gp-text-center',
+];
+
+module.exports = safelist;

package/dist/cjs/safelistSection.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const safelistSection = [
+  '!gp-hidden',
+  'tablet:!gp-hidden',
+  'mobile:!gp-hidden',
+  'gp-hidden',
+  'tablet:gp-hidden',
+  'mobile:gp-hidden',
+];
+module.exports = safelistSection;

package/dist/cjs/setting.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index=require("./button/index.js"),index$1=require("./grid/index.js"),index$2=require("./text/index.js"),index$3=require("./image/index.js"),index$4=require("./link/index.js"),setting={...index.buttonSetting,...index$1.gridSetting,...index$2.textSetting,...index$3.imageSetting,...index$4.linkSetting};exports.default=setting;

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

@@ -0,0 +1 @@
+"use strict";const getAttr=({uid:t})=>({"data-id":t}),getTextAttr=t=>({"data-gp-text":"",...t?.uniqueId&&{"data-unique-text":t.uniqueId},...t?.productID&&{"data-product-id":t.productID},...t?.isCannotEditing&&{"data-not-editing":t.isCannotEditing}});exports.getAttr=getAttr,exports.getTextAttr=getTextAttr;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getClasses=({setting:e,advanced:t,builderProps:s})=>({...s?.uid&&{[s.uid]:!0},...e?.options?.customClass?.wrapper&&{[e.options.customClass.wrapper]:!0},...t?.cssClass&&{[t.cssClass]:!0}}),getContainerClasses=({setting:e})=>{let{excludeFlex:t}=e??{},s="";return t||(s+=" gp-flex"),composeClasses(s)},getTextClasses=({styles:e,setting:t,className:s,isEdit:o,disableEdit:r})=>{let{text:l,options:a}=t??{},p="";if(l||r||(p+="gp-relative empty:gp-pl-[2px] after:gp-content-['Your_custom_text_goes_here'] after:gp-absolute after:gp-select-none after:gp-top-0 after:gp-left-[2px] after:gp-w-full after:gp-truncate after:gp-text-black after:gp-opacity-20 "),e?.enableHoverEffect&&e?.underlineLink){let{underlineLink:t}=e,s=t.hover?"hover:gp-underline":"hover:!gp-no-underline",o=t.normal?"gp-underline":"";p+=` ${s} ${o}`.trim()}o?(p+="     gp-text gp-cursor-pointer !gp-cursor-default",r||(p+=" gp-p-[2px]"),a?.useState&&(p+=" child-item-text gp-border gp-border-transparent hover:!gp-border-[#3C67FF]")):(p+=" gp-text-instant",a?.disablePointerEvent&&(p+=" gp-pointer-events-none"));let n=p.trim().split(" ").reduce((e,t)=>(e[t]=!0,e),{});return{...s&&{[s]:!0},...globalTypoClasses(e),...n}};function composeClasses(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}const globalTypoClasses=e=>{let t=core.composeTypographyClassName(e?.typo);return{...t&&{[t]:!0},...e?.textColor&&{[core.getGlobalColorClass("text",e?.textColor)]:!0},...!e?.textColor&&{[core.getGlobalColorStateClass("text",e?.color)]:!0}}};exports.composeClasses=composeClasses,exports.getClasses=getClasses,exports.getContainerClasses=getContainerClasses,exports.getTextClasses=getTextClasses,exports.globalTypoClasses=globalTypoClasses;

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

@@ -0,0 +1 @@
+"use strict";var helpers=require("../../helpers.js");require("@gem-sdk/core");var translate=require("../settings/configs/translate.js"),constant=require("../../constant.js");const formatThickness=e=>e?"number"==typeof e?e+"px":"string"!=typeof e||e.includes("px")?e:e+"px":"auto",getDisplayText=({type:e,styles:t,setting:r,builderProps:s,pageContext:a,translateSetting:i})=>{let{text:n,isForceValue:o}=r??{},c="",l=constant.TAGS_WITH_REPLACE_LINK_DATA?.includes(s?.builderData?.tag??"")&&!a?.isPreviewing,p=helpers.replaceLinkData(n?.toString()),g=t?.typo?.attrs?.transform==="capitalize";return"React"===e?c=g?n?.toString().toLocaleLowerCase():n?.toString():o?c=p:(c=helpers.getDynamicSourceLocales({val:n,uid:s?.uid,settingId:helpers.createSettingId({id:i??translate.Text?.text?.id}),pageContext:a,isCapitalize:g,isReplaceLocationOrigin:l}))==n&&(c=p),c};exports.formatThickness=formatThickness,exports.getDisplayText=getDisplayText;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getStyle=(e,t)=>{let o={...core.makeStyle({mr:e?.spacing,mb:e?.spacing}),...core.makeStyleResponsive("ta",e?.align),...t,"--dynamic-source-color":"#F4F4F4"};return filterTruthyStyles(o)},getContainerStyle=(e,t)=>{let{tagWidth:o}=t??{},r={...core.makeStyleResponsive("jc",e?.align),...o};return filterTruthyStyles(r)},getTextStyle=(e,t)=>{let o=core.makeGlobalSize(t?.globalSize),r=[e?.lineThrough&&"line-through",e?.typo?.attrs?.underline&&"underline"].filter(Boolean),l={...o?.width?.["--w"]?o.width:{"--w":"100%"},...core.makeStyle({tdc:core.getSingleColorVariable(e?.lineColor?.normal),tdt:helpers.formatThickness(e?.thickness)}),...core.composeBorderResponsive(e?.shapeBorder),...core.composeRadiusResponsive(e?.shapeRounded),...core.getResponsiveStyleShadowWithoutState(e?.shapeBoxShadow,"box-shadow",e?.shapeBoxShadow),...core.getStyleShadow({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText}),...core.makeStyleResponsive("ta",e?.textAlign),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(e?.lineClamp,e?.hasLineClamp)),...e?.textColor?core.getGlobalColorStyle(e.textColor):core.getGlobalColorStateStyle("c",e?.color),...core.composeTypographyStyle(e?.typo,e?.typography),"word-break":"break-word",...core.getStyleBackgroundByDevice(t?.background),...o.padding,...core.getGradientBgrStyleByDevice(t?.background,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...e?.opacityPrice&&{opacity:`${e?.opacityPrice}%`},...core.makeStyle({tdl:r.join(" ")})};return e?.enableHoverEffect?filterTruthyStyles(l):core.filterHoverVariables(l)};exports.getContainerStyle=getContainerStyle,exports.getStyle=getStyle,exports.getTextStyle=getTextStyle;

package/dist/cjs/text/components/Text.js

@@ -0,0 +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"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js");const Text=react.forwardRef(({styles:e,builderAttrs:s,style:t,setting:r,advanced:a,builderProps:l,className:c,children:y,disableEdit:m,...n},i)=>{let{isEditMode:o,isPreviewSharePageMode:u}=core.useRenderMode(),{htmlTag:d="div",options:x}=r??{},g=system.createAttr({...attrs.getAttr({uid:l?.uid||""})}),j=system.createAttr({...attrs.getTextAttr(x)}),p=system.createStyleReact({...styles.getStyle(e,t)}),R=system.createStyleReact({...styles.getContainerStyle(e,r)}),C=system.createStyleReact({...styles.getTextStyle(e,r)}),q=system.createClass({...classes.getClasses({setting:r,advanced:a,builderProps:l})}),S=system.createClass({...classes.getContainerClasses({setting:r})}),T=system.createClass({...classes.getTextClasses({styles:e,setting:r,className:c,isEdit:o||u,disableEdit:m})}),f=helpers.getDisplayText({type:"React",styles:e,setting:r,builderProps:l}),h=system.createContent(f);return jsxRuntime.jsxs("div",{...g,...n,...s,style:p,className:q,children:[jsxRuntime.jsx("div",{className:S,style:{...R},children:jsxRuntime.jsx(d,{ref:i,...j,className:T,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...C},dangerouslySetInnerHTML:{__html:h}})}),y]})});exports.default=Text;

package/dist/cjs/text/index.js

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

package/dist/cjs/text/next.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react");const Text=dynamic(()=>Promise.resolve().then(function(){return require("./components/Text.js")}),{loading:Loading.default});var text={Text};exports.default=text;

package/dist/cjs/text/settings/Text.js

@@ -0,0 +1,5 @@
+"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:"Text",label:"Text Block",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="M5.19448 7H6.59995L10.2944 16.4858H8.55837L7.53884 13.7231H4.25559L3.23606 16.4858H1.5L5.19448 7ZM5.8937 9.30461L4.78109 12.2986H7.00631L5.8937 9.30461ZM13.0014 9.0633C13.3404 8.98396 13.714 8.94562 14.1203 8.94562C14.6354 8.94562 15.1134 9.02321 15.5514 9.18267C16.0081 9.34283 16.3829 9.6099 16.6621 9.98863C16.9537 10.3842 17.0848 10.8908 17.0848 11.477V16.4858H15.501V15.9596L15.4704 15.9848C15.2475 16.1701 14.9804 16.3168 14.6752 16.4294L14.6716 16.4307C14.3527 16.5435 13.9891 16.5961 13.5859 16.5961C12.8234 16.5961 12.1737 16.3941 11.6632 15.9628L11.6619 15.9617C11.1431 15.5184 10.8815 14.9216 10.8815 14.2009C10.8815 13.5177 11.1427 12.952 11.65 12.529C12.1598 12.0996 12.8743 11.9095 13.7476 11.9095H15.4588V11.4965C15.4588 11.096 15.3369 10.8544 15.1311 10.7025C14.8926 10.5265 14.5489 10.422 14.0711 10.422C13.7425 10.422 13.4942 10.4592 13.3154 10.5222C13.1325 10.5883 13.0096 10.671 12.9295 10.759C12.8408 10.8573 12.7807 10.9623 12.7443 11.0752L12.6748 11.291H11.1355L11.1715 10.9367C11.2043 10.6142 11.2985 10.3203 11.4585 10.0619L11.4612 10.0576C11.6238 9.80424 11.8375 9.5961 12.0963 9.43184C12.3587 9.26403 12.662 9.14273 13.0014 9.0633ZM13.7687 13.3339C13.2451 13.3339 12.9423 13.444 12.7857 13.5912C12.6157 13.7511 12.5356 13.9405 12.5356 14.1814C12.5356 14.5079 12.6483 14.7173 12.8701 14.8617C13.1355 15.0345 13.4525 15.1262 13.832 15.1262C14.1616 15.1262 14.4439 15.064 14.6849 14.9475C14.9356 14.8243 15.1231 14.664 15.2579 14.4704L15.2603 14.4671C15.3934 14.2812 15.4588 14.075 15.4588 13.8377V13.3339H13.7687ZM19.9323 8.3429C19.6012 8.3429 19.3328 8.62932 19.3328 8.98264C19.3328 9.33596 19.6012 9.62238 19.9323 9.62238H20.3169V15.7205H19.9323C19.6012 15.7205 19.3328 16.0069 19.3328 16.3603C19.3328 16.7136 19.6012 17 19.9323 17H21.9006C22.2316 17 22.5 16.7136 22.5 16.3603C22.5 16.0069 22.2316 15.7205 21.9006 15.7205H21.5157V9.62238H21.9006C22.2316 9.62238 22.5 9.33596 22.5 8.98264C22.5 8.62932 22.2316 8.3429 21.9006 8.3429H20.9163H19.9323Z" fill="white"/>
+  </svg>
+  `,settings:settings.TextSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,advanced:{},presets:presets.TextPreset,rootOverride:{styles:{align:{desktop:"center"}},settings:{globalSize:{desktop:{padding:{type:"custom"},width:"1200px",gap:""}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;

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

@@ -0,0 +1,3 @@
+"use strict";const TextPreset=[{id:"text",name:"Text Block",icon:{desktop:`<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M0.728516 15V13.4961L2.28125 13.2031V2.58789L0.728516 2.29492V0.78125H2.28125H7.39844C8.45964 0.78125 9.36784 0.966797 10.123 1.33789C10.8848 1.70898 11.4674 2.22656 11.8711 2.89062C12.2747 3.54818 12.4766 4.31966 12.4766 5.20508C12.4766 6.09049 12.2747 6.86523 11.8711 7.5293C11.4674 8.18685 10.8848 8.69792 10.123 9.0625C9.36784 9.42708 8.45964 9.60938 7.39844 9.60938H4.74219V13.2031L6.29492 13.4961V15H0.728516ZM4.74219 7.70508H7.39844C8.27083 7.70508 8.92513 7.4707 9.36133 7.00195C9.79753 6.5332 10.0156 5.94076 10.0156 5.22461C10.0156 4.49544 9.79753 3.88997 9.36133 3.4082C8.92513 2.92643 8.27083 2.68555 7.39844 2.68555H4.74219V7.70508Z" fill="#D6D6D6"/>
+        </svg>`},components:[{tag:"Text",advanced:{editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"},"spacing-setting":{desktop:{margin:{bottom:0}}}}}],flowTagComponents:{Marquee:[{tag:"Text",settings:{text:"Lorem ipsum dolor sit amet"},advanced:{editorData:{rootClassName:"{{rootClassName}}",css:".{{rootClassName}} {\n\n}\n.{{rootClassName}} p {\n\n}"}}}]}}];exports.TextPreset=TextPreset;

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

@@ -0,0 +1 @@
+"use strict";const TextSettings=[{id:"setting",controls:[{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Replace this text with your content"}]},{id:"translateSetting",type:"input",label:"Translate",default:"text"},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-1",transform:"none",isAlwaysLoadBold:!1}},ignoreReRender:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left"},{label:"Center",value:"center",type:"text",tooltip:"Align center"},{label:"Right",value:"right",type:"text",tooltip:"Align right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify"}],devices:{desktop:{default:"left"}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"hasLineClamp",type:"toggle",label:"Has Line Clamp",devices:{desktop:{default:!1}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:1},tablet:{default:1},mobile:{default:1}},hide:!0},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];exports.TextSettings=TextSettings;

package/dist/cjs/text/settings/configs/translate.js

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

package/dist/cjs/text/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"control",label:{en:"Text"},setting:{id:"typo"},layout:"vertical"},{type:"control",label:{en:"Text align"},setting:{id:"textAlign"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}},{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"}];exports.SettingUIV1=SettingUIV1;

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

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{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",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/esm/builder.js

@@ -0,0 +1,2 @@
+'use client';
+import o from"./button/components/Button.js";import t from"./grid/components/root/Root.js";import m from"./grid/components/section/Section.js";import r from"./grid/components/row/Row.js";import n from"./grid/components/col/Col.js";import i from"./text/components/Text.js";import e from"./image/components/Image.js";import s from"./link/components/Link.js";var builder={Button:o,Root:t,Section:m,Row:r,Col:n,Text:i,Image:e,Link:s};export{builder as default};

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

@@ -0,0 +1 @@
+let getButtonAttributes=({dataId:t,disabled:a,dataState:e,arialLabel:d})=>({...!!a&&{disabled:a},"data-id":t,dataId:t,"data-state":e,"aria-label":d});export{getButtonAttributes};

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

@@ -0,0 +1 @@
+import{getGlobalColorStateClass as t,composeTypographyClassName as e}from"@gem-sdk/core";let getButtonClasses=({uid:g,styles:n,className:p,shouldRenderLink:o,advanced:a})=>({...p&&{[p]:!0},...g&&{[g]:!0},"gp-text-center":o,"gp-max-w-full":n?.textOverFlow||!1,"gp-scale-[1.1]":n?.animation?.normal==="grow","gp-animate-bounce":n?.animation?.normal==="bounce","hover:gp-scale-[1.1]":n?.animation?.hover==="grow","hover:gp-animate-bounce":n?.animation?.hover==="bounce","gp-button-base gp-group gp-relative gp-inline-flex gp-max-w-full gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-200 disabled:gp-btn-disabled disabled:gp-opacity-30":!0,[t("text",n?.textColor)]:!0,[e(n?.typo,n?.typography)]:!0,...p?.includes("gp-button-atc")&&a&&{[a?.cssClass]:!0}}),getButtonWrapperClasses=(t,e,g)=>({[t]:!0,...!e?.includes("gp-button-atc")&&g&&{[g]:!0}}),getButtonContentWrapperClasses=t=>({"gp-inline-flex":!0,"gp-flex-row-reverse":t?.iconAlign==="right"&&!!t?.label}),getButtonContainerClasses=()=>({"gp-flex gp-flex-col":!0}),getButtonLabelClasses=(t,e)=>({"gp-content-product-button group-active/button:!gp-text-inherit gp-relative gp-flex gp-h-full gp-items-center gp-overflow-hidden gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line":!0,"[&:not(:has(p))]:gp-pr-[0.2em] [&_p]:[&:has(p)]:gp-pr-[0.2em]":t?.typo?.attrs?.italic,"gp-text button-text":e}),getButtonIconClasses=(t,e,g)=>({"!gp-m-0":e&&!t||!g,"gp-button-icon gp-z-1 gp-inline-flex gp-shrink-0 gp-items-center gp-justify-center group-data-[state=loading]:gp-invisible [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]":!0});export{getButtonClasses,getButtonContainerClasses,getButtonContentWrapperClasses,getButtonIconClasses,getButtonLabelClasses,getButtonWrapperClasses};

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

@@ -0,0 +1 @@
+import{splitStyle as e,convertHTML as t}from"@gem-sdk/core";import{normalizeMailto as l,isShopifyDomain as a,checkIsScrollToTop as r,checkIsOpenPopup as i,getDynamicSourceLocales as n,createSettingId as o}from"../../helpers.js";import s from"../../link/components/Link.js";import{getCustomCssStyles as d}from"./styles.js";import{Button as c}from"../settings/configs/translate.js";let getCleanedStyles=(e,t)=>{if(!t)return e;let l={...e},a=["hover","focus"];return a.forEach(e=>{delete l?.backgroundColorV2?.[e]}),l},handleGetLabelToDisplay=({label:e,translateSetting:l,styles:a,pageContext:r,isUseTranslatedValue:i,builderProps:s,isLiquid:d=!1,isForceValue:h})=>{let g=!i||h?e:n({val:e,pageContext:r,settingId:o({id:l??c?.label?.id}),uid:s?.uidTranslate??s?.uid,isCapitalize:a?.typo?.attrs?.transform==="capitalize"});return d?g?.toString()??"":t(e)},checkIsShowIcon=(e,t)=>!!e&&t,handleCheckIsShowLabel=(e,t)=>!!e||!t,handleCheckIsEditableLabel=({mode:e,options:t,isLiquid:l=!1})=>l?!t?.isCannotEditing:"edit"===e&&!t?.isCannotEditing,checkIsScrollToElement=e=>!!e?.link?.startsWith("#")&&("_self"===e.target||"scroll-to"===e.type),getSplitStyles=t=>e(["pos","top","left","bottom","right","z"],t),getDataState=e=>e?"loading":"idle",getDataId=(e,t,l)=>e??(t||l)??"",handleGetArialLabel=({label:e,isLiquid:t=!1})=>t?e?.toString().replaceAll("'","'").replaceAll('"',"'")??"":e?.toString()??"",getInsertLinkData=({setting:e,htmlType:t,defaultTag:n,enableBtnLink:o,isLiquid:d=!1,pageType:c})=>{let h=["product.url"],g=["#","mailto:","tel:"],p=e?.link??"",u="/"===p,S=e?.link!==void 0&&""!==e.link,I=new RegExp(/^https?:\/\//i),k=S&&I.test(p);S&&p.toLowerCase().startsWith("mailto:")&&p.includes("+")&&(p=l(p));let f=()=>{if(h.find(e=>p.includes(e)))return!0;let t=g.find(e=>p.startsWith(e));return!(!t||r(e)||"STATIC"===c&&i(e))},b=!!o&&(k||a(S,p)||f()||u),m=p;d&&(a(S,p)||u)&&(m=e?.isTranslate?"$locationOrigin"+p:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+p);let L=b?d?"a":s:n,y={href:m,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},C=b?y:S?{...y,type:t}:{type:t};return{HTMLTag:L,urlData:C,shouldRenderLink:b}},getData=e=>{let{style:t,dataId:l,pageContext:a,styles:r={},setting:i={},builderProps:n,builderAttrs:o,isUseTranslatedValue:s=!0}=e,{label:c,iconSvg:h,btnLink:g,loading:p,options:u,disabled:S,iconVisible:I,shouldClearSpace:k}=i,[f,b]=getSplitStyles(t),m=getCleanedStyles(r,S),L=d({styles:r,uid:n?.uid,builderAttrs:o,enableHoverEffect:i.enableHoverEffect??!0}),y=getDataState(p),C=getDataId(n?.uidInteraction,l,n?.uid),D=e=>{let{isLiquid:t}=e??{};return handleGetArialLabel({label:c,isLiquid:t})},E=e=>{let{isLiquid:t,translateSetting:l,isForceValue:r}=e??{};return handleGetLabelToDisplay({label:c,translateSetting:l,isForceValue:r,builderProps:n,styles:m,isLiquid:t,...t&&{pageContext:a},...t&&{isUseTranslatedValue:s}})},w=e=>{let{isLiquid:t}=e??{},l=E({isLiquid:t});return handleCheckIsShowLabel(l,k)},T=e=>{let{isLiquid:t,mode:l}=e??{};return handleCheckIsEditableLabel({options:u,isLiquid:t,...!t&&l&&{mode:l}})},A=checkIsShowIcon(h,I),G=checkIsScrollToElement(g);return{customCss:L,wrapStyle:f,restStyle:b,dataState:y,dataIdAttr:C,isShowIcon:A,isScrollToElement:G,getArialLabel:D,getLabelToDisplay:E,checkIsShowLabel:w,checkIsEditableLabel:T}};export{checkIsScrollToElement,checkIsShowIcon,getCleanedStyles,getData,getDataId,getDataState,getInsertLinkData,getSplitStyles,handleCheckIsEditableLabel,handleCheckIsShowLabel,handleGetArialLabel,handleGetLabelToDisplay};

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

@@ -0,0 +1,32 @@
+import{makeStyleResponsive,filterHoverVariables,getStyleShadowState,composeRadius,makeGlobalSize,composeTypographyStyle,getColor,getStyleShadow,getStyleBackgroundImage,getGlobalColorStateStyle,makeStyleState,composeBorderCss,composeCornerCss,GRADIENT_BGR_KEY}from"@gem-sdk/core";let getButtonWrapperStyles=(e,t)=>({...e,...makeStyleResponsive("ta",t?.align)}),getButtonStyles=(e,t)=>{let o={...getSizeStyles(e),...getRadiusStyles(e),...getShadowStyles(e),...getBackgroundStyles(e),...getTypographyStyles(e).textColorStyle,...getTypographyStyles(e).withoutTextColorStyles};return t?o:filterHoverVariables(o)},getButtonIconStyles=(e,t)=>({...getIconSpacingStyle(e,t),"--height-desktop":`${e?.size?.desktop}`,"--height-tablet":`${e?.size?.desktop||e?.size?.tablet}`,"--height-mobile":`${e?.size?.mobile||e?.size?.tablet||e?.size?.desktop}`}),ignoreStateNoneValue=(obj,condition)=>Object.entries(obj).reduce((acc,[key,value])=>((!["hover","focus","normal","active"].includes(key)||eval(condition))&&(acc[key]=value),acc),{}),getShadowStyles=e=>{let{boxShadowBtn:t,hasBoxShadowBtn:o}=e||{},r=ignoreStateNoneValue(t||{},"value?.type !== undefined ");return{...getStyleShadowState(r,"box-shadow",o)}},getRadiusStyles=e=>{let t=ignoreStateNoneValue(e?.roundedBtnV2||{},"value?.radiusType !== undefined");return composeRadius(t,["normal","hover"])},getIconSpacingStyle=(e,t)=>{let o=e?.iconSpacing||{desktop:"8px"};return t?.iconAlign==="left"?makeStyleResponsive("mr",o):makeStyleResponsive("ml",o)},getSizeStyles=e=>{let t=makeGlobalSize(e?.globalSize);return{...t.width,...t.height,...t.padding}},getTypographyStyles=e=>{let t=composeTypographyStyle(e?.typo,e?.typography),o={"--c":t?.["--c"]},r={...t};return delete r["--c"],{textColorStyle:{"--hvr-c":getColor(e?.textColor?.hover),...o},withoutTextColorStyles:r}},getTypoStyles=e=>({...getTypographyStyles(e).withoutTextColorStyles,...getStyleShadow({styleAppliedFor:"text-shadow",value:e?.typo?.custom?.textShadow,isEnableShadow:e?.typo?.custom?.hasShadowText}),"word-break":"break-word"}),getBgImageUrl=(e,t)=>{let{backgroundImage:o,backgroundColorV2:r}=e||{},a=o?.[t],n=r?.[t];if(!a&&!n)return"";let l=`url(${a?.image?.src})`,s=n?`, ${n}`:"";return n?.includes?.(GRADIENT_BGR_KEY)&&a?.image?.src?`${l}${s}`:n?.includes?.(GRADIENT_BGR_KEY)&&!a?.image?.src?n:a?.image?.src?l:""},getBackgroundImageSource=e=>{let t={normal:getBgImageUrl(e,"normal"),hover:getBgImageUrl(e,"hover")};return makeStyleState("bgi",t)},getBackgroundStyles=e=>{let{backgroundColorV2:t,backgroundImage:o}=e||{},r={...o,hover:o?.hover?.image?o?.hover:o?.normal},a={...t,hover:t?.hover||t?.normal};return{...getStyleBackgroundImage(r,{ignoreBackgroundImage:!0}),...getBackgroundImageSource({backgroundImage:r,backgroundColorV2:a}),...getGlobalColorStateStyle("bg",a)}},getCustomCssStyles=({styles:e,uid:t,builderAttrs:o,enableHoverEffect:r})=>{if(!t)return"";let{borderBtnV2:a,roundedBtnV2:n}=e??{},l=ignoreStateNoneValue(a||{},"value?.border !== undefined"),s=ignoreStateNoneValue(n||{},"value?.radiusType !== undefined"),g=generateBorderCornerStyles({uid:t,borderBtn:l,roundedBtn:s,builderAttrs:o,enableHoverEffect:r});return`
+      ${g.normalStyles}
+      ${g.hoverStyles}
+    `.trim()},generateBorderCornerStyles=({uid:e,borderBtn:t,roundedBtn:o,builderAttrs:r,enableHoverEffect:a})=>{let n=r?.["data-component-tag"],l=({styleObj:e,state:t})=>{if(e)return e?.[t]},s=l({styleObj:t,state:"normal"}),g=l({styleObj:a?t:void 0,state:"hover"}),d=l({styleObj:o,state:"normal"}),i=l({styleObj:o,state:"hover"}),u=`
+    content: "";
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    pointer-events: none;
+    top: 0;
+    left: 0;
+    ${composeBorderCss(s)}
+    ${composeCornerCss(d)}
+  `,y=`
+    [data-id="${e}"].gp-button-base::before, [data-id="${e}-interaction"].gp-button-base::before {
+      ${u}
+    }
+  `,S=`
+  [data-id="${e}"]:hover::before, [data-id="${e}-interaction"]:hover::before {
+    ${composeBorderCss(g)}
+    ${composeCornerCss(i)}
+  }
+`;if("ProductButton"===n){let t=r?.["data-is-in-stock"]??!1;y=`
+      [data-is-in-stock="${t}"]>.${e}.gp-button-base::before {
+        ${u}
+      }
+    `,S=`
+    [data-is-in-stock="${t}"]>.${e}.gp-button-base:hover::before {
+      ${composeBorderCss(g)}
+      ${composeCornerCss(i)}
+    }
+  `}return{normalStyles:y,hoverStyles:S}};export{generateBorderCornerStyles,getButtonIconStyles,getButtonStyles,getButtonWrapperStyles,getCustomCssStyles,getRadiusStyles,getShadowStyles,getTypoStyles};

package/dist/esm/button/components/Button.html.js

@@ -0,0 +1 @@
+let Button=()=>{};export{Button as default};

package/dist/esm/button/components/Button.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useEditorMode as s,usePageType as o}from"@gem-sdk/core";import{createStyle as r,createClass as m,createAttr as a,If as l}from"@gem-sdk/system";import{getButtonAttributes as n}from"../common/attrs.js";import{getButtonStyles as i,getTypoStyles as c,getButtonIconStyles as d,getButtonWrapperStyles as f}from"../common/styles.js";import{getButtonClasses as g,getButtonIconClasses as p,getButtonLabelClasses as u,getButtonWrapperClasses as y,getButtonContentWrapperClasses as h,getButtonContainerClasses as j}from"../common/classes.js";import b from"./ButtonIcon.js";import v from"./ButtonLabel.js";import B from"./ButtonLoadingIndicator.js";import{getData as L,getInsertLinkData as N}from"../common/helpers.js";let Button=k=>{let{children:I,advanced:T,className:x,nodePrice:H,customAttrs:C,styles:M={},setting:S={},builderProps:_,builderAttrs:E,wrapClassName:q="",onClick:w}=k,{iconSvg:z,btnLink:A,htmlType:D,loading:F,disabled:G,shouldClearSpace:J,enableBtnLink:K}=S,{enableTextStyle:O=!0}=M,P=s(),Q=o(),{customCss:R,wrapStyle:U,restStyle:V,dataState:W,dataIdAttr:X,isShowIcon:Y,isScrollToElement:Z,getArialLabel:$,getLabelToDisplay:tt,checkIsShowLabel:te,checkIsEditableLabel:ts}=L(k),{HTMLTag:to,urlData:tr,shouldRenderLink:tm}=N({enableBtnLink:K,htmlType:D,setting:A,defaultTag:"button",pageType:Q}),ta=r({...i(M,S.enableHoverEffect)}),tl=r({...c(M)}),tn=r({...c(M),...d(M,S)}),ti=r({...f(V,M)}),tc=m({...g({styles:M,className:x,shouldRenderLink:tm,uid:_?.uid,advanced:T})}),td=m({...p(tt(),J,O)}),tf=m({...u(M,ts({mode:P}))}),tg=m({...y(q,x,T?.cssClass)}),tp=m({...h(S)}),tu=m({...j()}),ty=a({...n({disabled:G,dataState:W,dataId:X,arialLabel:$()})}),th=t=>{w?.(t)};return t("div",{style:U,className:tu,children:e("div",{...E,style:ti,className:tg,children:[t("style",{type:"text/css",dangerouslySetInnerHTML:{__html:R}}),l(Z,t("a",{className:"gp-trigger-button-link gp-hidden",href:tr.href,target:tr.target})),e(to,{...ty,...C,..."button"!==to&&{setting:tr},style:ta,className:tc,onClick:th,children:[l(F,t(B,{})),e("div",{className:tp,children:[l(Y,t(b,{iconSvg:z??"",styles:tn,classes:td})),l(O&&te(),t(v,{label:tt(),styles:tl,classes:tf}))]}),l(!!H,H??"")]}),I]})})};export{Button as default};

package/dist/esm/button/components/ButtonIcon.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";let ButtonIcon=({iconSvg:e,classes:n,styles:o})=>t("span",{className:n,style:o,dangerouslySetInnerHTML:{__html:e}});export{ButtonIcon as default};

package/dist/esm/button/components/ButtonLabel.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"react";let ButtonLabel=({label:e,styles:a,classes:r})=>t("div",{"data-gp-text":!0,style:a,className:r,dangerouslySetInnerHTML:{__html:e}});export{ButtonLabel as default};

package/dist/esm/button/components/ButtonLoadingIndicator.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as a}from"react/jsx-runtime";import"react";let ButtonLoadingIndicator=()=>t("svg",{className:"gp-invisible gp-h-5 gp-w-5 gp-animate-spin group-data-[state=loading]:gp-visible gp-absolute",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[a("circle",{className:"gp-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),a("path",{className:"gp-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]});export{ButtonLoadingIndicator as default};

package/dist/esm/button/index.js

@@ -0,0 +1 @@
+import"react/jsx-runtime";import"@gem-sdk/core";import"@gem-sdk/system";import"react";import"next/link";import t from"./settings/Button.js";let buttonSetting={Button:t};export{buttonSetting};

package/dist/esm/button/next.js

@@ -0,0 +1 @@
+import t from"next/dynamic";import o from"../common/components/Loading.js";import"react";let Button=t(()=>import("./components/Button.js"),{loading:o});var button={Button};export{button as default};

package/dist/esm/button/settings/Button.js

@@ -0,0 +1,16 @@
+import{ButtonSettings as t}from"./configs/settings.js";import{SettingUIV1 as o}from"./configs/ui-v1.js";import{SettingUIV2 as i}from"./configs/ui-v2.js";let config={tag:"Button",label:"Button",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.16699 6.66663C2.89085 6.66663 2.66699 6.89048 2.66699 7.16663V26.1666C2.66699 26.4428 2.89085 26.6666 3.16699 26.6666H13.5531C13.8587 26.6666 14.0929 26.3948 14.0475 26.0925L13.7975 24.4258C13.7608 24.181 13.5506 24 13.3031 24H5.33366V9.33329H34.667V24H32.5003C32.2242 24 32.0003 24.2238 32.0003 24.5V25.1121C32.0003 25.253 32.0597 25.3873 32.164 25.4821L33.324 26.5366C33.416 26.6203 33.5359 26.6666 33.6603 26.6666H36.8337C37.1098 26.6666 37.3337 26.4428 37.3337 26.1666V7.16663C37.3337 6.89048 37.1098 6.66663 36.8337 6.66663H3.16699ZM19.8589 29.6767C19.9172 30.0846 20.4161 30.2509 20.7074 29.9595L22.667 28L27.6468 32.9797C27.842 33.175 28.1586 33.175 28.3539 32.9797L30.3134 31.0202C30.5087 30.8249 30.5087 30.5083 30.3134 30.3131L25.3337 25.3333L27.2932 23.3737C27.5846 23.0824 27.4183 22.5835 27.0104 22.5252L19.327 21.4276C18.997 21.3804 18.7141 21.6633 18.7613 21.9933L19.8589 29.6767Z" fill="currentColor"/>
+  </svg>
+  `,settings:t,ui:o,uiV2:i,editorConfigs:{slots:{children:!1}},presets:[{id:"button",name:"Button",icon:{desktop:`
+          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect width="96" height="48" rx="3" fill="#424242"/>
+          <rect x="21.5" y="20" width="53" height="8" rx="4" fill="#757575"/>
+          </svg>
+        `},components:[{tag:"Button",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},editorData:{cssPlaceholder:"button.{{rootClassName}} {\n\n}"}}}]},{id:"button-icon",name:"Button",icon:{desktop:`
+          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect width="96" height="48" rx="3" fill="#424242"/>
+          <path d="M23.6415 17.8126C23.7882 17.5153 24.2121 17.5153 24.3589 17.8126L26.1255 21.3922C26.1838 21.5102 26.2964 21.5921 26.4267 21.611L30.377 22.185C30.7051 22.2327 30.8361 22.6359 30.5987 22.8673L27.7402 25.6536C27.6459 25.7455 27.6029 25.8779 27.6252 26.0077L28.3 29.9421C28.356 30.2688 28.0131 30.518 27.7196 30.3638L24.1863 28.5062C24.0698 28.4449 23.9306 28.4449 23.814 28.5062L20.2807 30.3637C19.9873 30.518 19.6443 30.2688 19.7004 29.9421L20.3752 26.0077C20.3974 25.8779 20.3544 25.7455 20.2601 25.6536L17.4016 22.8673C17.1642 22.6359 17.2952 22.2327 17.6233 22.185L21.5737 21.611C21.7039 21.5921 21.8166 21.5102 21.8748 21.3922L23.6415 17.8126Z" fill="#F9F9F9"/>
+          <rect x="40" y="20" width="40" height="8" rx="4" fill="#757575"/>
+          </svg>
+        `},components:[{tag:"Button",settings:{iconVisible:!0,iconAlign:"left",iconSvg:'<svg height="20" width="20" data-name="star-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>'},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}},editorData:{cssPlaceholder:"button.{{rootClassName}} {\n\n}"}}}]}],rootOverride:{styles:{width:{desktop:"auto"},align:{desktop:"center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};