@gem-sdk/components 2.0.0-staging.957 → 2.0.0-staging.960
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/accordion/settings/configs/settings.js +1 -1
- package/dist/cjs/accordion/settings/configs/ui-v2.js +1 -1
- package/dist/cjs/article/components/ArticleReadMore.js +1 -1
- package/dist/cjs/article/components/ArticleReadMore.liquid.js +3 -3
- package/dist/cjs/article/settings/configs/article-read-more/settings.js +2 -2
- package/dist/cjs/article/settings/configs/article-read-more/ui-v2.js +1 -1
- package/dist/cjs/article/settings/configs/article-title/settings.js +1 -1
- package/dist/cjs/article/settings/configs/article-title/ui-v2.js +1 -1
- package/dist/cjs/breadcrumb/common/styles.js +1 -1
- package/dist/cjs/breadcrumb/settings/configs/settings.js +1 -1
- package/dist/cjs/breadcrumb/settings/configs/ui-v2.js +1 -1
- package/dist/cjs/button/common/styles.js +1 -1
- package/dist/cjs/button/components/Button.liquid.js +7 -7
- package/dist/cjs/button/settings/configs/settings.js +2 -2
- package/dist/cjs/button/settings/configs/ui-v2.js +1 -1
- package/dist/cjs/carousel/settings/configs/settings-v2.js +1 -1
- package/dist/cjs/code/settings/configs/settings.js +1 -1
- package/dist/cjs/coupon/common/helpers.js +1 -1
- package/dist/cjs/coupon/components/Coupon.js +1 -1
- package/dist/cjs/coupon/components/Coupon.liquid.js +1 -1
- package/dist/cjs/coupon/settings/configs/settings.js +1 -1
- package/dist/cjs/coupon/settings/configs/ui-v2.js +1 -1
- package/dist/cjs/dialog/settings/configs/settings.js +1 -1
- package/dist/cjs/estimate-delivery/settings/configs/settings.js +1 -1
- package/dist/cjs/form/components/submit-button/common/helpers.js +1 -1
- package/dist/cjs/form/settings/form-checkbox/configs/settings.js +1 -1
- package/dist/cjs/form/settings/newsletter/configs/settings.js +1 -1
- package/dist/cjs/form/settings/submit-button/configs/settings.js +2 -2
- package/dist/cjs/form/settings/submit-button/configs/ui-v2.js +1 -1
- package/dist/cjs/grid/settings/configs/row/settings.js +1 -1
- package/dist/cjs/grid/settings/configs/section/settings.js +1 -1
- package/dist/cjs/header/settings/configs/settings.js +1 -1
- package/dist/cjs/heading/settings/configs/settings.js +1 -1
- package/dist/cjs/hero-banner/settings/configs/settings.js +1 -1
- package/dist/cjs/icon-list/settings/IconList.js +1 -1
- package/dist/cjs/icon-list/settings/configs/items.js +1 -1
- package/dist/cjs/icon-list/settings/configs/settings.js +1 -1
- package/dist/cjs/icon-list-hoz/settings/configs/settings.js +1 -1
- package/dist/cjs/icon-list-v2/settings/configs/settings.js +1 -1
- package/dist/cjs/image/common/helpers.js +2 -2
- package/dist/cjs/image/settings/configs/settings.js +1 -1
- package/dist/cjs/image-comparison/settings/configs/settings.js +1 -1
- package/dist/cjs/post-purchase/image/settings/Image.js +1 -1
- package/dist/cjs/post-purchase/image/settings/configs/setting-v2.js +1 -1
- package/dist/cjs/product/components/dynamic-checkout/common/styles.js +1 -1
- package/dist/cjs/product/components/product-view-more/common/helpers.js +1 -1
- package/dist/cjs/product/settings/bundle-layout/horizontal-one.js +1 -1
- package/dist/cjs/product/settings/bundle-layout/horizontal-three.js +1 -1
- package/dist/cjs/product/settings/bundle-layout/horizontal-two.js +1 -1
- package/dist/cjs/product/settings/dynamic-checkout/configs/settings.js +1 -1
- package/dist/cjs/product/settings/dynamic-checkout/configs/ui-v2.js +1 -1
- package/dist/cjs/product/settings/product-button/configs/settings.js +1 -1
- package/dist/cjs/product/settings/product-button/configs/ui-v2.js +1 -1
- package/dist/cjs/product/settings/product-list/configs/settings-v2.js +1 -1
- package/dist/cjs/product/settings/product-view-more/configs/settings.js +1 -1
- package/dist/cjs/product/settings/product-view-more/configs/ui-v2.js +1 -1
- package/dist/cjs/sticky/settings/configs/presets.js +2 -2
- package/dist/cjs/sticky/settings/configs/settings-v2.js +1 -1
- package/dist/cjs/tab/settings/configs/settings.js +1 -1
- package/dist/cjs/text/settings/configs/settings.js +1 -1
- package/dist/esm/accordion/settings/configs/settings.js +1 -1
- package/dist/esm/accordion/settings/configs/ui-v2.js +1 -1
- package/dist/esm/article/components/ArticleReadMore.js +1 -1
- package/dist/esm/article/components/ArticleReadMore.liquid.js +3 -3
- package/dist/esm/article/settings/configs/article-read-more/settings.js +2 -2
- package/dist/esm/article/settings/configs/article-read-more/ui-v2.js +1 -1
- package/dist/esm/article/settings/configs/article-title/settings.js +1 -1
- package/dist/esm/article/settings/configs/article-title/ui-v2.js +1 -1
- package/dist/esm/breadcrumb/common/styles.js +1 -1
- package/dist/esm/breadcrumb/settings/configs/settings.js +1 -1
- package/dist/esm/breadcrumb/settings/configs/ui-v2.js +1 -1
- package/dist/esm/button/common/styles.js +1 -1
- package/dist/esm/button/components/Button.liquid.js +4 -4
- package/dist/esm/button/settings/configs/settings.js +2 -2
- package/dist/esm/button/settings/configs/ui-v2.js +1 -1
- package/dist/esm/carousel/settings/configs/settings-v2.js +1 -1
- package/dist/esm/code/settings/configs/settings.js +1 -1
- package/dist/esm/coupon/common/helpers.js +1 -1
- package/dist/esm/coupon/components/Coupon.js +1 -1
- package/dist/esm/coupon/components/Coupon.liquid.js +1 -1
- package/dist/esm/coupon/settings/configs/settings.js +1 -1
- package/dist/esm/coupon/settings/configs/ui-v2.js +1 -1
- package/dist/esm/dialog/settings/configs/settings.js +1 -1
- package/dist/esm/estimate-delivery/settings/configs/settings.js +1 -1
- package/dist/esm/form/components/submit-button/common/helpers.js +1 -1
- package/dist/esm/form/settings/form-checkbox/configs/settings.js +1 -1
- package/dist/esm/form/settings/newsletter/configs/settings.js +1 -1
- package/dist/esm/form/settings/submit-button/configs/settings.js +2 -2
- package/dist/esm/form/settings/submit-button/configs/ui-v2.js +1 -1
- package/dist/esm/grid/settings/configs/row/settings.js +1 -1
- package/dist/esm/grid/settings/configs/section/settings.js +1 -1
- package/dist/esm/header/settings/configs/settings.js +1 -1
- package/dist/esm/heading/settings/configs/settings.js +1 -1
- package/dist/esm/hero-banner/settings/configs/settings.js +1 -1
- package/dist/esm/icon-list/settings/IconList.js +3 -3
- package/dist/esm/icon-list/settings/configs/items.js +1 -1
- package/dist/esm/icon-list/settings/configs/settings.js +1 -1
- package/dist/esm/icon-list-hoz/settings/configs/settings.js +1 -1
- package/dist/esm/icon-list-v2/settings/configs/settings.js +1 -1
- package/dist/esm/image/common/helpers.js +1 -1
- package/dist/esm/image/settings/configs/settings.js +1 -1
- package/dist/esm/image-comparison/settings/configs/settings.js +1 -1
- package/dist/esm/post-purchase/image/settings/Image.js +1 -1
- package/dist/esm/post-purchase/image/settings/configs/setting-v2.js +1 -1
- package/dist/esm/product/components/dynamic-checkout/common/styles.js +1 -1
- package/dist/esm/product/components/product-view-more/common/helpers.js +1 -1
- package/dist/esm/product/settings/bundle-layout/horizontal-one.js +1 -1
- package/dist/esm/product/settings/bundle-layout/horizontal-three.js +1 -1
- package/dist/esm/product/settings/bundle-layout/horizontal-two.js +1 -1
- package/dist/esm/product/settings/dynamic-checkout/configs/settings.js +1 -1
- package/dist/esm/product/settings/dynamic-checkout/configs/ui-v2.js +1 -1
- package/dist/esm/product/settings/product-button/configs/settings.js +1 -1
- package/dist/esm/product/settings/product-button/configs/ui-v2.js +1 -1
- package/dist/esm/product/settings/product-list/configs/settings-v2.js +1 -1
- package/dist/esm/product/settings/product-view-more/configs/settings.js +1 -1
- package/dist/esm/product/settings/product-view-more/configs/ui-v2.js +1 -1
- package/dist/esm/sticky/settings/configs/presets.js +2 -2
- package/dist/esm/sticky/settings/configs/settings-v2.js +1 -1
- package/dist/esm/tab/settings/configs/settings.js +1 -1
- package/dist/esm/text/settings/configs/settings.js +1 -1
- package/dist/types/index.d.ts +14 -8
- package/package.json +1 -1
|
@@ -36,4 +36,4 @@
|
|
|
36
36
|
<svg width="16" height="16" data-name="Caret-down-regular" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
37
37
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.57576 6.77571C4.81007 6.5414 5.18997 6.5414 5.42429 6.77571L8.20002 9.55145L10.9758 6.77571C11.2101 6.5414 11.59 6.5414 11.8243 6.77571C12.0586 7.01003 12.0586 7.38993 11.8243 7.62424L8.62429 10.8242C8.38997 11.0586 8.01007 11.0586 7.77576 10.8242L4.57576 7.62424C4.34145 7.38993 4.34145 7.01003 4.57576 6.77571Z" fill="currentColor"/>
|
|
38
38
|
</svg>
|
|
39
|
-
`,hideInput:!0,hideLabel:!0},{id:"iconCollapseSize",label:"Size",type:"input:stepper",default:16},{id:"alignment",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:"style",controls:[{id:"backgroundContent",type:"color-picker-v2",label:"Background Color",devices:{desktop:{}},compoDefaultValue:{desktop:{default:"#EAEAEA"}}},{id:"borderContent",type:"border-v2",label:"Border",default:{},compoDefaultValue:{border:"solid",width:"1px 1px 1px 1px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},{id:"roundedContent",type:"radius-preset",label:"Corner",default:{radiusType:"none"}},{id:"behavior-state",type:"behavior-state",controls:[{id:"textColor",type:"color-picker-v2",label:"Text color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"iconColor",type:"color-picker-v2",label:"Collapsible icon color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"color",type:"color-picker-v2",label:"Collapsible icon color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"bgColor",type:"color-picker-v2",label:"Background Color",default:{},compoDefaultValue:{normal:"#DDDDDD",hover:"highlight",active:"highlight"},state:{hover:!0,normal:!0,active:!0}},{id:"headerBorder",type:"border-v2",default:{},compoDefaultValue:{normal:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},hover:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},active:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"accordion",type:"group",label:"Dimension",controls:[{id:"widthHeightSize",type:"size-setting",devices:{desktop:{default:{height:"auto",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full","default"]},height:{name:"Header height",displayOptions:["auto","small","medium","large"],sizeConfig:{small:"32px",medium:"48px",large:"64px"}}},hiddenSettings:["shape","gap","padding"]},{id:"headerContentPadding",type:"size-setting",devices:{desktop:{}},settingConfig:{padding:{name:"Header padding",paddingConfig:{small:{vertical:"4px",horizontal:"16px"},medium:{vertical:"8px",horizontal:"24px"},large:{vertical:"12px",horizontal:"32px"}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0},{id:"contentSizePadding",type:"size-setting",devices:{desktop:{default:{padding:{type:"medium",top:"4px",left:"0px",bottom:"12px",right:"0px"},gap:"8px"}}},settingConfig:{padding:{name:"Content padding",paddingConfig:{small:{vertical:"4px",horizontal:"16px"},medium:{vertical:"8px",horizontal:"24px"},large:{vertical:"12px",horizontal:"32px"}}},gap:{name:"Item gap",displayOptions:["small","medium","large"],sizeConfig:{small:"8px",medium:"16px",large:"24px"}}},hiddenSettings:["shape","width","height"],hiddenShowMore:!0}]},{id:"align",label:"Alignment",type:"segment",devices:{desktop:{default:"center"}},options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}]},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"accordionShadow",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}]}];exports.AccordionSettings=AccordionSettings;
|
|
39
|
+
`,hideInput:!0,hideLabel:!0},{id:"iconCollapseSize",label:"Size",type:"input:stepper",default:16},{id:"alignment",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:"style",controls:[{id:"enableHoverEffect",type:"toggle",label:"Enable Hover Effect",default:!0},{id:"enableActiveEffect",type:"toggle",label:"Enable Hover Effect",default:!0},{id:"backgroundContent",type:"color-picker-v2",label:"Background Color",devices:{desktop:{}},compoDefaultValue:{desktop:{default:"#EAEAEA"}}},{id:"borderContent",type:"border-v2",label:"Border",default:{},compoDefaultValue:{border:"solid",width:"1px 1px 1px 1px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},{id:"roundedContent",type:"radius-preset",label:"Corner",default:{radiusType:"none"}},{id:"behavior-state",type:"behavior-state",controls:[{id:"textColor",type:"color-picker-v2",label:"Text color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"iconColor",type:"color-picker-v2",label:"Collapsible icon color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"color",type:"color-picker-v2",label:"Collapsible icon color",default:{normal:"text-1"},compoDefaultValue:{hover:"text-1",active:"text-1"},state:{hover:!0,normal:!0,active:!0}},{id:"bgColor",type:"color-picker-v2",label:"Background Color",default:{},compoDefaultValue:{normal:"#DDDDDD",hover:"highlight",active:"highlight"},state:{hover:!0,normal:!0,active:!0}},{id:"headerBorder",type:"border-v2",default:{},compoDefaultValue:{normal:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},hover:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"},active:{border:"solid",width:"0px 0px 1px 0px",position:"bottom",color:"line-3",isCustom:!0,borderWidth:"Mixed"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"accordion",type:"group",label:"Dimension",controls:[{id:"widthHeightSize",type:"size-setting",devices:{desktop:{default:{height:"auto",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full","default"]},height:{name:"Header height",displayOptions:["auto","small","medium","large"],sizeConfig:{small:"32px",medium:"48px",large:"64px"}}},hiddenSettings:["shape","gap","padding"]},{id:"headerContentPadding",type:"size-setting",devices:{desktop:{}},settingConfig:{padding:{name:"Header padding",paddingConfig:{small:{vertical:"4px",horizontal:"16px"},medium:{vertical:"8px",horizontal:"24px"},large:{vertical:"12px",horizontal:"32px"}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0},{id:"contentSizePadding",type:"size-setting",devices:{desktop:{default:{padding:{type:"medium",top:"4px",left:"0px",bottom:"12px",right:"0px"},gap:"8px"}}},settingConfig:{padding:{name:"Content padding",paddingConfig:{small:{vertical:"4px",horizontal:"16px"},medium:{vertical:"8px",horizontal:"24px"},large:{vertical:"12px",horizontal:"32px"}}},gap:{name:"Item gap",displayOptions:["small","medium","large"],sizeConfig:{small:"8px",medium:"16px",large:"24px"}}},hiddenSettings:["shape","width","height"],hiddenShowMore:!0}]},{id:"align",label:"Alignment",type:"segment",devices:{desktop:{default:"center"}},options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}]},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"accordionShadow",type:"shadow-v2",label:"Button Shadow",compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}]}];exports.AccordionSettings=AccordionSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const SettingUIV2=[{label:{en:"Item management"},controls:[{label:{en:"Item"},setting:{id:"childItem"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundContent"}},{label:{en:"Border"},setting:{id:"borderContent"}},{label:{en:"Corner"},setting:{id:"roundedContent"}},{label:{en:"Shadow"},setting:{id:"accordionShadow"},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"#121212",angle:90,enable:!0},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"accordionShadow.enable === true",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"accordionShadow.enable === false",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Item header"},controls:[{label:{en:"Title icon"},type:"combo",iconName:"polaris-icons",getValueFromSettingID:"layoutHeader",isShowSettingTitle:!0,isHideClear:!0,popoverLabel:{en:"Title icon"},controls:[{label:{en:"Layout"},setting:{id:"layoutHeader"},layout:"vertical"},{layout:"vertical",setting:{id:"childConfig"},conditionDisplay:'layoutHeader !== "text-only"'},{label:{en:"Gap to text"},conditionDisplay:'layoutHeader !== "text-only"',controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,ignoreMax:!0,linkWithSetting:{name:"iconGlobalSize",field:"gap"}}},{label:{en:"Size"},setting:{id:"configIconSize"},conditionDisplay:'layoutHeader !== "text-only"'},{conditionDisplay:'layoutHeader !== "text-only"',label:{en:"Color"},setting:{id:"iconColor",state:"normal"}}]},{label:{en:"Title"},setting:{id:"titleTypo"},options:{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}}},{label:{en:"Expand icon"},type:"combo",iconName:"polaris-icons",fixedValue:"Edited",isHideClear:!0,popoverLabel:{en:"Expand icon"},controls:[{label:{en:"When expanded"},setting:{id:"iconExpand"}},{label:{en:"When collapsed"},setting:{id:"iconCollapse"}},{label:{en:"Position"},setting:{id:"iconPosition"}},{label:{en:"Size"},setting:{id:"iconCollapseSize"}},{label:{en:"Color"},setting:{id:"color",state:"normal"}}]},{label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"widthHeightSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto"},{label:"Small",value:"32px"},{label:"Medium",value:"48px"},{label:"Large",value:"64px"}]}},{label:{en:"Padding"},controlConfig:{id:"header-content-padding",type:"padding-v2",linkWithSetting:{name:"headerContentPadding",field:"padding"}}},{label:{en:"Background"},setting:{id:"bgColor",state:"normal"}}],moreSettings:{controls:[{label:{en:"Border"},setting:{id:"headerBorder",state:"normal"}},{label:{en:"Align"},setting:{id:"alignment"}}]}},{label:{en:"Item content"},controls:[{label:{en:"Padding"},controlConfig:{id:"content-content-padding",type:"padding-v2",linkWithSetting:{name:"contentSizePadding",field:"padding"}}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,linkWithSetting:{name:"contentSizePadding",field:"gap"}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover item"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",
|
|
1
|
+
"use strict";const SettingUIV2=[{label:{en:"Item management"},controls:[{label:{en:"Item"},setting:{id:"childItem"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundContent"}},{label:{en:"Border"},setting:{id:"borderContent"}},{label:{en:"Corner"},setting:{id:"roundedContent"}},{label:{en:"Shadow"},setting:{id:"accordionShadow"},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"#121212",angle:90,enable:!0},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"accordionShadow.enable === true",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"accordionShadow.enable === false",source:["accordionShadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Item header"},controls:[{label:{en:"Title icon"},type:"combo",iconName:"polaris-icons",getValueFromSettingID:"layoutHeader",isShowSettingTitle:!0,isHideClear:!0,popoverLabel:{en:"Title icon"},controls:[{label:{en:"Layout"},setting:{id:"layoutHeader"},layout:"vertical"},{layout:"vertical",setting:{id:"childConfig"},conditionDisplay:'layoutHeader !== "text-only"'},{label:{en:"Gap to text"},conditionDisplay:'layoutHeader !== "text-only"',controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,ignoreMax:!0,linkWithSetting:{name:"iconGlobalSize",field:"gap"}}},{label:{en:"Size"},setting:{id:"configIconSize"},conditionDisplay:'layoutHeader !== "text-only"'},{conditionDisplay:'layoutHeader !== "text-only"',label:{en:"Color"},setting:{id:"iconColor",state:"normal"}}]},{label:{en:"Title"},setting:{id:"titleTypo"},options:{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}}},{label:{en:"Expand icon"},type:"combo",iconName:"polaris-icons",fixedValue:"Edited",isHideClear:!0,popoverLabel:{en:"Expand icon"},controls:[{label:{en:"When expanded"},setting:{id:"iconExpand"}},{label:{en:"When collapsed"},setting:{id:"iconCollapse"}},{label:{en:"Position"},setting:{id:"iconPosition"}},{label:{en:"Size"},setting:{id:"iconCollapseSize"}},{label:{en:"Color"},setting:{id:"color",state:"normal"}}]},{label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"widthHeightSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto"},{label:"Small",value:"32px"},{label:"Medium",value:"48px"},{label:"Large",value:"64px"}]}},{label:{en:"Padding"},controlConfig:{id:"header-content-padding",type:"padding-v2",linkWithSetting:{name:"headerContentPadding",field:"padding"}}},{label:{en:"Background"},setting:{id:"bgColor",state:"normal"}}],moreSettings:{controls:[{label:{en:"Border"},setting:{id:"headerBorder",state:"normal"}},{label:{en:"Align"},setting:{id:"alignment"}}]}},{label:{en:"Item content"},controls:[{label:{en:"Padding"},controlConfig:{id:"content-content-padding",type:"padding-v2",linkWithSetting:{name:"contentSizePadding",field:"padding"}}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:100,step:1,linkWithSetting:{name:"contentSizePadding",field:"gap"}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover item"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover item"},state:"hover",setting:{id:"enableHoverEffect"},controls:[{label:{en:"Title icon"},setting:{id:"iconColor",state:"hover"}},{label:{en:"Title"},setting:{id:"textColor",state:"hover"}},{label:{en:"Expand icon"},setting:{id:"color",state:"hover"}},{label:{en:"Header color"},setting:{id:"bgColor",state:"hover"}},{label:{en:"Border"},setting:{id:"headerBorder",state:"hover"}}]},{label:{en:"Expand header"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:{en:"Expand header"},setting:{id:"enableActiveEffect"},controls:[{label:{en:"Title icon"},setting:{id:"iconColor",state:"active"}},{label:{en:"Title"},setting:{id:"textColor",state:"active"}},{label:{en:"Expand icon"},setting:{id:"color",state:"active"}},{label:{en:"Header color"},setting:{id:"bgColor",state:"active"}},{label:{en:"Border"},setting:{id:"headerBorder",state:"active"}}]}]},{label:{en:"Size"},controls:[{label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"widthHeightSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display condition"},controls:[{label:{en:"Expand mode"},setting:{id:"expandedMode"}},{label:{en:"Auto-expand"},setting:{id:"expandItem"}},{label:{en:"Item"},setting:{id:"activeKey"},conditionDisplay:"expandItem === true"}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(widthHeightSize.width) >= 100 && widthHeightSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../text/components/Text.js"),Button=require("../../button/components/Button.js"),core=require("@gem-sdk/core");const ArticleReadMore=({setting:e,builderAttrs:t,builderProps:r,styles:i,style:l,advanced:o})=>{let s=core.useArticleStore(e=>e.article),{readMoreType:n,label:u}=e??{},{typoBtn:
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../text/components/Text.js"),Button=require("../../button/components/Button.js"),core=require("@gem-sdk/core");const ArticleReadMore=({setting:e,builderAttrs:t,builderProps:r,styles:i,style:l,advanced:o})=>{let s=core.useArticleStore(e=>e.article),{readMoreType:n,label:u,enableHoverEffect:a}=e??{},{typoBtn:c,typoText:x,globalSizeText:d,globalSizeBtn:p,textColorTextState:j,textColorBtnState:m,alignBtn:b,alignText:g}=i??{};return jsxRuntime.jsx("div",{id:`shopify-text-element-${r?.uid}`,"data-article-id":s?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:"text"===n?jsxRuntime.jsx(Text.default,{styles:{...i,color:j,typo:x,spacing:"0px",align:g,enableHoverEffect:a},setting:{...e,text:u,globalSize:d,excludeFlex:!0}}):jsxRuntime.jsx(Button.default,{builderAttrs:t,builderProps:r,setting:{...e,label:u,htmlType:"button"},styles:{...i,typo:c,globalSize:p,textColor:m,align:b},style:l,advanced:o})})};exports.default=ArticleReadMore;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js"),Button_liquid=require("../../button/components/Button.liquid.js");const ArticleReadMore=({setting:e,styles:t,builderAttrs:l,builderProps:r,advanced:o,style:i})=>{let{readMoreType:a,label:n}=e??{},{typoBtn:
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js"),Button_liquid=require("../../button/components/Button.liquid.js");const ArticleReadMore=({setting:e,styles:t,builderAttrs:l,builderProps:r,advanced:o,style:i})=>{let{readMoreType:a,label:n,enableHoverEffect:u}=e??{},{typoBtn:s,typoText:d,globalSizeText:c,globalSizeBtn:x,textColorTextState:p,textColorBtnState:f,alignBtn:g,alignText:q}=t??{};return core.template`
|
|
3
3
|
<a href="{{article.url}}" target="_blank">
|
|
4
|
-
${core.RenderIf("text"===a,Text_liquid.default({builderAttrs:l,builderProps:r,advanced:o,styles:{...t,color:
|
|
5
|
-
${core.RenderIf("text"!==a,Button_liquid.default({builderAttrs:l,builderProps:r,advanced:o,styles:{...t,typo:
|
|
4
|
+
${core.RenderIf("text"===a,Text_liquid.default({builderAttrs:l,builderProps:r,advanced:o,styles:{...t,color:p,typo:d,spacing:"0px",align:q,enableHoverEffect:u},style:i??{},setting:{...e,text:n,globalSize:c,excludeFlex:!0,translate:void 0}}))}
|
|
5
|
+
${core.RenderIf("text"!==a,Button_liquid.default({builderAttrs:l,builderProps:r,advanced:o,styles:{...t,typo:s,globalSize:x,textColor:f,align:g},style:i??{},setting:{...e,label:n,htmlType:"button",translate:void 0}}))}
|
|
6
6
|
</a>
|
|
7
7
|
`};exports.default=ArticleReadMore;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const ArticleReadMoreSettings=[{id:"setting",controls:[{id:"readMoreType",label:"Style",type:"layout-selector",iconViewBox:"0 0 80 48",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"Filled Square",value:"button",iconName:"gp-article-filled-square"},{label:"Text only",value:"text",iconName:"gp-article-link"}],default:"button"},{id:"enableHoverEffect",type:"toggle",
|
|
2
|
-
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"translate",type:"input",default:"label"},{id:"htmlType",label:"HTML Type",type:"select",default:"button",options:[{label:"Open link, popup & scroll to",value:"button"},{label:"Clear form",value:"reset"},{label:"Submit form",value:"submit"}]},{id:"disabled",label:"Disabled",type:"toggle",default:!1},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Read more"}]},{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"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"brand",image:{src:"https://
|
|
1
|
+
"use strict";const ArticleReadMoreSettings=[{id:"setting",controls:[{id:"readMoreType",label:"Style",type:"layout-selector",iconViewBox:"0 0 80 48",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"Filled Square",value:"button",iconName:"gp-article-filled-square"},{label:"Text only",value:"text",iconName:"gp-article-link"}],default:"button"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"label",label:"Content",type:"input",default:"Read more"},{id:"label",label:"Text",type:"input",default:"Button"},{id:"iconGroup",type:"group",label:"Icon",controls:[{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!0},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`<svg height="20" width="20" data-name="star-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817759863701864">
|
|
2
|
+
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"translate",type:"input",default:"label"},{id:"htmlType",label:"HTML Type",type:"select",default:"button",options:[{label:"Open link, popup & scroll to",value:"button"},{label:"Clear form",value:"reset"},{label:"Submit form",value:"submit"}]},{id:"disabled",label:"Disabled",type:"toggle",default:!1},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Read more"}]},{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"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"brand",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}}}}]},{id:"style",controls:[{id:"iconSpacing",type:"input:slider",units:["px"],step:1,ignoreMax:!0,max:40,devices:{desktop:{default:"8px"}}},{id:"behavior-state-btn",type:"behavior-state",controls:[{id:"borderBtn",type:"border",label:"Border",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},state:{hover:!0,normal:!0}},{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0},hover:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"}},{id:"backgroundColor",type:"background-media",label:"Background Color",default:{normal:"brand",hover:"highlight"},state:{hover:!0,normal:!0}},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{id:"textColorBtnState",type:"color-picker-v2",label:"Text Color",default:{hover:"text-3"},compoDefaultValue:{hover:"text-3"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-3",hover:"text-3"},compoDefaultValue:{normal:"text-3",hover:"text-3"},state:{hover:!0,normal:!0}},{id:"roundedBtn",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"small"}},state:{hover:!0,normal:!0}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},hover:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}]},{id:"alignBtn",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"typoBtn",type:"typography-v2",default:{type:"paragraph-1",custom:{letterSpacing:"0px",hasShadowText:!1},attrs:{color:"text-3"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"dimensions",type:"group",label:"Dimensions",controls:[{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"default"}}}]},{id:"dimensions1",type:"group",label:"Icon Dimension",controls:[{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}},{id:"spacing",label:"Spacing Icon",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,default:"8px"}]},{id:"globalSizeBtn",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"8px",bottom:"8px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"behavior-state-text",type:"behavior-state",controls:[{id:"textColorTextState",type:"color-picker-v2",label:"Text Color",state:{hover:!0,normal:!0},default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"}}]},{id:"typoText",type:"typography-v2",default:{type:"paragraph-1",custom:{hasShadowText:!1},attrs:{color:"text-2"}},ignoreReRender:!0},{id:"alignText",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"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:"globalSizeText",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"8px",bottom:"8px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]}]}];exports.ArticleReadMoreSettings=ArticleReadMoreSettings;
|
|
@@ -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},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",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:"
|
|
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},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:"enableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{type:"group",label:{en:"Text"},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";const ArticleTitleSettings=[{id:"setting",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"h1",label:"H1"},{value:"h2",label:"H2"},{value:"h3",label:"H3"},{value:"h4",label:"H4"},{value:"h5",label:"H5"},{value:"h6",label:"H6"},{value:"div",label:"Div"}],default:"h2"},{id:"enableLink",type:"toggle",label:"Link",default:!0},{id:"linkArticle",label:"After click",type:"select",options:[{label:"Go to article",value:"go-to-article"},{label:"Scroll to",value:"scroll-to"}],default:"go-to-article",info:"Ability to click on article title to go to article detail page."},{id:"customURL",label:"Custom URL",type:"pick-link",default:{target:"_self",type:"scroll-to"},isHiddenOpenLinkSelect:!0,hide:!0},{id:"openNewTab",type:"segment",label:"Open new tab",options:[{label:"Yes",value:!0},{label:"No",value:!1}],default:!1}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"subheading-3",attrs:{color:"text-1"}},ignoreReRender:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}},{id:"hasLineClamp",type:"segment",label:"Has Line Clamp",options:[{label:"Yes",value:!0},{label:"No",value:!1}],devices:{desktop:{default:!0}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:2}},hide:!0},{id:"
|
|
1
|
+
"use strict";const ArticleTitleSettings=[{id:"setting",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"h1",label:"H1"},{value:"h2",label:"H2"},{value:"h3",label:"H3"},{value:"h4",label:"H4"},{value:"h5",label:"H5"},{value:"h6",label:"H6"},{value:"div",label:"Div"}],default:"h2"},{id:"enableLink",type:"toggle",label:"Link",default:!0},{id:"linkArticle",label:"After click",type:"select",options:[{label:"Go to article",value:"go-to-article"},{label:"Scroll to",value:"scroll-to"}],default:"go-to-article",info:"Ability to click on article title to go to article detail page."},{id:"customURL",label:"Custom URL",type:"pick-link",default:{target:"_self",type:"scroll-to"},isHiddenOpenLinkSelect:!0,hide:!0},{id:"openNewTab",type:"segment",label:"Open new tab",options:[{label:"Yes",value:!0},{label:"No",value:!1}],default:!1}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"subheading-3",attrs:{color:"text-1"}},ignoreReRender:!0},{id:"enableHoverEffect",type:"toggle",label:"Hover",default:!1},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}},{id:"hasLineClamp",type:"segment",label:"Has Line Clamp",options:[{label:"Yes",value:!0},{label:"No",value:!1}],devices:{desktop:{default:!0}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:2}},hide:!0},{id:"color",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"#4F4F4F"}},{id:"hasTextShadow",type:"toggle",label:"Enable Text Shadow",default:{normal:!1,hover:!1},state:{normal:!0,hover:!0}},{id:"textShadow",type:"textShadow",label:"Text Shadow",hideOnState:{normal:!0,hover:!0},default:{normal:{type:"shadow-1"}},state:{normal:!0,hover:!0}}]}];exports.ArticleTitleSettings=ArticleTitleSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const SettingUIV2=[{label:{en:"Text style"},controls:[{id:"typo",label:{en:"Basic"},setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{type:"combo",fixedValue:"Styled",iconName:"polaris-check-hover",label:{en:"Hover"},setting:{id:"
|
|
1
|
+
"use strict";const SettingUIV2=[{label:{en:"Text style"},controls:[{id:"typo",label:{en:"Basic"},setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",label:{en:"Hover"},setting:{id:"enableHoverEffect"},controls:[{label:{en:"Text color"},setting:{id:"color",state:"hover"}}]}]},{controls:[{label:{en:"Link"},setting:{id:"enableLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"enableLink === true",label:{en:"After click"},setting:{id:"linkArticle"}},{type:"control",conditionDisplay:"linkArticle === 'scroll-to' && enableLink == true",layout:"vertical",setting:{id:"customURL"}},{conditionDisplay:'enableLink === true && linkArticle === "go-to-article"',label:{en:"Open new tab"},setting:{id:"openNewTab"}}]},{label:{en:"Display option"},controls:[{id:"hasLineClamp",label:{en:"Max lines"},setting:{id:"hasLineClamp"}},{id:"lineClamp",label:{en:"Number of lines"},conditionDisplay:"hasLineClamp === true",setting:{id:"lineClamp"}}]},{label:{en:"SEO"},controls:[{label:{en:"HTML tag"},setting:{id:"htmlTag"}}]}];exports.SettingUIV2=SettingUIV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");const getSpacingStyles=e=>({"--gap-desktop":`${e?.desktop}`,"--gap-tablet":`${e?.tablet??e?.desktop}`,"--gap-mobile":`${e?.mobile??e?.tablet??e?.desktop}`}),getBreadcrumbChildItemStyles=e=>{let{breadcrumbItemIndex:t,lengthOfBreadcrumb:r,appendTypoStyle:l,fontWeight:o,labelColor:a}=e,c=t+1===r;return{...c?{}:core.getGlobalColorStateStyle("c",a),...core.makeStyle({c:core.getSingleColorVariable(c
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");const getSpacingStyles=e=>({"--gap-desktop":`${e?.desktop}`,"--gap-tablet":`${e?.tablet??e?.desktop}`,"--gap-mobile":`${e?.mobile??e?.tablet??e?.desktop}`}),getBreadcrumbChildItemStyles=e=>{let{breadcrumbItemIndex:t,lengthOfBreadcrumb:r,appendTypoStyle:l,fontWeight:o,labelColor:a}=e,c=t+1===r;return{...c?{}:core.getGlobalColorStateStyle("c",a),...core.makeStyle({c:core.getSingleColorVariable(c&&a?.active||a?.normal)}),...core.removeNullUndefined(helpers.makeStyleStateConditionActive("weight",o,c)),...l,...c?core.removeNullUndefined(helpers.makeStyleStateConditionActive("weight",o,c)):{}}},generateBreadcrumbChildIconStyles=(e,t)=>{let r=e?.desktop??0,l=e?.tablet??r,o=e?.mobile??l;return{"--height-desktop":`${r}px`,"--height-tablet":`${l}px`,"--height-mobile":`${o}px`,"--c":core.getGlobalColorCSSProp(t)}},getBreadcrumbStyles=(e,t)=>{let{background:r,align:l}=t??{};return{...e,...core.getStyleBgColor(r??{}),...core.makeStyleResponsive("jc",l)}};exports.generateBreadcrumbChildIconStyles=generateBreadcrumbChildIconStyles,exports.getBreadcrumbChildItemStyles=getBreadcrumbChildItemStyles,exports.getBreadcrumbStyles=getBreadcrumbStyles,exports.getSpacingStyles=getSpacingStyles;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const BreadcrumbSettings=[{id:"setting",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{}}}},hiddenSettings:["shape","gap","width","height"]},{id:"hideCurrentPage",type:"toggle",label:"Hide current page",devices:{desktop:{default:!1}}},{id:"iconSvg",type:"icon",label:"Separator icon",info:"Choose from list or paste any SVG icon",default:`<svg height="100%" width="100%" className="w-6 h-6" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
1
|
+
"use strict";const BreadcrumbSettings=[{id:"setting",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{}}}},hiddenSettings:["shape","gap","width","height"]},{id:"enableHoverEffect",type:"toggle",label:"Hover Effect",default:!0},{id:"enableActiveEffect",type:"toggle",label:"Hover Effect",default:!0},{id:"hideCurrentPage",type:"toggle",label:"Hide current page",devices:{desktop:{default:!1}}},{id:"iconSvg",type:"icon",label:"Separator icon",info:"Choose from list or paste any SVG icon",default:`<svg height="100%" width="100%" className="w-6 h-6" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2718 2.54722C13.5879 2.68597 13.7316 3.05467 13.5929 3.37073L7.55181 17.132C7.41306 17.4481 7.04436 17.5918 6.7283 17.4531C6.41224 17.3143 6.26849 16.9456 6.40724 16.6296L12.4483 2.86828C12.5871 2.55221 12.9558 2.40847 13.2718 2.54722Z" fill="currentColor"/>
|
|
3
3
|
</svg>
|
|
4
4
|
`},{id:"iconWidth",type:"input:stepper",label:"Icon Width",devices:{desktop:{default:16}}},{id:"spacing",label:"Spacing",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,devices:{desktop:{default:"4px"}}},{id:"behavior-state-group",type:"behavior-state",controls:[{id:"labelColor",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1",hover:"highlight",active:"text-1"},compoDefaultValue:{hover:"highlight",active:"text-1"},state:{normal:!0,hover:!0,active:!0}},{id:"fontWeight",label:"Font Weight",type:"select",options:[{label:"Thin",value:"100"},{label:"Extra Light",value:"200"},{label:"Light",value:"300"},{label:"Normal",value:"400"},{label:"Medium",value:"500"},{label:"Semi Bold",value:"600"},{label:"Bold",value:"700"},{label:"Extra Bold",value:"800"}],default:{normal:"400",hover:"400",active:"400"},state:{normal:!0,hover:!0,active:!0}}]},{id:"background",type:"background",ignoreReRender:!0,allowBackgroundImageAndVideo:!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"}}}},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"color",type:"color-picker-v2",label:"Color",default:"text-1"}]},{id:"style",controls:[{id:"typo",type:"typography-v2",ignoreReRender:!0,default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0,textShadow:!0}}]}];exports.BreadcrumbSettings=BreadcrumbSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const SettingUIV2=[{label:{en:"Separator icon"},controls:[{label:{en:"Icon"},setting:{id:"iconSvg"}},{label:{en:"Color"},setting:{id:"color"}},{label:{en:"Size"},setting:{id:"iconWidth"}}]},{label:{en:"Text style"},controls:[{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Size"},controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"4px",bottom:"4px",left:"16px",right:"16px"}}}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},controlConfig:{id:"background-color",type:"color-picker-v2",linkWithSetting:{name:"background",field:"color"},compoDefaultValue:{desktop:{default:"#ffffff"}}}}]},{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:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"
|
|
1
|
+
"use strict";const SettingUIV2=[{label:{en:"Separator icon"},controls:[{label:{en:"Icon"},setting:{id:"iconSvg"}},{label:{en:"Color"},setting:{id:"color"}},{label:{en:"Size"},setting:{id:"iconWidth"}}]},{label:{en:"Text style"},controls:[{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"labelColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Item spacing"},controls:[{label:{en:"Gap"},setting:{id:"spacing"}}]},{label:{en:"Size"},controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"4px",bottom:"4px",left:"16px",right:"16px"}}}}}]},{label:{en:"Background"},controls:[{label:{en:"Color"},controlConfig:{id:"background-color",type:"color-picker-v2",linkWithSetting:{name:"background",field:"color"},compoDefaultValue:{desktop:{default:"#ffffff"}}}}]},{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:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover"},setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"hover"}},{label:{en:"Font weight"},setting:{id:"fontWeight",state:"hover"}}]},{label:{en:"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",popoverLabel:{en:"Active"},setting:{id:"enableActiveEffect"},state:"active",controls:[{label:{en:"Text color"},setting:{id:"labelColor",state:"active"}},{label:{en:"Font weight"},setting:{id:"fontWeight",state:"active"}}]}]},{label:{en:"Display option"},controls:[{label:{en:"Hide active page"},setting:{id:"hideCurrentPage"}}]},{controls:[{label:{en:"Align"},setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];exports.SettingUIV2=SettingUIV2;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js");const getButtonWrapperStyles=(e,t)=>({...e,...core.makeStyleResponsive("ta",t?.align)}),getButtonStyles=(e,t)=>{let o={...getSizeStyles(e),...getRadiusStyles(e),...getShadowStyles(e),...getBackgroundStyles(e),...getTypographyStyles(e).textColorStyle};return t?o:core.filterHoverVariables(o)},getButtonIconStyles=(e,t)=>({...getIconSpacingStyle(e,t),"--height-desktop":`${e?.size?.desktop}`,"--height-tablet":`${e?.size?.desktop||e?.size?.tablet}`,"--height-mobile":`${e?.size?.mobile||e?.size?.tablet||e?.size?.desktop}`}),ignoreStateNoneValue=(obj,condition)=>Object.entries(obj).reduce((acc,[key,value])=>((!["hover","focus","normal"].includes(key)||eval(condition))&&(acc[key]=value),acc),{}),getShadowStyles=e=>{let{boxShadowBtn:t,hasBoxShadowBtn:o}=e||{},r=ignoreStateNoneValue(t||{},"value?.enable !== false");return{...core.getStyleShadowState(r,"box-shadow",o)}},getRadiusStyles=e=>{let t=ignoreStateNoneValue(e?.roundedBtnV2||{},'value?.radiusType !== "none"');return core.composeRadius(t)},getIconSpacingStyle=(e,t)=>{let o=e?.iconSpacing||{desktop:"8px"};return t?.iconAlign==="left"?core.makeStyleResponsive("mr",o):core.makeStyleResponsive("ml",o)},getSizeStyles=e=>{let t=core.makeGlobalSize(e?.globalSize);return{...t.width,...t.height,...t.padding}},getTypographyStyles=e=>{let t=core.composeTypographyStyle(e?.typo,e?.typography),o={"--c":t?.["--c"]},r={...t};return delete r["--c"],{textColorStyle:{"--hvr-c":core.getColor(e?.
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),helpers=require("../../helpers.js");const getButtonWrapperStyles=(e,t)=>({...e,...core.makeStyleResponsive("ta",t?.align)}),getButtonStyles=(e,t)=>{let o={...getSizeStyles(e),...getRadiusStyles(e),...getShadowStyles(e),...getBackgroundStyles(e),...getTypographyStyles(e).textColorStyle};return t?o:core.filterHoverVariables(o)},getButtonIconStyles=(e,t)=>({...getIconSpacingStyle(e,t),"--height-desktop":`${e?.size?.desktop}`,"--height-tablet":`${e?.size?.desktop||e?.size?.tablet}`,"--height-mobile":`${e?.size?.mobile||e?.size?.tablet||e?.size?.desktop}`}),ignoreStateNoneValue=(obj,condition)=>Object.entries(obj).reduce((acc,[key,value])=>((!["hover","focus","normal"].includes(key)||eval(condition))&&(acc[key]=value),acc),{}),getShadowStyles=e=>{let{boxShadowBtn:t,hasBoxShadowBtn:o}=e||{},r=ignoreStateNoneValue(t||{},"value?.enable !== false");return{...core.getStyleShadowState(r,"box-shadow",o)}},getRadiusStyles=e=>{let t=ignoreStateNoneValue(e?.roundedBtnV2||{},'value?.radiusType !== "none"');return core.composeRadius(t)},getIconSpacingStyle=(e,t)=>{let o=e?.iconSpacing||{desktop:"8px"};return t?.iconAlign==="left"?core.makeStyleResponsive("mr",o):core.makeStyleResponsive("ml",o)},getSizeStyles=e=>{let t=core.makeGlobalSize(e?.globalSize);return{...t.width,...t.height,...t.padding}},getTypographyStyles=e=>{let t=core.composeTypographyStyle(e?.typo,e?.typography),o={"--c":t?.["--c"]},r={...t};return delete r["--c"],{textColorStyle:{"--hvr-c":core.getColor(e?.textColor?.hover),...o},withoutTextColorStyles:r}},getTypoStyles=e=>({...getTypographyStyles(e).withoutTextColorStyles,...core.getStyleShadow({styleAppliedFor:"text-shadow",value:e?.typo?.custom?.textShadow,isEnableShadow:e?.typo?.custom?.hasShadowText}),"word-break":"break-word"}),getBackgroundStyles=e=>{let{backgroundImage:t,backgroundColorV2:o}=e||{},r={...t,...!o?.hover&&{hover:t?.hover||t?.normal}},s={...o,hover:o?.hover||o?.normal},l=Object.entries(s||{}).reduce((e,[t])=>((!r?.[t]||helpers.isEmptyObject(r?.[t]))&&s?.[t]&&(e[t]=s[t]),e),{});return{...core.getStyleBackgroundImage(r),...core.getGlobalColorStateStyle("bg",l),...core.getGradientBgrStyleForButton(l)}},getCustomCssStyles=({styles:e,uid:t,builderAttrs:o,enableHoverEffect:r})=>{if(!t)return"";let{borderBtnV2:s,roundedBtnV2:l}=e??{},a=ignoreStateNoneValue(s||{},'value?.borderType !== "none"'),n=ignoreStateNoneValue(l||{},'value?.radiusType !== "none"'),i=generateBorderCornerStyles({uid:t,borderBtn:a,roundedBtn:n,builderAttrs:o,enableHoverEffect:r});return`
|
|
2
2
|
${i.normalStyles}
|
|
3
3
|
${i.hoverStyles}
|
|
4
4
|
`.trim()},generateBorderCornerStyles=({uid:e,borderBtn:t,roundedBtn:o,builderAttrs:r,enableHoverEffect:s})=>{let l=r?.["data-component-tag"],a=({styleObj:e,state:t})=>{if(e)return e?.[t]},n=a({styleObj:t,state:"normal"}),i=a({styleObj:s?t:void 0,state:"hover"}),d=a({styleObj:o,state:"normal"}),y=a({styleObj:o,state:"hover"}),g=`
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers$1=require("../../helpers.js"),ButtonIcon_liquid=require("./ButtonIcon.liquid.js"),ButtonLabel_liquid=require("./ButtonLabel.liquid.js"),ButtonLoadingIndicator_liquid=require("./ButtonLoadingIndicator.liquid.js"),helpers=require("../common/helpers.js");const Button=e=>{let{advanced:s,className:t,nodePrice:a,customAttrs:l,styles:r={},setting:i={},builderProps:o,wrapClassName:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers$1=require("../../helpers.js"),ButtonIcon_liquid=require("./ButtonIcon.liquid.js"),ButtonLabel_liquid=require("./ButtonLabel.liquid.js"),ButtonLoadingIndicator_liquid=require("./ButtonLoadingIndicator.liquid.js"),helpers=require("../common/helpers.js");const Button=e=>{let{advanced:s,className:t,nodePrice:a,customAttrs:l,styles:r={},setting:i={},builderProps:o,wrapClassName:n=""}=e,{iconSvg:u,btnLink:c,htmlType:d,disabled:y,enableBtnLink:g,shouldClearSpace:p,disabledLoading:m=!0}=i,{enableTextStyle:$=!0}=r,{customCss:q,wrapStyle:f,restStyle:L,dataState:B,dataIdAttr:S,isShowIcon:b,isScrollToElement:I,getArialLabel:C,getLabelToDisplay:h,checkIsShowLabel:j,checkIsEditableLabel:v}=helpers.getData(e),{HTMLTag:_,urlData:k,shouldRenderLink:E}=helpers.getInsertLinkData({enableBtnLink:g,htmlType:d,setting:c,defaultTag:"button",isLiquid:!0}),T=system.createStyle({...styles.getButtonStyles(r,i?.enableHoverEffect)}),A=system.createStyle({...styles.getTypoStyles(r)}),D=system.createStyle({...styles.getTypoStyles(r),...styles.getButtonIconStyles(r,i)}),P=system.createStyle({...styles.getButtonWrapperStyles(L,r)}),x=system.createClass({...classes.getButtonClasses({styles:r,className:t,shouldRenderLink:E,uid:o?.uid})}),M=system.createClass({...classes.getButtonIconClasses(h({isLiquid:!0}),p,$)}),O=system.createClass({...classes.getButtonLabelClasses(r,v({isLiquid:!0}))}),W=system.createClass({...classes.getButtonWrapperClasses(n,t,s?.cssClass)}),G=system.createClass({...classes.getButtonContentWrapperClasses(i)}),H=system.createAttr({...attrs.getButtonAttributes({disabled:y,dataState:B,dataId:S,arialLabel:C({isLiquid:!0})})}),R=system.createStateOrContext({btnLink:i?.btnLink});return system.Liquid(core.template`
|
|
2
2
|
<gp-button
|
|
3
|
-
gp-data='${core.dataStringify(
|
|
4
|
-
style="${{...
|
|
3
|
+
gp-data='${core.dataStringify(R)}'
|
|
4
|
+
style="${{...f}}"
|
|
5
5
|
>
|
|
6
6
|
<div style="${P}" class="${W}">
|
|
7
7
|
<style>${q}</style>
|
|
@@ -11,16 +11,16 @@
|
|
|
11
11
|
target=${k.target}
|
|
12
12
|
></a>`)}
|
|
13
13
|
<${_}
|
|
14
|
-
${{...
|
|
14
|
+
${{...H}}
|
|
15
15
|
${{...l}}
|
|
16
16
|
${{...k}}
|
|
17
|
-
style="${
|
|
17
|
+
style="${T}"
|
|
18
18
|
class="${x}"
|
|
19
19
|
>
|
|
20
20
|
${system.If(!m,ButtonLoadingIndicator_liquid.default(),"")}
|
|
21
21
|
<div class="${G}">
|
|
22
|
-
${system.If(b,ButtonIcon_liquid.default({iconSvg:
|
|
23
|
-
${system.If($&&j({isLiquid:!0}),ButtonLabel_liquid.default({label:h({isLiquid:!0}),styles:
|
|
22
|
+
${system.If(b,ButtonIcon_liquid.default({iconSvg:u??"",styles:D,classes:M}))}
|
|
23
|
+
${system.If($&&j({isLiquid:!0}),ButtonLabel_liquid.default({label:h({isLiquid:!0}),styles:A,classes:O}))}
|
|
24
24
|
</div>
|
|
25
25
|
${system.If(!!a,a?.toString()??"","")}
|
|
26
26
|
</${_}>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const ButtonSettings=[{id:"setting",controls:[{id:"label",label:"Text",type:"input",default:"<p>Button</p>"},{id:"translate",type:"input",default:"label"},{id:"enableBtnLink",type:"toggle",default:!1},{id:"enableHoverEffect",
|
|
1
|
+
"use strict";const ButtonSettings=[{id:"setting",controls:[{id:"label",label:"Text",type:"input",default:"<p>Button</p>"},{id:"translate",type:"input",default:"label"},{id:"enableBtnLink",type:"toggle",default:!1},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"btnLink",type:"pick-link",pickLinkLabel:"Button link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"iconGroup",type:"group",label:"Icon",controls:[{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!1},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`
|
|
2
2
|
<svg height="20" width="20" data-name="star-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817759863701864">
|
|
3
3
|
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>
|
|
4
|
-
`},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"htmlType",label:"HTML Type",type:"select",default:"button",options:[{label:"Open link, popup & scroll to",value:"button"},{label:"Clear form",value:"reset"},{label:"Submit form",value:"submit"}]},{id:"disabled",label:"Disabled",type:"toggle",default:!1},{id:"shouldClearSpace",label:"",type:"toggle",default:!1}]},{id:"style",controls:[{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!0},hover:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://
|
|
4
|
+
`},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"htmlType",label:"HTML Type",type:"select",default:"button",options:[{label:"Open link, popup & scroll to",value:"button"},{label:"Clear form",value:"reset"},{label:"Submit form",value:"submit"}]},{id:"disabled",label:"Disabled",type:"toggle",default:!1},{id:"shouldClearSpace",label:"",type:"toggle",default:!1}]},{id:"style",controls:[{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!0},hover:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{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:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-3"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"textColor",type:"color-picker-v2",default:{hover:"text-3"},compoDefaultValue:{hover:"text-3"},state:{hover:!0,normal:!0},enableGradient:!1},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"dimensions1",type:"group",label:"Icon Dimension",controls:[{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}}]},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}}]}];exports.ButtonSettings=ButtonSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const SettingUIV2=[{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,fallbackValue:"Auto",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>Button</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"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},iconName:"polaris-check-hover",type:"combo",fixedValue:"
|
|
1
|
+
"use strict";const SettingUIV2=[{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,fallbackValue:"Auto",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>Button</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"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],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}}}]}]}]},{controls:[{label:{en:"Link"},setting:{id:"enableBtnLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableBtnLink == true'},{type:"control",layout:"vertical",conditionDisplay:"enableBtnLink == true",setting:{id:"btnLink"}}]},{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"}}]}];exports.SettingUIV2=SettingUIV2;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use strict";var animation=require("../../plugins/animation.js");const CarouselSettingsV2Setting=[{id:"itemNumber",label:"",type:"carousel-layout-selector",devices:{desktop:{default:4}}},{id:"sneakPeak",label:"Sneak peek",type:"sneak-peak",devices:{desktop:{default:!1}}},{id:"sneakPeakType",label:"",type:"sneak-peak-type",itemPerRow:2,iconViewBox:"0 0 118 52",enableItemBackground:!0,enableTooltip:!0,options:[{value:"forward",type:"sneak-peak-offset"},{value:"center",type:"sneak-peak-offset"}],devices:{desktop:{default:"forward"}}},{id:"sneakPeakOffsetForward",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"sneakPeakOffsetCenter",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"childItem",label:"Item management",type:"child-item",default:["Item 1","Item 2","Item 3","Item 4","Item 5","Item 6"]},{id:"vertical",label:"Vertical layout",type:"toggle",devices:{desktop:{default:!1}}},{id:"controlOverContent",label:"Next & previous position",type:"segment",options:[{label:"Inside",value:!0},{label:"Outside",value:!1}],devices:{desktop:{default:!0}}},{id:"dot",label:"Dots",type:"toggle",devices:{desktop:{default:!0}}},{id:"dotStyle",label:"Dot style",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,enableTooltip:!0,options:[{label:"Inside",value:"inside",type:"carousel-dot",svgName:"gp-carousel-dot-inside"},{label:"Outside",value:"outside",type:"carousel-dot",svgName:"gp-carousel-dot-outside"}],devices:{desktop:{default:"inside"}}},{id:"dotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:12}}},{id:"dotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:120,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"dotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"bg-1"}},compoDefaultValue:{desktop:{default:"bg-1"}}},{id:"dotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"line-3"}},compoDefaultValue:{desktop:{default:"line-3"}}},{id:"navigationEnable",type:"toggle",devices:{desktop:{default:!0}}},{id:"navigationStyle",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,label:"Navigation style",enableTooltip:!0,options:[{label:"Outside",value:"outside",type:"slide-control",svgName:"gp-slide-control-outside"},{label:"Inside",value:"inside",type:"slide-control",svgName:"gp-slide-control-inside"}],devices:{desktop:{default:"inside"}}},{id:"arrowCustom",type:"icon",isHideClear:!0,default:`<svg height="20" width="20" data-name="caret-right-regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508418455613473128">
|
|
2
2
|
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>
|
|
3
|
-
`},{id:"arrowCustomColor",label:"Icon color",type:"color-picker-v2",default:"#121212",compoDefaultValue:"#121212"},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowButtonSize",type:"size-setting",label:"",devices:{desktop:{default:{shapeValue:"1/1",shapeLinked:!0,width:void 0,height:void 0,padding:{linked:!0,type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},lockShapeValue:!0,hiddenShowMore:!0,hiddenSettings:["gap","proportion","padding"],settingConfig:{width:{name:"Width",units:["px"],displayOptions:["small","medium","large"],sizeConfig:{small:"24px",medium:"32px",large:"40px"}},height:{name:"Height",units:["px"],displayOptions:["small","medium","large","full-height"],sizeConfig:{small:"24px",medium:"32px",large:"40px",full:"100%"}},padding:{paddingConfig:{small:{vertical:"2px",horizontal:"2px"},medium:{vertical:"4px",horizontal:"4px"},large:{vertical:"8px",horizontal:"8px"}}}},sizePaddingInput:"small"},{id:"arrowBackgroundColor",label:"Background Color",type:"color-picker-v2",default:"transparent",compoDefaultValue:"bg-2"},{id:"arrowBorder",type:"border-v2",label:"Border",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!0}}},compoDefaultValue:{desktop:{default:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}}},{id:"arrowShadow",type:"shadow-v2",devices:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,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}}}},{id:"roundedArrow",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}}}},{id:"arrowGapToEachSide",label:"Gap to each side",type:"input:slider",min:0,max:120,ignoreMax:!0,default:"16"},{id:"showWhenHover",label:"Only show when hover",type:"toggle",default:!1},{id:"rtl",label:"Direction",type:"option:value",options:[{value:!1,iconName:"polaris-arrow-left",label:"Right to left"},{value:!0,label:"Left to right",iconName:"polaris-arrow-right"}],default:!1},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"autoplayTimeout",label:"Time out",type:"input:slider",min:1,max:4,step:.1,default:2,units:["s"],isNumber:!0,showDefaultUnit:!0,ignoreMax:!0},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",default:!0,hide:!0},{id:"runPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"enableDrag",label:"Drag to scroll",type:"toggle",devices:{desktop:{default:!0}}},{id:"loop",label:"Infinity loop",type:"toggle",devices:{desktop:{default:!0}}},{id:"animationMode",label:"Animation",type:"select",default:animation.CAROUSEL_ANIMATION.EASE_IN.value,options:[{label:"Ease in",value:animation.CAROUSEL_ANIMATION.EASE_IN.value},{label:"Ease out",value:animation.CAROUSEL_ANIMATION.EASE_OUT.value},{label:"Ease in & out",value:animation.CAROUSEL_ANIMATION.EASE_IN_OUT.value}]},{id:"background",type:"background-media-combo",devices:{desktop:{default:{type:"color",color:void 0,image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"label",label:"Option Label",type:"toggle",default:!0}],CarouselSettingsV2Style=[{id:"backgroundColor",type:"color-picker-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:"#DDDDDD"}},enableGradient:!0},{id:"backgroundImage",type:"background-image",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{image:{src:"https://
|
|
3
|
+
`},{id:"arrowCustomColor",label:"Icon color",type:"color-picker-v2",default:"#121212",compoDefaultValue:"#121212"},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowButtonSize",type:"size-setting",label:"",devices:{desktop:{default:{shapeValue:"1/1",shapeLinked:!0,width:void 0,height:void 0,padding:{linked:!0,type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},lockShapeValue:!0,hiddenShowMore:!0,hiddenSettings:["gap","proportion","padding"],settingConfig:{width:{name:"Width",units:["px"],displayOptions:["small","medium","large"],sizeConfig:{small:"24px",medium:"32px",large:"40px"}},height:{name:"Height",units:["px"],displayOptions:["small","medium","large","full-height"],sizeConfig:{small:"24px",medium:"32px",large:"40px",full:"100%"}},padding:{paddingConfig:{small:{vertical:"2px",horizontal:"2px"},medium:{vertical:"4px",horizontal:"4px"},large:{vertical:"8px",horizontal:"8px"}}}},sizePaddingInput:"small"},{id:"arrowBackgroundColor",label:"Background Color",type:"color-picker-v2",default:"transparent",compoDefaultValue:"bg-2"},{id:"arrowBorder",type:"border-v2",label:"Border",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!0}}},compoDefaultValue:{desktop:{default:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}}},{id:"arrowShadow",type:"shadow-v2",devices:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,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}}}},{id:"roundedArrow",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}}}},{id:"arrowGapToEachSide",label:"Gap to each side",type:"input:slider",min:0,max:120,ignoreMax:!0,default:"16"},{id:"showWhenHover",label:"Only show when hover",type:"toggle",default:!1},{id:"rtl",label:"Direction",type:"option:value",options:[{value:!1,iconName:"polaris-arrow-left",label:"Right to left"},{value:!0,label:"Left to right",iconName:"polaris-arrow-right"}],default:!1},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"autoplayTimeout",label:"Time out",type:"input:slider",min:1,max:4,step:.1,default:2,units:["s"],isNumber:!0,showDefaultUnit:!0,ignoreMax:!0},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",default:!0,hide:!0},{id:"runPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"enableDrag",label:"Drag to scroll",type:"toggle",devices:{desktop:{default:!0}}},{id:"loop",label:"Infinity loop",type:"toggle",devices:{desktop:{default:!0}}},{id:"animationMode",label:"Animation",type:"select",default:animation.CAROUSEL_ANIMATION.EASE_IN.value,options:[{label:"Ease in",value:animation.CAROUSEL_ANIMATION.EASE_IN.value},{label:"Ease out",value:animation.CAROUSEL_ANIMATION.EASE_OUT.value},{label:"Ease in & out",value:animation.CAROUSEL_ANIMATION.EASE_IN_OUT.value}]},{id:"background",type:"background-media-combo",devices:{desktop:{default:{type:"color",color:void 0,image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"label",label:"Option Label",type:"toggle",default:!0}],CarouselSettingsV2Style=[{id:"backgroundColor",type:"color-picker-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:"#DDDDDD"}},enableGradient:!0},{id:"backgroundImage",type:"background-image",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}}},{id:"playSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"default",height:"auto"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"300px",medium:"500px",large:"700px"}}},hiddenSettings:["padding","gap","shape"]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"borderContent",type:"border-v2",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",isCustom:!0},compoDefaultValue:{width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",border:"solid"}},{id:"roundedContent",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"carouselShadow",type:"shadow-v2",label:"Button Shadow",default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"spacing",label:"Items spacing",type:"input:slider",min:0,max:80,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0}],CarouselSettingsV2=[{id:"setting",controls:CarouselSettingsV2Setting},{id:"style",controls:CarouselSettingsV2Style}];exports.CarouselSettingsV2=CarouselSettingsV2,exports.CarouselSettingsV2Setting=CarouselSettingsV2Setting,exports.CarouselSettingsV2Style=CarouselSettingsV2Style;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const SettingCode=[{id:"setting",controls:[{id:"customLabel",type:"input",default:"Custom code",isUpdateCustomLabel:!0},{id:"editorData",type:"customCodeEditor"},{id:"speedParallax",type:"customCodeEditor"},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-1",image:{src:"https://
|
|
1
|
+
"use strict";const SettingCode=[{id:"setting",controls:[{id:"customLabel",type:"input",default:"Custom code",isUpdateCustomLabel:!0},{id:"editorData",type:"customCodeEditor"},{id:"speedParallax",type:"customCodeEditor"},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-1",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}}}},{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"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[]}];exports.SettingCode=SettingCode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const getButtonSetting=({setting:t,htmlType:e,label:n,styles:g})=>{let{iconSvg:l,iconAlign:o,translate:u,shouldClearSpace:i,iconVisible:r}=t??{},
|
|
1
|
+
"use strict";const getButtonSetting=({setting:t,htmlType:e,label:n,styles:g})=>{let{iconSvg:l,iconAlign:o,translate:u,shouldClearSpace:i,iconVisible:r,enableHoverEffect:s,enableActiveEffect:S}=t??{},B=g?.enableTextStyle?n:"";return{label:B,htmlType:e,iconAlign:o,iconSvg:l,iconVisible:r,translate:u,shouldClearSpace:i,enableHoverEffect:s,enableActiveEffect:S}};exports.getButtonSetting=getButtonSetting;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),Button=require("../../button/components/Button.js"),useCoupon=require("../hooks/useCoupon.js"),helpers=require("../common/helpers.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Coupon=({setting:e,builderProps:s,builderAttrs:t,style:r,styles:u,advanced:l,children:o})=>{let{backgroundColorV2:n,
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),Button=require("../../button/components/Button.js"),useCoupon=require("../hooks/useCoupon.js"),helpers=require("../common/helpers.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Coupon=({setting:e,builderProps:s,builderAttrs:t,style:r,styles:u,advanced:l,children:o})=>{let{backgroundColorV2:n,textColor:i}=u??{},{mode:d,changeStateILP:a,defaultLabelState:c,dataActive:m}=useCoupon.default(e),y=system.createClass(classes.getActiveClasses(n,i)),j=styles.getInnerBorderCornerCss({uid:s?.uid,styles:u});return jsxRuntime.jsxs("div",{className:y,"data-active":m,"data-id":s?.uid,children:[jsxRuntime.jsx("style",{children:j}),jsxRuntime.jsx(Button.default,{builderProps:s,builderAttrs:t,advanced:l,onClick:()=>{"edit"!==d&&a()},setting:{...helpers.getButtonSetting({setting:e,label:c,htmlType:"button",styles:u})},style:{...styles.getButtonStyle(r,u)},styles:{...styles.getButtonStyles(u,"edit"===d)},children:o})]})};exports.default=Coupon;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Button_liquid=require("../../button/components/Button.liquid.js"),helpers$1=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js");const Coupon=({setting:e,builderProps:s,builderAttrs:t,style:r,styles:l,advanced:o,pageContext:i})=>{let{backgroundColorV2:n,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Button_liquid=require("../../button/components/Button.liquid.js"),helpers$1=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),helpers=require("../common/helpers.js");const Coupon=({setting:e,builderProps:s,builderAttrs:t,style:r,styles:l,advanced:o,pageContext:i})=>{let{backgroundColorV2:n,textColor:u,enableTextStyle:a}=l??{},{defaultLabel:c,clickedLabel:p,copyContent:d}=e??{},y=system.createStateOrContext({defaultLabel:c,clickedLabel:p,copyContent:d,uid:s?.uid,enableTextStyle:a}),g=system.createClass(classes.getActiveClasses(n,u)),m=styles.getInnerBorderCornerCss({uid:s?.uid,styles:l}),$=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-coupon.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-coupon.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
|
|
2
2
|
<gp-coupon data-id="${s?.uid}" data-active="false" gp-setting='${JSON.stringify(y).replaceAll("'","'")}' class="${g}">
|
|
3
3
|
<style>${m}</style>
|
|
4
4
|
${Button_liquid.default({builderProps:{...s,uidInteraction:`${s?.uid}-interaction`},builderAttrs:t,setting:{...helpers.getButtonSetting({setting:e,label:c,htmlType:"button",styles:l})},style:{...styles.getButtonStyle(r,l)},styles:{...styles.getButtonStyles(l)},advanced:o,pageContext:i})}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
<path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z" />
|
|
3
3
|
</svg>
|
|
4
4
|
`,placeholder:'E.g. <svg fill="currentColor"...'},{id:"iconAlign",label:"Icon Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"left"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"group-icon",type:"group",label:"Icon",controls:[{id:"iconSvg",label:"SVG icon",type:"icon",hide:!0,default:`<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414779109605736">
|
|
5
|
-
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M233.21,56.31A12,12,0,0,0,224,52H66L60.53,21.85A12,12,0,0,0,48.73,12H24a12,12,0,0,0,0,24H38.71L63.62,173a28,28,0,0,0,4.07,10.21A32,32,0,1,0,123,196h34a32,32,0,1,0,31-24H91.17a4,4,0,0,1-3.93-3.28L84.92,156H196.1a28,28,0,0,0,27.55-23l12.16-66.86A12,12,0,0,0,233.21,56.31ZM100,204a8,8,0,1,1-8-8A8,8,0,0,1,100,204Zm88,8a8,8,0,1,1,8-8A8,8,0,0,1,188,212Zm12-83.28A4,4,0,0,1,196.1,132H80.56L70.38,76H209.62Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"segment",hide:!0,options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]}]},{id:"style",controls:[{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight",active:"#2C934E"},compoDefaultValue:{normal:"brand",hover:"highlight",active:"#2C934E"}},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-3"},state:{hover:!0,normal:!0,active:!0}},{id:"
|
|
5
|
+
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M233.21,56.31A12,12,0,0,0,224,52H66L60.53,21.85A12,12,0,0,0,48.73,12H24a12,12,0,0,0,0,24H38.71L63.62,173a28,28,0,0,0,4.07,10.21A32,32,0,1,0,123,196h34a32,32,0,1,0,31-24H91.17a4,4,0,0,1-3.93-3.28L84.92,156H196.1a28,28,0,0,0,27.55-23l12.16-66.86A12,12,0,0,0,233.21,56.31ZM100,204a8,8,0,1,1-8-8A8,8,0,0,1,100,204Zm88,8a8,8,0,1,1,8-8A8,8,0,0,1,188,212Zm12-83.28A4,4,0,0,1,196.1,132H80.56L70.38,76H209.62Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"segment",hide:!0,options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]},{id:"style",controls:[{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight",active:"#2C934E"},compoDefaultValue:{normal:"brand",hover:"highlight",active:"#2C934E"}},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-3"},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"}],devices:{desktop:{default:"left"}}},{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1"},compoDefaultValue:{attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",useOnlyUnitInit:!0,isNumber:!0,label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,devices:{desktop:{default:"8px"}},ignoreMax:!0},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},hiddenSettings:["shape","gap"]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"left"}}},{id:"borderBtnV2",type:"border-v2",compoDefaultValue:{normal:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}},state:{hover:!0,normal:!0,active:!0}},{id:"roundedBtnV2",type:"corner-v2",compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},state:{hover:!0,normal:!0,active:!0}},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1,focus:!1},state:{normal:!0,hover:!0,focus:!0}}]}];exports.CouponSettings=CouponSettings;
|