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

package/dist/esm/product/settings/product-variant/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{controls:[{label:{en:"Type"},setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Product source"},controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:{en:"Option gap"},conditionDisplay:"optionType === 'singleOption'",controls:[{label:{en:"Gap"},setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:{en:"Option title"},setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:{en:"Position"},setting:{id:"layout"}},{conditionDisplay:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:{en:"Text style"},setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:{en:"Option value text"},conditionDisplay:"optionType === 'singleOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",controlConfig:{id:"optionTypo",type:"typography-v2",hiddenSetting:{color:!0,textAlign:!0,textShadow:!0}}}]},{label:{en:"Text style"},conditionDisplay:"optionType === 'groupOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"optionTextColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"optionTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Option style"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Width"},setting:{id:"combineWidth"}},{label:{en:"Height"},setting:{id:"combineHeight"}},{label:{en:"Background"},setting:{id:"optionBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"optionShadow",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"optionHasShadow",state:"active"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.active.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!0}},{condition:"optionShadow.active.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Background"},setting:{id:"optionBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{label:{en:"Shadow"},setting:{id:"optionShadow",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"optionHasShadow",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.hover.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!0}},{condition:"optionShadow.hover.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Sold out style"},controls:[{label:{en:"Type"},setting:{id:"soldOutStyle"}}]},{label:{en:"Size"},controls:[{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:"Display option"},controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false || (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:{en:"Placeholder"},setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:{en:"Variant price"},setting:{id:"price"}}]},{controls:[{label:{en:"Align"},conditionEnable:'optionType === "singleOption" || (optionType === "groupOption" && !(parseInt(combineWidth) >= 100 && combineWidth?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let SettingUIV2=[{controls:[{label:{en:"Type"},setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Product source"},controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:{en:"Option gap"},conditionDisplay:"optionType === 'singleOption'",controls:[{label:{en:"Gap"},setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:{en:"Option title"},setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:{en:"Position"},setting:{id:"layout"}},{conditionDisplay:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:{en:"Text style"},setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:{en:"Option value text"},conditionDisplay:"optionType === 'singleOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",controlConfig:{id:"optionTypo",type:"typography-v2",hiddenSetting:{color:!0,textAlign:!0,textShadow:!0}}}]},{label:{en:"Text style"},conditionDisplay:"optionType === 'groupOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"optionTextColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"optionTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Option style"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Width"},setting:{id:"combineWidth"}},{label:{en:"Height"},setting:{id:"combineHeight"}},{label:{en:"Background"},setting:{id:"optionBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"optionShadow",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"optionHasShadow",state:"active"}]},controlChangeTrigger:{settings:[{condition:"optionShadow?.active?.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!0}},{condition:"optionShadow?.active?.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Background"},setting:{id:"optionBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{label:{en:"Shadow"},setting:{id:"optionShadow",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"optionHasShadow",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"optionShadow?.hover?.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!0}},{condition:"optionShadow?.hover?.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Sold out style"},controls:[{label:{en:"Type"},setting:{id:"soldOutStyle"}}]},{label:{en:"Size"},controls:[{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:"Display option"},controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false || (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:{en:"Placeholder"},setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:{en:"Variant price"},setting:{id:"price"}}]},{controls:[{label:{en:"Align"},conditionEnable:'optionType === "singleOption" || (optionType === "groupOption" && !(parseInt(combineWidth) >= 100 && combineWidth?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/product/settings/product-view-more/configs/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"control",label:{en:"Open in"},setting:{id:"target"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{condition:"hasBoxShadowBtn.normal == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"control",condition:"hasBoxShadowBtn.hover == true",layout:"vertical",setting:{id:"boxShadowBtn",state:"hover"}}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",layout:"vertical",setting:{id:"typo"}}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1};
+let SettingUIV1=[{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"control",label:{en:"Open in"},setting:{id:"target"}},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{condition:"hasBoxShadowBtn?.normal == true",type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"control",condition:"hasBoxShadowBtn?.hover == true",layout:"vertical",setting:{id:"boxShadowBtn",state:"hover"}}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",layout:"vertical",setting:{id:"typo"}}]},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1};

package/dist/esm/product/settings/product-view-more/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover"},setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:{en:"Background"},type:"group",controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{label:{en:"Text"},type:"group",controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:{en:"Redirect to"},controls:[{label:{en:"New tab"},setting:{id:"redirectNewTab"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn?.normal?.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn?.normal?.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover"},setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:{en:"Background"},type:"group",controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{label:{en:"Text"},type:"group",controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn?.hover?.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn?.hover?.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:{en:"Redirect to"},controls:[{label:{en:"New tab"},setting:{id:"redirectNewTab"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

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

@@ -1 +1 @@
-import{makeStyle as t,getStyleBackgroundByDevice as e,getGradientImageBgrStyleByDevice as l}from"@gem-sdk/core";import"react/jsx-runtime";import"react";import{ELEMENT_Z_INDEX as i}from"../../common/const.js";let getCSSPosition=t=>"top"==t?"sticky":"fixed",getDisplayStyle=(t,e,l)=>{let i={[`--top${t}`]:"auto",[`--${l+t}`]:"0",[`--pos${t}`]:getCSSPosition(l)};switch(e){case"after-first-cart-button":i[`--d${t}`]="none";break;case"always":i[`--d${t}`]="block"}return i},displayConditionStyle=(t,e)=>({...getDisplayStyle("",t?.desktop,e?.desktop),...getDisplayStyle("-tablet",t?.tablet??t?.desktop,e?.tablet??e?.desktop),...getDisplayStyle("-mobile",t?.mobile??t?.tablet??t?.desktop,e?.mobile??e?.tablet??e?.desktop)}),getCSSAlignByDevice=(t,e)=>({[`--left${e}`]:"top"==t?"0":"50%",[`--t${e}`]:"top"==t?"unset":"translateX(-50%)"}),getCSSAlign=t=>({...getCSSAlignByDevice(t?.desktop,""),...getCSSAlignByDevice(t?.tablet??t?.desktop,"-tablet"),...getCSSAlignByDevice(t?.mobile??t?.tablet??t?.desktop,"-mobile")}),getContainerStyles=t=>{let{position:e,display:l}=t;return{margin:"0 auto",...getCSSAlign(e),...displayConditionStyle(l,e),"z-index":i.STICKY}},getContentStyles=i=>{let{style:o,background:p}=i;return{...t({m:"0 auto"}),...getStylePadding(o),...filterStyles(o),...e(p),...l(p)}},getStylePadding=t=>{let e=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"],l={};return e.forEach(e=>{t?.[e]&&(l[e]=t[e])}),l},filterStyles=t=>{let e={...t},l=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"];return l.forEach(t=>{delete e?.[t]}),e};export{displayConditionStyle,filterStyles,getContainerStyles,getContentStyles,getDisplayStyle,getStylePadding};
+import{makeStyle as t,getStyleBackgroundByDevice as e,getGradientImageBgrStyleByDevice as l}from"@gem-sdk/core";import"react/jsx-runtime";import"react";import{ELEMENT_Z_INDEX as i}from"../../common/const.js";import{getBackgroundTranslated as o}from"../../helpers.js";let getCSSPosition=t=>"top"==t?"sticky":"fixed",getDisplayStyle=(t,e,l)=>{let i={[`--top${t}`]:"auto",[`--${l+t}`]:"0",[`--pos${t}`]:getCSSPosition(l)};switch(e){case"after-first-cart-button":i[`--d${t}`]="none";break;case"always":i[`--d${t}`]="block"}return i},displayConditionStyle=(t,e)=>({...getDisplayStyle("",t?.desktop,e?.desktop),...getDisplayStyle("-tablet",t?.tablet??t?.desktop,e?.tablet??e?.desktop),...getDisplayStyle("-mobile",t?.mobile??t?.tablet??t?.desktop,e?.mobile??e?.tablet??e?.desktop)}),getCSSAlignByDevice=(t,e)=>({[`--left${e}`]:"top"==t?"0":"50%",[`--t${e}`]:"top"==t?"unset":"translateX(-50%)"}),getCSSAlign=t=>({...getCSSAlignByDevice(t?.desktop,""),...getCSSAlignByDevice(t?.tablet??t?.desktop,"-tablet"),...getCSSAlignByDevice(t?.mobile??t?.tablet??t?.desktop,"-mobile")}),getContainerStyles=t=>{let{position:e,display:l}=t;return{margin:"0 auto",...getCSSAlign(e),...displayConditionStyle(l,e),"z-index":i.STICKY}},getContentStyles=({setting:i,style:p,uid:a,pageContext:r,type:s="React"})=>{let{background:n,translate:b}=i||{},S="Liquid"===s?o({background:n,uid:a,translate:b,pageContext:r,isTranslateVideo:!1}):n;return{...t({m:"0 auto"}),...getStylePadding(p),...filterStyles(p),...e(S||n),...l(S||n)}},getStylePadding=t=>{let e=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"],l={};return e.forEach(e=>{t?.[e]&&(l[e]=t[e])}),l},filterStyles=t=>{let e={...t},l=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"];return l.forEach(t=>{delete e?.[t]}),e};export{displayConditionStyle,filterStyles,getContainerStyles,getContentStyles,getDisplayStyle,getStylePadding};

package/dist/esm/sticky/components/Sticky.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as r,jsx as i}from"react/jsx-runtime";import{useEditorMode as s,isEmptyChildren as m}from"@gem-sdk/core";import o from"next/head";import t from"../../grid/components/ChildrenDroppable.js";import"react";import{ELEMENT_Z_INDEX as a}from"../../common/const.js";import l from"../hooks/useSticky.js";import{createStyle as d,createClass as c}from"@gem-sdk/system";import{getContentStyles as n}from"../common/styles.js";import{getContainerClasses as p}from"../common/classes.js";let Sticky=({children:f,builderAttrs:g,setting:k,style:h,builderProps:u,advanced:y})=>{let j=s(),{background:b,preloadBgImage:x,width:C,isScrollToTop:S}=k??{},{positionStyle:v,displayStyle:I,makeDisplaySettingStyles:q,getCSSAlign:z,w:D}=l(k),K=d({margin:"0 auto",...I,...z,...v,zIndex:a.STICKY,..."edit"!==j&&q}),L=d(n({width:C,style:h,background:b})),N=c(p({uid:u?.uid,isScrollToTop:S,cssClass:y?.cssClass,isLiquid:!1}));return e(r,{children:[!!x&&e(o,{children:[!!b?.desktop?.image?.src&&i("link",{rel:"preload",href:b.desktop.image.src,as:"image"}),!!b?.tablet?.image?.src&&i("link",{rel:"preload",href:b.tablet.image.src,as:"image"}),!!b?.mobile?.image?.src&&i("link",{rel:"preload",href:b.mobile.image.src,as:"image"})]}),i("div",{className:N,id:u?.uid,style:{...D,...K},children:i("div",{...g,"data-id":u?.uid,style:L,children:m(f)?i(t,{}):f})})]})};export{Sticky as default};
+import{jsxs as e,Fragment as i,jsx as r}from"react/jsx-runtime";import{useEditorMode as s,isEmptyChildren as m}from"@gem-sdk/core";import o from"next/head";import t from"../../grid/components/ChildrenDroppable.js";import"react";import{ELEMENT_Z_INDEX as a}from"../../common/const.js";import d from"../hooks/useSticky.js";import{createStyle as l,createClass as c}from"@gem-sdk/system";import{getContentStyles as n}from"../common/styles.js";import{getContainerClasses as p}from"../common/classes.js";let Sticky=({children:g,builderAttrs:f,setting:u,style:k,builderProps:h,advanced:y,pageContext:j})=>{let b=s(),{background:x,preloadBgImage:C,isScrollToTop:S}=u??{},{positionStyle:v,displayStyle:I,makeDisplaySettingStyles:q,getCSSAlign:z,w:D}=d(u),K=l({margin:"0 auto",...I,...z,...v,zIndex:a.STICKY,..."edit"!==b&&q}),L=l(n({setting:u,style:k,uid:h?.uid,pageContext:j})),N=c(p({uid:h?.uid,isScrollToTop:S,cssClass:y?.cssClass,isLiquid:!1}));return e(i,{children:[!!C&&e(o,{children:[!!x?.desktop?.image?.src&&r("link",{rel:"preload",href:x.desktop.image.src,as:"image"}),!!x?.tablet?.image?.src&&r("link",{rel:"preload",href:x.tablet.image.src,as:"image"}),!!x?.mobile?.image?.src&&r("link",{rel:"preload",href:x.mobile.image.src,as:"image"})]}),r("div",{className:N,id:h?.uid,style:{...D,...K},children:r("div",{...f,"data-id":h?.uid,style:L,children:m(g)?r(t,{}):g})})]})};export{Sticky as default};

package/dist/esm/sticky/components/Sticky.liquid.js

@@ -1,20 +1,20 @@
-import{makeStyleResponsive as s,template as e,RenderIf as t,isLocalEnv as i,baseAssetURL as r}from"@gem-sdk/core";import{getSettingPreloadData as a}from"../../helpers.js";import{createStyle as d,createClass as l,createStateOrContext as o}from"@gem-sdk/system";import{getContainerStyles as m,getContentStyles as p}from"../common/styles.js";import{getContainerClasses as c}from"../common/classes.js";let Sticky=({children:g,builderAttrs:$,setting:n,style:k,builderProps:f,advanced:y})=>{let{width:u,position:b,display:S,preloadBgImage:v,background:h,isScrollToTop:j}=n??{},E=y?.d,w=d({...s("w",u),...m({position:b,style:k,display:S})}),A=d(p({width:u,style:k,background:h})),C=l(c({uid:f?.uid,isScrollToTop:j,cssClass:y?.cssClass,isLiquid:!0})),G=o({uid:f?.uid,setting:{display:{desktop:S?.desktop,tablet:S?.tablet??S?.desktop,mobile:S?.mobile??S?.tablet??S?.desktop}},advanced:{d:E}}),N=`.drawer-page-content {
+import{makeStyleResponsive as s,template as e,RenderIf as t,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../helpers.js";import{createStyle as d,createClass as l,createStateOrContext as o}from"@gem-sdk/system";import{getContainerStyles as m,getContentStyles as p}from"../common/styles.js";import{getContainerClasses as c}from"../common/classes.js";let Sticky=({children:g,builderAttrs:n,setting:$,style:k,builderProps:f,advanced:y,pageContext:u})=>{let{width:b,position:S,display:v,preloadBgImage:h,background:j,isScrollToTop:E}=$??{},w=y?.d,C=d({...s("w",b),...m({position:S,style:k,display:v})}),x=d(p({setting:$,style:k,uid:f?.uid,pageContext:u})),A=l(c({uid:f?.uid,isScrollToTop:E,cssClass:y?.cssClass,isLiquid:!0})),G=o({uid:f?.uid,setting:{display:{desktop:v?.desktop,tablet:v?.tablet??v?.desktop,mobile:v?.mobile??v?.tablet??v?.desktop}},advanced:{d:w}}),N=`.drawer-page-content {
        transform: none !important;
       -webkit-transform: none !important;
   }`;return e`
-    ${t(!!v,`${t(!!h?.desktop?.image?.src,`<link rel="preload" href="${h?.desktop?.image?.src}" as="image" />`)}${t(!!h?.tablet?.image?.src,`<link rel="preload" href="${h?.tablet?.image?.src}" as="image" />`)}${t(!!h?.mobile?.image?.src,`<link rel="preload" href="${h?.mobile?.image?.src}" as="image" />`)}`)}
+    ${t(!!h,`${t(!!j?.desktop?.image?.src,`<link rel="preload" href="${j?.desktop?.image?.src}" as="image" />`)}${t(!!j?.tablet?.image?.src,`<link rel="preload" href="${j?.tablet?.image?.src}" as="image" />`)}${t(!!j?.mobile?.image?.src,`<link rel="preload" href="${j?.mobile?.image?.src}" as="image" />`)}`)}
     <gp-sticky
     data-id="${f?.uid}"
       gp-data='${JSON.stringify(G)}'
       id="${f?.uid}"
       data-id="${f?.uid}"
-      class="${C} ${a("gps-lazy")}"
-      style="${w}"
+      class="${A} ${r("gps-lazy")}"
+      style="${C}"
     >
       <style>${N}</style>
-      <div ${{...$}} style="${{...A}}">
+      <div ${{...n}} style="${{...x}}">
         ${g}
       </div>
     </gp-sticky>
-    ${t(i,`<script ${a('class="gps-link" delay',"src")}="{{ 'gp-sticky-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a('class="gps-link" delay',"src")}="${r}/assets-v2/gp-sticky-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${t(i,`<script ${r('class="gps-link" delay',"src")}="{{ 'gp-sticky-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r('class="gps-link" delay',"src")}="${a}/assets-v2/gp-sticky-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{Sticky as default};

package/dist/esm/sticky/index.js

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

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

@@ -1 +1 @@
-let StickySettings=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit-width",label:"Width",min:0,units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"#FFFFFF",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Position",type:"layout-segment",iconViewBox:"0 0 64 48",enableItemBackground:!0,options:[{label:"Bottom",value:"bottom",type:"sticky-position"},{label:"Top",value:"top",type:"sticky-position"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"sticky-display",devices:{desktop:{default:"always"}}},{id:"isScrollToTop",type:"toggle",default:!1}]}];export{StickySettings};
+let StickySettings=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit-width",label:"Width",min:0,units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"#FFFFFF",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"translate",type:"input",default:[{id:"background",fields:["image.src"]}]},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Position",type:"layout-segment",iconViewBox:"0 0 64 48",enableItemBackground:!0,options:[{label:"Bottom",value:"bottom",type:"sticky-position"},{label:"Top",value:"top",type:"sticky-position"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"sticky-display",devices:{desktop:{default:"always"}}},{id:"isScrollToTop",type:"toggle",default:!1}]}];export{StickySettings};

package/dist/esm/sticky/settings/configs/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"group",label:{en:"Display"},controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"display"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"}]},{type:"group",controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image"'}]},{type:"control",label:{en:"Position"},options:{label:"large"},setting:{id:"position"}}];export{SettingUIV1};
+let SettingUIV1=[{type:"group",label:{en:"Display"},controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"display"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"}]},{type:"group",controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background?.type == "image"'}]},{type:"control",label:{en:"Position"},options:{label:"large"},setting:{id:"position"}}];export{SettingUIV1};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"position"},layout:"vertical"}]},{label:{en:"Size"},controls:[{setting:{id:"width"},label:{en:"Width"}},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{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:"Display option"},controls:[{label:{en:"Condition"},setting:{id:"display"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"position"},layout:"vertical"}]},{label:{en:"Size"},controls:[{setting:{id:"width"},label:{en:"Width"}},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{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:"Display option"},controls:[{label:{en:"Condition"},setting:{id:"display"}}]}];export{SettingUIV2};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"}}]},{label:{en:"Tabs"},controls:[{label:{en:"Order"},setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",labelPopover:{en:"Tab management"}}},{label:{en:"Text"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"labelTypoV2.type",isTypoValue:!0,isHideClear:!0,controls:[{layout:"vertical",setting:{id:"labelTypoV2"},options:{updateFields:[{field:"attrs.textAlign",settingId:"labelAlign"},{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}},{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'position == "top"',label:{en:"Width"},setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",label:{en:"Width"},conditionDisplay:'position != "top"',controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"labelWidth"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Background"},setting:{id:"labelBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlignVertical"}},{label:{en:"Hover effect"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Tabs hover effect"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"hover"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderTab",state:"hover"}}]},{label:{en:"Active state"},type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:{en:"Tabs active state"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"active"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"active"}},{label:{en:"Border"},setting:{id:"borderTab",state:"active"}}]}]}},{label:{en:"Size"},controls:[{id:"containWidth",label:{en:"Width"},controlConfig:{id:"containWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"containWidth"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{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:"Display option"},controls:[{label:{en:"Default active"},setting:{id:"activeKey"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!(parseInt(containWidth) >= 100 && containWidth?.includes("%"))'}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Layout"},controls:[{layout:"vertical",setting:{id:"position"}}]},{label:{en:"Tabs"},controls:[{label:{en:"Order"},setting:{id:"childItem"},controlConfig:{id:"childItem",type:"child-item",labelItem:"tab",labelPopover:{en:"Tab management"}}},{label:{en:"Text"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"labelTypoV2.type",isTypoValue:!0,isHideClear:!0,controls:[{layout:"vertical",setting:{id:"labelTypoV2"},options:{updateFields:[{field:"attrs.textAlign",settingId:"labelAlign"},{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}},{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'position == "top"',label:{en:"Width"},setting:{id:"panelWidth"}}],moreSettings:{type:"collapse",controls:[{id:"Width",label:{en:"Width"},conditionDisplay:'position != "top"',controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"labelWidth"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Background"},setting:{id:"labelBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderTab",state:"normal"}},{conditionDisplay:'position == "top" && panelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlign"}},{conditionDisplay:'position != "top" && labelWidth != "100%"',label:{en:"Tabs align"},setting:{id:"panelAlignVertical"}},{label:{en:"Hover effect"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Tabs hover effect"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"hover"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderTab",state:"hover"}}]},{label:{en:"Active state"},type:"combo",setting:{id:"enableActiveEffect"},iconName:"polaris-status-active",fixedValue:"Styled",state:"active",popoverLabel:{en:"Tabs active state"},controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"active"}},{label:{en:"Background"},setting:{id:"labelBgColor",state:"active"}},{label:{en:"Border"},setting:{id:"borderTab",state:"active"}}]}]}},{label:{en:"Size"},controls:[{id:"containWidth",label:{en:"Width"},controlConfig:{id:"containWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"containWidth"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{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:"Display option"},controls:[{label:{en:"Default active"},setting:{id:"activeKey"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionEnable:'!(parseInt(containWidth) >= 100 && containWidth?.includes("%"))'}]}];export{SettingUIV2};

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

@@ -1 +1 @@
-import{replaceLinkData as t,getDynamicSourceLocales as e}from"../../helpers.js";import"@gem-sdk/core";let formatThickness=t=>t?"number"==typeof t?t+"px":"string"!=typeof t||t.includes("px")?t:t+"px":"auto",getDisplayText=({type:a,styles:r,setting:i,builderProps:o,pageContext:s})=>{let{text:n,isForceValue:l}=i??{},p="",g=["Heading","Text"].includes(o?.builderData?.tag??"")&&!s?.isPreviewing,c=t(n?.toString()),d=r?.typo?.attrs?.transform==="capitalize";return"React"===a?p=d?n?.toString().toLocaleLowerCase():n?.toString():l?p=c:i?.translate?(p=e({val:n,uid:o?.uid,settingId:i?.translate,pageContext:s,isCapitalize:d,translate:i.translate,isReplaceLocationOrigin:g}))==n&&(p=c):p=d?c?.toString().toLocaleLowerCase():c,p};export{formatThickness,getDisplayText};
+import{replaceLinkData as t,hasTranslateIdInSetting as e,getDynamicSourceLocales as i}from"../../helpers.js";import"@gem-sdk/core";let formatThickness=t=>t?"number"==typeof t?t+"px":"string"!=typeof t||t.includes("px")?t:t+"px":"auto",getDisplayText=({type:r,styles:a,setting:o,builderProps:s,pageContext:n})=>{let{text:l,isForceValue:p}=o??{},g="",c=["Heading","Text"].includes(s?.builderData?.tag??"")&&!n?.isPreviewing,u=t(l?.toString()),x=a?.typo?.attrs?.transform==="capitalize";return"React"===r?g=x?l?.toString().toLocaleLowerCase():l?.toString():p?g=u:e("text",o?.translate)?(g=i({val:l,uid:s?.uid,settingId:"text",pageContext:n,isCapitalize:x,translate:"true",isReplaceLocationOrigin:c}))==l&&(g=u):g=x?u?.toString().toLocaleLowerCase():u,g};export{formatThickness,getDisplayText};

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

@@ -1 +1 @@
-import{makeStyle as e,makeStyleResponsive as t,makeGlobalSize as r,getSingleColorVariable as o,composeBorderResponsive as l,composeRadiusResponsive as i,getResponsiveStyleShadowWithoutState as n,getStyleShadow as a,makeLineClamp as d,getGlobalColorStyle as y,getGlobalColorStateStyle as h,composeTypographyStyle as s,getStyleBackgroundByDevice as p,getGradientBgrStyleByDevice as c,filterHoverVariables as u}from"@gem-sdk/core";import{formatThickness as g}from"./helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getStyle=(r,o)=>{let l={...e({mr:r?.spacing,mb:r?.spacing}),...t("ta",r?.align),...o,"--dynamic-source-color":"#F4F4F4"};return filterTruthyStyles(l)},getContainerStyle=(e,r)=>{let{tagWidth:o}=r??{},l={...t("jc",e?.align),...o};return filterTruthyStyles(l)},getTextStyle=(S,w)=>{let m=r(w?.globalSize),b=[S?.lineThrough&&"line-through",S?.typo?.attrs?.underline&&"underline"].filter(Boolean),f={...m?.width?.["--w"]?m.width:{"--w":"100%"},...e({tdc:o(S?.lineColor?.normal),tdt:g(S?.thickness)}),...l(S?.shapeBorder),...i(S?.shapeRounded),...n(S?.shapeBoxShadow,"box-shadow",S?.shapeBoxShadow),...a({value:S?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:S?.typo?.custom?.hasShadowText}),...t("ta",S?.textAlign),...t("line-clamp",d(S?.lineClamp,S?.hasLineClamp)),...S?.textColor?y(S.textColor):h("c",S?.color),...s(S?.typo,S?.typography),"word-break":"break-word",...p(w?.background),...m.padding,...c(w?.background,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...S?.opacityPrice&&{opacity:`${S?.opacityPrice}%`},...e({tdl:b.join(" ")})};return S?.enableHoverEffect?filterTruthyStyles(f):u(f)},getTextStyleInline=e=>{let t={...s(e?.typo),"word-break":"break-word",overflow:"hidden"};return filterTruthyStyles(t)};export{getContainerStyle,getStyle,getTextStyle,getTextStyleInline};
+import{makeStyle as e,makeStyleResponsive as t,makeGlobalSize as r,getSingleColorVariable as o,composeBorderResponsive as l,composeRadiusResponsive as i,getResponsiveStyleShadowWithoutState as a,getStyleShadow as n,makeLineClamp as d,getGlobalColorStyle as s,getGlobalColorStateStyle as h,composeTypographyStyle as y,getStyleBackgroundByDevice as p,getGradientBgrStyleByDevice as c,filterHoverVariables as u}from"@gem-sdk/core";import{formatThickness as g}from"./helpers.js";import{getBackgroundTranslated as S}from"../../helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getStyle=(r,o)=>{let l={...e({mr:r?.spacing,mb:r?.spacing}),...t("ta",r?.align),...o,"--dynamic-source-color":"#F4F4F4"};return filterTruthyStyles(l)},getContainerStyle=(e,r)=>{let{tagWidth:o}=r??{},l={...t("jc",e?.align),...o};return filterTruthyStyles(l)},getTextStyle=({styles:m,setting:w,builderProps:f,pageContext:b,type:x="React"})=>{let T=w?.background;"Liquid"===x&&(T=S({background:T,uid:f?.uid,translate:w?.translate,pageContext:b,isTranslateVideo:!1}));let k=r(w?.globalSize),C=[m?.lineThrough&&"line-through",m?.typo?.attrs?.underline&&"underline"].filter(Boolean),j={...k?.width?.["--w"]?k.width:{"--w":"100%"},...e({tdc:o(m?.lineColor?.normal),tdt:g(m?.thickness)}),...l(m?.shapeBorder),...i(m?.shapeRounded),...a(m?.shapeBoxShadow,"box-shadow",m?.shapeBoxShadow),...n({value:m?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:m?.typo?.custom?.hasShadowText}),...t("ta",m?.textAlign),...t("line-clamp",d(m?.lineClamp,m?.hasLineClamp)),...m?.textColor?s(m.textColor):h("c",m?.color),...y(m?.typo,m?.typography),"word-break":"break-word",...p(T),...k.padding,...c(T,{desktop:!0,tablet:!0,mobile:!0}),overflow:"hidden",...m?.opacityPrice&&{opacity:`${m?.opacityPrice}%`},...e({tdl:C.join(" ")})};return m?.enableHoverEffect?filterTruthyStyles(j):u(j)},getTextStyleInline=e=>{let t={...y(e?.typo),"word-break":"break-word",overflow:"hidden"};return filterTruthyStyles(t)};export{getContainerStyle,getStyle,getTextStyle,getTextStyleInline};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRenderMode as r}from"@gem-sdk/core";import{forwardRef as m}from"react";import{createAttr as o,createStyleReact as s,createClass as a,createContent as l}from"@gem-sdk/system";import{getAttr as i,getTextAttr as n}from"../common/attrs.js";import{getStyle as c,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as f,getContainerClasses as u,getTextClasses as y}from"../common/classes.js";import{getDisplayText as g}from"../common/helpers.js";let Text=m(({styles:m,builderAttrs:h,style:j,setting:v,advanced:x,builderProps:D,className:T,children:N,disableEdit:k,...S},_)=>{let{isEditMode:E,isPreviewSharePageMode:H}=r(),{htmlTag:I="div",options:L}=v??{},M=o({...i({uid:D?.uid||""})}),R=o({...n(L)}),b=s({...c(m,j)}),q=s({...p(m,v)}),w=s({...d(m,v)}),z=a({...f({setting:v,advanced:x,builderProps:D})}),A=a({...u({setting:v})}),B=a({...y({styles:m,setting:v,className:T,isEdit:E||H,disableEdit:k})}),C=g({type:"React",styles:m,setting:v,builderProps:D}),F=l(C);return e("div",{...M,...S,...h,style:b,className:z,children:[t("div",{className:A,style:{...q},children:t(I,{ref:_,...R,className:B,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...w},dangerouslySetInnerHTML:{__html:F}})}),N]})});export{Text as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRenderMode as r}from"@gem-sdk/core";import{forwardRef as m}from"react";import{createAttr as o,createStyleReact as s,createClass as a,createContent as l}from"@gem-sdk/system";import{getAttr as i,getTextAttr as n}from"../common/attrs.js";import{getStyle as c,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as f,getContainerClasses as u,getTextClasses as y}from"../common/classes.js";import{getDisplayText as g}from"../common/helpers.js";let Text=m(({styles:m,builderAttrs:h,style:j,setting:v,advanced:x,builderProps:D,className:T,children:N,disableEdit:k,...S},_)=>{let{isEditMode:E,isPreviewSharePageMode:H}=r(),{htmlTag:I="div",options:L}=v??{},M=o({...i({uid:D?.uid||""})}),R=o({...n(L)}),b=s({...c(m,j)}),q=s({...p(m,v)}),w=s({...d({styles:m,setting:v,builderProps:D})}),z=a({...f({setting:v,advanced:x,builderProps:D})}),A=a({...u({setting:v})}),B=a({...y({styles:m,setting:v,className:T,isEdit:E||H,disableEdit:k})}),C=g({type:"React",styles:m,setting:v,builderProps:D}),F=l(C);return e("div",{...M,...S,...h,style:b,className:z,children:[t("div",{className:A,style:{...q},children:t(I,{ref:_,...R,className:B,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...w},dangerouslySetInnerHTML:{__html:F}})}),N]})});export{Text as default};

package/dist/esm/text/components/Text.liquid.js

@@ -1,17 +1,17 @@
-import{template as t}from"@gem-sdk/core";import{createAttr as o,createStyle as s,createClass as e,createContent as i}from"@gem-sdk/system";import{getAttr as r,getTextAttr as m}from"../common/attrs.js";import{getStyle as l,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as n,getTextClasses as a}from"../common/classes.js";import{getDisplayText as c}from"../common/helpers.js";let Text=({id:$,styles:u,builderAttrs:f,style:g,setting:y,advanced:j,builderProps:v,className:x,isText:T,pageContext:h,elementAttrs:k})=>{let{htmlTag:q="div",excludeFlex:I}=y??{},L=o({...$&&{id:$},...r({uid:v?.uidInteraction??v?.uid??""}),...f}),O=o({...m(),...k}),_=s({...l(u,g)}),b=s({...p(u,y)}),w=s({...d(u,y)}),z=e({...n({setting:y,advanced:j,builderProps:v})}),A=e({"gp-flex":!I}),B=e({...a({styles:u,setting:y,className:x}),...T&&{"gp-text":!0}}),C=c({type:"Liquid",styles:u,setting:y,builderProps:v,pageContext:h}),D=i(C);return t`
+import{template as t}from"@gem-sdk/core";import{createAttr as o,createStyle as s,createClass as e,createContent as i}from"@gem-sdk/system";import{getAttr as r,getTextAttr as m}from"../common/attrs.js";import{getStyle as l,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as n,getTextClasses as a}from"../common/classes.js";import{getDisplayText as c}from"../common/helpers.js";let Text=({id:$,styles:u,builderAttrs:f,style:g,setting:y,advanced:j,builderProps:v,className:x,isText:q,pageContext:T,elementAttrs:h})=>{let{htmlTag:k="div",excludeFlex:L}=y??{},I=o({...$&&{id:$},...r({uid:v?.uidInteraction??v?.uid??""}),...f}),O=o({...m(),...h}),_=s({...l(u,g)}),b=s({...p(u,y)}),w=s({...d({styles:u,setting:y,builderProps:v,pageContext:T,type:"Liquid"})}),z=e({...n({setting:y,advanced:j,builderProps:v})}),A=e({"gp-flex":!L}),B=e({...a({styles:u,setting:y,className:x}),...q&&{"gp-text":!0}}),C=c({type:"Liquid",styles:u,setting:y,builderProps:v,pageContext:T}),D=i(C);return t`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
-    <div ${{...L}}
+    <div ${{...I}}
         class="${z}"
         style="${_}"
       >
       <div class="${A}" style="${b}">
-        <${q}
+        <${k}
           ${{...O}}
           class="${B}"
           style="${w}"
         >
           ${D}
-        </${q}>
+        </${k}>
       </div>
     </div>
     `};export{Text as default};

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

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

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

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

package/dist/esm/third-party/settings/PushOwl/uiV1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"control",setting:{id:"install"}},{type:"group",label:{en:"Message"},controls:[{type:"control",label:{en:"Message after clicked"},setting:{id:"message"},options:{labelPosition:"start"},layout:"vertical"},{type:"control",label:{en:"Hide after subscribed"},setting:{id:"subscribe"}},{type:"control",setting:{id:"openApp"}}]},{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{type:"group",condition:"hasBoxShadowBtn.normal == true",controls:[{type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"group",condition:"hasBoxShadowBtn.hover == true",controls:[{type:"control",setting:{id:"boxShadowBtn",state:"hover"},layout:"vertical"}]}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",label:{en:"Button text"},setting:{id:"label"}},{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1 as default};
+let SettingUIV1=[{type:"control",setting:{id:"install"}},{type:"group",label:{en:"Message"},controls:[{type:"control",label:{en:"Message after clicked"},setting:{id:"message"},options:{labelPosition:"start"},layout:"vertical"},{type:"control",label:{en:"Hide after subscribed"},setting:{id:"subscribe"}},{type:"control",setting:{id:"openApp"}}]},{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{type:"group",condition:"hasBoxShadowBtn?.normal == true",controls:[{type:"control",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"group",condition:"hasBoxShadowBtn?.hover == true",controls:[{type:"control",setting:{id:"boxShadowBtn",state:"hover"},layout:"vertical"}]}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",label:{en:"Button text"},setting:{id:"label"}},{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1 as default};

package/dist/esm/third-party/settings/PushOwl/uiV2.js

@@ -1 +1 @@
-let SettingUIV2=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{label:{en:"Message"},controls:[{type:"control",label:{en:"Message after clicked"},setting:{id:"message"},layout:"vertical"},{type:"control",label:{en:"Hide after subscribed"},setting:{id:"subscribe"}},{type:"control",setting:{id:"openApp"},layout:"vertical"}]},{controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconVisible"}},{type:"group",conditionDisplay:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"}}]}]},{label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>Button</p>"}}],options:{noRecordHistory:!0}}},{type:"control",label:{en:"Button text"},setting:{id:"label"}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:{en:"Align"},setting:{id:"align"}}]}];export{SettingUIV2 as default};
+let SettingUIV2=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{label:{en:"Message"},controls:[{type:"control",label:{en:"Message after clicked"},setting:{id:"message"},layout:"vertical"},{type:"control",label:{en:"Hide after subscribed"},setting:{id:"subscribe"}},{type:"control",setting:{id:"openApp"},layout:"vertical"}]},{controls:[{type:"control",label:{en:"Icon"},setting:{id:"iconVisible"}},{type:"group",conditionDisplay:"iconVisible == true",controls:[{type:"control",layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"}}]}]},{label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>Button</p>"}}],options:{noRecordHistory:!0}}},{type:"control",label:{en:"Button text"},setting:{id:"label"}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},state:"hover",controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn?.hover?.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn?.hover?.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:{en:"Align"},setting:{id:"align"}}]}];export{SettingUIV2 as default};

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

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"@gem-sdk/core";let getAspectRatioSettings=(t,o)=>{let i={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},s={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},l={desktop:o?.desktop==="custom"?`${e(i,"desktop")}/${e(s,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(i,"tablet")}/${e(s,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(i,"mobile")}/${e(s,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return l},getYoutubeParams=e=>{let{id:t,params:o,muted:i,webp:s,controls:l,adNetwork:a,autoplay:m,lazy:p}=e,d=encodeURIComponent(t),u="hqdefault",b=`${o}`||"",r=i?"&mute=1":"",n=s?"webp":"jpg",c=s?"vi_webp":"vi",g=e.thumbnail||`https://i.ytimg.com/${c}/${d}/${u}.${n}`,$=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",h=`${$}/embed/${d}?autoplay=${!!p||m}&state=1${r}${b}&controls=${l?1:0}`,v=a||!1;return{videoId:d,posterImp:u,paramsImp:b,mutedImp:r,format:n,vi:c,posterUrl:g,ytUrl:$,iframeSrc:h,adNetworkImp:v}},getVimeoParams=e=>{let{id:t,autoplay:o,muted:i,controls:s,loop:l,lazy:a}=e,m=encodeURIComponent(t),p=`?&autoplay=${a?1:o?1:0}&muted=${i?1:0}&loop=${l?1:0}&controls=${s}&autopause=false`,d=`https://player.vimeo.com/video/${m}${p}`;return{videoId:m,params:p,iframeSrc:d}},makeStyleResponsiveRatio=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",youtubeVideoRegex=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,vimeoVideoRegex=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,getYoutubeVideoId=e=>{let t=e.match(youtubeVideoRegex);return t?.[1]??void 0},getVimeoVideoId=e=>{let t=/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/,o=e.match(t);return o?.[3]},parseTimeVideo=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},covertStrParamsToObj=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o?{...e,[o]:i}:e},{})},isSettingLoop=e=>e.includes("loop=1");export{covertStrParamsToObj,fallbackImageVideoUrl,getAspectRatioSettings,getVimeoParams,getVimeoVideoId,getYoutubeParams,getYoutubeVideoId,isSettingLoop,makeStyleResponsiveRatio,parseTimeVideo,vimeoVideoRegex,youtubeVideoRegex};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import"react/jsx-runtime";import"react";import"next/link";let getAspectRatioSettings=(t,o)=>{let i={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},s={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},m={desktop:o?.desktop==="custom"?`${e(i,"desktop")}/${e(s,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(i,"tablet")}/${e(s,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(i,"mobile")}/${e(s,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return m},getYoutubeParams=e=>{let{id:t,params:o,muted:i,webp:s,controls:m,adNetwork:l,autoplay:a,lazy:p}=e,r=encodeURIComponent(t),d="hqdefault",u=`${o}`||"",b=i?"&mute=1":"",n=s?"webp":"jpg",c=s?"vi_webp":"vi",g=e.thumbnail||`https://i.ytimg.com/${c}/${r}/${d}.${n}`,$=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",h=`${$}/embed/${r}?autoplay=${!!p||a}&state=1${b}${u}&controls=${m?1:0}`,v=l||!1;return{videoId:r,posterImp:d,paramsImp:u,mutedImp:b,format:n,vi:c,posterUrl:g,ytUrl:$,iframeSrc:h,adNetworkImp:v}},getVimeoParams=e=>{let{id:t,autoplay:o,muted:i,controls:s,loop:m,lazy:l}=e,a=encodeURIComponent(t),p=`?&autoplay=${l?1:o?1:0}&muted=${i?1:0}&loop=${m?1:0}&controls=${s}&autopause=false`,r=`https://player.vimeo.com/video/${a}${p}`;return{videoId:a,params:p,iframeSrc:r}},makeStyleResponsiveRatio=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",youtubeVideoRegex=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,vimeoVideoRegex=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,getYoutubeVideoId=e=>{let t=e.match(youtubeVideoRegex);return t?.[1]??void 0},getVimeoVideoId=e=>{let t=/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/,o=e.match(t);return o?.[3]},parseTimeVideo=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},covertStrParamsToObj=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o?{...e,[o]:i}:e},{})},isSettingLoop=e=>e.includes("loop=1");export{covertStrParamsToObj,fallbackImageVideoUrl,getAspectRatioSettings,getVimeoParams,getVimeoVideoId,getYoutubeParams,getYoutubeVideoId,isSettingLoop,makeStyleResponsiveRatio,parseTimeVideo,vimeoVideoRegex,youtubeVideoRegex};

package/dist/esm/video/components/LiteYouTubeEmbed.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as r}from"@gem-sdk/core";import a from"react-youtube";import{getYoutubeParams as o,isSettingLoop as i,covertStrParamsToObj as l}from"../common/helpers.js";import s from"../../image/components/NextImage.js";import{createClass as m,createStyle as n}from"@gem-sdk/system";import{getButtonYoutubeClasses as c,getImageYoutubeClasses as u,getArticleYoutubeClasses as d,getIframeYoutubeClasses as p,getYoutubeContentClasses as f}from"../common/classes.js";import{getIframeYoutubeStyle as y,getArticleYoutubeStyle as b}from"../common/styles.js";import{useLiteYoutubeEmbed as g}from"../hooks/useLiteYoutubeEmbed.js";let LiteYouTubeEmbed=h=>{let C=r(),v="edit"!==C,{style:w,poster:N,iframeClass:j,wrapperClass:E,title:k}=h,{preload:x}=N||{},{videoId:B,paramsImp:L,posterUrl:S,iframeSrc:T}=o(h),{iframe:I,intervalPlay:V,warmConnections:H,isVideoStarted:M,videoDuration:Y,addIframe:z}=g(h,L,B),D=x&&v,P=m({...c(I)}),A=m({...u()}),F=m({...d(D||!1,E)}),O=m({...p(j)}),R=n({...y(w)}),q=n({...b(w,S)}),G=m({...f()}),J=()=>{if(h.isHeroBanner&&i(L))return t(a,{videoId:B,title:k,iframeClassName:O,style:R,className:G,opts:{host:"https://www.youtube-nocookie.com",playerVars:{autoplay:1,state:1,controls:0,mute:1,...l(L)}},onReady:e=>{if(e.target.playVideo(),Y.current=Math.floor(e.target.getDuration()),h.isHeroBanner){let t=e.target.getIframe();if(t){let e=t.closest("article")||t.parentElement;if(e){let r=new CustomEvent("youtube-iframe-ready",{detail:{iframe:t},bubbles:!0,cancelable:!0});e.dispatchEvent(r)}}}},onStateChange:e=>{let t=e.target;M.current||(t.playVideo(),M.current=!0,V(e)),0===e.data&&(Y.current=t.getCurrentTime(),t.playVideo(),V(e))}});let e=t("iframe",{className:O,style:R,title:k,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:T});return h.isHeroBanner?t("div",{className:G,children:e}):e};return e("article",{"aria-hidden":!0,className:F,"data-title":k,style:q,onPointerOver:H,onClick:z,children:[t(s,{src:S,alt:N?.altText,title:N?.imageTitle,priority:v&&x,enableLazyLoadImage:!0,className:A,isDisableAspectStyle:!0}),t("button",{type:"button","aria-label":"Play",className:P,children:e("svg",{height:"100%",version:"1.1",viewBox:"0 0 68 48",width:"100%",children:[t("path",{d:"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z",fill:"#f00"}),t("path",{d:"M 45,24 27,14 27,34",fill:"#fff"})]})}),I&&J()]})};export{LiteYouTubeEmbed as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as r}from"@gem-sdk/core";import a from"react-youtube";import{getYoutubeParams as o,isSettingLoop as i,covertStrParamsToObj as l}from"../common/helpers.js";import s from"../../image/components/NextImage.js";import{createClass as m,createStyle as n}from"@gem-sdk/system";import{getButtonYoutubeClasses as c,getImageYoutubeClasses as u,getArticleYoutubeClasses as d,getIframeYoutubeClasses as p,getYoutubeContentClasses as f}from"../common/classes.js";import{getIframeYoutubeStyle as y,getArticleYoutubeStyle as b}from"../common/styles.js";import{useLiteYoutubeEmbed as h}from"../hooks/useLiteYoutubeEmbed.js";let LiteYouTubeEmbed=g=>{let C=r(),v="edit"!==C,{style:w,poster:N,iframeClass:j,wrapperClass:k,title:x}=g,{preload:B}=N||{},{videoId:E,paramsImp:L,posterUrl:S,iframeSrc:T}=o(g),{iframe:I,intervalPlay:V,warmConnections:H,isVideoStarted:M,videoDuration:Y,addIframe:z}=h(g,L,E),D=B&&v,P=m({...c(I)}),A=m({...u()}),F=m({...d(D||!1,k)}),O=m({...p(j)}),R=n({...y(w)}),q=n({...b(w,S)}),G=m({...f()}),J=()=>{if(g.isHeroBanner&&i(L))return t(a,{videoId:E,title:x,iframeClassName:O,style:R,className:G,opts:{host:"https://www.youtube-nocookie.com",playerVars:{autoplay:1,state:1,controls:0,mute:1,...l(L)}},onReady:e=>{if(e.target.playVideo(),Y.current=Math.floor(e.target.getDuration()),g.isHeroBanner){let t=e.target.getIframe();if(t){let e=t.closest("div.hero-banner-container");if(e){let r=new CustomEvent("youtube-iframe-ready",{detail:{iframe:t},bubbles:!0,cancelable:!0});e.dispatchEvent(r)}}}},onStateChange:e=>{let t=e.target;M.current||(t.playVideo(),M.current=!0,V(e)),0===e.data&&(Y.current=t.getCurrentTime(),t.playVideo(),V(e))}});let e=t("iframe",{className:O,style:R,title:x,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:T});return g.isHeroBanner?t("div",{className:G,children:e}):e};return e("article",{"aria-hidden":!0,className:F,"data-title":x,style:q,onPointerOver:H,onClick:z,children:[t(s,{src:S,alt:N?.altText,title:N?.imageTitle,priority:v&&B,enableLazyLoadImage:!0,className:A,isDisableAspectStyle:!0}),t("button",{type:"button","aria-label":"Play",className:P,children:e("svg",{height:"100%",version:"1.1",viewBox:"0 0 68 48",width:"100%",children:[t("path",{d:"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z",fill:"#f00"}),t("path",{d:"M 45,24 27,14 27,34",fill:"#fff"})]})}),I&&J()]})};export{LiteYouTubeEmbed as default};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Video source"},controls:[{label:{en:"Type"},setting:{id:"type"}},{label:{en:"Video link"},conditionDisplay:"type === 'youtube'",setting:{id:"youtubeUrl"}},{label:{en:"Video link"},conditionDisplay:"type === 'vimeo'",setting:{id:"vimeoUrl"}},{label:{en:"Video link"},conditionDisplay:"type === 'html5'",setting:{id:"html5Url"}},{label:{en:"Thumbnail"},setting:{id:"poster"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"type === 'youtube'",label:{en:"Start at"},setting:{id:"startTime"}},{conditionDisplay:"type === 'youtube'",label:{en:"End at"},setting:{id:"endTime"}}]}},{label:{en:"Video configure"},controls:[{label:{en:"Control bar"},setting:{id:"controls"}},{label:{en:"Sound"},setting:{id:"mute"}},{label:{en:"Lazy load"},setting:{id:"lazy"}}],moreSettings:{type:"collapse",controls:[{label:{en:"Autoplay"},setting:{id:"autoplay"},options:{disableMessage:"YouTube & Vimeo videos will not autoplay when lazy load is enabled"},conditionEnable:"type === 'html5' || (type !== 'html5' && lazy != true)"},{label:{en:"Loop video"},setting:{id:"loopVideo"}}]}},{label:{en:"Size"},controls:[{label:{en:"Frame"},setting:{id:"aspectRatio"}},{conditionDisplay:"aspectRatio === 'custom'",setting:{id:"ratioOptions"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Video source"},controls:[{label:{en:"Type"},setting:{id:"type"}},{label:{en:"Video link"},conditionDisplay:"type === 'youtube'",setting:{id:"youtubeUrl"}},{label:{en:"Video link"},conditionDisplay:"type === 'vimeo'",setting:{id:"vimeoUrl"}},{label:{en:"Video link"},conditionDisplay:"type === 'html5'",setting:{id:"html5Url"}},{label:{en:"Thumbnail"},setting:{id:"poster"},options:{updateFields:[{field:"preload",settingId:"preload"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}],moreSettings:{type:"collapse",controls:[{conditionDisplay:"type === 'youtube'",label:{en:"Start at"},setting:{id:"startTime"}},{conditionDisplay:"type === 'youtube'",label:{en:"End at"},setting:{id:"endTime"}}]}},{label:{en:"Video configure"},controls:[{label:{en:"Control bar"},setting:{id:"controls"}},{label:{en:"Sound"},setting:{id:"mute"}},{label:{en:"Lazy load"},setting:{id:"lazy"}}],moreSettings:{type:"collapse",controls:[{label:{en:"Autoplay"},setting:{id:"autoplay"},options:{disableMessage:"YouTube & Vimeo videos will not autoplay when lazy load is enabled"},conditionEnable:"type === 'html5' || (type !== 'html5' && lazy != true)"},{label:{en:"Loop video"},setting:{id:"loopVideo"}}]}},{label:{en:"Size"},controls:[{label:{en:"Frame"},setting:{id:"aspectRatio"}},{conditionDisplay:"aspectRatio === 'custom'",setting:{id:"ratioOptions"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]}];export{SettingUIV2};