@gem-sdk/components 12.0.0-staging.8 → 12.0.0-staging.81

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

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

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

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

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"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:{en:"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:{en:"Scale"},setting:{id:"objectFit"},conditionDisplay:'shape.shape !== "original"'}]},{label:{en:"Size"},controls:[{setting:{id:"shape"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{label:{en:"Corner"},controlConfig:{id:"corner",type:"corner-v2",linkWithSetting:{name:"borderRadius"}}},{label:{en:"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:{en:"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:{en:"SEO"},controls:[{type:"combo",label:{en:"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",isHideClear:!0,compoDefaultValue:"Title",controls:[{label:{en:"Content"},setting:{id:"title"},layout:"vertical"}]}]},{label:{en:"Optimize LCP"},controls:[{label:{en:"Preload"},setting:{id:"priority"}},{label:{en:"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:{en:"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:{en:"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"}}]}];export{SettingUIV2};
+let 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"}}]}];export{SettingUIV2};

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

@@ -1 +1 @@
-let getLabelAttrs=({label:t="",positionId:e="left",componentUid:a})=>({label:t,positionId:e,uid:a}),getLabelLiquidAttrs=({translate:t,pageContext:e,translateLabel:a})=>({translate:t,pageContext:e,translateLabel:a}),getImagePlaceholderAttrs=({width:t=0,height:e=0})=>({src:"",width:t,height:e,"data-testid":"temp-image"}),getBaseImageAttrs=({src:t,title:e=""})=>({src:t,title:e}),getImageLiquidAttrs=({id:t,src:e,title:a="",priority:g=!1,isDisableObjectFit:r=!1,isDisableAspectStyle:s=!1})=>({...getBaseImageAttrs({src:e,title:a}),id:t,priority:g,isDisableObjectFit:r,isDisableAspectStyle:s}),getImageReactAttrs=({src:t,testId:e,width:a=0,height:g=0,title:r="",priority:s=!1})=>{let i=s?{fetchpriority:"high",loading:"eager"}:{loading:"lazy",fetchpriority:"low"},l=getBaseImageAttrs({src:t,title:r});return{...l,...i,width:a,height:g,"data-testid":e,"base-src":s?"":l.src}};export{getBaseImageAttrs,getImageLiquidAttrs,getImagePlaceholderAttrs,getImageReactAttrs,getLabelAttrs,getLabelLiquidAttrs};
+let getLabelAttrs=({label:t="",positionId:e="left",componentUid:a})=>({label:t,positionId:e,uid:a}),getLabelLiquidAttrs=({pageContext:t,translateLabel:e})=>({pageContext:t,translateLabel:e}),getImagePlaceholderAttrs=({width:t=0,height:e=0})=>({src:"",width:t,height:e,"data-testid":"temp-image"}),getBaseImageAttrs=({src:t,title:e=""})=>({src:t,title:e}),getImageLiquidAttrs=({id:t,src:e,title:a="",priority:g=!1,isDisableObjectFit:r=!1,isDisableAspectStyle:s=!1})=>({...getBaseImageAttrs({src:e,title:a}),id:t,priority:g,isDisableObjectFit:r,isDisableAspectStyle:s}),getImageReactAttrs=({src:t,testId:e,width:a=0,height:g=0,title:r="",priority:s=!1})=>{let i=s?{fetchpriority:"high",loading:"eager"}:{loading:"lazy",fetchpriority:"low"},l=getBaseImageAttrs({src:t,title:r});return{...l,...i,width:a,height:g,"data-testid":e,"base-src":s?"":l.src}};export{getBaseImageAttrs,getImageLiquidAttrs,getImagePlaceholderAttrs,getImageReactAttrs,getLabelAttrs,getLabelLiquidAttrs};

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

@@ -1 +1 @@
-import{getResponsiveValueByScreen as t}from"@gem-sdk/core";import{getImageSrc as e,composeAspectRatio as o}from"../../image/common/helpers.js";let getAspectRatioData=({styles:t,leftImage:e,rightImage:o})=>{let i=(e?.width??0)/(e?.height??1),a=(o?.width??0)/(o?.height??1),l=i<=a?`${e?.width??0}/${e?.height??1}`:`${o?.width??0}/${o?.height??1}`,s=i<=a?e:o,r=composeResponsiveAspectRatio({aspect:t?.aspectRatio,auto:s,custom:t?.customAspectRadio,defaultRatio:l});return{defaultRatio:l,responsiveAspectRatio:r}},composeResponsiveAspectRatio=({aspect:t,auto:e,custom:i,defaultRatio:a})=>({desktop:o({device:"desktop",aspect:t,auto:e,custom:i})??a,tablet:o({device:"tablet",aspect:t,auto:e,custom:i}),mobile:o({device:"mobile",aspect:t,auto:e,custom:i})}),composeLabelPosition=({input:e,isHorizontal:o})=>{let{device:i,positionHoz:a,positionVer:l}=e,s=o?t(a,i,"hoz-center"):t(l,i,"ver-center"),r={topLeft:"50%",bottomRight:"auto"};return({"hoz-center":{topLeft:"50%",bottomRight:"auto"},top:{topLeft:"8px",bottomRight:"auto"},bottom:{topLeft:"auto",bottomRight:"8px"},"ver-center":{topLeft:"50%",bottomRight:"auto"},left:{topLeft:"8px",bottomRight:"auto"},right:{topLeft:"auto",bottomRight:"8px"}})[s]??r},getLabelPosition=({position:t,labelPositionHoz:e,labelPositionVer:o,isHorizontal:i})=>({desktop:composeLabelPosition({input:{device:"desktop",positionHoz:e,positionVer:o},isHorizontal:i})?.[t??"topLeft"],tablet:composeLabelPosition({input:{device:"tablet",positionHoz:e,positionVer:o},isHorizontal:i})?.[t??"topLeft"],mobile:composeLabelPosition({input:{device:"mobile",positionHoz:e,positionVer:o},isHorizontal:i})?.[t??"topLeft"]}),generateTranslateByDevices=({isHorizontal:t,labelPositionHoz:e,labelPositionVer:o})=>{let i=t?e:o,a={desktop:i?.desktop??"hoz-center",tablet:i?.tablet??i?.desktop??"hoz-center",mobile:i?.mobile??i?.tablet??i?.desktop??"hoz-center"},l={desktop:"translateX(0) translateY(0)",tablet:"translateX(0) translateY(0)",mobile:"translateX(0) translateY(0)"};for(let e in a){let o=a?.[e];o.includes("center")?l[e]=t?"translateX(0) translateY(-50%)":"translateX(-50%) translateY(0)":l[e]="translateX(0) translateY(0)"}return l},getSliderPositionPercentage=t=>{let e="string"==typeof t?parseInt(t??0):t;return(e??50)/100},FLEX_ALIGN={left:"start",center:"center",right:"end",justify:"start"},getData=t=>{let{handle:o=null,hover:i=!1,handleSize:a=40,leftImageAlt:l="",leftImageTitle:s="",leftImageCss:r={},leftImageLabel:n=null,rightImageAlt:p="",rightImageTitle:g="",rightImageCss:c={},rightImageLabel:u=null,sliderLineWidth:m=2,sliderLineColor:b="#ffffff",sliderPositionPercentage:h=.5,vertical:d=!1,componentUid:f="",styles:L={},leftImage:y,rightImage:R,enableLabel:S=!1,qualityType:P,qualityPercent:v}=t,C=!d,k=S&&!!n,x=S&&!!u,A=(y?.width??0)<(R?.width??0)?{...y}:{...R},I=t=>{let{isLiquid:o}=t??{};return o?e(y):y?.src??""},$=t=>{let{isLiquid:o}=t??{};return o?e(R):R?.src??""},{responsiveAspectRatio:z,defaultRatio:X}=getAspectRatioData({leftImage:y,rightImage:R,styles:L});return{styles:L,handle:o,hover:i,handleSize:a,leftImageAlt:l,leftImageTitle:s,leftImageCss:r,leftImageLabel:n,rightImageAlt:p,rightImageTitle:g,rightImageCss:c,rightImageLabel:u,sliderLineWidth:m,sliderLineColor:b,sliderPositionPercentage:h,vertical:d,componentUid:f,tempImage:A,aspectRatio:z,defaultRatio:X,isHorizontal:C,hasLeftLabel:k,hasRightLabel:x,qualityType:P,qualityPercent:v,getLeftImageSrc:I,getRightImageSrc:$}},getImageClipStyle=t=>{let{isHorizontal:e,containerWidth:o,containerHeight:i,sliderPosition:a,type:l}=t,s=e?o*a:i*a;return"left"===l?{clip:e?`rect(auto, ${s}px, auto, auto)`:`rect(auto, auto, ${s}px, auto)`}:{clip:e?`rect(auto, auto, auto, ${s}px)`:`rect(${s}px, auto, auto, auto)`}},getSliderPositionStyle=t=>{let{isHorizontal:e,containerWidth:o,containerHeight:i,sliderPosition:a,handleSize:l}=t,s=e?o*a:i*a,r=l/2;return{[e?"top":"left"]:0,[e?"left":"top"]:`${s-r}px`}},getLabelContainerStyles=t=>({...getImageClipStyle(t)}),getReactStyles=t=>({sliderPosition:getSliderPositionStyle(t),leftImageClip:getImageClipStyle({...t,type:"left"}),rightImageClip:getImageClipStyle({...t,type:"right"}),leftLabelContainer:getLabelContainerStyles({...t,type:"left"}),rightLabelContainer:getLabelContainerStyles({...t,type:"right"})});export{FLEX_ALIGN,composeLabelPosition,composeResponsiveAspectRatio,generateTranslateByDevices,getAspectRatioData,getData,getImageClipStyle,getLabelContainerStyles,getLabelPosition,getReactStyles,getSliderPositionPercentage,getSliderPositionStyle};
+import{cloneDeep as t,getResponsiveValueByScreen as e}from"@gem-sdk/core";import{getImageSrc as o,composeAspectRatio as i}from"../../image/common/helpers.js";import{getDynamicSourceLocales as a,createSettingId as l}from"../../helpers.js";import{ImageComparison as r}from"../settings/configs/translate.js";let getAspectRatioData=({styles:t,leftImage:e,rightImage:o})=>{let i=(e?.width??0)/(e?.height??1),a=(o?.width??0)/(o?.height??1),l=i<=a?`${e?.width??0}/${e?.height??1}`:`${o?.width??0}/${o?.height??1}`,r=i<=a?e:o,s=composeResponsiveAspectRatio({aspect:t?.aspectRatio,auto:r,custom:t?.customAspectRadio,defaultRatio:l});return{defaultRatio:l,responsiveAspectRatio:s}},composeResponsiveAspectRatio=({aspect:t,auto:e,custom:o,defaultRatio:a})=>({desktop:i({device:"desktop",aspect:t,auto:e,custom:o})??a,tablet:i({device:"tablet",aspect:t,auto:e,custom:o}),mobile:i({device:"mobile",aspect:t,auto:e,custom:o})}),composeLabelPosition=({input:t,isHorizontal:o})=>{let{device:i,positionHoz:a,positionVer:l}=t,r=o?e(a,i,"hoz-center"):e(l,i,"ver-center"),s={topLeft:"50%",bottomRight:"auto"};return({"hoz-center":{topLeft:"50%",bottomRight:"auto"},top:{topLeft:"8px",bottomRight:"auto"},bottom:{topLeft:"auto",bottomRight:"8px"},"ver-center":{topLeft:"50%",bottomRight:"auto"},left:{topLeft:"8px",bottomRight:"auto"},right:{topLeft:"auto",bottomRight:"8px"}})[r]??s},getLabelPosition=({position:t,labelPositionHoz:e,labelPositionVer:o,isHorizontal:i})=>({desktop:composeLabelPosition({input:{device:"desktop",positionHoz:e,positionVer:o},isHorizontal:i})?.[t??"topLeft"],tablet:composeLabelPosition({input:{device:"tablet",positionHoz:e,positionVer:o},isHorizontal:i})?.[t??"topLeft"],mobile:composeLabelPosition({input:{device:"mobile",positionHoz:e,positionVer:o},isHorizontal:i})?.[t??"topLeft"]}),generateTranslateByDevices=({isHorizontal:t,labelPositionHoz:e,labelPositionVer:o})=>{let i=t?e:o,a={desktop:i?.desktop??"hoz-center",tablet:i?.tablet??i?.desktop??"hoz-center",mobile:i?.mobile??i?.tablet??i?.desktop??"hoz-center"},l={desktop:"translateX(0) translateY(0)",tablet:"translateX(0) translateY(0)",mobile:"translateX(0) translateY(0)"};for(let e in a){let o=a?.[e];o.includes("center")?l[e]=t?"translateX(0) translateY(-50%)":"translateX(-50%) translateY(0)":l[e]="translateX(0) translateY(0)"}return l},getSliderPositionPercentage=t=>{let e="string"==typeof t?parseInt(t??0):t;return(e??50)/100},FLEX_ALIGN={left:"start",center:"center",right:"end",justify:"start"},getData=t=>{let{handle:e=null,hover:i=!1,handleSize:a=40,leftImageAlt:l="",leftImageTitle:r="",leftImageCss:s={},leftImageLabel:n=null,rightImageAlt:p="",rightImageTitle:g="",rightImageCss:c={},rightImageLabel:m=null,sliderLineWidth:d=2,sliderLineColor:u="#ffffff",sliderPositionPercentage:f=.5,vertical:b=!1,componentUid:h="",styles:L={},leftImage:S,rightImage:R,enableLabel:y=!1,qualityType:v,qualityPercent:C}=t,I=!b,P=y&&!!n,$=y&&!!m,A=(S?.width??0)<(R?.width??0)?{...S}:{...R},k=t=>{let{isLiquid:e}=t??{};return e?o(S):S?.src??""},x=t=>{let{isLiquid:e}=t??{};return e?o(R):R?.src??""},{responsiveAspectRatio:z,defaultRatio:X}=getAspectRatioData({leftImage:S,rightImage:R,styles:L});return{styles:L,handle:e,hover:i,handleSize:a,leftImageAlt:l,leftImageTitle:r,leftImageCss:s,leftImageLabel:n,rightImageAlt:p,rightImageTitle:g,rightImageCss:c,rightImageLabel:m,sliderLineWidth:d,sliderLineColor:u,sliderPositionPercentage:f,vertical:b,componentUid:h,tempImage:A,aspectRatio:z,defaultRatio:X,isHorizontal:I,hasLeftLabel:P,hasRightLabel:$,qualityType:v,qualityPercent:C,getLeftImageSrc:k,getRightImageSrc:x}},getImageClipStyle=t=>{let{isHorizontal:e,containerWidth:o,containerHeight:i,sliderPosition:a,type:l}=t,r=e?o*a:i*a;return"left"===l?{clip:e?`rect(auto, ${r}px, auto, auto)`:`rect(auto, auto, ${r}px, auto)`}:{clip:e?`rect(auto, auto, auto, ${r}px)`:`rect(${r}px, auto, auto, auto)`}},getSliderPositionStyle=t=>{let{isHorizontal:e,containerWidth:o,containerHeight:i,sliderPosition:a,handleSize:l}=t,r=e?o*a:i*a,s=l/2;return{[e?"top":"left"]:0,[e?"left":"top"]:`${r-s}px`}},getLabelContainerStyles=t=>({...getImageClipStyle(t)}),getReactStyles=t=>({sliderPosition:getSliderPositionStyle(t),leftImageClip:getImageClipStyle({...t,type:"left"}),rightImageClip:getImageClipStyle({...t,type:"right"}),leftLabelContainer:getLabelContainerStyles({...t,type:"left"}),rightLabelContainer:getLabelContainerStyles({...t,type:"right"})}),getSettingTranslatedImageComparisonAndSeo=({setting:e,uid:o,pageContext:i})=>{if(!e)return;let s=t(e);for(let t of["Left","Right"]){let e=`image${t}`,n=s[e];if(n?.src){let t=a({val:n.src,uid:o,settingId:r?.[e]?.id?`${r?.[e]?.id}_src`:"",pageContext:i});s[e].src=String(t)}let p=`alt${t}`,g=a({val:s[p],uid:o,settingId:l({id:r?.[p]?.id}),pageContext:i});s[p]=String(g);let c=`title${t}`,m=a({val:s[c],uid:o,settingId:l({id:r?.[c]?.id}),pageContext:i});s[c]=String(m)}return s};export{FLEX_ALIGN,composeLabelPosition,composeResponsiveAspectRatio,generateTranslateByDevices,getAspectRatioData,getData,getImageClipStyle,getLabelContainerStyles,getLabelPosition,getReactStyles,getSettingTranslatedImageComparisonAndSeo,getSliderPositionPercentage,getSliderPositionStyle};

package/dist/esm/image-comparison/components/CompareImage.liquid.js

@@ -1,26 +1,26 @@
-import{template as t,isLocalEnv as e,baseAssetURL as i}from"@gem-sdk/core";import{createStyle as s,createClass as a,createAttr as r,createStateOrContext as l,If as o}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../helpers.js";import d from"../../image/components/NextImage.liquid.js";import{getOuterWrapperStyles as p,getWrapperWidth as g,getContainerStyles as c,getLazyPlaceholderStyle as n,getImageStyles as y,getLabelStyles as h,getArrowStyles as f,getLineStyles as $,getHandleStyles as b,getHandleCustomStyles as L,getSliderStyles as S}from"../common/styles.js";import{getOuterWrapperClasses as j,getLabelClasses as I,getLabelContainerClasses as u}from"../common/classes.js";import{getImageLiquidAttrs as v,getImagePlaceholderAttrs as w,getLabelAttrs as C,getLabelLiquidAttrs as A}from"../common/attrs.js";import{getData as q}from"../common/helpers.js";import N from"./Label.liquid.js";import k from"./SlideHandle.liquid.js";let CompareImage=z=>{let{leftImage:D,rightImage:E,advanced:O,translate:x,builderData:F,pageContext:G,preload:H=!1,onSliderPositionChange:W}=z,{hover:_,styles:J,handle:M,handleSize:P,leftImageAlt:R,leftImageTitle:T,leftImageCss:V,leftImageLabel:B,rightImageAlt:K,rightImageTitle:Q,rightImageCss:U,rightImageLabel:X,sliderLineWidth:Y,sliderLineColor:Z,sliderPositionPercentage:tt,vertical:te,componentUid:ti,tempImage:ts,aspectRatio:ta,defaultRatio:tr,isHorizontal:tl,hasLeftLabel:to,hasRightLabel:tm,qualityType:td,qualityPercent:tp,getLeftImageSrc:tg,getRightImageSrc:tc}=q(z),tn=tg({isLiquid:!0}),ty=tc({isLiquid:!0}),th=s({...p(J)}),tf=s({...g({width:J?.width,leftImageWidth:D?.width,rightImageWidth:E?.width})}),t$=s({...c({aspectRatio:ta,builderData:F})}),tb=s({...n(ta)}),tL=s({...y({type:"right",props:z})}),tS=s({...y({type:"left",props:z})}),tj=s({...h({styles:J,type:"left",isHorizontal:tl})}),tI=s({...h({styles:J,type:"right",isHorizontal:tl})}),tu=s({...f({type:"left"})}),tv=s({...f({type:"right"})}),tw=s({...$({isHorizontal:tl,sliderLineColor:Z,sliderLineWidth:Y})}),tC=s({...b({handleSize:P,isHorizontal:tl,sliderLineColor:Z,sliderLineWidth:Y})}),tA=s({...L()}),tq=s({...S({hover:_,handleSize:P,isHorizontal:tl})}),tN=a({...j(O?.cssClass)}),tk=a({...I(J)}),tz=a({...u()}),tD=C({componentUid:ti,positionId:"left",label:B??""}),tE=C({componentUid:ti,positionId:"right",label:X??""}),tO=r({...v({priority:H,src:ty,title:Q,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${ti}`})}),tx=r({...v({priority:H,src:tn,title:T,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${ti}`})}),tF=A({translate:x,pageContext:G,translateLabel:"leftImageLabel"}),tG=A({translate:x,pageContext:G,translateLabel:"rightImageLabel"}),tH=r({...w({width:ts?.width,height:ts?.height})}),tW=l({hover:_,handle:M,vertical:te,leftImage:D,rightImage:E,handleSize:P,aspectRatio:ta,defaultRatio:tr,componentUid:ti,leftImageCss:V,rightImageCss:U,sliderLineColor:Z,sliderLineWidth:Y,sliderPositionPercentage:tt,onSliderPositionChange:W}),t_=()=>t`
-      <img alt="" ${tH} style="${tb}" />
-    `,tJ=()=>d({...tO,alt:K,style:tL,setting:{qualityType:td,qualityPercent:tp},enableLazyLoadImage:!H,isNotLazyload:H,customAttrs:{"data-testid":"right-image"}}),tM=()=>d({...tx,alt:R,style:tS,setting:{qualityType:td,qualityPercent:tp},enableLazyLoadImage:!H,isNotLazyload:H,customAttrs:{"data-testid":"left-image"}}),tP=()=>k({componentUid:ti,customHandle:M,lineStyles:tw,sliderStyles:tq,handleStyles:tC,customHandleStyles:tA,leftArrowStyles:tu,rightArrowStyles:tv}),tR=()=>N({...tD,...tF,styles:J,childrenClass:tk,childrenStyle:tj,containerClass:tz,containerStyle:{}}),tT=()=>N({...tE,...tG,styles:J,childrenClass:tk,childrenStyle:tI,containerClass:tz,containerStyle:{}}),tV=()=>`${o(e,`<script ${m('class="gps-link" delay',"src")}="{{ 'gp-image-comparison-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${m('class="gps-link" delay',"src")}="${i}/assets-v2/gp-image-comparison-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`;return t`
+import{template as t,isLocalEnv as e,baseAssetURL as i}from"@gem-sdk/core";import{createStyle as s,createClass as a,createAttr as r,createStateOrContext as l,If as o}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../helpers.js";import d from"../../image/components/NextImage.liquid.js";import{getOuterWrapperStyles as p,getWrapperWidth as g,getContainerStyles as c,getLazyPlaceholderStyle as n,getImageStyles as y,getLabelStyles as h,getArrowStyles as f,getLineStyles as $,getHandleStyles as b,getHandleCustomStyles as L,getSliderStyles as S}from"../common/styles.js";import{getOuterWrapperClasses as j,getLabelClasses as I,getLabelContainerClasses as u}from"../common/classes.js";import{getImageLiquidAttrs as v,getImagePlaceholderAttrs as w,getLabelAttrs as C,getLabelLiquidAttrs as A}from"../common/attrs.js";import{getData as q}from"../common/helpers.js";import N from"./Label.liquid.js";import k from"./SlideHandle.liquid.js";let CompareImage=z=>{let{leftImage:D,rightImage:E,advanced:O,builderData:x,pageContext:F,preload:G=!1,onSliderPositionChange:H}=z,{hover:W,styles:_,handle:J,handleSize:M,leftImageAlt:P,leftImageTitle:R,leftImageCss:T,leftImageLabel:V,rightImageAlt:B,rightImageTitle:K,rightImageCss:Q,rightImageLabel:U,sliderLineWidth:X,sliderLineColor:Y,sliderPositionPercentage:Z,vertical:tt,componentUid:te,tempImage:ti,aspectRatio:ts,defaultRatio:ta,isHorizontal:tr,hasLeftLabel:tl,hasRightLabel:to,qualityType:tm,qualityPercent:td,getLeftImageSrc:tp,getRightImageSrc:tg}=q(z),tc=tp({isLiquid:!0}),tn=tg({isLiquid:!0}),ty=s({...p(_)}),th=s({...g({width:_?.width,leftImageWidth:D?.width,rightImageWidth:E?.width})}),tf=s({...c({aspectRatio:ts,builderData:x})}),t$=s({...n(ts)}),tb=s({...y({type:"right",props:z})}),tL=s({...y({type:"left",props:z})}),tS=s({...h({styles:_,type:"left",isHorizontal:tr})}),tj=s({...h({styles:_,type:"right",isHorizontal:tr})}),tI=s({...f({type:"left"})}),tu=s({...f({type:"right"})}),tv=s({...$({isHorizontal:tr,sliderLineColor:Y,sliderLineWidth:X})}),tw=s({...b({handleSize:M,isHorizontal:tr,sliderLineColor:Y,sliderLineWidth:X})}),tC=s({...L()}),tA=s({...S({hover:W,handleSize:M,isHorizontal:tr})}),tq=a({...j(O?.cssClass)}),tN=a({...I(_)}),tk=a({...u()}),tz=C({componentUid:te,positionId:"left",label:V??""}),tD=C({componentUid:te,positionId:"right",label:U??""}),tE=r({...v({priority:G,src:tn,title:K,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`right-image-${te}`})}),tO=r({...v({priority:G,src:tc,title:R,isDisableObjectFit:!0,isDisableAspectStyle:!0,id:`left-image-${te}`})}),tx=A({pageContext:F,translateLabel:"leftImageLabel"}),tF=A({pageContext:F,translateLabel:"rightImageLabel"}),tG=r({...w({width:ti?.width,height:ti?.height})}),tH=l({hover:W,handle:J,vertical:tt,leftImage:D,rightImage:E,handleSize:M,aspectRatio:ts,defaultRatio:ta,componentUid:te,leftImageCss:T,rightImageCss:Q,sliderLineColor:Y,sliderLineWidth:X,sliderPositionPercentage:Z,onSliderPositionChange:H}),tW=()=>t`
+      <img alt="" ${tG} style="${t$}" />
+    `,t_=()=>d({...tE,alt:B,style:tb,setting:{qualityType:tm,qualityPercent:td},enableLazyLoadImage:!G,isNotLazyload:G,customAttrs:{"data-testid":"right-image"}}),tJ=()=>d({...tO,alt:P,style:tL,setting:{qualityType:tm,qualityPercent:td},enableLazyLoadImage:!G,isNotLazyload:G,customAttrs:{"data-testid":"left-image"}}),tM=()=>k({componentUid:te,customHandle:J,lineStyles:tv,sliderStyles:tA,handleStyles:tw,customHandleStyles:tC,leftArrowStyles:tI,rightArrowStyles:tu}),tP=()=>N({...tz,...tx,styles:_,childrenClass:tN,childrenStyle:tS,containerClass:tk,containerStyle:{}}),tR=()=>N({...tD,...tF,styles:_,childrenClass:tN,childrenStyle:tj,containerClass:tk,containerStyle:{}}),tT=()=>`${o(e,`<script ${m('class="gps-link" delay',"src")}="{{ 'gp-image-comparison-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${m('class="gps-link" delay',"src")}="${i}/assets-v2/gp-image-comparison-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`;return t`
     <gp-image-comparison
-      data-id="${ti}"
-      style="${th}"
-      class="${tN}"
-      gp-data='${JSON.stringify(tW)}'
+      data-id="${te}"
+      style="${ty}"
+      class="${tq}"
+      gp-data='${JSON.stringify(tH)}'
     >
-      <div id="img-comparison-wrapper-${ti}" style="${tf}">
+      <div id="img-comparison-wrapper-${te}" style="${th}">
         <div
-          id="img-comparison-container-${ti}"
+          id="img-comparison-container-${te}"
           data-testid="container"
-          style="${t$}"
+          style="${tf}"
         >
+          ${tW()}
           ${t_()}
           ${tJ()}
           ${tM()}
-          ${tP()}
+          ${o(tl,tP(),"")}
           ${o(to,tR(),"")}
-          ${o(tm,tT(),"")}
         </div>
       </div>
     </gp-image-comparison>
-    ${tV()}
+    ${tT()}
   `};export{CompareImage as default};

package/dist/esm/image-comparison/components/ImageComparison.liquid.js

@@ -1,5 +1,5 @@
-import{template as e}from"@gem-sdk/core";import{createClass as t,createStyle as r}from"@gem-sdk/system";import{getImageComparisonWrapperClasses as m,getImageComparisonWrapperStyles as a}from"../common/classes.js";import{getSliderPositionPercentage as i}from"../common/helpers.js";import l from"./CompareImage.liquid.js";let ImageComparison=({setting:o,styles:s,builderProps:g,advanced:d,...f})=>{let{imageLeft:n,altLeft:p,titleLeft:I,imageRight:c,altRight:u,titleRight:h,direction:b,defaultPercentage:v,leftImageLabel:y,rightImageLabel:L,sliderLineWidth:j,hoverToSlide:q,enableLabel:A,preload:C,translate:P,qualityType:T,qualityPercent:$,enableSEOLeft:k,enableSEORight:D}=o??{},x=t(m()),B=r(a());return e`
-    <div class="${x}" style="${B}">
-      ${l({...f,styles:s,preload:C,advanced:d,leftImage:n,leftImageAlt:k?p:"",leftImageTitle:k?I:"",rightImage:c,rightImageAlt:D?u:"",rightImageTitle:D?h:"",leftImageLabel:y??"Before",rightImageLabel:L??"After",sliderLineWidth:j,sliderPositionPercentage:i(v),vertical:"vertical"===b,hover:q,enableLabel:A,qualityType:T,qualityPercent:$,componentUid:g?.uid??"",builderData:g?.builderData,translate:P})}
+import{template as e}from"@gem-sdk/core";import{createClass as t,createStyle as i}from"@gem-sdk/system";import{getImageComparisonWrapperClasses as r,getImageComparisonWrapperStyles as a}from"../common/classes.js";import{getSettingTranslatedImageComparisonAndSeo as m,getSliderPositionPercentage as l}from"../common/helpers.js";import o from"./CompareImage.liquid.js";let ImageComparison=({setting:s,styles:g,builderProps:d,advanced:n,pageContext:p,...f})=>{let I=m({setting:s,uid:d?.uid,pageContext:p??{}}),{imageLeft:c,altLeft:u,titleLeft:h,imageRight:b,altRight:v,titleRight:y,direction:C,defaultPercentage:L,leftImageLabel:j,rightImageLabel:q,sliderLineWidth:A,hoverToSlide:P,enableLabel:T,preload:$,qualityType:k,qualityPercent:x,enableSEOLeft:D,enableSEORight:B}=I??{},U=t(r()),W=i(a());return e`
+    <div class="${U}" style="${W}">
+      ${o({...f,styles:g,preload:$,advanced:n,leftImage:c,leftImageAlt:D?u:"",leftImageTitle:D?h:"",rightImage:b,rightImageAlt:B?v:"",rightImageTitle:B?y:"",leftImageLabel:j??"Before",rightImageLabel:q??"After",sliderLineWidth:A,sliderPositionPercentage:l(L),vertical:"vertical"===C,hover:P,enableLabel:T,qualityType:k,qualityPercent:x,componentUid:d?.uid??"",builderData:d?.builderData})}
     </div>
   `};export{ImageComparison as default};

package/dist/esm/image-comparison/components/Label.liquid.js

@@ -1,12 +1,12 @@
-import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t}from"../../helpers.js";import{getLabelCustomCss as s}from"../common/styles.js";let Label=({uid:l,label:i,styles:a,translate:r,positionId:o,pageContext:m,translateLabel:d,childrenStyle:p,childrenClass:$,containerStyle:c,containerClass:y})=>{let f=s(a,l??""),n=t({uid:l,translate:r,val:i,pageContext:m,settingId:d,isCapitalize:a?.typo?.attrs?.transform==="capitalize"});return e`
+import{template as t}from"@gem-sdk/core";import{getDynamicSourceLocales as e,createSettingId as s}from"../../helpers.js";import{getLabelCustomCss as i}from"../common/styles.js";import{ImageComparison as a}from"../settings/configs/translate.js";let Label=({uid:l,label:o,styles:r,positionId:m,pageContext:d,translateLabel:p,childrenStyle:n,childrenClass:$,containerStyle:c,containerClass:f})=>{let g=i(r,l??""),y=e({uid:l,val:o,pageContext:d??{},settingId:s({id:a?.[p]?.id}),isCapitalize:r?.typo?.attrs?.transform==="capitalize"});return t`
     <div
-      id="image-comparison-${o}-label-${l}"
+      id="image-comparison-${m}-label-${l}"
       style="${c}"
-      class="${y}"
+      class="${f}"
     >
-      <style>${f}</style>
-      <div class="${$}" style="${p}">
-        ${n}
+      <style>${g}</style>
+      <div class="${$}" style="${n}">
+        ${y}
       </div>
     </div>
   `};export{Label as default};

package/dist/esm/image-comparison/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/system";import"@gem-sdk/core";import"react";import"./components/Label.js";import m from"./settings/ImageComparison.js";let imageComparisonSetting={ImageComparison:m};export{imageComparisonSetting};
+import"react/jsx-runtime";import"@gem-sdk/system";import"@gem-sdk/core";import"react";import"next/link";import"./components/Label.js";import m from"./settings/ImageComparison.js";let imageComparisonSetting={ImageComparison:m};export{imageComparisonSetting};

package/dist/esm/image-comparison/settings/ImageComparison.js

@@ -1,6 +1,6 @@
-import{ImageComparisonSettings as i}from"./configs/settings.js";import{SettingUIV1 as t}from"./configs/ui-v1.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";let config={tag:"ImageComparison",label:"Image Comparison",icon:`
+import{ImageComparisonSettings as i}from"./configs/settings.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";let config={tag:"ImageComparison",label:"Image Comparison",icon:`
   <div>ImageComparison</div>
-  `,settings:i,ui:t,uiV2:o,presets:[{id:"image-comparison",name:{en:"Image Comparison"},icon:{desktop:`
+  `,settings:i,ui:[],uiV2:t,presets:[{id:"image-comparison",name:"Image Comparison",icon:{desktop:`
          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M0 3C0 1.34315 1.34315 0 3 0H37V48H3C1.34315 48 0 46.6569 0 45V3Z" fill="#757575"/>
           <path d="M37 0H93C94.6569 0 96 1.34315 96 3V45C96 46.6569 94.6569 48 93 48H37V0Z" fill="#424242"/>

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

@@ -1 +1 @@
-let ImageComparisonSettings=[{id:"setting",controls:[{id:"imageTab",label:"",type:"option:value",options:[{label:"First",value:"left"},{label:"Second",value:"right"}],default:"left"},{id:"imageLeft",label:"Left image",type:"group",controls:[{id:"imageLeft",type:"image",default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_compare_before.png",width:900,height:600},hiddenSetting:{seo:!0,optimizeLCP:!0}}]},{id:"imageRight",label:"Right Image",type:"group",controls:[{id:"imageRight",type:"image",default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_compare_after.png",width:900,height:600},hiddenSetting:{seo:!0,optimizeLCP:!0}}]},{id:"preload",type:"toggle",label:"Preload",default:!1},{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:["%"],min:100,max:400,step:50,useOnlyUnitInit:!0,showDefaultUnit:!0,isNumber:!0,devices:{desktop:{default:100}}},{id:"direction",label:"Layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"Horizontal",value:"horizontal",iconName:"gp-image-comparison-horizontal"},{label:"Vertical",value:"vertical",iconName:"gp-image-comparison-vertical"}],default:"horizontal"},{id:"slider-settings",type:"group",label:"Slider",controls:[{id:"hoverToSlide",type:"select",options:[{label:"Drag to move",value:!1},{label:"Hover to move",value:!0}],label:"Behavior",default:!1},{id:"defaultPercentage",label:"Default ratio",type:"input:slider",useOnlyUnitInit:!0,showDefaultUnit:!0,isNumber:!0,units:["%"],hide:!0,min:1,max:100,default:50}]},{id:"enableLabel",type:"toggle",default:!1},{id:"leftImageLabel",label:"First Description",type:"input",default:"Before"},{id:"translate",type:"input",default:"leftImageLabel,rightImageLabel"},{id:"rightImageLabel",label:"Second Description",type:"input",default:"After"},{id:"enableSEOLeft",type:"toggle",default:!1},{id:"enableSEORight",type:"toggle",default:!1},{id:"seo",type:"group",label:"SEO",controls:[{id:"seoTab",label:"",type:"option:value",options:[{label:"First",value:"left"},{label:"Second",value:"right"}],default:"left"},{id:"altLeft",label:"First image alt text",type:"textarea",minHeight:76,autoHeight:!0,placeholder:"E.g: image of an iphone",default:"Describes the appearance of the image"},{id:"altRight",label:"Second image alt text",type:"textarea",minHeight:76,autoHeight:!0,placeholder:"E.g: image of an iphone",default:"Describes the appearance of the image"},{id:"titleLeft",label:"First image title",info:"Show title when hover to first image",type:"input",placeholder:"E.g: iphone compare",default:"Title"},{id:"titleRight",label:"Second image title",info:"Show title when hover to second image",type:"input",placeholder:"E.g: iphone compare",default:"Title"}]}]},{id:"style",controls:[{id:"label-settings",type:"group",label:"Label",controls:[{id:"labelPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"4px",bottom:"4px",right:"4px",linked:!0}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"4px",bottom:"4px",right:"4px",linked:!0}}}},{id:"labelBackgroundColor",type:"color-picker-v2",devices:{desktop:{default:"rgba(0, 0, 0, 0.60)"}}},{id:"labelPositionHoz",label:"Position",type:"option:value",devices:{desktop:{default:"hoz-center"}},options:[{label:"Top",value:"top",iconName:"gp-justify-content-top"},{label:"Center",value:"hoz-center",iconName:"gp-justify-content-center"},{label:"Bottom",value:"bottom",iconName:"gp-justify-content-bottom"}]},{id:"labelPositionVer",label:"Position",type:"option:value",devices:{desktop:{default:"ver-center"}},options:[{label:"Left",value:"left",iconName:"gp-justify-content-left"},{label:"Center",value:"ver-center",iconName:"gp-justify-content-middle"},{label:"Right",value:"right",iconName:"gp-justify-content-right"}]},{id:"labelTextColor",type:"colorpicker",label:"Text Color",default:"#FFFFFF"},{id:"labelBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-1",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-1",width:"1px",borderWidth:"1px"}}}},{id:"labelRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"labelShadow",type:"shadow-v2",devices:{desktop:{}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]},{id:"size-settings",type:"group",label:"Size",controls:[{id:"aspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Original",value:"auto"},{label:"1:1",value:"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:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"imageScale",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:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",emptyOnClear:!0,placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}}]},{id:"typo",type:"typography-combo",default:{type:"paragraph-2"},ignoreReRender:!0,compoDefaultValue:{attrs:{color:"#FFFFFF"}},hiddenSetting:{textAlign:!0}},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{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:"center"}}}]}];export{ImageComparisonSettings};
+let ImageComparisonSettings=[{id:"setting",controls:[{id:"imageTab",label:"",type:"option:value",options:[{label:"First",value:"left"},{label:"Second",value:"right"}],default:"left"},{id:"imageLeft",label:"Left image",type:"group",controls:[{id:"imageLeft",type:"image",default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_compare_before.png",width:900,height:600},hiddenSetting:{seo:!0,optimizeLCP:!0}}]},{id:"imageRight",label:"Right Image",type:"group",controls:[{id:"imageRight",type:"image",default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_compare_after.png",width:900,height:600},hiddenSetting:{seo:!0,optimizeLCP:!0}}]},{id:"preload",type:"toggle",label:"Preload",default:!1},{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:["%"],min:100,max:400,step:50,useOnlyUnitInit:!0,showDefaultUnit:!0,isNumber:!0,devices:{desktop:{default:100}}},{id:"direction",label:"Layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"Horizontal",value:"horizontal",iconName:"gp-image-comparison-horizontal"},{label:"Vertical",value:"vertical",iconName:"gp-image-comparison-vertical"}],default:"horizontal"},{id:"slider-settings",type:"group",label:"Slider",controls:[{id:"hoverToSlide",type:"select",options:[{label:"Drag to move",value:!1},{label:"Hover to move",value:!0}],label:"Behavior",default:!1},{id:"defaultPercentage",label:"Default ratio",type:"input:slider",useOnlyUnitInit:!0,showDefaultUnit:!0,isNumber:!0,units:["%"],hide:!0,min:1,max:100,default:50}]},{id:"enableLabel",type:"toggle",default:!1},{id:"leftImageLabel",label:"First Description",type:"input",default:"Before"},{id:"rightImageLabel",label:"Second Description",type:"input",default:"After"},{id:"enableSEOLeft",type:"toggle",default:!1},{id:"enableSEORight",type:"toggle",default:!1},{id:"seo",type:"group",label:"SEO",controls:[{id:"seoTab",label:"",type:"option:value",options:[{label:"First",value:"left"},{label:"Second",value:"right"}],default:"left"},{id:"altLeft",label:"First image alt text",type:"textarea",minHeight:76,autoHeight:!0,placeholder:"E.g: image of an iphone",default:"Describes the appearance of the image"},{id:"altRight",label:"Second image alt text",type:"textarea",minHeight:76,autoHeight:!0,placeholder:"E.g: image of an iphone",default:"Describes the appearance of the image"},{id:"titleLeft",label:"First image title",info:"Show title when hover to first image",type:"input",placeholder:"E.g: iphone compare",default:"Title"},{id:"titleRight",label:"Second image title",info:"Show title when hover to second image",type:"input",placeholder:"E.g: iphone compare",default:"Title"}]}]},{id:"style",controls:[{id:"label-settings",type:"group",label:"Label",controls:[{id:"labelPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"4px",bottom:"4px",right:"4px",linked:!0}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"4px",bottom:"4px",right:"4px",linked:!0}}}},{id:"labelBackgroundColor",type:"color-picker-v2",devices:{desktop:{default:"rgba(0, 0, 0, 0.60)"}}},{id:"labelPositionHoz",label:"Position",type:"option:value",devices:{desktop:{default:"hoz-center"}},options:[{label:"Top",value:"top",iconName:"gp-justify-content-top"},{label:"Center",value:"hoz-center",iconName:"gp-justify-content-center"},{label:"Bottom",value:"bottom",iconName:"gp-justify-content-bottom"}]},{id:"labelPositionVer",label:"Position",type:"option:value",devices:{desktop:{default:"ver-center"}},options:[{label:"Left",value:"left",iconName:"gp-justify-content-left"},{label:"Center",value:"ver-center",iconName:"gp-justify-content-middle"},{label:"Right",value:"right",iconName:"gp-justify-content-right"}]},{id:"labelTextColor",type:"colorpicker",label:"Text Color",default:"#FFFFFF"},{id:"labelBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-1",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-1",width:"1px",borderWidth:"1px"}}}},{id:"labelRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"labelShadow",type:"shadow-v2",devices:{desktop:{}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]},{id:"size-settings",type:"group",label:"Size",controls:[{id:"aspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Original",value:"auto"},{label:"1:1",value:"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:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"imageScale",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:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",emptyOnClear:!0,placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}}]},{id:"typo",type:"typography-combo",default:{type:"paragraph-2"},ignoreReRender:!0,compoDefaultValue:{attrs:{color:"#FFFFFF"}},hiddenSetting:{textAlign:!0}},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{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:"center"}}}]}];export{ImageComparisonSettings};

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

@@ -0,0 +1 @@
+let ImageComparison={altLeft:{id:"altLeft"},altRight:{id:"altRight"},titleLeft:{id:"titleLeft"},titleRight:{id:"titleRight"},rightImageLabel:{id:"rightImageLabel"},leftImageLabel:{id:"leftImageLabel"},imageLeft:{id:"imageLeft",fields:["src"]},imageRight:{id:"imageRight",fields:["src"]}};export{ImageComparison};

package/dist/esm/image-comparison/settings/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"direction"},layout:"vertical",options:{fullWidth:!0}}]},{label:{en:"Image"},controls:[{label:{en:"1st image"},setting:{id:"imageLeft"},options:{updateFields:[{field:"preload",settingId:"preload"},{field:"altText",settingId:"altLeft"},{field:"imageTitle",settingId:"titleLeft"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"altLeft",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"titleLeft",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:{en:"2nd image"},setting:{id:"imageRight"},options:{updateFields:[{field:"preload",settingId:"preload"},{field:"altText",settingId:"altRight"},{field:"imageTitle",settingId:"titleRight"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"altRight",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"titleRight",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:{en:"Scale"},setting:{id:"imageScale"}}]},{label:{en:"Slider"},controls:[{label:{en:"Behavior"},setting:{id:"hoverToSlide"}},{label:{en:"Default ratio"},setting:{id:"defaultPercentage"}}]},{controls:[{label:{en:"Badge"},setting:{id:"enableLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"1st"},conditionDisplay:"enableLabel === true",setting:{id:"leftImageLabel"}},{label:{en:"2nd"},conditionDisplay:"enableLabel === true",setting:{id:"rightImageLabel"}},{conditionDisplay:"enableLabel === true",label:{en:"Text style"},setting:{id:"typo"},options:{updateFields:[{field:"attrs.color",settingId:"labelTextColor"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:{en:"Padding"},conditionDisplay:"enableLabel === true",setting:{id:"labelPadding"}},{label:{en:"Background"},conditionDisplay:"enableLabel === true",setting:{id:"labelBackgroundColor"}},{label:{en:"Border"},conditionDisplay:"enableLabel === true",setting:{id:"labelBorder"}},{label:{en:"Corner"},conditionDisplay:"enableLabel === true",setting:{id:"labelRounded"}},{label:{en:"Shadow"},conditionDisplay:"enableLabel === true",setting:{id:"labelShadow"}},{label:{en:"Position"},setting:{id:"labelPositionHoz"},conditionDisplay:"enableLabel === true && direction === 'horizontal'"},{label:{en:"Position"},setting:{id:"labelPositionVer"},conditionDisplay:"enableLabel === true && direction === 'vertical'"}]},{label:{en:"Size"},controls:[{label:{en:"Frame"},setting:{id:"aspectRatio"}},{label:{en:"Ratio"},conditionDisplay:"aspectRatio === 'custom'",setting:{id:"customAspectRadio"}},{label:{en:"Width"},setting:{id:"width"}}]},{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:"Optimize LCP"},controls:[{label:{en:"Preload"},setting:{id:"preload"}},{label:{en:"Quality"},conditionEnable:"((imageLeft.src || imageRight.src) && (imageLeft.src.includes('cdn.shopify.com') || imageRight.src.includes('cdn.shopify.com')))",conditionDisplay:"preload === false",setting:{id:"qualityType"},options:{fullWidth:!0,disableMessage:"This setting only works with images uploaded to Shopify"}},{layout:"horizontal",label:{en:"Quality"},conditionDisplay:'qualityType == "custom" && preload === false && ((imageLeft.src || imageRight.src) && (imageLeft.src.includes("cdn.shopify.com") || imageRight.src.includes("cdn.shopify.com"))) ',setting:{id:"qualityPercent"}}]},{label:{en:"SEO"},controls:[{label:{en:"1st image"},type:"combo",iconName:"polaris-text-title",fixedValue:"Edit",popoverLabel:{en:"SEO"},setting:{id:"enableSEOLeft"},controls:[{label:{en:"Alt text"},options:{labelAlign:"top"},setting:{id:"altLeft"}},{label:{en:"Image title"},options:{labelAlign:"top"},setting:{id:"titleLeft"}}]},{label:{en:"2nd image"},type:"combo",iconName:"polaris-text-title",fixedValue:"Edit",setting:{id:"enableSEORight"},popoverLabel:{en:"SEO"},controls:[{label:{en:"Alt text"},options:{labelAlign:"top"},setting:{id:"altRight"}},{label:{en:"Image title"},options:{labelAlign:"top"},setting:{id:"titleRight"}}]}]},{controls:[{label:{en:"Align"},conditionEnable:'!(width === "default" || (parseInt(width) >= 100 && width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:"Layout",controls:[{setting:{id:"direction"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Image",controls:[{label:"1st image",setting:{id:"imageLeft"},options:{updateFields:[{field:"preload",settingId:"preload"},{field:"altText",settingId:"altLeft"},{field:"imageTitle",settingId:"titleLeft"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"altLeft",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"titleLeft",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"2nd image",setting:{id:"imageRight"},options:{updateFields:[{field:"preload",settingId:"preload"},{field:"altText",settingId:"altRight"},{field:"imageTitle",settingId:"titleRight"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"altRight",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"titleRight",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Scale",setting:{id:"imageScale"}}]},{label:"Slider",controls:[{label:"Behavior",setting:{id:"hoverToSlide"}},{label:"Default ratio",setting:{id:"defaultPercentage"}}]},{controls:[{label:"Badge",setting:{id:"enableLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"1st",conditionDisplay:"enableLabel === true",setting:{id:"leftImageLabel"}},{label:"2nd",conditionDisplay:"enableLabel === true",setting:{id:"rightImageLabel"}},{conditionDisplay:"enableLabel === true",label:"Text style",setting:{id:"typo"},options:{updateFields:[{field:"attrs.color",settingId:"labelTextColor"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Padding",conditionDisplay:"enableLabel === true",setting:{id:"labelPadding"}},{label:"Background",conditionDisplay:"enableLabel === true",setting:{id:"labelBackgroundColor"}},{label:"Border",conditionDisplay:"enableLabel === true",setting:{id:"labelBorder"}},{label:"Corner",conditionDisplay:"enableLabel === true",setting:{id:"labelRounded"}},{label:"Shadow",conditionDisplay:"enableLabel === true",setting:{id:"labelShadow"}},{label:"Position",setting:{id:"labelPositionHoz"},conditionDisplay:"enableLabel === true && direction === 'horizontal'"},{label:"Position",setting:{id:"labelPositionVer"},conditionDisplay:"enableLabel === true && direction === 'vertical'"}]},{label:"Size",controls:[{label:"Frame",setting:{id:"aspectRatio"}},{label:"Ratio",conditionDisplay:"aspectRatio === 'custom'",setting:{id:"customAspectRadio"}},{label:"Width",setting:{id:"width"}}]},{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:"Optimize LCP",controls:[{label:"Preload",setting:{id:"preload"}},{label:"Quality",conditionEnable:"((imageLeft.src || imageRight.src) && (imageLeft.src.includes('cdn.shopify.com') || imageRight.src.includes('cdn.shopify.com')))",conditionDisplay:"preload === false",setting:{id:"qualityType"},options:{fullWidth:!0,disableMessage:"This setting only works with images uploaded to Shopify"}},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && preload === false && ((imageLeft.src || imageRight.src) && (imageLeft.src.includes("cdn.shopify.com") || imageRight.src.includes("cdn.shopify.com"))) ',setting:{id:"qualityPercent"}}]},{label:"SEO",controls:[{label:"1st image",type:"combo",iconName:"polaris-text-title",fixedValue:"Edit",popoverLabel:"SEO",setting:{id:"enableSEOLeft"},controls:[{label:"Alt text",options:{labelAlign:"top"},setting:{id:"altLeft"}},{label:"Image title",options:{labelAlign:"top"},setting:{id:"titleLeft"}}]},{label:"2nd image",type:"combo",iconName:"polaris-text-title",fixedValue:"Edit",setting:{id:"enableSEORight"},popoverLabel:"SEO",controls:[{label:"Alt text",options:{labelAlign:"top"},setting:{id:"altRight"}},{label:"Image title",options:{labelAlign:"top"},setting:{id:"titleRight"}}]}]},{controls:[{label:"Align",conditionEnable:'!(width === "default" || (parseInt(width) >= 100 && width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{SettingUIV2};

package/dist/esm/image-detection/components/ImageDetection.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as p,useRef as r,useEffect as i}from"react";import l from"next/image";function getRandomArbitrary(e,t){return Math.random()*(t-e)+e}let ImageDetection=({setting:g,builderProps:a})=>{let[n,d]=p(!1),[o,s]=p(0),c=r(null);i(()=>(g?.loading?(d(!1),C()):d(!0),()=>{c.current&&clearInterval(c.current)}),[g?.loading]);let C=()=>{s(0),c.current=setInterval(()=>{s(e=>{let t=getRandomArbitrary(0,6);return e>=580?e:e+t})},100)};return e("div",{"data-toolbar-hide":"true",className:"gps-base-font-family gps-image-detection-section gp-relative gp-mb-[6px] gp-w-full gp-border gp-border-[#F4F4F4]",children:[e("div",{className:"gps-generating-actions gp-absolute gp-right-0 gp-top-0 gp-z-4 gp-hidden gp-h-[32px] gp-items-center gp-border gp-border-[#F4F4F4] gp-bg-white gp-px-[4px]",children:[e("svg",{className:"gp-ml-[16px]",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M12.1455 2.78916C12.0859 2.60446 11.8246 2.60446 11.7649 2.78916L11.6155 3.25182C11.5178 3.554 11.2825 3.79186 10.9814 3.89269L10.5216 4.04667C10.3396 4.10761 10.3396 4.36503 10.5216 4.42597L10.9814 4.57995C11.2825 4.68078 11.5178 4.91864 11.6155 5.22082L11.7649 5.68348C11.8246 5.86818 12.0859 5.86818 12.1455 5.68348L12.295 5.22082C12.3926 4.91864 12.6279 4.68078 12.929 4.57995L13.3889 4.42597C13.5708 4.36503 13.5708 4.10761 13.3889 4.04667L12.929 3.89269C12.6279 3.79186 12.3926 3.554 12.295 3.25182L12.1455 2.78916Z",fill:`url(#paint0_linear_4588_15357_${a?.uid})`}),t("path",{d:"M8.14069 3.48376C8.0512 3.20671 7.65922 3.20671 7.56973 3.48376L6.95968 5.37244C6.66685 6.27898 5.96086 6.99256 5.0575 7.29506L3.20474 7.91548C2.93175 8.0069 2.93175 8.39302 3.20474 8.48443L5.0575 9.10485C5.96086 9.40735 6.66685 10.1209 6.95968 11.0275L7.56973 12.9162C7.65922 13.1932 8.0512 13.1932 8.14069 12.9162L8.75074 11.0275C9.04357 10.1209 9.74956 9.40735 10.6529 9.10485L12.5057 8.48443C12.7787 8.39302 12.7787 8.0069 12.5057 7.91548L10.6529 7.29506C9.74956 6.99256 9.04357 6.27898 8.75074 5.37243L8.14069 3.48376Z",fill:`url(#paint1_linear_4588_15357_${a?.uid})`}),e("defs",{children:[e("linearGradient",{id:`paint0_linear_4588_15357_${a?.uid}`,x1:"13.5254",y1:"10.6471",x2:"2.99977",y2:"10.6351",gradientUnits:"userSpaceOnUse",children:[t("stop",{stopColor:"#874CFD"}),t("stop",{offset:"1",stopColor:"#3C38E1"})]}),e("linearGradient",{id:`paint1_linear_4588_15357_${a?.uid}`,x1:"13.5254",y1:"10.6471",x2:"2.99977",y2:"10.6351",gradientUnits:"userSpaceOnUse",children:[t("stop",{stopColor:"#874CFD"}),t("stop",{offset:"1",stopColor:"#3C38E1"})]})]})]}),t("span",{className:"gps-generating-section-text gp-ml-[4px] gp-mr-[16px] gp-text-[12px] gp-font-medium",children:"Generating section"}),t("div",{className:"gp-mx-[4px] gp-h-[28px] gp-w-[1px] gp-bg-[#5B5B5B] gp-opacity-10"}),t("div",{"data-url":g?.imagePreviewUrl||"","data-uid":a?.uid,className:"gp-image-detection-generating-delete gp-relative gp-flex gp-h-[24px] gp-w-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] gp-text-[#212121] hover:gp-bg-[#F44336] hover:gp-text-white",children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M6.5 6C6.77614 6 7 6.22386 7 6.5V11.5C7 11.7761 6.77614 12 6.5 12C6.22386 12 6 11.7761 6 11.5V6.5C6 6.22386 6.22386 6 6.5 6Z",fill:"currentColor"}),t("path",{d:"M9.5 6C9.77614 6 10 6.22386 10 6.5V11.5C10 11.7761 9.77614 12 9.5 12C9.22386 12 9 11.7761 9 11.5V6.5C9 6.22386 9.22386 6 9.5 6Z",fill:"currentColor"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.5V3H14C14.2761 3 14.5 3.22386 14.5 3.5C14.5 3.77614 14.2761 4 14 4H13V12.5C13 13.8807 11.8807 15 10.5 15H5.5C4.11929 15 3 13.8807 3 12.5V4H2C1.72386 4 1.5 3.77614 1.5 3.5C1.5 3.22386 1.72386 3 2 3H5V2.5C5 1.67157 5.67157 1 6.5 1H9.5C10.3284 1 11 1.67157 11 2.5ZM4 4V12.5C4 13.3284 4.67157 14 5.5 14H10.5C11.3284 14 12 13.3284 12 12.5V4H4ZM6 3V2.5C6 2.22386 6.22386 2 6.5 2H9.5C9.77614 2 10 2.22386 10 2.5V3H6Z",fill:"currentColor"})]})})]}),!!g?.imagePreviewUrl&&t(l,{className:"gp-h-auto gp-w-full gp-opacity-50",src:g?.imagePreviewUrl||"",alt:"",width:100,height:100}),t("div",{className:`gp-absolute gp-left-0 gp-top-0 gp-z-2 gp-flex gp-h-full gp-w-full   ${n?"gp-hidden":""}`,children:e("div",{className:"gp-relative gp-h-[2px] gp-w-full gp-overflow-hidden gp-rounded-md",children:[t("div",{className:"gp-absolute gp-h-full gp-w-full gp-rounded-md gp-bg-[#F4F4F4]"}),t("div",{className:"gps-image-to-layout-progress-bar gp-absolute gp-h-full gp-rounded-md gp-transition-all",style:{width:`${o/600*100}%`}})]})}),e("div",{className:`gp-absolute gp-left-[8px] gp-top-[8px] gp-z-[99] gp-flex gp-w-[calc(100%_-_16px)] gp-items-center gp-justify-between gp-rounded-[3px] gp-bg-[#FEE4E3] gp-pl-[4px] gp-pr-[16px] gp-h-[48px] ${n?"":"gp-hidden"}`,children:[e("div",{className:"gp-flex gp-items-center ",children:[t("div",{className:"gp-flex gp-h-[24px] gp-w-[24px] gp-items-center gp-justify-center",children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 10.5C7.58579 10.5 7.25 10.8358 7.25 11.25C7.25 11.6642 7.58579 12 8 12C8.41421 12 8.75 11.6642 8.75 11.25C8.75 10.8358 8.41421 10.5 8 10.5ZM8.5 4C8.5 3.72386 8.27614 3.5 8 3.5C7.72386 3.5 7.5 3.72386 7.5 4V9C7.5 9.27614 7.72386 9.5 8 9.5C8.27614 9.5 8.5 9.27614 8.5 9V4Z",fill:"#C3362B"})})}),t("span",{className:"gps-base-font-family gp-ml-[4px] gp-text-sm gp-font-medium gp-text-[#212121]",children:g?.error||"Sorry, we have trouble generate layout from this section. Try again or delete it to publish."})]}),e("div",{className:"gp-flex gp-items-center",children:[!g?.error&&t("div",{"data-url":g?.imagePreviewUrl||"","data-uid":a?.uid,className:"gp-image-detection-retry gp-cursor-pointer gp-text-sm gp-font-medium gp-text-[#3C67FF]",children:"Try again"}),t("div",{"data-url":g?.imagePreviewUrl||"","data-uid":a?.uid,className:"gp-image-detection-delete gp-relative gp-ml-[16px] gp-flex gp-h-[32px] gp-w-[32px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] gp-text-[#F44336] hover:gp-bg-red-400 hover:gp-text-white",children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M6.5 6C6.77614 6 7 6.22386 7 6.5V11.5C7 11.7761 6.77614 12 6.5 12C6.22386 12 6 11.7761 6 11.5V6.5C6 6.22386 6.22386 6 6.5 6Z",fill:"currentColor"}),t("path",{d:"M9.5 6C9.77614 6 10 6.22386 10 6.5V11.5C10 11.7761 9.77614 12 9.5 12C9.22386 12 9 11.7761 9 11.5V6.5C9 6.22386 9.22386 6 9.5 6Z",fill:"currentColor"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.5V3H14C14.2761 3 14.5 3.22386 14.5 3.5C14.5 3.77614 14.2761 4 14 4H13V12.5C13 13.8807 11.8807 15 10.5 15H5.5C4.11929 15 3 13.8807 3 12.5V4H2C1.72386 4 1.5 3.77614 1.5 3.5C1.5 3.22386 1.72386 3 2 3H5V2.5C5 1.67157 5.67157 1 6.5 1H9.5C10.3284 1 11 1.67157 11 2.5ZM4 4V12.5C4 13.3284 4.67157 14 5.5 14H10.5C11.3284 14 12 13.3284 12 12.5V4H4ZM6 3V2.5C6 2.22386 6.22386 2 6.5 2H9.5C9.77614 2 10 2.22386 10 2.5V3H6Z",fill:"currentColor"})]})})]})]})]})};export{ImageDetection as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as p,useRef as r,useEffect as i}from"react";import l from"next/image";import{useI18nStore as g}from"@gem-sdk/core";function getRandomArbitrary(e,t){return Math.random()*(t-e)+e}let ImageDetection=({setting:a,builderProps:n})=>{let[d,o]=p(!1),[s,c]=p(0),C=r(null),{t:h}=g();i(()=>(a?.loading?(o(!1),m()):o(!0),()=>{C.current&&clearInterval(C.current)}),[a?.loading]);let m=()=>{c(0),C.current=setInterval(()=>{c(e=>{let t=getRandomArbitrary(0,6);return e>=580?e:e+t})},100)};return e("div",{"data-toolbar-hide":"true",className:"gps-base-font-family gps-image-detection-section gp-relative gp-mb-[6px] gp-w-full gp-border gp-border-[#F4F4F4]",children:[e("div",{className:"gps-generating-actions gp-absolute gp-right-0 gp-top-0 gp-z-4 gp-hidden gp-h-[32px] gp-items-center gp-border gp-border-[#F4F4F4] gp-bg-white gp-px-[4px]",children:[e("svg",{className:"gp-ml-[16px]",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M12.1455 2.78916C12.0859 2.60446 11.8246 2.60446 11.7649 2.78916L11.6155 3.25182C11.5178 3.554 11.2825 3.79186 10.9814 3.89269L10.5216 4.04667C10.3396 4.10761 10.3396 4.36503 10.5216 4.42597L10.9814 4.57995C11.2825 4.68078 11.5178 4.91864 11.6155 5.22082L11.7649 5.68348C11.8246 5.86818 12.0859 5.86818 12.1455 5.68348L12.295 5.22082C12.3926 4.91864 12.6279 4.68078 12.929 4.57995L13.3889 4.42597C13.5708 4.36503 13.5708 4.10761 13.3889 4.04667L12.929 3.89269C12.6279 3.79186 12.3926 3.554 12.295 3.25182L12.1455 2.78916Z",fill:`url(#paint0_linear_4588_15357_${n?.uid})`}),t("path",{d:"M8.14069 3.48376C8.0512 3.20671 7.65922 3.20671 7.56973 3.48376L6.95968 5.37244C6.66685 6.27898 5.96086 6.99256 5.0575 7.29506L3.20474 7.91548C2.93175 8.0069 2.93175 8.39302 3.20474 8.48443L5.0575 9.10485C5.96086 9.40735 6.66685 10.1209 6.95968 11.0275L7.56973 12.9162C7.65922 13.1932 8.0512 13.1932 8.14069 12.9162L8.75074 11.0275C9.04357 10.1209 9.74956 9.40735 10.6529 9.10485L12.5057 8.48443C12.7787 8.39302 12.7787 8.0069 12.5057 7.91548L10.6529 7.29506C9.74956 6.99256 9.04357 6.27898 8.75074 5.37243L8.14069 3.48376Z",fill:`url(#paint1_linear_4588_15357_${n?.uid})`}),e("defs",{children:[e("linearGradient",{id:`paint0_linear_4588_15357_${n?.uid}`,x1:"13.5254",y1:"10.6471",x2:"2.99977",y2:"10.6351",gradientUnits:"userSpaceOnUse",children:[t("stop",{stopColor:"#874CFD"}),t("stop",{offset:"1",stopColor:"#3C38E1"})]}),e("linearGradient",{id:`paint1_linear_4588_15357_${n?.uid}`,x1:"13.5254",y1:"10.6471",x2:"2.99977",y2:"10.6351",gradientUnits:"userSpaceOnUse",children:[t("stop",{stopColor:"#874CFD"}),t("stop",{offset:"1",stopColor:"#3C38E1"})]})]})]}),t("span",{className:"gps-generating-section-text gp-ml-[4px] gp-mr-[16px] gp-text-[12px] gp-font-medium",children:h("Generating section")}),t("div",{className:"gp-mx-[4px] gp-h-[28px] gp-w-[1px] gp-bg-[#5B5B5B] gp-opacity-10"}),t("div",{"data-url":a?.imagePreviewUrl||"","data-uid":n?.uid,className:"gp-image-detection-generating-delete gp-relative gp-flex gp-h-[24px] gp-w-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] gp-text-[#212121] hover:gp-bg-[#F44336] hover:gp-text-white",children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M6.5 6C6.77614 6 7 6.22386 7 6.5V11.5C7 11.7761 6.77614 12 6.5 12C6.22386 12 6 11.7761 6 11.5V6.5C6 6.22386 6.22386 6 6.5 6Z",fill:"currentColor"}),t("path",{d:"M9.5 6C9.77614 6 10 6.22386 10 6.5V11.5C10 11.7761 9.77614 12 9.5 12C9.22386 12 9 11.7761 9 11.5V6.5C9 6.22386 9.22386 6 9.5 6Z",fill:"currentColor"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.5V3H14C14.2761 3 14.5 3.22386 14.5 3.5C14.5 3.77614 14.2761 4 14 4H13V12.5C13 13.8807 11.8807 15 10.5 15H5.5C4.11929 15 3 13.8807 3 12.5V4H2C1.72386 4 1.5 3.77614 1.5 3.5C1.5 3.22386 1.72386 3 2 3H5V2.5C5 1.67157 5.67157 1 6.5 1H9.5C10.3284 1 11 1.67157 11 2.5ZM4 4V12.5C4 13.3284 4.67157 14 5.5 14H10.5C11.3284 14 12 13.3284 12 12.5V4H4ZM6 3V2.5C6 2.22386 6.22386 2 6.5 2H9.5C9.77614 2 10 2.22386 10 2.5V3H6Z",fill:"currentColor"})]})})]}),!!a?.imagePreviewUrl&&t(l,{className:"gp-h-auto gp-w-full gp-opacity-50",src:a?.imagePreviewUrl||"",alt:"",width:100,height:100}),t("div",{className:`gp-absolute gp-left-0 gp-top-0 gp-z-2 gp-flex gp-h-full gp-w-full   ${d?"gp-hidden":""}`,children:e("div",{className:"gp-relative gp-h-[2px] gp-w-full gp-overflow-hidden gp-rounded-md",children:[t("div",{className:"gp-absolute gp-h-full gp-w-full gp-rounded-md gp-bg-[#F4F4F4]"}),t("div",{className:"gps-image-to-layout-progress-bar gp-absolute gp-h-full gp-rounded-md gp-transition-all",style:{width:`${s/600*100}%`}})]})}),e("div",{className:`gp-absolute gp-left-[8px] gp-top-[8px] gp-z-[99] gp-flex gp-w-[calc(100%_-_16px)] gp-items-center gp-justify-between gp-rounded-[3px] gp-bg-[#FEE4E3] gp-pl-[4px] gp-pr-[16px] gp-h-[48px] ${d?"":"gp-hidden"}`,children:[e("div",{className:"gp-flex gp-items-center ",children:[t("div",{className:"gp-flex gp-h-[24px] gp-w-[24px] gp-items-center gp-justify-center",children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 10.5C7.58579 10.5 7.25 10.8358 7.25 11.25C7.25 11.6642 7.58579 12 8 12C8.41421 12 8.75 11.6642 8.75 11.25C8.75 10.8358 8.41421 10.5 8 10.5ZM8.5 4C8.5 3.72386 8.27614 3.5 8 3.5C7.72386 3.5 7.5 3.72386 7.5 4V9C7.5 9.27614 7.72386 9.5 8 9.5C8.27614 9.5 8.5 9.27614 8.5 9V4Z",fill:"#C3362B"})})}),t("span",{className:"gps-base-font-family gp-ml-[4px] gp-text-sm gp-font-medium gp-text-[#212121]",children:a?.error||h("Sorry, we have trouble generate layout from this section. Try again or delete it to publish.")})]}),e("div",{className:"gp-flex gp-items-center",children:[!a?.error&&t("div",{"data-url":a?.imagePreviewUrl||"","data-uid":n?.uid,className:"gp-image-detection-retry gp-cursor-pointer gp-text-sm gp-font-medium gp-text-[#3C67FF]",children:h("Try again")}),t("div",{"data-url":a?.imagePreviewUrl||"","data-uid":n?.uid,className:"gp-image-detection-delete gp-relative gp-ml-[16px] gp-flex gp-h-[32px] gp-w-[32px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] gp-text-[#F44336] hover:gp-bg-red-400 hover:gp-text-white",children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M6.5 6C6.77614 6 7 6.22386 7 6.5V11.5C7 11.7761 6.77614 12 6.5 12C6.22386 12 6 11.7761 6 11.5V6.5C6 6.22386 6.22386 6 6.5 6Z",fill:"currentColor"}),t("path",{d:"M9.5 6C9.77614 6 10 6.22386 10 6.5V11.5C10 11.7761 9.77614 12 9.5 12C9.22386 12 9 11.7761 9 11.5V6.5C9 6.22386 9.22386 6 9.5 6Z",fill:"currentColor"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.5V3H14C14.2761 3 14.5 3.22386 14.5 3.5C14.5 3.77614 14.2761 4 14 4H13V12.5C13 13.8807 11.8807 15 10.5 15H5.5C4.11929 15 3 13.8807 3 12.5V4H2C1.72386 4 1.5 3.77614 1.5 3.5C1.5 3.22386 1.72386 3 2 3H5V2.5C5 1.67157 5.67157 1 6.5 1H9.5C10.3284 1 11 1.67157 11 2.5ZM4 4V12.5C4 13.3284 4.67157 14 5.5 14H10.5C11.3284 14 12 13.3284 12 12.5V4H4ZM6 3V2.5C6 2.22386 6.22386 2 6.5 2H9.5C9.77614 2 10 2.22386 10 2.5V3H6Z",fill:"currentColor"})]})})]})]})]})};export{ImageDetection as default};

package/dist/esm/image-detection/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"next/image";import t from"./settings/ImageDetection.js";let imageDetectionSetting={ImageDetection:t};export{imageDetectionSetting};
+import"react/jsx-runtime";import"react";import"next/image";import"@gem-sdk/core";import t from"./settings/ImageDetection.js";let imageDetectionSetting={ImageDetection:t};export{imageDetectionSetting};

package/dist/esm/image-detection/settings/ImageDetection.js

@@ -1,3 +1,3 @@
 import{ImageDetectionSettings as e}from"./configs/settings.js";let config={tag:"ImageDetection",label:"ImageDetection",icon:`
 
-  `,settings:e,presets:[{id:"image-detection",name:{en:"ImageDetection"},icon:{desktop:'<span style="font-size: 20px; line-height: 1.5; font-weight: 500;">ID</span>'},components:[{tag:"ImageDetection"}]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},placeholder:{notAppendBeforeAfter:!0},toolbar:{hide:!0,parent:!0},sideBar:{hide:!0,tab:{setting:{hide:!0}}}}};export{config as default};
+  `,settings:e,presets:[{id:"image-detection",name:"ImageDetection",icon:{desktop:'<span style="font-size: 20px; line-height: 1.5; font-weight: 500;">ID</span>'},components:[{tag:"ImageDetection"}]}],editorConfigs:{component:{noSetting:!0,noDelete:!0,noDuplicate:!0,noDragDrop:!0},placeholder:{notAppendBeforeAfter:!0},toolbar:{hide:!0,parent:!0},sideBar:{hide:!0,tab:{setting:{hide:!0}}}}};export{config as default};

package/dist/esm/index.js

@@ -1 +1 @@
-export{accordionSetting}from"./accordion/index.js";export{articleListSetting}from"./article/index.js";export{bannerSetting}from"./hero-banner/index.js";export{breadcrumbSetting}from"./breadcrumb/index.js";export{buttonSetting}from"./button/index.js";export{carouselSettingV3}from"./carousel-v3/index.js";export{carouselSetting}from"./carousel/index.js";export{cartSetting}from"./cart/index.js";export{codeSetting}from"./code/index.js";export{collectionSetting}from"./collection/index.js";export{countdownSetting}from"./countdown-timer/index.js";export{couponSetting}from"./coupon/index.js";export{dialogSetting}from"./dialog/index.js";export{estimateDeliverySetting}from"./estimate-delivery/index.js";export{gridSetting}from"./grid/index.js";export{contactFormSetting}from"./form/index.js";export{headerSetting}from"./header/index.js";export{headingSetting}from"./heading/index.js";export{iconSetting}from"./icon/index.js";export{iconListSetting}from"./icon-list/index.js";export{iconListHozSetting}from"./icon-list-hoz/index.js";export{iconListSettingV2}from"./icon-list-v2/index.js";export{imageSetting}from"./image/index.js";export{imageComparisonSetting}from"./image-comparison/index.js";export{imageDetectionSetting}from"./image-detection/index.js";export{inputSetting}from"./input/index.js";export{lineSetting}from"./line/index.js";export{linkSetting}from"./link/index.js";export{marqueeSetting}from"./marquee/index.js";export{menuSetting}from"./menu/index.js";export{modalSetting}from"./modal/index.js";export{default as useNotification}from"./notification/hooks/useNotification.js";export{default as Notice}from"./notification/components/Notice.js";export{paginationSetting}from"./pagination/index.js";export{postPurchaseAdvancedListSetting}from"./post-purchase/advanced-list/index.js";export{postPurchaseButtonSetting}from"./post-purchase/button/index.js";export{postPurchaseCalloutBoxSetting}from"./post-purchase/callout-banner/index.js";export{postPurchaseCountdownTimerSetting}from"./post-purchase/countdown-timer/index.js";export{postPurchaseImageSetting}from"./post-purchase/image/index.js";export{postPurchaseLineSetting}from"./post-purchase/line/index.js";export{postPurchaseLinkSetting}from"./post-purchase/link/index.js";export{PostPurchaseHeading,postPurchaseTextSetting}from"./post-purchase/text/index.js";export{postPurchaseProductSetting}from"./post-purchase/product/index.js";export{productSetting}from"./product/index.js";export{radioSetting}from"./radio/index.js";export{selectSetting}from"./select/index.js";export{tabSetting}from"./tab/index.js";export{textSetting}from"./text/index.js";export{textareaSetting}from"./textarea/index.js";export{videoSetting}from"./video/index.js";export{thirdPartySetting}from"./third-party/index.js";export{thirdPartyInstantSetting}from"./third-party-instant/index.js";export{stockCounterSetting}from"./stock-counter/index.js";export{thirdPartySlotSetting}from"./third-party-slot/index.js";export{shopPayInstallmentSetting}from"./shop-pay-installment/index.js";export{stickySetting}from"./sticky/index.js";export{default as nextComponent}from"./next.js";import*as t from"./index.liquid.js";export{default as builderComponent}from"./builder.js";export{default as componentSettings}from"./setting.js";export{default as postPurchaseSettings}from"./postPurchaseSetting.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";export{ELEMENT_Z_INDEX}from"./common/const.js";export{REGEX_PAGE_TYPE,checkIsOpenPopup,checkIsScrollToTop,convertUnitToNumber,filterTruthyObject,filterTruthyStyles,getAllHrefFromString,getDisplayStyle,getDynamicSourceLocales,getInsertLinkData,getLinkArticle,getLinkData,getSettingPreloadData,getStaticLocale,handleClickLink,isEmptyObject,isHexTransparent,isLinkedToSalesPage,isShopifyDomain,isTransparentColor,isTransparentRGBA,normalizeMailto,replaceAllHrefFromString,replaceLinkData,youtubeShortsRegex}from"./helpers.js";export{default as Accordion}from"./accordion/components/Accordion.js";export{default as AccordionItem}from"./accordion/components/AccordionItem.js";export{default as ArticleList}from"./article/components/ArticleList.js";export{default as ArticleTitle}from"./article/components/ArticleTitle.js";export{default as ArticleExcerpt}from"./article/components/ArticleExcerpt.js";export{default as ArticleContent}from"./article/components/ArticleContent.js";export{default as ArticleImage}from"./article/components/ArticleImage.js";export{default as ArticlePagination}from"./article/components/ArticlePagination.js";export{default as ArticleAuthor}from"./article/components/ArticleAuthor.js";export{default as ArticleTag}from"./article/components/ArticleTag.js";export{default as ArticleCategory}from"./article/components/ArticleCategory.js";export{default as ArticleDate}from"./article/components/ArticleDate.js";export{default as ArticleReadMore}from"./article/components/ArticleReadMore.js";export{default as HeroBanner}from"./hero-banner/components/HeroBanner.js";export{default as Breadcrumb}from"./breadcrumb/components/Breadcrumb.js";export{default as Button}from"./button/components/Button.js";export{default as CarouselV3}from"./carousel-v3/components/root/Carousel.js";export{default as CarouselItemV3}from"./carousel-v3/components/item/CarouselItem.js";export{default as Carousel}from"./carousel/components/root/Carousel.js";export{default as CarouselItem}from"./carousel/components/item/CarouselItem.js";export{default as Cart}from"./cart/components/Cart.js";export{default as CartList}from"./cart/components/CartList.js";export{default as CartLinePrice}from"./cart/components/CartLinePrice.js";export{default as CartLineVariant}from"./cart/components/CartLineVariant.js";export{default as CartLineImage}from"./cart/components/CartLineImage.js";export{default as CartTotalPrice}from"./cart/components/CartTotalPrice.js";export{default as CartTotalItem}from"./cart/components/CartTotalItem.js";export{default as CartCheckout}from"./cart/components/CartCheckout.js";export{default as DiscountInput}from"./cart/components/DiscountInput.js";export{default as CartDiscount}from"./cart/components/CartDiscount.js";export{default as CartOrderNote}from"./cart/components/CartOrderNote.js";export{default as CartLineAttribute}from"./cart/components/CartLineAttribute.js";export{default as CouponList}from"./cart/components/CouponList.js";export{default as ShopPayButton}from"./cart/components/shop-pay-button/ShopPayButton.js";export{default as CheckoutNow}from"./cart/components/CheckoutNow.js";export{default as CSSCode}from"./code/components/CSSCode.js";export{default as CollectionTitle}from"./collection/components/collection-title/CollectionTitle.js";export{default as CollectionBanner}from"./collection/components/collection-banner/CollectionBanner.js";export{default as CollectionDescription}from"./collection/components/collection-description/CollectionDescription.js";export{default as CollectionToolbar}from"./collection/components/collection-toolbar/CollectionToolbar.js";export{default as CollectionPaginator}from"./collection/components/collection-paginator/CollectionPaginator.js";export{default as Countdown}from"./countdown-timer/components/Countdown.js";export{default as Coupon}from"./coupon/components/Coupon.js";export{default as Dialog}from"./dialog/components/Dialog.js";export{default as EstimateDate}from"./estimate-delivery/components/EstimateDate.js";export{default as Root}from"./grid/components/root/Root.js";export{default as Section}from"./grid/components/section/Section.js";export{default as Row}from"./grid/components/row/Row.js";export{default as Col}from"./grid/components/col/Col.js";export{default as Newsletter}from"./form/components/newsletter/Newsletter.js";export{default as ContactForm}from"./form/components/contact/Contact.js";export{default as FormEmail}from"./form/components/form-email/FormEmail.js";export{default as SubmitButton}from"./form/components/submit-button/SubmitButton.js";export{default as FormDropdown}from"./form/components/form-dropdown/FormDropdown.js";export{default as TextField}from"./form/components/textfield/TextField.js";export{default as FormTextarea}from"./form/components/textarea/TextArea.js";export{default as FormCheckbox}from"./form/components/form-checkbox/FormCheckbox.js";export{default as TextInput}from"./form/components/textinput/TextInput.js";export{default as Header}from"./header/components/Header.js";export{default as BasicHeader}from"./header/components/kind/basic/index.js";export{default as ModernHeader}from"./header/components/kind/modern/index.js";export{default as MobileMenu}from"./header/components/kind/basic/MobileMenu.js";export{default as DesktopMenu}from"./header/components/kind/basic/DesktopMenu.js";export{default as Heading}from"./heading/components/Heading.js";export{default as Icon}from"./icon/components/Icon.js";export{default as IconList}from"./icon-list/components/IconList.js";export{default as IconListItem}from"./icon-list/components/IconListItem.js";export{default as IconListHoz}from"./icon-list-hoz/components/IconListHoz.js";export{default as IconListItemHoz}from"./icon-list-hoz/components/IconListHozItem.js";export{default as IconListV2}from"./icon-list-v2/components/IconList.js";export{default as Image}from"./image/components/Image.js";export{default as ImageComparison}from"./image-comparison/components/ImageComparison.js";export{default as ImageDetection}from"./image-detection/components/ImageDetection.js";export{default as Input}from"./input/components/Input.js";export{default as Line}from"./line/components/Line.js";export{default as Link}from"./link/components/Link.js";export{default as Marquee}from"./marquee/components/Marquee.js";export{default as MarqueeItem}from"./marquee/components/MarqueeItem.js";export{default as Menu}from"./menu/components/Menu.js";export{openConfirm}from"./modal/components/confirm.js";export{default as Modal}from"./modal/components/Modal.js";export{default as Pagination}from"./pagination/components/Pagination.js";export{default as PostPurchaseAdvancedList}from"./post-purchase/advanced-list/components/AdvancedListPostPurchase.js";export{default as PostPurchaseAdvancedListItem}from"./post-purchase/advanced-list/components/PostPurchaseAdvancedListItem.js";export{default as PostPurchaseButton}from"./post-purchase/button/components/Button.js";export{default as PostPurchaseCalloutBox}from"./post-purchase/callout-banner/components/CalloutBox.js";export{default as PostPurchaseCalloutText}from"./post-purchase/callout-banner/components/CalloutText.js";export{default as PostPurchaseCountdownTimer}from"./post-purchase/countdown-timer/components/PostPurchaseCountdownTimer.js";export{default as PostPurchaseImage}from"./post-purchase/image/components/Image.js";export{default as PostPurchaseLine}from"./post-purchase/line/components/PostPurchaseLine.js";export{default as PostPurchaseLink}from"./post-purchase/link/components/PostPurchaseLink.js";export{default as PostPurchaseText}from"./post-purchase/text/components/Text.js";export{default as PostPurchaseProductPrice}from"./post-purchase/product/components/ProductPrice.js";export{default as PostPurchaseProductDescription}from"./post-purchase/product/components/ProductDescription.js";export{default as PostPurchaseProductTitle}from"./post-purchase/product/components/ProductTitle.js";export{default as PostPurchaseProductVariants}from"./post-purchase/product/components/product-variant/components/ProductVariant.js";export{default as PostPurchaseAcceptButton}from"./post-purchase/product/components/AcceptButton.js";export{default as PostPurchaseProductQuantity}from"./post-purchase/product/components/ProductQuantity.js";export{default as PostPurchaseProductPriceBreakdown}from"./post-purchase/product/components/ProductPriceBreakdown.js";export{default as PostPurchaseProductOffer}from"./post-purchase/product/components/product-offer/components/ProductOffer.js";export{default as PostPurchaseProductDiscountTag}from"./post-purchase/product/components/ProductDiscountTag.js";export{default as PostPurchaseProductImages}from"./post-purchase/product/components/product-image/index.js";export{postPurchaseProduct1Col}from"./post-purchase/product/settings/presets-config/product-presets/product-1-col.js";export{postPurchaseProduct2Col}from"./post-purchase/product/settings/presets-config/product-presets/product-2-col.js";export{postPurchaseProductDefault}from"./post-purchase/product/settings/presets-config/product-presets/product-default.js";export{default as Product}from"./product/components/product-wrap/Product.js";export{default as ProductTitle}from"./product/components/product-title/ProductTitle.js";export{default as ProductQuantity}from"./product/components/product-quantity/ProductQuantity.js";export{default as ProductPrice}from"./product/components/product-price/ProductPrice.js";export{default as ProductButton}from"./product/components/product-button/ProductButton.js";export{default as ProductDescription}from"./product/components/product-description/ProductDescription.js";export{default as ProductVariants}from"./product/components/product-variants/ProductVariants.js";export{default as ProductImages}from"./product/components/ProductImages.js";export{default as ProductImagesV2}from"./product/components/product-images-v2/ProductImageV2.js";export{default as ProductImagesV3}from"./product/components/product-images-v3/ProductImageV3.js";export{default as ProductPropertyInput}from"./product/components/product-properties/ProductProperties.js";export{default as ProductQuickView}from"./product/components/product-quick-view/QuickView.js";export{default as ProductTag}from"./product/components/product-discount-tag/ProductDiscountTag.js";export{default as ProductList}from"./product/components/product-list/ProductList.js";export{default as ProductListV3}from"./product/components/product-list-v3/ProductList.js";export{default as ProductVendor}from"./product/components/product-vendor/Vendor.js";export{default as DynamicCheckout}from"./product/components/dynamic-checkout/DynamicCheckout.js";export{default as ProductViewMore}from"./product/components/product-view-more/ProductViewMore.js";export{default as ProductBadge}from"./product/components/product-badge/ProductBadge.js";export{default as ProductBundleDiscount}from"./product/components/product-bundle/ProductBundleDiscount.js";export{default as ProductBundleDiscountItem}from"./product/components/product-bundle/ProductBundleDiscountItem.js";export{default as ProductSku}from"./product/components/product-sku/Sku.js";export{default as FileUpload}from"./product/components/file-upload/UploadFile.js";export{default as Radio}from"./radio/components/Radio.js";export{default as Select}from"./select/components/Select.js";export{default as Tabs}from"./tab/components/Tabs.js";export{default as TabItem}from"./tab/components/TabItem.js";export{default as Text}from"./text/components/Text.js";export{default as Textarea}from"./textarea/components/Textarea.js";export{default as Video}from"./video/components/Video.js";export{default as KachingSubscriptionsApp}from"./third-party/components/KachingSubscriptionsApp.js";export{default as BloyRewardsProgramLoyalty}from"./third-party/components/BloyRewardsProgramLoyalty.js";export{default as DealeasyVolumeDiscounts}from"./third-party/components/DealeasyVolumeDiscounts.js";export{default as UppromoteAffiliateMarketing}from"./third-party/components/UppromoteAffiliateMarketing.js";export{default as AovBundlesVolumeDiscounts}from"./third-party/components/AovBundlesVolumeDiscounts.js";export{default as AovFreeGiftBuyXGetYBogo}from"./third-party/components/AovFreeGiftBuyXGetYBogo.js";export{default as AppstleBundlesDiscounts}from"./third-party/components/AppstleBundlesDiscounts.js";export{default as EcomsendBackInStockAlert}from"./third-party/components/EcomsendBackInStockAlert.js";export{default as EstimatedDeliveryDatePlus}from"./third-party/components/EstimatedDeliveryDatePlus.js";export{default as OkendoReviewsLoyalty}from"./third-party/components/OkendoReviewsLoyalty.js";export{default as EssentialAnnouncementBar}from"./third-party/components/EssentialAnnouncementBar.js";export{default as EssentialCountdownTimerBar}from"./third-party/components/EssentialCountdownTimerBar.js";export{default as StellarDeliveryDatePickup}from"./third-party/components/StellarDeliveryDatePickup.js";export{default as TrustshopProductReviews}from"./third-party/components/TrustshopProductReviews.js";export{default as HulkProductOptions}from"./third-party/components/HulkProductOptions.js";export{default as MyappgurusProductReviews}from"./third-party/components/MyappgurusProductReviews.js";export{default as TrustreviewsProductReviews}from"./third-party/components/TrustreviewsProductReviews.js";export{default as DiscountyBulkDiscountSales}from"./third-party/components/DiscountyBulkDiscountSales.js";export{default as SeoantTrustBadgesIcon}from"./third-party/components/SeoantTrustBadgesIcon.js";export{default as SegunoEmailMarketing}from"./third-party/components/SegunoEmailMarketing.js";export{default as AftershipEmailMarketingsms}from"./third-party/components/AftershipEmailMarketingsms.js";export{default as BestBuyFulfillment}from"./third-party/components/BestBuyFulfillment.js";export{default as ProductOptionsVariantOption}from"./third-party/components/ProductOptionsVariantOption.js";export{default as GloboProductOptionsVariant}from"./third-party/components/GloboProductOptionsVariant.js";export{default as TeeinblueProductPersonalizer}from"./third-party/components/TeeinblueProductPersonalizer.js";export{default as WishlistKing}from"./third-party/components/WishlistKing.js";export{default as HulkFormBuilder}from"./third-party/components/HulkFormBuilder.js";export{default as LoloyalLoyaltyReferrals}from"./third-party/components/LoloyalLoyaltyReferrals.js";export{default as PowerfulContactFormBuilder}from"./third-party/components/PowerfulContactFormBuilder.js";export{default as WishlistPlus}from"./third-party/components/WishlistPlus.js";export{default as InstasellShoppableInstagram}from"./third-party/components/InstasellShoppableInstagram.js";export{default as SproutPlantTreesGrowSales}from"./third-party/components/SproutPlantTreesGrowSales.js";export{default as RapiBundleQuantityBreaks}from"./third-party/components/RapiBundleQuantityBreaks.js";export{default as AppointmentBookingCowlendar}from"./third-party/components/AppointmentBookingCowlendar.js";export{default as GoogleReviewsByReputon}from"./third-party/components/GoogleReviewsByReputon.js";export{default as MbcBundleVolumeDiscount}from"./third-party/components/MbcBundleVolumeDiscount.js";export{default as ProductOptionsCustomizer}from"./third-party/components/ProductOptionsCustomizer.js";export{default as AirProductReviewsAppUgc}from"./third-party/components/AirProductReviewsAppUgc.js";export{default as TagembedSocialPostReview}from"./third-party/components/TagembedSocialPostReview.js";export{default as WhatmoreShoppableVideosreel}from"./third-party/components/WhatmoreShoppableVideosreel.js";export{default as TagshopShoppableVideosUgc}from"./third-party/components/TagshopShoppableVideosUgc.js";export{default as JunipProductReviewsUgc}from"./third-party/components/JunipProductReviewsUgc.js";export{default as FlyBundlesUpsellsFbt}from"./third-party/components/FlyBundlesUpsellsFbt.js";export{default as PreorderNowWodPresale}from"./third-party/components/PreorderNowWodPresale.js";export{default as PreorderNowPreOrderPq}from"./third-party/components/PreorderNowPreOrderPq.js";export{default as MaxbundleProductBundles}from"./third-party/components/MaxbundleProductBundles.js";export{default as KoalaBundleQuantityDiscount}from"./third-party/components/KoalaBundleQuantityDiscount.js";export{default as EasyBundleBuilderSkailama}from"./third-party/components/EasyBundleBuilderSkailama.js";export{default as FastBundleBundlesDiscounts}from"./third-party/components/FastBundleBundlesDiscounts.js";export{default as KiteFreeGiftDiscount}from"./third-party/components/KiteFreeGiftDiscount.js";export{default as UnlimitedBundlesDiscounts}from"./third-party/components/UnlimitedBundlesDiscounts.js";export{default as SimpleBundlesKits}from"./third-party/components/SimpleBundlesKits.js";export{default as ReviewxpoProductReviewsApp}from"./third-party/components/ReviewxpoProductReviewsApp.js";export{default as PumperBundlesVolumeDiscount}from"./third-party/components/PumperBundlesVolumeDiscount.js";export{default as NotifyBackInStockPreOrder}from"./third-party/components/NotifyBackInStockPreOrder.js";export{default as ShopifyForms}from"./third-party/components/ShopifyForms.js";export{default as SkioSubscriptionsYcS20}from"./third-party/components/SkioSubscriptionsYcS20.js";export{default as LoopSubscriptions}from"./third-party/components/LoopSubscriptions.js";export{default as RecurpaySubscriptionApp}from"./third-party/components/RecurpaySubscriptionApp.js";export{default as SubifySubscriptionsApp}from"./third-party/components/SubifySubscriptionsApp.js";export{default as BonLoyaltyRewardsReferrals}from"./third-party/components/BonLoyaltyRewardsReferrals.js";export{default as ShopifySubscriptions}from"./third-party/components/ShopifySubscriptions.js";export{default as EasifyProductOptions}from"./third-party/components/EasifyProductOptions.js";export{default as CustomProductOptionsVariant}from"./third-party/components/CustomProductOptionsVariant.js";export{default as EasySellCOD}from"./third-party/components/EasySellCOD.js";export{default as QikifyUpsell}from"./third-party/components/QikifyUpsell.js";export{default as CleanSizeCharts}from"./third-party/components/CleanSizeCharts.js";export{default as JudgemeReviews}from"./third-party/components/JudgemeReviews.js";export{default as LooxReviews}from"./third-party/components/LooxReviews.js";export{default as Klaviyo}from"./third-party/components/Klaviyo.js";export{default as YotpoLoyalty}from"./third-party/components/YotpoLoyalty.js";export{default as SmartSearchBarAndFilters}from"./third-party/components/SmartSearchBarAndFilters.js";export{default as Instafeed}from"./third-party/components/Instafeed.js";export{default as ProductReviews}from"./third-party/components/ProductReviews.js";export{default as Ryviu}from"./third-party/components/Ryviu.js";export{default as Rivyo}from"./third-party/components/Rivyo.js";export{default as Vitals}from"./third-party/components/Vitals.js";export{default as Omnisend}from"./third-party/components/Omnisend.js";export{default as Trustoo}from"./third-party/components/Trustoo.js";export{default as SealSubscriptions}from"./third-party/components/SealSubscriptions.js";export{default as AppstleSubscriptions}from"./third-party/components/AppstleSubscriptions.js";export{default as FeraReviews}from"./third-party/components/FeraReviews.js";export{default as Growave}from"./third-party/components/Growave.js";export{default as KachingBundles}from"./third-party/components/KachingBundles.js";export{default as PushOwl}from"./third-party/components/PushOwl.js";export{default as Opinew}from"./third-party/components/Opinew.js";export{default as UltimateSalesBoost}from"./third-party/components/UltimateSalesBoost.js";export{default as FirePush}from"./third-party/components/FirePush.js";export{default as ParcelPanel}from"./third-party/components/ParcelPanel.js";export{default as TrustMe}from"./third-party/components/TrustMe.js";export{default as FrequentlyBoughtTogether}from"./third-party/components/FrequentlyBoughtTogether.js";export{default as BoldSubscriptions}from"./third-party/components/BoldSubscriptions.js";export{default as BoldProductOptions}from"./third-party/components/BoldProductOptions.js";export{default as WideBundle}from"./third-party/components/WideBundle.js";export{default as PickyStory}from"./third-party/components/PickyStory.js";export{default as InfiniteOptions}from"./third-party/components/InfiniteOptions.js";export{default as Wiser}from"./third-party/components/Wiser.js";export{default as Stamped}from"./third-party/components/Stamped.js";export{default as Bundler}from"./third-party/components/Bundler.js";export{default as LaiProductReviews}from"./third-party/components/LaiProductReviews.js";export{default as CrossSellCartUpsell}from"./third-party/components/CrossSellCartUpsell.js";export{default as BoostAISearchDiscovery}from"./third-party/components/BoostAISearchDiscovery.js";export{default as YotpoReviews}from"./third-party/components/YotpoReviews.js";export{default as AliReviews}from"./third-party/components/AliReviews.js";export{default as Bogos}from"./third-party/components/Bogos.js";export{default as Releasit}from"./third-party/components/Releasit.js";export{default as KingProductOptions}from"./third-party/components/KingProductOptions.js";export{default as KlarnaMessaging}from"./third-party/components/KlarnaMessaging.js";export{default as RequestQuoteHidePrice}from"./third-party/components/RequestQuoteHidePrice.js";export{default as BirdChime}from"./third-party/components/BirdChime.js";export{default as FordeerProductLabels}from"./third-party/components/FordeerProductLabels.js";export{default as RechargeSubscriptions}from"./third-party/components/RechargeSubscriptions.js";export{default as Selleasy}from"./third-party/components/Selleasy.js";export{default as HextomCountdownTimerBar}from"./third-party/components/HextomCountdownTimerBar.js";export{default as TrustBadgesBear}from"./third-party/components/TrustBadgesBear.js";export{default as TrustedsiteTrustBadges}from"./third-party/components/TrustedsiteTrustBadges.js";export{default as GloColorSwatchvariantImage}from"./third-party/components/GloColorSwatchvariantImage.js";export{default as BfSizeChartSizeGuide}from"./third-party/components/BfSizeChartSizeGuide.js";export{default as AlsoBoughtCbb}from"./third-party/components/AlsoBoughtCbb.js";export{default as HextomFreeShippingBar}from"./third-party/components/HextomFreeShippingBar.js";export{default as EcoboostifyShoppableReelUgc}from"./third-party/components/EcoboostifyShoppableReelUgc.js";export{default as InstantJudgemeReviews}from"./third-party-instant/components/InstantJudgemeReviews.js";export{default as InstantLooxReviews}from"./third-party-instant/components/InstantLooxReviews.js";export{default as InstantKlaviyo}from"./third-party-instant/components/InstantKlaviyo.js";export{default as InstantYotpoLoyalty}from"./third-party-instant/components/InstantYotpoLoyalty.js";export{default as StockCounter}from"./stock-counter/components/StockCounter.js";export{default as ThirdPartySlot}from"./third-party-slot/components/ThirdPartySlot.js";export{default as ShopPayInstallments}from"./shop-pay-installment/components/ShopPayInstallments.js";export{default as Sticky}from"./sticky/components/Sticky.js";export{CONTINUE_SELLING_WHEN_OUT_OF_STOCK,DEFAULT_FONT_SIZE,DEFAULT_HIGHLIGHT_TAG,DEFAULT_PROGRESS_BAR_HEIGHT,DEFAULT_QUANTITY_TEMPLATE,DEFAULT_RANGE_STEP,DEFAULT_REMAINING_PERCENT,DEFAULT_REMAINING_QUANTITY,DEFAULT_SCARCITY_THRESHOLD,MAX_PROGRESS_BAR_HEIGHT,MAX_REMAINING_PERCENT,MIN_PROGRESS_BAR_HEIGHT,MIN_REMAINING_PERCENT,MIN_REMAINING_QUANTITY,NO_PRODUCT_LEFT,OUT_OF_STOCK,QUANTITY_SOURCE,convertSizeToWidth,getInlineCss,getLiquidInitData,getLiquidTextContent,getTextDisplayData,transformHighlighTag,transformNumberTag}from"./stock-counter/common/helpers.js";export{t as liquidComponents};
+export{accordionSetting}from"./accordion/index.js";export{articleListSetting}from"./article/index.js";export{bannerSetting}from"./hero-banner/index.js";export{breadcrumbSetting}from"./breadcrumb/index.js";export{buttonSetting}from"./button/index.js";export{carouselSettingV3}from"./carousel-v3/index.js";export{carouselSetting}from"./carousel/index.js";export{cartSetting}from"./cart/index.js";export{codeSetting}from"./code/index.js";export{collectionSetting}from"./collection/index.js";export{countdownSetting}from"./countdown-timer/index.js";export{couponSetting}from"./coupon/index.js";export{dialogSetting}from"./dialog/index.js";export{estimateDeliverySetting}from"./estimate-delivery/index.js";export{gridSetting}from"./grid/index.js";export{contactFormSetting}from"./form/index.js";export{headerSetting}from"./header/index.js";export{headingSetting}from"./heading/index.js";export{iconSetting}from"./icon/index.js";export{iconListSetting}from"./icon-list/index.js";export{iconListHozSetting}from"./icon-list-hoz/index.js";export{iconListSettingV2}from"./icon-list-v2/index.js";export{imageSetting}from"./image/index.js";export{imageComparisonSetting}from"./image-comparison/index.js";export{imageDetectionSetting}from"./image-detection/index.js";export{inputSetting}from"./input/index.js";export{lineSetting}from"./line/index.js";export{linkSetting}from"./link/index.js";export{marqueeSetting}from"./marquee/index.js";export{menuSetting}from"./menu/index.js";export{modalSetting}from"./modal/index.js";export{default as useNotification}from"./notification/hooks/useNotification.js";export{default as Notice}from"./notification/components/Notice.js";export{paginationSetting}from"./pagination/index.js";export{postPurchaseAdvancedListSetting}from"./post-purchase/advanced-list/index.js";export{postPurchaseButtonSetting}from"./post-purchase/button/index.js";export{postPurchaseCalloutBoxSetting}from"./post-purchase/callout-banner/index.js";export{postPurchaseCountdownTimerSetting}from"./post-purchase/countdown-timer/index.js";export{postPurchaseImageSetting}from"./post-purchase/image/index.js";export{postPurchaseLineSetting}from"./post-purchase/line/index.js";export{postPurchaseLinkSetting}from"./post-purchase/link/index.js";export{PostPurchaseHeading,postPurchaseTextSetting}from"./post-purchase/text/index.js";export{postPurchaseProductSetting}from"./post-purchase/product/index.js";export{postPurchaseBuyerConsentSetting}from"./post-purchase/buyer-consent/index.js";export{productSetting}from"./product/index.js";export{radioSetting}from"./radio/index.js";export{selectSetting}from"./select/index.js";export{tabSetting}from"./tab/index.js";export{textSetting}from"./text/index.js";export{textareaSetting}from"./textarea/index.js";export{videoSetting}from"./video/index.js";export{thirdPartySetting}from"./third-party/index.js";export{thirdPartyInstantSetting}from"./third-party-instant/index.js";export{stockCounterSetting}from"./stock-counter/index.js";export{thirdPartySlotSetting}from"./third-party-slot/index.js";export{shopPayInstallmentSetting}from"./shop-pay-installment/index.js";export{stickySetting}from"./sticky/index.js";export{default as nextComponent}from"./next.js";import*as t from"./index.liquid.js";export{default as builderComponent}from"./builder.js";export{default as componentSettings}from"./setting.js";export{default as postPurchaseSettings}from"./postPurchaseSetting.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";export{ELEMENT_Z_INDEX}from"./common/const.js";export{REGEX_PAGE_TYPE,checkIsOpenPopup,checkIsScrollToTop,convertUnitToNumber,createSettingId,createTranslateKey,extractProductID,filterPageContext,filterTruthyObject,filterTruthyStyles,getAllHrefFromString,getBackgroundTranslated,getDisplayStyle,getDynamicSourceLocales,getInsertLinkData,getLinkArticle,getLinkData,getSeoTranslated,getSettingPreloadData,getStaticLocale,handleClickLink,isEmptyObject,isHexTransparent,isLinkedToSalesPage,isShopifyDomain,isTransparentColor,isTransparentRGBA,normalizeMailto,replaceAllHrefFromString,replaceLinkData,youtubeShortsRegex}from"./helpers.js";import*as o from"./translate.js";export{TAGS_WITH_REPLACE_LINK_DATA}from"./constant.js";export{default as Accordion}from"./accordion/components/Accordion.js";export{default as AccordionItem}from"./accordion/components/AccordionItem.js";export{default as ArticleList}from"./article/components/ArticleList.js";export{default as ArticleTitle}from"./article/components/ArticleTitle.js";export{default as ArticleExcerpt}from"./article/components/ArticleExcerpt.js";export{default as ArticleContent}from"./article/components/ArticleContent.js";export{default as ArticleImage}from"./article/components/ArticleImage.js";export{default as ArticlePagination}from"./article/components/ArticlePagination.js";export{default as ArticleAuthor}from"./article/components/ArticleAuthor.js";export{default as ArticleTag}from"./article/components/ArticleTag.js";export{default as ArticleCategory}from"./article/components/ArticleCategory.js";export{default as ArticleDate}from"./article/components/ArticleDate.js";export{default as ArticleReadMore}from"./article/components/ArticleReadMore.js";export{default as HeroBanner}from"./hero-banner/components/HeroBanner.js";export{default as Breadcrumb}from"./breadcrumb/components/Breadcrumb.js";export{default as Button}from"./button/components/Button.js";export{default as CarouselV3}from"./carousel-v3/components/root/Carousel.js";export{default as CarouselItemV3}from"./carousel-v3/components/item/CarouselItem.js";export{default as Carousel}from"./carousel/components/root/Carousel.js";export{default as CarouselItem}from"./carousel/components/item/CarouselItem.js";export{default as Cart}from"./cart/components/Cart.js";export{default as CartList}from"./cart/components/CartList.js";export{default as CartLinePrice}from"./cart/components/CartLinePrice.js";export{default as CartLineVariant}from"./cart/components/CartLineVariant.js";export{default as CartLineImage}from"./cart/components/CartLineImage.js";export{default as CartTotalPrice}from"./cart/components/CartTotalPrice.js";export{default as CartTotalItem}from"./cart/components/CartTotalItem.js";export{default as CartCheckout}from"./cart/components/CartCheckout.js";export{default as DiscountInput}from"./cart/components/DiscountInput.js";export{default as CartDiscount}from"./cart/components/CartDiscount.js";export{default as CartOrderNote}from"./cart/components/CartOrderNote.js";export{default as CartLineAttribute}from"./cart/components/CartLineAttribute.js";export{default as CouponList}from"./cart/components/CouponList.js";export{default as ShopPayButton}from"./cart/components/shop-pay-button/ShopPayButton.js";export{default as CheckoutNow}from"./cart/components/CheckoutNow.js";export{default as CSSCode}from"./code/components/CSSCode.js";export{default as CollectionTitle}from"./collection/components/collection-title/CollectionTitle.js";export{default as CollectionBanner}from"./collection/components/collection-banner/CollectionBanner.js";export{default as CollectionDescription}from"./collection/components/collection-description/CollectionDescription.js";export{default as CollectionToolbar}from"./collection/components/collection-toolbar/CollectionToolbar.js";export{default as CollectionPaginator}from"./collection/components/collection-paginator/CollectionPaginator.js";export{default as Countdown}from"./countdown-timer/components/Countdown.js";export{default as Coupon}from"./coupon/components/Coupon.js";export{default as Dialog}from"./dialog/components/Dialog.js";export{default as EstimateDate}from"./estimate-delivery/components/EstimateDate.js";export{default as Root}from"./grid/components/root/Root.js";export{default as Section}from"./grid/components/section/Section.js";export{default as Row}from"./grid/components/row/Row.js";export{default as Col}from"./grid/components/col/Col.js";export{default as Newsletter}from"./form/components/newsletter/Newsletter.js";export{default as ContactForm}from"./form/components/contact/Contact.js";export{default as FormEmail}from"./form/components/form-email/FormEmail.js";export{default as SubmitButton}from"./form/components/submit-button/SubmitButton.js";export{default as FormDropdown}from"./form/components/form-dropdown/FormDropdown.js";export{default as TextField}from"./form/components/textfield/TextField.js";export{default as FormTextarea}from"./form/components/textarea/TextArea.js";export{default as FormCheckbox}from"./form/components/form-checkbox/FormCheckbox.js";export{default as TextInput}from"./form/components/textinput/TextInput.js";export{default as Header}from"./header/components/Header.js";export{default as BasicHeader}from"./header/components/kind/basic/index.js";export{default as ModernHeader}from"./header/components/kind/modern/index.js";export{default as MobileMenu}from"./header/components/kind/basic/MobileMenu.js";export{default as DesktopMenu}from"./header/components/kind/basic/DesktopMenu.js";export{default as Heading}from"./heading/components/Heading.js";export{default as Icon}from"./icon/components/Icon.js";export{default as IconList}from"./icon-list/components/IconList.js";export{default as IconListItem}from"./icon-list/components/IconListItem.js";export{default as IconListHoz}from"./icon-list-hoz/components/IconListHoz.js";export{default as IconListItemHoz}from"./icon-list-hoz/components/IconListHozItem.js";export{default as IconListV2}from"./icon-list-v2/components/IconList.js";export{default as Image}from"./image/components/Image.js";export{default as ImageComparison}from"./image-comparison/components/ImageComparison.js";export{default as ImageDetection}from"./image-detection/components/ImageDetection.js";export{default as Input}from"./input/components/Input.js";export{default as Line}from"./line/components/Line.js";export{default as Link}from"./link/components/Link.js";export{default as Marquee}from"./marquee/components/Marquee.js";export{default as MarqueeItem}from"./marquee/components/MarqueeItem.js";export{default as Menu}from"./menu/components/Menu.js";export{openConfirm}from"./modal/components/confirm.js";export{default as Modal}from"./modal/components/Modal.js";export{default as Pagination}from"./pagination/components/Pagination.js";export{default as PostPurchaseAdvancedList}from"./post-purchase/advanced-list/components/AdvancedListPostPurchase.js";export{default as PostPurchaseAdvancedListItem}from"./post-purchase/advanced-list/components/PostPurchaseAdvancedListItem.js";export{default as PostPurchaseButton}from"./post-purchase/button/components/Button.js";export{default as PostPurchaseCalloutBox}from"./post-purchase/callout-banner/components/CalloutBox.js";export{default as PostPurchaseCalloutText}from"./post-purchase/callout-banner/components/CalloutText.js";export{default as PostPurchaseCountdownTimer}from"./post-purchase/countdown-timer/components/PostPurchaseCountdownTimer.js";export{default as PostPurchaseImage}from"./post-purchase/image/components/Image.js";export{default as PostPurchaseLine}from"./post-purchase/line/components/PostPurchaseLine.js";export{default as PostPurchaseLink}from"./post-purchase/link/components/PostPurchaseLink.js";export{default as PostPurchaseText}from"./post-purchase/text/components/Text.js";export{default as PostPurchaseProductPrice}from"./post-purchase/product/components/ProductPrice.js";export{default as PostPurchaseProductDescription}from"./post-purchase/product/components/ProductDescription.js";export{default as PostPurchaseProductTitle}from"./post-purchase/product/components/ProductTitle.js";export{default as PostPurchaseProductVariants}from"./post-purchase/product/components/product-variant/components/ProductVariant.js";export{default as PostPurchaseAcceptButton}from"./post-purchase/product/components/AcceptButton.js";export{default as PostPurchaseProductQuantity}from"./post-purchase/product/components/ProductQuantity.js";export{default as PostPurchaseProductPriceBreakdown}from"./post-purchase/product/components/ProductPriceBreakdown.js";export{default as PostPurchaseProductOffer}from"./post-purchase/product/components/product-offer/components/ProductOffer.js";export{default as PostPurchaseProductDiscountTag}from"./post-purchase/product/components/ProductDiscountTag.js";export{default as PostPurchaseProductImages}from"./post-purchase/product/components/product-image/index.js";export{postPurchaseProduct1Col}from"./post-purchase/product/settings/presets-config/product-presets/product-1-col.js";export{postPurchaseProduct2Col}from"./post-purchase/product/settings/presets-config/product-presets/product-2-col.js";export{postPurchaseProductDefault}from"./post-purchase/product/settings/presets-config/product-presets/product-default.js";export{default as PostPurchaseProductSubscription}from"./post-purchase/product/components/product-subscription/ProductSubscription.js";export{default as PostPurchaseBuyerConsent}from"./post-purchase/buyer-consent/components/BuyerConsent.js";export{default as Product}from"./product/components/product-wrap/Product.js";export{default as ProductTitle}from"./product/components/product-title/ProductTitle.js";export{default as ProductQuantity}from"./product/components/product-quantity/ProductQuantity.js";export{default as ProductPrice}from"./product/components/product-price/ProductPrice.js";export{default as ProductButton}from"./product/components/product-button/ProductButton.js";export{default as ProductDescription}from"./product/components/product-description/ProductDescription.js";export{default as ProductVariants}from"./product/components/product-variants/ProductVariants.js";export{default as ProductImages}from"./product/components/ProductImages.js";export{default as ProductImagesV2}from"./product/components/product-images-v2/ProductImageV2.js";export{default as ProductImagesV3}from"./product/components/product-images-v3/ProductImageV3.js";export{default as ProductPropertyInput}from"./product/components/product-properties/ProductProperties.js";export{default as ProductQuickView}from"./product/components/product-quick-view/QuickView.js";export{default as ProductTag}from"./product/components/product-discount-tag/ProductDiscountTag.js";export{default as ProductList}from"./product/components/product-list/ProductList.js";export{default as ProductListV3}from"./product/components/product-list-v3/ProductList.js";export{default as ProductVendor}from"./product/components/product-vendor/Vendor.js";export{default as DynamicCheckout}from"./product/components/dynamic-checkout/DynamicCheckout.js";export{default as ProductViewMore}from"./product/components/product-view-more/ProductViewMore.js";export{default as ProductBadge}from"./product/components/product-badge/ProductBadge.js";export{default as ProductBundleDiscount}from"./product/components/product-bundle/ProductBundleDiscount.js";export{default as ProductBundleDiscountItem}from"./product/components/product-bundle/ProductBundleDiscountItem.js";export{default as ProductSku}from"./product/components/product-sku/Sku.js";export{default as FileUpload}from"./product/components/file-upload/UploadFile.js";export{default as Radio}from"./radio/components/Radio.js";export{default as Select}from"./select/components/Select.js";export{default as Tabs}from"./tab/components/Tabs.js";export{default as TabItem}from"./tab/components/TabItem.js";export{default as Text}from"./text/components/Text.js";export{default as Textarea}from"./textarea/components/Textarea.js";export{default as Video}from"./video/components/Video.js";export{default as GrowthSuiteDiscountCodes}from"./third-party/components/GrowthSuiteDiscountCodes.js";export{default as KachingSubscriptionsApp}from"./third-party/components/KachingSubscriptionsApp.js";export{default as BloyRewardsProgramLoyalty}from"./third-party/components/BloyRewardsProgramLoyalty.js";export{default as DealeasyVolumeDiscounts}from"./third-party/components/DealeasyVolumeDiscounts.js";export{default as UppromoteAffiliateMarketing}from"./third-party/components/UppromoteAffiliateMarketing.js";export{default as AovBundlesVolumeDiscounts}from"./third-party/components/AovBundlesVolumeDiscounts.js";export{default as AovFreeGiftBuyXGetYBogo}from"./third-party/components/AovFreeGiftBuyXGetYBogo.js";export{default as AppstleBundlesDiscounts}from"./third-party/components/AppstleBundlesDiscounts.js";export{default as EcomsendBackInStockAlert}from"./third-party/components/EcomsendBackInStockAlert.js";export{default as EstimatedDeliveryDatePlus}from"./third-party/components/EstimatedDeliveryDatePlus.js";export{default as OkendoReviewsLoyalty}from"./third-party/components/OkendoReviewsLoyalty.js";export{default as EssentialAnnouncementBar}from"./third-party/components/EssentialAnnouncementBar.js";export{default as EssentialCountdownTimerBar}from"./third-party/components/EssentialCountdownTimerBar.js";export{default as StellarDeliveryDatePickup}from"./third-party/components/StellarDeliveryDatePickup.js";export{default as TrustshopProductReviews}from"./third-party/components/TrustshopProductReviews.js";export{default as HulkProductOptions}from"./third-party/components/HulkProductOptions.js";export{default as MyappgurusProductReviews}from"./third-party/components/MyappgurusProductReviews.js";export{default as TrustreviewsProductReviews}from"./third-party/components/TrustreviewsProductReviews.js";export{default as DiscountyBulkDiscountSales}from"./third-party/components/DiscountyBulkDiscountSales.js";export{default as SeoantTrustBadgesIcon}from"./third-party/components/SeoantTrustBadgesIcon.js";export{default as SegunoEmailMarketing}from"./third-party/components/SegunoEmailMarketing.js";export{default as AftershipEmailMarketingsms}from"./third-party/components/AftershipEmailMarketingsms.js";export{default as BestBuyFulfillment}from"./third-party/components/BestBuyFulfillment.js";export{default as ProductOptionsVariantOption}from"./third-party/components/ProductOptionsVariantOption.js";export{default as GloboProductOptionsVariant}from"./third-party/components/GloboProductOptionsVariant.js";export{default as TeeinblueProductPersonalizer}from"./third-party/components/TeeinblueProductPersonalizer.js";export{default as WishlistKing}from"./third-party/components/WishlistKing.js";export{default as HulkFormBuilder}from"./third-party/components/HulkFormBuilder.js";export{default as LoloyalLoyaltyReferrals}from"./third-party/components/LoloyalLoyaltyReferrals.js";export{default as PowerfulContactFormBuilder}from"./third-party/components/PowerfulContactFormBuilder.js";export{default as WishlistPlus}from"./third-party/components/WishlistPlus.js";export{default as InstasellShoppableInstagram}from"./third-party/components/InstasellShoppableInstagram.js";export{default as SproutPlantTreesGrowSales}from"./third-party/components/SproutPlantTreesGrowSales.js";export{default as RapiBundleQuantityBreaks}from"./third-party/components/RapiBundleQuantityBreaks.js";export{default as AppointmentBookingCowlendar}from"./third-party/components/AppointmentBookingCowlendar.js";export{default as GoogleReviewsByReputon}from"./third-party/components/GoogleReviewsByReputon.js";export{default as MbcBundleVolumeDiscount}from"./third-party/components/MbcBundleVolumeDiscount.js";export{default as ProductOptionsCustomizer}from"./third-party/components/ProductOptionsCustomizer.js";export{default as AirProductReviewsAppUgc}from"./third-party/components/AirProductReviewsAppUgc.js";export{default as TagembedSocialPostReview}from"./third-party/components/TagembedSocialPostReview.js";export{default as WhatmoreShoppableVideosreel}from"./third-party/components/WhatmoreShoppableVideosreel.js";export{default as TagshopShoppableVideosUgc}from"./third-party/components/TagshopShoppableVideosUgc.js";export{default as JunipProductReviewsUgc}from"./third-party/components/JunipProductReviewsUgc.js";export{default as FlyBundlesUpsellsFbt}from"./third-party/components/FlyBundlesUpsellsFbt.js";export{default as PreorderNowWodPresale}from"./third-party/components/PreorderNowWodPresale.js";export{default as PreorderNowPreOrderPq}from"./third-party/components/PreorderNowPreOrderPq.js";export{default as MaxbundleProductBundles}from"./third-party/components/MaxbundleProductBundles.js";export{default as KoalaBundleQuantityDiscount}from"./third-party/components/KoalaBundleQuantityDiscount.js";export{default as EasyBundleBuilderSkailama}from"./third-party/components/EasyBundleBuilderSkailama.js";export{default as FastBundleBundlesDiscounts}from"./third-party/components/FastBundleBundlesDiscounts.js";export{default as KiteFreeGiftDiscount}from"./third-party/components/KiteFreeGiftDiscount.js";export{default as UnlimitedBundlesDiscounts}from"./third-party/components/UnlimitedBundlesDiscounts.js";export{default as SimpleBundlesKits}from"./third-party/components/SimpleBundlesKits.js";export{default as ReviewxpoProductReviewsApp}from"./third-party/components/ReviewxpoProductReviewsApp.js";export{default as PumperBundlesVolumeDiscount}from"./third-party/components/PumperBundlesVolumeDiscount.js";export{default as NotifyBackInStockPreOrder}from"./third-party/components/NotifyBackInStockPreOrder.js";export{default as ShopifyForms}from"./third-party/components/ShopifyForms.js";export{default as SkioSubscriptionsYcS20}from"./third-party/components/SkioSubscriptionsYcS20.js";export{default as LoopSubscriptions}from"./third-party/components/LoopSubscriptions.js";export{default as RecurpaySubscriptionApp}from"./third-party/components/RecurpaySubscriptionApp.js";export{default as SubifySubscriptionsApp}from"./third-party/components/SubifySubscriptionsApp.js";export{default as BonLoyaltyRewardsReferrals}from"./third-party/components/BonLoyaltyRewardsReferrals.js";export{default as ShopifySubscriptions}from"./third-party/components/ShopifySubscriptions.js";export{default as EasifyProductOptions}from"./third-party/components/EasifyProductOptions.js";export{default as CustomProductOptionsVariant}from"./third-party/components/CustomProductOptionsVariant.js";export{default as EasySellCOD}from"./third-party/components/EasySellCOD.js";export{default as QikifyUpsell}from"./third-party/components/QikifyUpsell.js";export{default as CleanSizeCharts}from"./third-party/components/CleanSizeCharts.js";export{default as JudgemeReviews}from"./third-party/components/JudgemeReviews.js";export{default as LooxReviews}from"./third-party/components/LooxReviews.js";export{default as Klaviyo}from"./third-party/components/Klaviyo.js";export{default as YotpoLoyalty}from"./third-party/components/YotpoLoyalty.js";export{default as SmartSearchBarAndFilters}from"./third-party/components/SmartSearchBarAndFilters.js";export{default as Instafeed}from"./third-party/components/Instafeed.js";export{default as ProductReviews}from"./third-party/components/ProductReviews.js";export{default as Ryviu}from"./third-party/components/Ryviu.js";export{default as Rivyo}from"./third-party/components/Rivyo.js";export{default as Vitals}from"./third-party/components/Vitals.js";export{default as Omnisend}from"./third-party/components/Omnisend.js";export{default as Trustoo}from"./third-party/components/Trustoo.js";export{default as SealSubscriptions}from"./third-party/components/SealSubscriptions.js";export{default as AppstleSubscriptions}from"./third-party/components/AppstleSubscriptions.js";export{default as FeraReviews}from"./third-party/components/FeraReviews.js";export{default as Growave}from"./third-party/components/Growave.js";export{default as KachingBundles}from"./third-party/components/KachingBundles.js";export{default as PushOwl}from"./third-party/components/PushOwl.js";export{default as Opinew}from"./third-party/components/Opinew.js";export{default as UltimateSalesBoost}from"./third-party/components/UltimateSalesBoost.js";export{default as FirePush}from"./third-party/components/FirePush.js";export{default as ParcelPanel}from"./third-party/components/ParcelPanel.js";export{default as TrustMe}from"./third-party/components/TrustMe.js";export{default as FrequentlyBoughtTogether}from"./third-party/components/FrequentlyBoughtTogether.js";export{default as BoldSubscriptions}from"./third-party/components/BoldSubscriptions.js";export{default as BoldProductOptions}from"./third-party/components/BoldProductOptions.js";export{default as WideBundle}from"./third-party/components/WideBundle.js";export{default as PickyStory}from"./third-party/components/PickyStory.js";export{default as InfiniteOptions}from"./third-party/components/InfiniteOptions.js";export{default as Wiser}from"./third-party/components/Wiser.js";export{default as Stamped}from"./third-party/components/Stamped.js";export{default as Bundler}from"./third-party/components/Bundler.js";export{default as LaiProductReviews}from"./third-party/components/LaiProductReviews.js";export{default as CrossSellCartUpsell}from"./third-party/components/CrossSellCartUpsell.js";export{default as BoostAISearchDiscovery}from"./third-party/components/BoostAISearchDiscovery.js";export{default as YotpoReviews}from"./third-party/components/YotpoReviews.js";export{default as AliReviews}from"./third-party/components/AliReviews.js";export{default as Bogos}from"./third-party/components/Bogos.js";export{default as Releasit}from"./third-party/components/Releasit.js";export{default as KingProductOptions}from"./third-party/components/KingProductOptions.js";export{default as KlarnaMessaging}from"./third-party/components/KlarnaMessaging.js";export{default as RequestQuoteHidePrice}from"./third-party/components/RequestQuoteHidePrice.js";export{default as BirdChime}from"./third-party/components/BirdChime.js";export{default as FordeerProductLabels}from"./third-party/components/FordeerProductLabels.js";export{default as RechargeSubscriptions}from"./third-party/components/RechargeSubscriptions.js";export{default as Selleasy}from"./third-party/components/Selleasy.js";export{default as HextomCountdownTimerBar}from"./third-party/components/HextomCountdownTimerBar.js";export{default as TrustBadgesBear}from"./third-party/components/TrustBadgesBear.js";export{default as TrustedsiteTrustBadges}from"./third-party/components/TrustedsiteTrustBadges.js";export{default as GloColorSwatchvariantImage}from"./third-party/components/GloColorSwatchvariantImage.js";export{default as BfSizeChartSizeGuide}from"./third-party/components/BfSizeChartSizeGuide.js";export{default as AlsoBoughtCbb}from"./third-party/components/AlsoBoughtCbb.js";export{default as HextomFreeShippingBar}from"./third-party/components/HextomFreeShippingBar.js";export{default as EcoboostifyShoppableReelUgc}from"./third-party/components/EcoboostifyShoppableReelUgc.js";export{default as InstantJudgemeReviews}from"./third-party-instant/components/InstantJudgemeReviews.js";export{default as InstantLooxReviews}from"./third-party-instant/components/InstantLooxReviews.js";export{default as InstantKlaviyo}from"./third-party-instant/components/InstantKlaviyo.js";export{default as InstantYotpoLoyalty}from"./third-party-instant/components/InstantYotpoLoyalty.js";export{default as StockCounter}from"./stock-counter/components/StockCounter.js";export{default as ThirdPartySlot}from"./third-party-slot/components/ThirdPartySlot.js";export{default as ShopPayInstallments}from"./shop-pay-installment/components/ShopPayInstallments.js";export{default as Sticky}from"./sticky/components/Sticky.js";export{CONTINUE_SELLING_WHEN_OUT_OF_STOCK,DEFAULT_FONT_SIZE,DEFAULT_HIGHLIGHT_TAG,DEFAULT_PROGRESS_BAR_HEIGHT,DEFAULT_QUANTITY_TEMPLATE,DEFAULT_RANGE_STEP,DEFAULT_REMAINING_PERCENT,DEFAULT_REMAINING_QUANTITY,DEFAULT_SCARCITY_THRESHOLD,MAX_PROGRESS_BAR_HEIGHT,MAX_REMAINING_PERCENT,MIN_PROGRESS_BAR_HEIGHT,MIN_REMAINING_PERCENT,MIN_REMAINING_QUANTITY,NO_PRODUCT_LEFT,OUT_OF_STOCK,QUANTITY_SOURCE,convertSizeToWidth,getInlineCss,getLiquidInitData,getLiquidTextContent,getTextDisplayData,transformHighlighTag,transformNumberTag}from"./stock-counter/common/helpers.js";export{t as liquidComponents,o as translateComponents};