@gem-sdk/components 2.0.0-staging.981 → 2.0.0-staging.983
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/article/settings/configs/article-read-more/ui-v2.js +1 -1
- package/dist/cjs/hero-banner/common/styles.js +1 -1
- package/dist/cjs/product/components/product-bundle/setting/configs/settings.js +1 -1
- package/dist/cjs/product/components/product-bundle/setting/configs/ui-v2.js +1 -1
- package/dist/esm/article/settings/configs/article-read-more/ui-v2.js +1 -1
- package/dist/esm/hero-banner/common/styles.js +1 -1
- package/dist/esm/product/components/product-bundle/setting/configs/settings.js +1 -1
- package/dist/esm/product/components/product-bundle/setting/configs/ui-v2.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const SettingUIV2=[{label:{en:"Style"},controls:[{setting:{id:"readMoreType"},layout:"vertical"}]},{label:{en:"Size"},conditionDisplay:"readMoreType !== 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",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:"globalSizeBtn",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeBtn",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Size"},conditionDisplay:"readMoreType == 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeText",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeText",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",conditionDisplay:"readMoreType === 'text'"},{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"},conditionDisplay:"readMoreType != 'text'"}]},{label:{en:"Shape"},conditionDisplay:"readMoreType != 'text'",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"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},conditionDisplay:"readMoreType !== 'text'",options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"Read more"}},{condition:"enableTextStyle === true",source:["enableTextStyle","label","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:"enableTextStyle === false",source:["enableTextStyle","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!0}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typoBtn"},conditionDisplay:"readMoreType !== 'text' && enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}},layout:"vertical"}]},{label:{en:"Text"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Content"},getValueFromSettingID:"label",iconName:"gp-prefix",type:"combo",conditionDisplay:"readMoreType === 'text'",defaultValueWhenClear:"",compoDefaultValue:"Read more",controls:[{label:{en:"Content"},type:"control",setting:{id:"label"},layout:"vertical",defaultValueWhenClear:""}]},{id:"typo",label:{en:"Basic"},setting:{id:"typoText"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColorTextState",state:"normal"},{field:"attrs.textAlign",settingId:"alignText"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"alignText",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColorTextState",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:"readMoreType !== 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"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:"Effect"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffectText"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"textColorTextState",state:"hover"}}]}]},{controls:[{label:{en:"Align"},setting:{id:"alignBtn"},conditionDisplay:"readMoreType !== 'text'",conditionEnable:"globalSizeBtn.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]},{controls:[{label:{en:"Align"},setting:{id:"alignText"},conditionDisplay:"readMoreType == 'text'",conditionEnable:"globalSizeText.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
|
|
1
|
+
"use strict";const SettingUIV2=[{label:{en:"Style"},controls:[{setting:{id:"readMoreType"},layout:"vertical"}]},{label:{en:"Size"},conditionDisplay:"readMoreType !== 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",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:"globalSizeBtn",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeBtn",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Size"},conditionDisplay:"readMoreType == 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeText",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeText",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",conditionDisplay:"readMoreType === 'text'"},{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"},conditionDisplay:"readMoreType != 'text'"}]},{label:{en:"Shape"},conditionDisplay:"readMoreType != 'text'",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"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},conditionDisplay:"readMoreType !== 'text'",options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"Read more"}},{condition:"enableTextStyle === true",source:["enableTextStyle","label","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:"enableTextStyle === false",source:["enableTextStyle","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!0}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typoBtn"},conditionDisplay:"readMoreType !== 'text' && enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}},layout:"vertical"}]},{label:{en:"Text"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Content"},getValueFromSettingID:"label",iconName:"gp-prefix",type:"combo",conditionDisplay:"readMoreType === 'text'",defaultValueWhenClear:"",compoDefaultValue:"Read more",controls:[{label:{en:"Content"},type:"control",setting:{id:"label"},layout:"vertical",defaultValueWhenClear:""}]},{id:"typo",label:{en:"Basic"},setting:{id:"typoText"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColorTextState",state:"normal"},{field:"attrs.textAlign",settingId:"alignText"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"alignText",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColorTextState",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:"readMoreType !== 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"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:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"},{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:"Effect"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffectText"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"textColorTextState",state:"hover"}}]}]},{controls:[{label:{en:"Align"},setting:{id:"alignBtn"},conditionDisplay:"readMoreType !== 'text'",conditionEnable:"globalSizeBtn.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]},{controls:[{label:{en:"Align"},setting:{id:"alignText"},conditionDisplay:"readMoreType == 'text'",conditionEnable:"globalSizeText.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getStyle=(e,t,r)=>{let{sizeSetting:l,background:o}=e??{},{ratioOptions:i,aspectRatio:a}=t??{},s={...r,...helpers.getVisibilityStyle(r),...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(l)),...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(l,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...helpers.getStyleAspectRatioHeroBannerCustom(o,l,helpers.getAspectRatioSettings(i,a))};return filterTruthyStyles(s)},getContainerStyle=(e,t)=>{let{sizeSetting:r,background:l,borderBg:o,cornerBg:i,shadowBg:a,hasActiveShadow:s}=e??{},{ratioOptions:y,aspectRatio:g}=t??{},S={...
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getStyle=(e,t,r)=>{let{sizeSetting:l,background:o}=e??{},{ratioOptions:i,aspectRatio:a}=t??{},s={...r,...helpers.getVisibilityStyle(r),...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(l)),...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(l,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...helpers.getStyleAspectRatioHeroBannerCustom(o,l,helpers.getAspectRatioSettings(i,a))};return filterTruthyStyles(s)},getContainerStyle=(e,t)=>{let{sizeSetting:r,background:l,borderBg:o,cornerBg:i,shadowBg:a,hasActiveShadow:s}=e??{},{ratioOptions:y,aspectRatio:g}=t??{},S={...helpers.getStyleAspectRatioHeroBannerCustom(l,r,helpers.getAspectRatioSettings(y,g)),...core.makeStyle({bs:o?.border??o?.border,bw:o?.width??o?.width,bc:core.getSingleColorVariable(o?.color)}),...core.getRadiusStyleActiveState({...i,active:{...i||{},radiusType:"custom"}}),...core.getStyleShadow({value:a,styleAppliedFor:"box-shadow",isEnableShadow:s})};return filterTruthyStyles(S)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r}=e??{},l=core.getGlobalColorStateStyle("bgc",t),o=core.makeStyleState("op",r),{disableOpacity:i,disableHoverOpacity:a}=helpers.opacityEnabledData(e);i&&(delete l?.["--bgc"],delete o?.["--op"]),a&&(delete l?.["--hvr-bgc"],delete o?.["--hvr-op"]);let s={...l,...o,"--top":"0","--left":"0"};return filterTruthyStyles(s)},getRowStyle=e=>{let{contentPadding:t}=e??{},r={...core.getResponsiveStylePadding(t)};return filterTruthyStyles(r)},getAdaptiveStyle=e=>{let{sizeSetting:t,background:r}=e??{},l={...helpers.getDisplayStyleByFitContent(t,r),...core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(t)),...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(t,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),"--op":0,"--z":-1};return filterTruthyStyles(l)},getBackgroundStyle=(e,t,r)=>{let{hoverEffectScale:l,background:o,hoverEffectDuration:i}=e??{},a={...helpers.getStyleHeroBannerBg(helpers.getResponsiveSetting(o||{}),t),...core.getStyleBackgroundByDevice(o,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":`${i??0}s`,"--scale":helpers.formatHoverScale(l),...core.makeStyleResponsive("pos",helpers.getAttachmentDevice(o)),transform:r,transition:"transform 300ms cubic-bezier(0,0,0,1)"};return filterTruthyStyles(a)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":helpers.getClipPath(t?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let t={...core.makeStyleResponsive("aspect",e)};return filterTruthyStyles(t)},getYoutubeIframeStyle=e=>{let t={...core.makeStyleResponsive("aspect",e),"pointer-event":"none"};return filterTruthyStyles(t)};exports.getAdaptiveStyle=getAdaptiveStyle,exports.getBackgroundStyle=getBackgroundStyle,exports.getContainBackgroundStyle=getContainBackgroundStyle,exports.getContainerStyle=getContainerStyle,exports.getHtml5VideoStyle=getHtml5VideoStyle,exports.getOverlayStyle=getOverlayStyle,exports.getRowStyle=getRowStyle,exports.getStyle=getStyle,exports.getYoutubeIframeStyle=getYoutubeIframeStyle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var verticalOne=require("../../../../settings/bundle-layout/vertical-one.js"),verticalTwo=require("../../../../settings/bundle-layout/vertical-two.js"),verticalThree=require("../../../../settings/bundle-layout/vertical-three.js"),horizontalThree=require("../../../../settings/bundle-layout/horizontal-three.js"),horizontalTwo=require("../../../../settings/bundle-layout/horizontal-two.js"),horizontalOne=require("../../../../settings/bundle-layout/horizontal-one.js");const ProductBundleDiscountSettings=[{id:"setting",controls:[{id:"enableDisplayCondition",type:"toggle",default:!0},{id:"childItem",label:"Item management",type:"product-bundle-child-item",default:[],childTemplate:{verticalOne:verticalOne.verticalOne,verticalTwo:verticalTwo.verticalTwo,verticalThree:verticalThree.verticalThree,horizontalOne:horizontalOne.horizontalOne,horizontalTwo:horizontalTwo.horizontalTwo,horizontalThree:horizontalThree.horizontalThree}},{id:"hideNoDiscountItem",default:!1,type:"select",options:[{label:"All bundle",value:!1},{label:"Hide all no-discount bundles",value:!0}]},{id:"bundleItems",type:"bundleItem",default:void 0},{id:"hasPreSelectItem",type:"toggle",default:!0},{id:"useProductCompareAtPrice",default:!1,type:"select",options:[{label:"Total product price",value:!1},{label:"Total product compare-at price",value:!0}]},{id:"selectItemDefault",type:"select-product-bundle",hide:!0,default:0},{id:"layout",label:"Layout",type:"layout-segment",iconViewBox:"0 0 120 80",enableItemBackground:!0,enableTooltip:!0,default:"vertical-layout",options:[{label:"Vertical layout",value:"vertical-layout",type:"product-bundle"},{label:"Horizontal layout",value:"horizontal-layout",type:"product-bundle"}]},{id:"enableIcon",type:"toggle",default:!0},{id:"iconPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Top",value:"baseline",svgName:"gp-bundle-horizontal-base-line-layout"},{label:"Center",value:"center",svgName:"gp-bundle-horizontal-center-layout"}]},{id:"iconHorizontalPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Left",value:"baseline",svgName:"gp-bundle-vertical-baseline-layout"},{label:"Center",value:"center",svgName:"gp-bundle-vertical-center-layout"}]},{id:"iconSize",type:"input:stepper",devices:{desktop:{default:24},tablet:{default:24},mobile:{default:24}},min:0},{id:"iconSpacing",type:"dropdown:input",hideUnit:!1,inputType:"number",default:"12px",displayOptions:[{label:"Small",value:"8px",showValue:!0},{label:"Medium",value:"16px",showValue:!0},{label:"Large",value:"24px",showValue:!0}]},{id:"iconItemColor",type:"color-picker-v2",label:"Icon",default:"line-2"}]},{id:"style",controls:[{id:"size",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"24px",left:"16px",bottom:"24px",right:"16px"},gap:"12px",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full"]},padding:{name:"Padding",paddingConfig:{small:{vertical:"8px",horizontal:"8px"},medium:{vertical:"16px",horizontal:"16px"},large:{vertical:"24px",horizontal:"24px"}}}},hiddenSettings:["shape","height"],hiddenShowMore:!0},{id:"behavior-state",type:"behavior-state",controls:[{id:"borderBundle",type:"border",label:"Border",default:{normal:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},active:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#FF614C",isCustom:!1}},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}}},{id:"iconColor",type:"color-picker-v2",label:"Icon",default:{normal:"line-2"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"text-3"}},{id:"backgroundColor",type:"color-picker-v2",label:"Background",default:{normal:"#FFFFFF",active:"#FFF2F0"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"bg-2"}},{id:"hasBoxShadowBundle",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1,active:!1},state:{normal:!0,hover:!0,active:!0}},{id:"boxShadowBundle",type:"shadow-v2",default:{},state:{normal:!0,hover:!0,active:!0}},{id:"roundedBundle",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],default:"left"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]}];exports.ProductBundleDiscountSettings=ProductBundleDiscountSettings;
|
|
1
|
+
"use strict";var verticalOne=require("../../../../settings/bundle-layout/vertical-one.js"),verticalTwo=require("../../../../settings/bundle-layout/vertical-two.js"),verticalThree=require("../../../../settings/bundle-layout/vertical-three.js"),horizontalThree=require("../../../../settings/bundle-layout/horizontal-three.js"),horizontalTwo=require("../../../../settings/bundle-layout/horizontal-two.js"),horizontalOne=require("../../../../settings/bundle-layout/horizontal-one.js");const ProductBundleDiscountSettings=[{id:"setting",controls:[{id:"enableDisplayCondition",type:"toggle",default:!0},{id:"childItem",label:"Item management",type:"product-bundle-child-item",default:[],childTemplate:{verticalOne:verticalOne.verticalOne,verticalTwo:verticalTwo.verticalTwo,verticalThree:verticalThree.verticalThree,horizontalOne:horizontalOne.horizontalOne,horizontalTwo:horizontalTwo.horizontalTwo,horizontalThree:horizontalThree.horizontalThree}},{id:"hideNoDiscountItem",default:!1,type:"select",options:[{label:"All bundle",value:!1},{label:"Hide all no-discount bundles",value:!0}]},{id:"bundleItems",type:"bundleItem",default:void 0},{id:"hasPreSelectItem",type:"toggle",default:!0},{id:"useProductCompareAtPrice",default:!1,type:"select",options:[{label:"Total product price",value:!1},{label:"Total product compare-at price",value:!0}]},{id:"selectItemDefault",type:"select-product-bundle",hide:!0,default:0},{id:"layout",label:"Layout",type:"layout-segment",iconViewBox:"0 0 120 80",enableItemBackground:!0,enableTooltip:!0,default:"vertical-layout",options:[{label:"Vertical layout",value:"vertical-layout",type:"product-bundle"},{label:"Horizontal layout",value:"horizontal-layout",type:"product-bundle"}]},{id:"enableIcon",type:"toggle",default:!0},{id:"iconPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Top",value:"baseline",svgName:"gp-bundle-horizontal-base-line-layout"},{label:"Center",value:"center",svgName:"gp-bundle-horizontal-center-layout"}]},{id:"iconHorizontalPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Left",value:"baseline",svgName:"gp-bundle-vertical-baseline-layout"},{label:"Center",value:"center",svgName:"gp-bundle-vertical-center-layout"}]},{id:"iconSize",type:"input:stepper",devices:{desktop:{default:24},tablet:{default:24},mobile:{default:24}},min:0},{id:"iconSpacing",type:"dropdown:input",hideUnit:!1,inputType:"number",default:"12px",displayOptions:[{label:"Small",value:"8px",showValue:!0},{label:"Medium",value:"16px",showValue:!0},{label:"Large",value:"24px",showValue:!0}]},{id:"iconItemColor",type:"color-picker-v2",label:"Icon",default:"line-2"}]},{id:"style",controls:[{id:"size",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"24px",left:"16px",bottom:"24px",right:"16px"},gap:"12px",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full"]},padding:{name:"Padding",paddingConfig:{small:{vertical:"8px",horizontal:"8px"},medium:{vertical:"16px",horizontal:"16px"},large:{vertical:"24px",horizontal:"24px"}}}},hiddenSettings:["shape","height"],hiddenShowMore:!0},{id:"behavior-state",type:"behavior-state",controls:[{id:"borderBundle",type:"border",label:"Border",default:{normal:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},active:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#FF614C",isCustom:!1}},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}}},{id:"iconColor",type:"color-picker-v2",label:"Icon",default:{normal:"line-2",active:"#FF614C"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"text-3"}},{id:"backgroundColor",type:"color-picker-v2",label:"Background",default:{normal:"#FFFFFF",active:"#FFF2F0"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"bg-2"}},{id:"hasBoxShadowBundle",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1,active:!1},state:{normal:!0,hover:!0,active:!0}},{id:"boxShadowBundle",type:"shadow-v2",default:{},state:{normal:!0,hover:!0,active:!0}},{id:"roundedBundle",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],default:"left"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]}];exports.ProductBundleDiscountSettings=ProductBundleDiscountSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{label:{en:"Bundle management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:{en:"Item gap"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:{en:"Radio icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:{en:"Position"},setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:{en:"Position"},setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:{en:"Color"},setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Size"},setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Gap to content"},setting:{id:"iconSpacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderBundle",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:{en:"Hover"},controls:[{label:{en:"Background"},setting:{id:"backgroundColor",state:"hover"}},{label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderBundle",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"}}]},{label:{en:"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:{en:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{label:{en:"Bundle management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:{en:"Item gap"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:{en:"Radio icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:{en:"Position"},setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:{en:"Position"},setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:{en:"Color"},setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Size"},setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Gap to content"},setting:{id:"iconSpacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderBundle",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:{en:"Hover"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"hover"}}]},{label:{en:"Icon"},type:"group",controls:[{label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBundle",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"}}]}]},{label:{en:"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:{en:"Active"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"active"}}]},{label:{en:"Icon"},type:"group",controls:[{label:{en:"Icon color"},setting:{id:"iconColor",state:"active"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBundle",state:"active"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"active"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"active"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"}}]}]}]},{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:"size",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"size",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:{en:"Shape",cn:"形状",es:"Forma"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border",cn:"边界",es:"Borde"},setting:{id:"border",state:"normal"}},{label:{en:"Corner",cn:"角落",es:"Esquina"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow",cn:"阴影",es:"Sombra"},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 condition"},conditionDisplay:"enableDisplayCondition == true",controls:[{label:{en:"Default item"},setting:{id:"hasPreSelectItem"}},{layout:"vertical",setting:{id:"selectItemDefault"},conditionDisplay:"hasPreSelectItem == true"},{label:{en:"Compare price"},setting:{id:"useProductCompareAtPrice"}},{label:{en:"Display item"},setting:{id:"hideNoDiscountItem"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(size.width) >= 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.default=SettingUIV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let SettingUIV2=[{label:{en:"Style"},controls:[{setting:{id:"readMoreType"},layout:"vertical"}]},{label:{en:"Size"},conditionDisplay:"readMoreType !== 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",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:"globalSizeBtn",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeBtn",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Size"},conditionDisplay:"readMoreType == 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeText",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeText",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",conditionDisplay:"readMoreType === 'text'"},{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"},conditionDisplay:"readMoreType != 'text'"}]},{label:{en:"Shape"},conditionDisplay:"readMoreType != 'text'",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"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},conditionDisplay:"readMoreType !== 'text'",options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"Read more"}},{condition:"enableTextStyle === true",source:["enableTextStyle","label","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:"enableTextStyle === false",source:["enableTextStyle","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!0}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typoBtn"},conditionDisplay:"readMoreType !== 'text' && enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}},layout:"vertical"}]},{label:{en:"Text"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Content"},getValueFromSettingID:"label",iconName:"gp-prefix",type:"combo",conditionDisplay:"readMoreType === 'text'",defaultValueWhenClear:"",compoDefaultValue:"Read more",controls:[{label:{en:"Content"},type:"control",setting:{id:"label"},layout:"vertical",defaultValueWhenClear:""}]},{id:"typo",label:{en:"Basic"},setting:{id:"typoText"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColorTextState",state:"normal"},{field:"attrs.textAlign",settingId:"alignText"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"alignText",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColorTextState",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:"readMoreType !== 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"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:"Effect"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffectText"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"textColorTextState",state:"hover"}}]}]},{controls:[{label:{en:"Align"},setting:{id:"alignBtn"},conditionDisplay:"readMoreType !== 'text'",conditionEnable:"globalSizeBtn.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]},{controls:[{label:{en:"Align"},setting:{id:"alignText"},conditionDisplay:"readMoreType == 'text'",conditionEnable:"globalSizeText.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
|
|
1
|
+
let SettingUIV2=[{label:{en:"Style"},controls:[{setting:{id:"readMoreType"},layout:"vertical"}]},{label:{en:"Size"},conditionDisplay:"readMoreType !== 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",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:"globalSizeBtn",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeBtn",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Size"},conditionDisplay:"readMoreType == 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeText",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeText",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",conditionDisplay:"readMoreType === 'text'"},{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"},conditionDisplay:"readMoreType != 'text'"}]},{label:{en:"Shape"},conditionDisplay:"readMoreType != 'text'",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"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},conditionDisplay:"readMoreType !== 'text'",options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"Read more"}},{condition:"enableTextStyle === true",source:["enableTextStyle","label","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:"enableTextStyle === false",source:["enableTextStyle","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!0}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typoBtn"},conditionDisplay:"readMoreType !== 'text' && enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}},layout:"vertical"}]},{label:{en:"Text"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Content"},getValueFromSettingID:"label",iconName:"gp-prefix",type:"combo",conditionDisplay:"readMoreType === 'text'",defaultValueWhenClear:"",compoDefaultValue:"Read more",controls:[{label:{en:"Content"},type:"control",setting:{id:"label"},layout:"vertical",defaultValueWhenClear:""}]},{id:"typo",label:{en:"Basic"},setting:{id:"typoText"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColorTextState",state:"normal"},{field:"attrs.textAlign",settingId:"alignText"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"alignText",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColorTextState",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:"readMoreType !== 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"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:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"},{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:"Effect"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffectText"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"textColorTextState",state:"hover"}}]}]},{controls:[{label:{en:"Align"},setting:{id:"alignBtn"},conditionDisplay:"readMoreType !== 'text'",conditionEnable:"globalSizeBtn.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]},{controls:[{label:{en:"Align"},setting:{id:"alignText"},conditionDisplay:"readMoreType == 'text'",conditionEnable:"globalSizeText.width !== '100%'",options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeStyleResponsive as t,getHeightByShapeGlobalSize as e,makeStyleWithDefault as r,getWidthByShapeGlobalSize as l,makeStyle as o,getSingleColorVariable as i,getRadiusStyleActiveState as y,getStyleShadow as n,getGlobalColorStateStyle as g,makeStyleState as u,getResponsiveStylePadding as a,getStyleBackgroundByDevice as s}from"@gem-sdk/core";import{getVisibilityStyle as c,getStyleAspectRatioHeroBannerCustom as S,getAspectRatioSettings as d,getDisplayStyleByFitContent as h,getStyleHeroBannerBg as p,formatHoverScale as b,getAttachmentDevice as f,getClipPath as m,opacityEnabledData as w,getResponsiveSetting as T}from"./helpers.js";function filterTruthyStyles(t){return Object.fromEntries(Object.entries(t||{}).filter(([,t])=>!!t))}let getStyle=(o,i,y)=>{let{sizeSetting:n,background:g}=o??{},{ratioOptions:u,aspectRatio:a}=i??{},s={...y,...c(y),...t("h",e(n)),...r("w",l(n,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...S(g,n,d(u,a))};return filterTruthyStyles(s)},getContainerStyle=(
|
|
1
|
+
import{makeStyleResponsive as t,getHeightByShapeGlobalSize as e,makeStyleWithDefault as r,getWidthByShapeGlobalSize as l,makeStyle as o,getSingleColorVariable as i,getRadiusStyleActiveState as y,getStyleShadow as n,getGlobalColorStateStyle as g,makeStyleState as u,getResponsiveStylePadding as a,getStyleBackgroundByDevice as s}from"@gem-sdk/core";import{getVisibilityStyle as c,getStyleAspectRatioHeroBannerCustom as S,getAspectRatioSettings as d,getDisplayStyleByFitContent as h,getStyleHeroBannerBg as p,formatHoverScale as b,getAttachmentDevice as f,getClipPath as m,opacityEnabledData as w,getResponsiveSetting as T}from"./helpers.js";function filterTruthyStyles(t){return Object.fromEntries(Object.entries(t||{}).filter(([,t])=>!!t))}let getStyle=(o,i,y)=>{let{sizeSetting:n,background:g}=o??{},{ratioOptions:u,aspectRatio:a}=i??{},s={...y,...c(y),...t("h",e(n)),...r("w",l(n,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...S(g,n,d(u,a))};return filterTruthyStyles(s)},getContainerStyle=(t,e)=>{let{sizeSetting:r,background:l,borderBg:g,cornerBg:u,shadowBg:a,hasActiveShadow:s}=t??{},{ratioOptions:c,aspectRatio:h}=e??{},p={...S(l,r,d(c,h)),...o({bs:g?.border??g?.border,bw:g?.width??g?.width,bc:i(g?.color)}),...y({...u,active:{...u||{},radiusType:"custom"}}),...n({value:a,styleAppliedFor:"box-shadow",isEnableShadow:s})};return filterTruthyStyles(p)},getOverlayStyle=t=>{let{overlayColor:e,overlayOpacity:r}=t??{},l=g("bgc",e),o=u("op",r),{disableOpacity:i,disableHoverOpacity:y}=w(t);i&&(delete l?.["--bgc"],delete o?.["--op"]),y&&(delete l?.["--hvr-bgc"],delete o?.["--hvr-op"]);let n={...l,...o,"--top":"0","--left":"0"};return filterTruthyStyles(n)},getRowStyle=t=>{let{contentPadding:e}=t??{},r={...a(e)};return filterTruthyStyles(r)},getAdaptiveStyle=o=>{let{sizeSetting:i,background:y}=o??{},n={...h(i,y),...t("h",e(i)),...r("w",l(i,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),"--op":0,"--z":-1};return filterTruthyStyles(n)},getBackgroundStyle=(e,r,l)=>{let{hoverEffectScale:o,background:i,hoverEffectDuration:y}=e??{},n={...p(T(i||{}),r),...s(i,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":`${y??0}s`,"--scale":b(o),...t("pos",f(i)),transform:l,transition:"transform 300ms cubic-bezier(0,0,0,1)"};return filterTruthyStyles(n)},getContainBackgroundStyle=t=>{let{borderBg:e,cornerBg:r}=t??{},l={"clip-path":m(e?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let r={...t("aspect",e)};return filterTruthyStyles(r)},getYoutubeIframeStyle=e=>{let r={...t("aspect",e),"pointer-event":"none"};return filterTruthyStyles(r)};export{getAdaptiveStyle,getBackgroundStyle,getContainBackgroundStyle,getContainerStyle,getHtml5VideoStyle,getOverlayStyle,getRowStyle,getStyle,getYoutubeIframeStyle};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{verticalOne as e}from"../../../../settings/bundle-layout/vertical-one.js";import{verticalTwo as t}from"../../../../settings/bundle-layout/vertical-two.js";import{verticalThree as l}from"../../../../settings/bundle-layout/vertical-three.js";import{horizontalThree as o}from"../../../../settings/bundle-layout/horizontal-three.js";import{horizontalTwo as a}from"../../../../settings/bundle-layout/horizontal-two.js";import{horizontalOne as i}from"../../../../settings/bundle-layout/horizontal-one.js";let ProductBundleDiscountSettings=[{id:"setting",controls:[{id:"enableDisplayCondition",type:"toggle",default:!0},{id:"childItem",label:"Item management",type:"product-bundle-child-item",default:[],childTemplate:{verticalOne:e,verticalTwo:t,verticalThree:l,horizontalOne:i,horizontalTwo:a,horizontalThree:o}},{id:"hideNoDiscountItem",default:!1,type:"select",options:[{label:"All bundle",value:!1},{label:"Hide all no-discount bundles",value:!0}]},{id:"bundleItems",type:"bundleItem",default:void 0},{id:"hasPreSelectItem",type:"toggle",default:!0},{id:"useProductCompareAtPrice",default:!1,type:"select",options:[{label:"Total product price",value:!1},{label:"Total product compare-at price",value:!0}]},{id:"selectItemDefault",type:"select-product-bundle",hide:!0,default:0},{id:"layout",label:"Layout",type:"layout-segment",iconViewBox:"0 0 120 80",enableItemBackground:!0,enableTooltip:!0,default:"vertical-layout",options:[{label:"Vertical layout",value:"vertical-layout",type:"product-bundle"},{label:"Horizontal layout",value:"horizontal-layout",type:"product-bundle"}]},{id:"enableIcon",type:"toggle",default:!0},{id:"iconPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Top",value:"baseline",svgName:"gp-bundle-horizontal-base-line-layout"},{label:"Center",value:"center",svgName:"gp-bundle-horizontal-center-layout"}]},{id:"iconHorizontalPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Left",value:"baseline",svgName:"gp-bundle-vertical-baseline-layout"},{label:"Center",value:"center",svgName:"gp-bundle-vertical-center-layout"}]},{id:"iconSize",type:"input:stepper",devices:{desktop:{default:24},tablet:{default:24},mobile:{default:24}},min:0},{id:"iconSpacing",type:"dropdown:input",hideUnit:!1,inputType:"number",default:"12px",displayOptions:[{label:"Small",value:"8px",showValue:!0},{label:"Medium",value:"16px",showValue:!0},{label:"Large",value:"24px",showValue:!0}]},{id:"iconItemColor",type:"color-picker-v2",label:"Icon",default:"line-2"}]},{id:"style",controls:[{id:"size",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"24px",left:"16px",bottom:"24px",right:"16px"},gap:"12px",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full"]},padding:{name:"Padding",paddingConfig:{small:{vertical:"8px",horizontal:"8px"},medium:{vertical:"16px",horizontal:"16px"},large:{vertical:"24px",horizontal:"24px"}}}},hiddenSettings:["shape","height"],hiddenShowMore:!0},{id:"behavior-state",type:"behavior-state",controls:[{id:"borderBundle",type:"border",label:"Border",default:{normal:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},active:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#FF614C",isCustom:!1}},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}}},{id:"iconColor",type:"color-picker-v2",label:"Icon",default:{normal:"line-2"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"text-3"}},{id:"backgroundColor",type:"color-picker-v2",label:"Background",default:{normal:"#FFFFFF",active:"#FFF2F0"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"bg-2"}},{id:"hasBoxShadowBundle",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1,active:!1},state:{normal:!0,hover:!0,active:!0}},{id:"boxShadowBundle",type:"shadow-v2",default:{},state:{normal:!0,hover:!0,active:!0}},{id:"roundedBundle",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],default:"left"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]}];export{ProductBundleDiscountSettings};
|
|
1
|
+
import{verticalOne as e}from"../../../../settings/bundle-layout/vertical-one.js";import{verticalTwo as t}from"../../../../settings/bundle-layout/vertical-two.js";import{verticalThree as l}from"../../../../settings/bundle-layout/vertical-three.js";import{horizontalThree as o}from"../../../../settings/bundle-layout/horizontal-three.js";import{horizontalTwo as a}from"../../../../settings/bundle-layout/horizontal-two.js";import{horizontalOne as i}from"../../../../settings/bundle-layout/horizontal-one.js";let ProductBundleDiscountSettings=[{id:"setting",controls:[{id:"enableDisplayCondition",type:"toggle",default:!0},{id:"childItem",label:"Item management",type:"product-bundle-child-item",default:[],childTemplate:{verticalOne:e,verticalTwo:t,verticalThree:l,horizontalOne:i,horizontalTwo:a,horizontalThree:o}},{id:"hideNoDiscountItem",default:!1,type:"select",options:[{label:"All bundle",value:!1},{label:"Hide all no-discount bundles",value:!0}]},{id:"bundleItems",type:"bundleItem",default:void 0},{id:"hasPreSelectItem",type:"toggle",default:!0},{id:"useProductCompareAtPrice",default:!1,type:"select",options:[{label:"Total product price",value:!1},{label:"Total product compare-at price",value:!0}]},{id:"selectItemDefault",type:"select-product-bundle",hide:!0,default:0},{id:"layout",label:"Layout",type:"layout-segment",iconViewBox:"0 0 120 80",enableItemBackground:!0,enableTooltip:!0,default:"vertical-layout",options:[{label:"Vertical layout",value:"vertical-layout",type:"product-bundle"},{label:"Horizontal layout",value:"horizontal-layout",type:"product-bundle"}]},{id:"enableIcon",type:"toggle",default:!0},{id:"iconPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Top",value:"baseline",svgName:"gp-bundle-horizontal-base-line-layout"},{label:"Center",value:"center",svgName:"gp-bundle-horizontal-center-layout"}]},{id:"iconHorizontalPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Left",value:"baseline",svgName:"gp-bundle-vertical-baseline-layout"},{label:"Center",value:"center",svgName:"gp-bundle-vertical-center-layout"}]},{id:"iconSize",type:"input:stepper",devices:{desktop:{default:24},tablet:{default:24},mobile:{default:24}},min:0},{id:"iconSpacing",type:"dropdown:input",hideUnit:!1,inputType:"number",default:"12px",displayOptions:[{label:"Small",value:"8px",showValue:!0},{label:"Medium",value:"16px",showValue:!0},{label:"Large",value:"24px",showValue:!0}]},{id:"iconItemColor",type:"color-picker-v2",label:"Icon",default:"line-2"}]},{id:"style",controls:[{id:"size",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"24px",left:"16px",bottom:"24px",right:"16px"},gap:"12px",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full"]},padding:{name:"Padding",paddingConfig:{small:{vertical:"8px",horizontal:"8px"},medium:{vertical:"16px",horizontal:"16px"},large:{vertical:"24px",horizontal:"24px"}}}},hiddenSettings:["shape","height"],hiddenShowMore:!0},{id:"behavior-state",type:"behavior-state",controls:[{id:"borderBundle",type:"border",label:"Border",default:{normal:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},active:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#FF614C",isCustom:!1}},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}}},{id:"iconColor",type:"color-picker-v2",label:"Icon",default:{normal:"line-2",active:"#FF614C"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"text-3"}},{id:"backgroundColor",type:"color-picker-v2",label:"Background",default:{normal:"#FFFFFF",active:"#FFF2F0"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"bg-2"}},{id:"hasBoxShadowBundle",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1,active:!1},state:{normal:!0,hover:!0,active:!0}},{id:"boxShadowBundle",type:"shadow-v2",default:{},state:{normal:!0,hover:!0,active:!0}},{id:"roundedBundle",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],default:"left"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]}];export{ProductBundleDiscountSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let SettingUIV2=[{label:{en:"Bundle management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:{en:"Item gap"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:{en:"Radio icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:{en:"Position"},setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:{en:"Position"},setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:{en:"Color"},setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Size"},setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Gap to content"},setting:{id:"iconSpacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderBundle",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:{en:"Hover"},controls:[{label:{en:"Background"},setting:{id:"backgroundColor",state:"hover"}},{label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderBundle",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"}}]},{label:{en:"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:{en:"
|
|
1
|
+
let SettingUIV2=[{label:{en:"Bundle management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:{en:"Item gap"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:{en:"Radio icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:{en:"Position"},setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:{en:"Position"},setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:{en:"Color"},setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Size"},setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Gap to content"},setting:{id:"iconSpacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderBundle",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:{en:"Hover"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"hover"}}]},{label:{en:"Icon"},type:"group",controls:[{label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBundle",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"}}]}]},{label:{en:"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:{en:"Active"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"active"}}]},{label:{en:"Icon"},type:"group",controls:[{label:{en:"Icon color"},setting:{id:"iconColor",state:"active"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBundle",state:"active"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"active"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"active"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"}}]}]}]},{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:"size",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"size",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:{en:"Shape",cn:"形状",es:"Forma"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border",cn:"边界",es:"Borde"},setting:{id:"border",state:"normal"}},{label:{en:"Corner",cn:"角落",es:"Esquina"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow",cn:"阴影",es:"Sombra"},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 condition"},conditionDisplay:"enableDisplayCondition == true",controls:[{label:{en:"Default item"},setting:{id:"hasPreSelectItem"}},{layout:"vertical",setting:{id:"selectItemDefault"},conditionDisplay:"hasPreSelectItem == true"},{label:{en:"Compare price"},setting:{id:"useProductCompareAtPrice"}},{label:{en:"Display item"},setting:{id:"hideNoDiscountItem"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(size.width) >= 100 && size.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 as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "2.0.0-staging.
|
|
3
|
+
"version": "2.0.0-staging.983",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@gem-sdk/core": "2.0.0-staging.
|
|
28
|
+
"@gem-sdk/core": "2.0.0-staging.982",
|
|
29
29
|
"@gem-sdk/styles": "2.0.0-staging.886",
|
|
30
30
|
"@gem-sdk/system": "2.0.0-staging.711",
|
|
31
31
|
"tsup": "^8.5.0",
|