@gem-sdk/components 2.0.0-staging.982 → 2.0.0-staging.984
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/header/components/kind/basic/DesktopMenuItem.js +1 -1
- package/dist/cjs/header/settings/configs/settings.js +1 -1
- package/dist/cjs/product/components/product-bundle/setting/configs/settings.js +1 -1
- package/dist/cjs/product/components/product-bundle/setting/configs/ui-v2.js +1 -1
- package/dist/esm/header/components/kind/basic/DesktopMenuItem.js +1 -1
- package/dist/esm/header/settings/configs/settings.js +1 -1
- package/dist/esm/product/components/product-bundle/setting/configs/settings.js +1 -1
- package/dist/esm/product/components/product-bundle/setting/configs/ui-v2.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Link=require("next/link");const DesktopMenuItem=({id:e,menu:t,arrow:l,textColor:r,menuTextColor:p,depth:i=0,maxDepth:s=2,menuBg:n,typo:o,typography:g,enableHoverEffect:a})=>{let c=t?.[e];if(!c||i>s)return null;let u=i===s,m=core.composeTypographyStyle(o,g),x=!!c?.childrens?.length&&!u,d=x&&!!l,h=core.getGlobalColorStateStyle("c",0===i?r:p),j=a?h:core.filterHoverVariables(h);return jsxRuntime.jsxs("li",{className:core.cls("gp-group gp-relative gp-inline-flex gp-flex-1 gp-cursor-pointer gp-items-center gp-gap-2 gp-whitespace-nowrap gp-px-4 gp-py-2 gp-transition-colors gp-duration-300 !gp-max-w-fit hover:gp-z-50",{"gp-justify-center":0===i,"gp-min-w-[200px] gp-border-b last:gp-border-b-transparent":i>0}),style:{...j
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Link=require("next/link");const DesktopMenuItem=({id:e,menu:t,arrow:l,textColor:r,menuTextColor:p,depth:i=0,maxDepth:s=2,menuBg:n,typo:o,typography:g,enableHoverEffect:a})=>{let c=t?.[e];if(!c||i>s)return null;let u=i===s,m=core.composeTypographyStyle(o,g),x=!!c?.childrens?.length&&!u,d=x&&!!l,h=core.getGlobalColorStateStyle("c",0===i?r:p),j=0===i&&a||0!==i?h:core.filterHoverVariables(h);return jsxRuntime.jsxs("li",{className:core.cls("gp-group gp-relative gp-inline-flex gp-flex-1 gp-cursor-pointer gp-items-center gp-gap-2 gp-whitespace-nowrap gp-px-4 gp-py-2 gp-transition-colors gp-duration-300 !gp-max-w-fit hover:gp-z-50",{"gp-justify-center":0===i,"gp-min-w-[200px] gp-border-b last:gp-border-b-transparent":i>0}),style:{...m,...j},children:[c?.link&&!c.childrens?.length?jsxRuntime.jsx(Link,{href:c.link,title:c.title,children:c.title}):jsxRuntime.jsx("span",{children:c?.title}),d&&jsxRuntime.jsx("span",{dangerouslySetInnerHTML:{__html:l},className:core.cls("gp-ml-auto gp-shrink-0 [&>svg]:gp-h-4 [&>svg]:gp-w-auto",{"-gp-rotate-90":1===i})}),x&&jsxRuntime.jsx("div",{className:core.cls("gp-invisible gp-absolute gp-min-w-max gp-opacity-0 gp-transition-all gp-duration-300 gp-ease-in-out [li:hover>div&]:gp-visible [li:hover>div&]:gp-opacity-100 gp-z-[100]",{"gp-left-0 gp-top-full":0===i,"gp-left-full gp-top-0 gp-translate-y-4 [li:hover>div&]:gp-translate-y-0":1===i}),children:jsxRuntime.jsx("ul",{className:core.cls("gp-flex gp-flex-col gp-shadow-card-2 gp-relative",{"gp-ml-4":1===i}),style:{...core.getGlobalColorResponsiveStyle("bgc",n)},children:c?.childrens?.map(e=>jsxRuntime.jsx(DesktopMenuItem,{id:e,menu:t,depth:i+1,maxDepth:s,arrow:l,menuTextColor:p,menuBg:n,typo:o,typography:g},e))})})]})};exports.default=DesktopMenuItem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";const HeaderSettings=[{id:"setting",controls:[{id:"breakpoint",label:"Breakpoint",type:"select",hideOnMode:{mobileOnly:!0},options:[{label:"From desktop and smaller",subTitle:"Display menu icon for desktop, tablet and mobile",value:"desktop"},{label:"From tablet and smaller",subTitle:"Display menu icon for tablet and mobile",value:"tablet"},{label:"Only mobile",subTitle:"Display menu icon for only mobile",value:"mobile"}],default:"mobile"},{id:"itemEnableHoverEffect",type:"toggle",default:!0},{id:"cardEnableHoverEffect",type:"toggle",default:!0},{id:"menu",label:"Menu",type:"menu",default:{ROOT:{id:"ROOT",title:"Root",childrens:["1","2","3"]},1:{id:"1",title:"Menu 1",link:"",childrens:["13","14"]},2:{id:"2",title:"Menu 2",link:"",childrens:["6","7","8"]},6:{id:"6",title:"Sub Menu 2.1",childrens:[]},7:{id:"7",title:"Sub Menu 2.2",childrens:["10","11"]},8:{id:"8",title:"Sub Menu 2.3",childrens:["12"]},9:{id:"9",title:"Sub Menu 2.4",childrens:[]},10:{id:"10",title:"Sub Menu 2.2.1",childrens:[]},11:{id:"11",title:"Sub Menu 2.2.2",childrens:[]},12:{id:"12",title:"Sub Menu 2.3.1",childrens:[]},3:{id:"3",title:"Menu 3",link:"",childrens:[]},13:{id:"13",title:"Sub Menu 1.1",link:"",childrens:[]},14:{id:"14",title:"Sub Menu 1.2",link:"",childrens:[]}}},{type:"group",label:"Logo",id:"logo-group",controls:[{id:"logo",label:"Logo",type:"image-select",devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:800,height:533}}}},{id:"logoAspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"auto"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Fill",value:"fill"},{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"None",value:"none"},{label:"Scale down",value:"scale-down"}],devices:{desktop:{default:"contain"}}},{id:"logoWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"80px"}}}]},{id:"arrow",label:"Arrow Icon",type:"icon",default:`<svg data-name="chevron down" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.57576 6.77583C4.81007 6.54152 5.18997 6.54152 5.42429 6.77583L8.20002 9.55157L10.9758 6.77583C11.2101 6.54152 11.59 6.54152 11.8243 6.77583C12.0586 7.01015 12.0586 7.39005 11.8243 7.62436L8.62429 10.8244C8.38997 11.0587 8.01007 11.0587 7.77576 10.8244L4.57576 7.62436C4.34145 7.39005 4.34145 7.01015 4.57576 6.77583Z" fill="currentColor"/>
|
|
3
3
|
</svg>
|
|
4
|
-
`},{id:"cart-setting",type:"group",label:"Cart Setting",controls:[{id:"cartIcon",label:"Cart Icon",type:"icon",default:'<svg data-name="cart" width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>'}]}]},{id:"style",controls:[{id:"height",label:"Height",type:"input:unit",units:["px"],devices:{desktop:{default:"60px"}}},{id:"typography",label:"Typography",type:"typography",default:{type:"paragraph-1"}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"background-group",label:"Background",type:"group",controls:[{id:"headerBg",type:"color-picker-v2",label:"Header",devices:{desktop:{default:"#FFFFFF"}}},{id:"menuBg",type:"color-picker-v2",label:"Menu",info:"Dropdown and collapse menu background color",compoDefaultValue:{desktop:{default:"#FFFFFF"}},devices:{desktop:{default:"#FFFFFF"}}}]},{id:"color-state",type:"behavior-state",controls:[{id:"textColor",label:"Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},default:{normal:"text-1"}},{id:"menuTextColor",label:"Menu Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"text-2"},default:{normal:"text-1"}},{id:"cartIconColor",type:"color-picker-v2",label:"Cart Icon Color",state:{normal:!0,hover:!0},default:{normal:"text-1"}}]}]}];exports.HeaderSettings=HeaderSettings;
|
|
4
|
+
`},{id:"cart-setting",type:"group",label:"Cart Setting",controls:[{id:"cartIcon",label:"Cart Icon",type:"icon",default:'<svg data-name="cart" width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>'}]}]},{id:"style",controls:[{id:"height",label:"Height",type:"input:unit",units:["px"],devices:{desktop:{default:"60px"}}},{id:"typography",label:"Typography",type:"typography",default:{type:"paragraph-1"}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"background-group",label:"Background",type:"group",controls:[{id:"headerBg",type:"color-picker-v2",label:"Header",devices:{desktop:{default:"#FFFFFF"}}},{id:"menuBg",type:"color-picker-v2",label:"Menu",info:"Dropdown and collapse menu background color",compoDefaultValue:{desktop:{default:"#FFFFFF"}},devices:{desktop:{default:"#FFFFFF"}}}]},{id:"color-state",type:"behavior-state",controls:[{id:"textColor",label:"Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-2"}},{id:"menuTextColor",label:"Menu Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"text-2"},default:{normal:"text-1"}},{id:"cartIconColor",type:"color-picker-v2",label:"Cart Icon Color",state:{normal:!0,hover:!0},default:{normal:"text-1"}}]}]}];exports.HeaderSettings=HeaderSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var verticalOne=require("../../../../settings/bundle-layout/vertical-one.js"),verticalTwo=require("../../../../settings/bundle-layout/vertical-two.js"),verticalThree=require("../../../../settings/bundle-layout/vertical-three.js"),horizontalThree=require("../../../../settings/bundle-layout/horizontal-three.js"),horizontalTwo=require("../../../../settings/bundle-layout/horizontal-two.js"),horizontalOne=require("../../../../settings/bundle-layout/horizontal-one.js");const ProductBundleDiscountSettings=[{id:"setting",controls:[{id:"enableDisplayCondition",type:"toggle",default:!0},{id:"childItem",label:"Item management",type:"product-bundle-child-item",default:[],childTemplate:{verticalOne:verticalOne.verticalOne,verticalTwo:verticalTwo.verticalTwo,verticalThree:verticalThree.verticalThree,horizontalOne:horizontalOne.horizontalOne,horizontalTwo:horizontalTwo.horizontalTwo,horizontalThree:horizontalThree.horizontalThree}},{id:"hideNoDiscountItem",default:!1,type:"select",options:[{label:"All bundle",value:!1},{label:"Hide all no-discount bundles",value:!0}]},{id:"bundleItems",type:"bundleItem",default:void 0},{id:"hasPreSelectItem",type:"toggle",default:!0},{id:"useProductCompareAtPrice",default:!1,type:"select",options:[{label:"Total product price",value:!1},{label:"Total product compare-at price",value:!0}]},{id:"selectItemDefault",type:"select-product-bundle",hide:!0,default:0},{id:"layout",label:"Layout",type:"layout-segment",iconViewBox:"0 0 120 80",enableItemBackground:!0,enableTooltip:!0,default:"vertical-layout",options:[{label:"Vertical layout",value:"vertical-layout",type:"product-bundle"},{label:"Horizontal layout",value:"horizontal-layout",type:"product-bundle"}]},{id:"enableIcon",type:"toggle",default:!0},{id:"iconPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Top",value:"baseline",svgName:"gp-bundle-horizontal-base-line-layout"},{label:"Center",value:"center",svgName:"gp-bundle-horizontal-center-layout"}]},{id:"iconHorizontalPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Left",value:"baseline",svgName:"gp-bundle-vertical-baseline-layout"},{label:"Center",value:"center",svgName:"gp-bundle-vertical-center-layout"}]},{id:"iconSize",type:"input:stepper",devices:{desktop:{default:24},tablet:{default:24},mobile:{default:24}},min:0},{id:"iconSpacing",type:"dropdown:input",hideUnit:!1,inputType:"number",default:"12px",displayOptions:[{label:"Small",value:"8px",showValue:!0},{label:"Medium",value:"16px",showValue:!0},{label:"Large",value:"24px",showValue:!0}]},{id:"iconItemColor",type:"color-picker-v2",label:"Icon",default:"line-2"}]},{id:"style",controls:[{id:"size",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"24px",left:"16px",bottom:"24px",right:"16px"},gap:"12px",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full"]},padding:{name:"Padding",paddingConfig:{small:{vertical:"8px",horizontal:"8px"},medium:{vertical:"16px",horizontal:"16px"},large:{vertical:"24px",horizontal:"24px"}}}},hiddenSettings:["shape","height"],hiddenShowMore:!0},{id:"behavior-state",type:"behavior-state",controls:[{id:"borderBundle",type:"border",label:"Border",default:{normal:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},active:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#FF614C",isCustom:!1}},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}}},{id:"iconColor",type:"color-picker-v2",label:"Icon",default:{normal:"line-2"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"text-3"}},{id:"backgroundColor",type:"color-picker-v2",label:"Background",default:{normal:"#FFFFFF",active:"#FFF2F0"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"bg-2"}},{id:"hasBoxShadowBundle",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1,active:!1},state:{normal:!0,hover:!0,active:!0}},{id:"boxShadowBundle",type:"shadow-v2",default:{},state:{normal:!0,hover:!0,active:!0}},{id:"roundedBundle",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],default:"left"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]}];exports.ProductBundleDiscountSettings=ProductBundleDiscountSettings;
|
|
1
|
+
"use strict";var verticalOne=require("../../../../settings/bundle-layout/vertical-one.js"),verticalTwo=require("../../../../settings/bundle-layout/vertical-two.js"),verticalThree=require("../../../../settings/bundle-layout/vertical-three.js"),horizontalThree=require("../../../../settings/bundle-layout/horizontal-three.js"),horizontalTwo=require("../../../../settings/bundle-layout/horizontal-two.js"),horizontalOne=require("../../../../settings/bundle-layout/horizontal-one.js");const ProductBundleDiscountSettings=[{id:"setting",controls:[{id:"enableDisplayCondition",type:"toggle",default:!0},{id:"childItem",label:"Item management",type:"product-bundle-child-item",default:[],childTemplate:{verticalOne:verticalOne.verticalOne,verticalTwo:verticalTwo.verticalTwo,verticalThree:verticalThree.verticalThree,horizontalOne:horizontalOne.horizontalOne,horizontalTwo:horizontalTwo.horizontalTwo,horizontalThree:horizontalThree.horizontalThree}},{id:"hideNoDiscountItem",default:!1,type:"select",options:[{label:"All bundle",value:!1},{label:"Hide all no-discount bundles",value:!0}]},{id:"bundleItems",type:"bundleItem",default:void 0},{id:"hasPreSelectItem",type:"toggle",default:!0},{id:"useProductCompareAtPrice",default:!1,type:"select",options:[{label:"Total product price",value:!1},{label:"Total product compare-at price",value:!0}]},{id:"selectItemDefault",type:"select-product-bundle",hide:!0,default:0},{id:"layout",label:"Layout",type:"layout-segment",iconViewBox:"0 0 120 80",enableItemBackground:!0,enableTooltip:!0,default:"vertical-layout",options:[{label:"Vertical layout",value:"vertical-layout",type:"product-bundle"},{label:"Horizontal layout",value:"horizontal-layout",type:"product-bundle"}]},{id:"enableIcon",type:"toggle",default:!0},{id:"iconPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Top",value:"baseline",svgName:"gp-bundle-horizontal-base-line-layout"},{label:"Center",value:"center",svgName:"gp-bundle-horizontal-center-layout"}]},{id:"iconHorizontalPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Left",value:"baseline",svgName:"gp-bundle-vertical-baseline-layout"},{label:"Center",value:"center",svgName:"gp-bundle-vertical-center-layout"}]},{id:"iconSize",type:"input:stepper",devices:{desktop:{default:24},tablet:{default:24},mobile:{default:24}},min:0},{id:"iconSpacing",type:"dropdown:input",hideUnit:!1,inputType:"number",default:"12px",displayOptions:[{label:"Small",value:"8px",showValue:!0},{label:"Medium",value:"16px",showValue:!0},{label:"Large",value:"24px",showValue:!0}]},{id:"iconItemColor",type:"color-picker-v2",label:"Icon",default:"line-2"}]},{id:"style",controls:[{id:"size",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"24px",left:"16px",bottom:"24px",right:"16px"},gap:"12px",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full"]},padding:{name:"Padding",paddingConfig:{small:{vertical:"8px",horizontal:"8px"},medium:{vertical:"16px",horizontal:"16px"},large:{vertical:"24px",horizontal:"24px"}}}},hiddenSettings:["shape","height"],hiddenShowMore:!0},{id:"behavior-state",type:"behavior-state",controls:[{id:"borderBundle",type:"border",label:"Border",default:{normal:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},active:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#FF614C",isCustom:!1}},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}}},{id:"iconColor",type:"color-picker-v2",label:"Icon",default:{normal:"line-2",active:"#FF614C"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"text-3"}},{id:"backgroundColor",type:"color-picker-v2",label:"Background",default:{normal:"#FFFFFF",active:"#FFF2F0"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"bg-2"}},{id:"hasBoxShadowBundle",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1,active:!1},state:{normal:!0,hover:!0,active:!0}},{id:"boxShadowBundle",type:"shadow-v2",default:{},state:{normal:!0,hover:!0,active:!0}},{id:"roundedBundle",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],default:"left"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]}];exports.ProductBundleDiscountSettings=ProductBundleDiscountSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{label:{en:"Bundle management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:{en:"Item gap"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:{en:"Radio icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:{en:"Position"},setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:{en:"Position"},setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:{en:"Color"},setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Size"},setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Gap to content"},setting:{id:"iconSpacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderBundle",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:{en:"Hover"},controls:[{label:{en:"Background"},setting:{id:"backgroundColor",state:"hover"}},{label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderBundle",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"}}]},{label:{en:"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:{en:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const SettingUIV2=[{label:{en:"Bundle management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:{en:"Item gap"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:{en:"Radio icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:{en:"Position"},setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:{en:"Position"},setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:{en:"Color"},setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Size"},setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Gap to content"},setting:{id:"iconSpacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderBundle",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:{en:"Hover"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"hover"}}]},{label:{en:"Icon"},type:"group",controls:[{label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBundle",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"}}]}]},{label:{en:"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:{en:"Active"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"active"}}]},{label:{en:"Icon"},type:"group",controls:[{label:{en:"Icon color"},setting:{id:"iconColor",state:"active"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBundle",state:"active"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"active"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"active"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"}}]}]}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"size",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:{en:"Shape",cn:"形状",es:"Forma"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border",cn:"边界",es:"Borde"},setting:{id:"border",state:"normal"}},{label:{en:"Corner",cn:"角落",es:"Esquina"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow",cn:"阴影",es:"Sombra"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display condition"},conditionDisplay:"enableDisplayCondition == true",controls:[{label:{en:"Default item"},setting:{id:"hasPreSelectItem"}},{layout:"vertical",setting:{id:"selectItemDefault"},conditionDisplay:"hasPreSelectItem == true"},{label:{en:"Compare price"},setting:{id:"useProductCompareAtPrice"}},{label:{en:"Display item"},setting:{id:"hideNoDiscountItem"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(size.width) >= 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.default=SettingUIV2;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as e,jsx as p}from"react/jsx-runtime";import{composeTypographyStyle as t,getGlobalColorStateStyle as l,filterHoverVariables as r,cls as g,getGlobalColorResponsiveStyle as i}from"@gem-sdk/core";import n from"next/link";let DesktopMenuItem=({id:a,menu:o,arrow:s,textColor:m,menuTextColor:c,depth:u=0,maxDepth:d=2,menuBg:h,typo:f,typography:v,enableHoverEffect:x})=>{let y=o?.[a];if(!y||u>d)return null;let b=u===d,k=t(f,v),w=!!y?.childrens?.length&&!b,D=w&&!!s,I=l("c",0===u?m:c),M=x?I:r(I);return e("li",{className:g("gp-group gp-relative gp-inline-flex gp-flex-1 gp-cursor-pointer gp-items-center gp-gap-2 gp-whitespace-nowrap gp-px-4 gp-py-2 gp-transition-colors gp-duration-300 !gp-max-w-fit hover:gp-z-50",{"gp-justify-center":0===u,"gp-min-w-[200px] gp-border-b last:gp-border-b-transparent":u>0}),style:{...M
|
|
2
|
+
import{jsxs as e,jsx as p}from"react/jsx-runtime";import{composeTypographyStyle as t,getGlobalColorStateStyle as l,filterHoverVariables as r,cls as g,getGlobalColorResponsiveStyle as i}from"@gem-sdk/core";import n from"next/link";let DesktopMenuItem=({id:a,menu:o,arrow:s,textColor:m,menuTextColor:c,depth:u=0,maxDepth:d=2,menuBg:h,typo:f,typography:v,enableHoverEffect:x})=>{let y=o?.[a];if(!y||u>d)return null;let b=u===d,k=t(f,v),w=!!y?.childrens?.length&&!b,D=w&&!!s,I=l("c",0===u?m:c),M=0===u&&x||0!==u?I:r(I);return e("li",{className:g("gp-group gp-relative gp-inline-flex gp-flex-1 gp-cursor-pointer gp-items-center gp-gap-2 gp-whitespace-nowrap gp-px-4 gp-py-2 gp-transition-colors gp-duration-300 !gp-max-w-fit hover:gp-z-50",{"gp-justify-center":0===u,"gp-min-w-[200px] gp-border-b last:gp-border-b-transparent":u>0}),style:{...k,...M},children:[y?.link&&!y.childrens?.length?p(n,{href:y.link,title:y.title,children:y.title}):p("span",{children:y?.title}),D&&p("span",{dangerouslySetInnerHTML:{__html:s},className:g("gp-ml-auto gp-shrink-0 [&>svg]:gp-h-4 [&>svg]:gp-w-auto",{"-gp-rotate-90":1===u})}),w&&p("div",{className:g("gp-invisible gp-absolute gp-min-w-max gp-opacity-0 gp-transition-all gp-duration-300 gp-ease-in-out [li:hover>div&]:gp-visible [li:hover>div&]:gp-opacity-100 gp-z-[100]",{"gp-left-0 gp-top-full":0===u,"gp-left-full gp-top-0 gp-translate-y-4 [li:hover>div&]:gp-translate-y-0":1===u}),children:p("ul",{className:g("gp-flex gp-flex-col gp-shadow-card-2 gp-relative",{"gp-ml-4":1===u}),style:{...i("bgc",h)},children:y?.childrens?.map(e=>p(DesktopMenuItem,{id:e,menu:o,depth:u+1,maxDepth:d,arrow:s,menuTextColor:c,menuBg:h,typo:f,typography:v},e))})})]})};export{DesktopMenuItem as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
let HeaderSettings=[{id:"setting",controls:[{id:"breakpoint",label:"Breakpoint",type:"select",hideOnMode:{mobileOnly:!0},options:[{label:"From desktop and smaller",subTitle:"Display menu icon for desktop, tablet and mobile",value:"desktop"},{label:"From tablet and smaller",subTitle:"Display menu icon for tablet and mobile",value:"tablet"},{label:"Only mobile",subTitle:"Display menu icon for only mobile",value:"mobile"}],default:"mobile"},{id:"itemEnableHoverEffect",type:"toggle",default:!0},{id:"cardEnableHoverEffect",type:"toggle",default:!0},{id:"menu",label:"Menu",type:"menu",default:{ROOT:{id:"ROOT",title:"Root",childrens:["1","2","3"]},1:{id:"1",title:"Menu 1",link:"",childrens:["13","14"]},2:{id:"2",title:"Menu 2",link:"",childrens:["6","7","8"]},6:{id:"6",title:"Sub Menu 2.1",childrens:[]},7:{id:"7",title:"Sub Menu 2.2",childrens:["10","11"]},8:{id:"8",title:"Sub Menu 2.3",childrens:["12"]},9:{id:"9",title:"Sub Menu 2.4",childrens:[]},10:{id:"10",title:"Sub Menu 2.2.1",childrens:[]},11:{id:"11",title:"Sub Menu 2.2.2",childrens:[]},12:{id:"12",title:"Sub Menu 2.3.1",childrens:[]},3:{id:"3",title:"Menu 3",link:"",childrens:[]},13:{id:"13",title:"Sub Menu 1.1",link:"",childrens:[]},14:{id:"14",title:"Sub Menu 1.2",link:"",childrens:[]}}},{type:"group",label:"Logo",id:"logo-group",controls:[{id:"logo",label:"Logo",type:"image-select",devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:800,height:533}}}},{id:"logoAspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"auto"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Fill",value:"fill"},{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"None",value:"none"},{label:"Scale down",value:"scale-down"}],devices:{desktop:{default:"contain"}}},{id:"logoWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"80px"}}}]},{id:"arrow",label:"Arrow Icon",type:"icon",default:`<svg data-name="chevron down" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.57576 6.77583C4.81007 6.54152 5.18997 6.54152 5.42429 6.77583L8.20002 9.55157L10.9758 6.77583C11.2101 6.54152 11.59 6.54152 11.8243 6.77583C12.0586 7.01015 12.0586 7.39005 11.8243 7.62436L8.62429 10.8244C8.38997 11.0587 8.01007 11.0587 7.77576 10.8244L4.57576 7.62436C4.34145 7.39005 4.34145 7.01015 4.57576 6.77583Z" fill="currentColor"/>
|
|
3
3
|
</svg>
|
|
4
|
-
`},{id:"cart-setting",type:"group",label:"Cart Setting",controls:[{id:"cartIcon",label:"Cart Icon",type:"icon",default:'<svg data-name="cart" width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>'}]}]},{id:"style",controls:[{id:"height",label:"Height",type:"input:unit",units:["px"],devices:{desktop:{default:"60px"}}},{id:"typography",label:"Typography",type:"typography",default:{type:"paragraph-1"}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"background-group",label:"Background",type:"group",controls:[{id:"headerBg",type:"color-picker-v2",label:"Header",devices:{desktop:{default:"#FFFFFF"}}},{id:"menuBg",type:"color-picker-v2",label:"Menu",info:"Dropdown and collapse menu background color",compoDefaultValue:{desktop:{default:"#FFFFFF"}},devices:{desktop:{default:"#FFFFFF"}}}]},{id:"color-state",type:"behavior-state",controls:[{id:"textColor",label:"Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},default:{normal:"text-1"}},{id:"menuTextColor",label:"Menu Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"text-2"},default:{normal:"text-1"}},{id:"cartIconColor",type:"color-picker-v2",label:"Cart Icon Color",state:{normal:!0,hover:!0},default:{normal:"text-1"}}]}]}];export{HeaderSettings};
|
|
4
|
+
`},{id:"cart-setting",type:"group",label:"Cart Setting",controls:[{id:"cartIcon",label:"Cart Icon",type:"icon",default:'<svg data-name="cart" width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>'}]}]},{id:"style",controls:[{id:"height",label:"Height",type:"input:unit",units:["px"],devices:{desktop:{default:"60px"}}},{id:"typography",label:"Typography",type:"typography",default:{type:"paragraph-1"}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"background-group",label:"Background",type:"group",controls:[{id:"headerBg",type:"color-picker-v2",label:"Header",devices:{desktop:{default:"#FFFFFF"}}},{id:"menuBg",type:"color-picker-v2",label:"Menu",info:"Dropdown and collapse menu background color",compoDefaultValue:{desktop:{default:"#FFFFFF"}},devices:{desktop:{default:"#FFFFFF"}}}]},{id:"color-state",type:"behavior-state",controls:[{id:"textColor",label:"Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-2"}},{id:"menuTextColor",label:"Menu Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"text-2"},default:{normal:"text-1"}},{id:"cartIconColor",type:"color-picker-v2",label:"Cart Icon Color",state:{normal:!0,hover:!0},default:{normal:"text-1"}}]}]}];export{HeaderSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{verticalOne as e}from"../../../../settings/bundle-layout/vertical-one.js";import{verticalTwo as t}from"../../../../settings/bundle-layout/vertical-two.js";import{verticalThree as l}from"../../../../settings/bundle-layout/vertical-three.js";import{horizontalThree as o}from"../../../../settings/bundle-layout/horizontal-three.js";import{horizontalTwo as a}from"../../../../settings/bundle-layout/horizontal-two.js";import{horizontalOne as i}from"../../../../settings/bundle-layout/horizontal-one.js";let ProductBundleDiscountSettings=[{id:"setting",controls:[{id:"enableDisplayCondition",type:"toggle",default:!0},{id:"childItem",label:"Item management",type:"product-bundle-child-item",default:[],childTemplate:{verticalOne:e,verticalTwo:t,verticalThree:l,horizontalOne:i,horizontalTwo:a,horizontalThree:o}},{id:"hideNoDiscountItem",default:!1,type:"select",options:[{label:"All bundle",value:!1},{label:"Hide all no-discount bundles",value:!0}]},{id:"bundleItems",type:"bundleItem",default:void 0},{id:"hasPreSelectItem",type:"toggle",default:!0},{id:"useProductCompareAtPrice",default:!1,type:"select",options:[{label:"Total product price",value:!1},{label:"Total product compare-at price",value:!0}]},{id:"selectItemDefault",type:"select-product-bundle",hide:!0,default:0},{id:"layout",label:"Layout",type:"layout-segment",iconViewBox:"0 0 120 80",enableItemBackground:!0,enableTooltip:!0,default:"vertical-layout",options:[{label:"Vertical layout",value:"vertical-layout",type:"product-bundle"},{label:"Horizontal layout",value:"horizontal-layout",type:"product-bundle"}]},{id:"enableIcon",type:"toggle",default:!0},{id:"iconPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Top",value:"baseline",svgName:"gp-bundle-horizontal-base-line-layout"},{label:"Center",value:"center",svgName:"gp-bundle-horizontal-center-layout"}]},{id:"iconHorizontalPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Left",value:"baseline",svgName:"gp-bundle-vertical-baseline-layout"},{label:"Center",value:"center",svgName:"gp-bundle-vertical-center-layout"}]},{id:"iconSize",type:"input:stepper",devices:{desktop:{default:24},tablet:{default:24},mobile:{default:24}},min:0},{id:"iconSpacing",type:"dropdown:input",hideUnit:!1,inputType:"number",default:"12px",displayOptions:[{label:"Small",value:"8px",showValue:!0},{label:"Medium",value:"16px",showValue:!0},{label:"Large",value:"24px",showValue:!0}]},{id:"iconItemColor",type:"color-picker-v2",label:"Icon",default:"line-2"}]},{id:"style",controls:[{id:"size",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"24px",left:"16px",bottom:"24px",right:"16px"},gap:"12px",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full"]},padding:{name:"Padding",paddingConfig:{small:{vertical:"8px",horizontal:"8px"},medium:{vertical:"16px",horizontal:"16px"},large:{vertical:"24px",horizontal:"24px"}}}},hiddenSettings:["shape","height"],hiddenShowMore:!0},{id:"behavior-state",type:"behavior-state",controls:[{id:"borderBundle",type:"border",label:"Border",default:{normal:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},active:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#FF614C",isCustom:!1}},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}}},{id:"iconColor",type:"color-picker-v2",label:"Icon",default:{normal:"line-2"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"text-3"}},{id:"backgroundColor",type:"color-picker-v2",label:"Background",default:{normal:"#FFFFFF",active:"#FFF2F0"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"bg-2"}},{id:"hasBoxShadowBundle",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1,active:!1},state:{normal:!0,hover:!0,active:!0}},{id:"boxShadowBundle",type:"shadow-v2",default:{},state:{normal:!0,hover:!0,active:!0}},{id:"roundedBundle",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],default:"left"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]}];export{ProductBundleDiscountSettings};
|
|
1
|
+
import{verticalOne as e}from"../../../../settings/bundle-layout/vertical-one.js";import{verticalTwo as t}from"../../../../settings/bundle-layout/vertical-two.js";import{verticalThree as l}from"../../../../settings/bundle-layout/vertical-three.js";import{horizontalThree as o}from"../../../../settings/bundle-layout/horizontal-three.js";import{horizontalTwo as a}from"../../../../settings/bundle-layout/horizontal-two.js";import{horizontalOne as i}from"../../../../settings/bundle-layout/horizontal-one.js";let ProductBundleDiscountSettings=[{id:"setting",controls:[{id:"enableDisplayCondition",type:"toggle",default:!0},{id:"childItem",label:"Item management",type:"product-bundle-child-item",default:[],childTemplate:{verticalOne:e,verticalTwo:t,verticalThree:l,horizontalOne:i,horizontalTwo:a,horizontalThree:o}},{id:"hideNoDiscountItem",default:!1,type:"select",options:[{label:"All bundle",value:!1},{label:"Hide all no-discount bundles",value:!0}]},{id:"bundleItems",type:"bundleItem",default:void 0},{id:"hasPreSelectItem",type:"toggle",default:!0},{id:"useProductCompareAtPrice",default:!1,type:"select",options:[{label:"Total product price",value:!1},{label:"Total product compare-at price",value:!0}]},{id:"selectItemDefault",type:"select-product-bundle",hide:!0,default:0},{id:"layout",label:"Layout",type:"layout-segment",iconViewBox:"0 0 120 80",enableItemBackground:!0,enableTooltip:!0,default:"vertical-layout",options:[{label:"Vertical layout",value:"vertical-layout",type:"product-bundle"},{label:"Horizontal layout",value:"horizontal-layout",type:"product-bundle"}]},{id:"enableIcon",type:"toggle",default:!0},{id:"iconPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Top",value:"baseline",svgName:"gp-bundle-horizontal-base-line-layout"},{label:"Center",value:"center",svgName:"gp-bundle-horizontal-center-layout"}]},{id:"iconHorizontalPosition",label:"Layout",type:"option:illustration",default:"center",options:[{label:"Left",value:"baseline",svgName:"gp-bundle-vertical-baseline-layout"},{label:"Center",value:"center",svgName:"gp-bundle-vertical-center-layout"}]},{id:"iconSize",type:"input:stepper",devices:{desktop:{default:24},tablet:{default:24},mobile:{default:24}},min:0},{id:"iconSpacing",type:"dropdown:input",hideUnit:!1,inputType:"number",default:"12px",displayOptions:[{label:"Small",value:"8px",showValue:!0},{label:"Medium",value:"16px",showValue:!0},{label:"Large",value:"24px",showValue:!0}]},{id:"iconItemColor",type:"color-picker-v2",label:"Icon",default:"line-2"}]},{id:"style",controls:[{id:"size",type:"size-setting",devices:{desktop:{default:{padding:{type:"custom",top:"24px",left:"16px",bottom:"24px",right:"16px"},gap:"12px",width:"100%"}}},settingConfig:{width:{name:"Width",displayOptions:["full"]},padding:{name:"Padding",paddingConfig:{small:{vertical:"8px",horizontal:"8px"},medium:{vertical:"16px",horizontal:"16px"},large:{vertical:"24px",horizontal:"24px"}}}},hiddenSettings:["shape","height"],hiddenShowMore:!0},{id:"behavior-state",type:"behavior-state",controls:[{id:"borderBundle",type:"border",label:"Border",default:{normal:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-2",isCustom:!1},active:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#FF614C",isCustom:!1}},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:{border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}}},{id:"iconColor",type:"color-picker-v2",label:"Icon",default:{normal:"line-2",active:"#FF614C"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"text-3"}},{id:"backgroundColor",type:"color-picker-v2",label:"Background",default:{normal:"#FFFFFF",active:"#FFF2F0"},state:{hover:!0,normal:!0,active:!0},compoDefaultValue:{hover:"bg-2"}},{id:"hasBoxShadowBundle",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1,active:!1},state:{normal:!0,hover:!0,active:!0}},{id:"boxShadowBundle",type:"shadow-v2",default:{},state:{normal:!0,hover:!0,active:!0}},{id:"roundedBundle",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"none"}},state:{hover:!0,normal:!0,active:!0}}]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],default:"left"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]}];export{ProductBundleDiscountSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let SettingUIV2=[{label:{en:"Bundle management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:{en:"Item gap"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:{en:"Radio icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:{en:"Position"},setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:{en:"Position"},setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:{en:"Color"},setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Size"},setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Gap to content"},setting:{id:"iconSpacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderBundle",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:{en:"Hover"},controls:[{label:{en:"Background"},setting:{id:"backgroundColor",state:"hover"}},{label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderBundle",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"}}]},{label:{en:"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:{en:"
|
|
1
|
+
let SettingUIV2=[{label:{en:"Bundle management"},controls:[{type:"control",layout:"vertical",setting:{id:"childItem"}}]},{label:{en:"Item gap"},controls:[{label:{en:"Gap"},controlConfig:{id:"gap",type:"input:slider",units:["px"],min:0,max:120,step:1,ignoreMax:!0,linkWithSetting:{name:"size",field:"gap"}},layout:"horizontal"}]},{controls:[{type:"control",label:{en:"Radio icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:'enableIcon == true && layout == "vertical-layout"',label:{en:"Position"},setting:{id:"iconPosition"}},{type:"control",conditionDisplay:'enableIcon == true && layout == "horizontal-layout"',label:{en:"Position"},setting:{id:"iconHorizontalPosition"}},{conditionDisplay:"enableIcon == true",type:"control",label:{en:"Color"},setting:{id:"iconItemColor"},controlConfig:{id:"icon-radio-color",type:"color-picker-v2",linkWithSetting:{name:"iconColor",field:"normal"}}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Size"},setting:{id:"iconSize"}},{type:"control",conditionDisplay:"enableIcon == true",label:{en:"Gap to content"},setting:{id:"iconSpacing"}}]},{label:{en:"Item style"},controls:[{label:{en:"Background"},setting:{id:"backgroundColor",state:"normal"}},{label:{en:"Border"},setting:{id:"borderBundle",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"normal"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBundle",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBundle.normal.enable === true",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadowBundle.normal.enable === false",source:["boxShadowBundle","hasBoxShadowBundle"],action:{controlId:"hasBoxShadowBundle",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},state:"hover",popoverLabel:{en:"Hover"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"hover"}}]},{label:{en:"Icon"},type:"group",controls:[{label:{en:"Icon color"},setting:{id:"iconColor",state:"hover"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBundle",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"hover"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"}}]}]},{label:{en:"Active"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",setting:{id:"enableActiveEffect"},state:"active",popoverLabel:{en:"Active"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor",state:"active"}}]},{label:{en:"Icon"},type:"group",controls:[{label:{en:"Icon color"},setting:{id:"iconColor",state:"active"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBundle",state:"active"}},{label:{en:"Corner"},setting:{id:"roundedBundle",state:"active"}},{label:{en:"Shadow"},setting:{id:"boxShadowBundle",state:"active"},controlConfig:{id:"boxShadowBundle",type:"shadow-v2"}}]}]}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"size",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:{en:"Shape",cn:"形状",es:"Forma"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border",cn:"边界",es:"Borde"},setting:{id:"border",state:"normal"}},{label:{en:"Corner",cn:"角落",es:"Esquina"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow",cn:"阴影",es:"Sombra"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display condition"},conditionDisplay:"enableDisplayCondition == true",controls:[{label:{en:"Default item"},setting:{id:"hasPreSelectItem"}},{layout:"vertical",setting:{id:"selectItemDefault"},conditionDisplay:"hasPreSelectItem == true"},{label:{en:"Compare price"},setting:{id:"useProductCompareAtPrice"}},{label:{en:"Display item"},setting:{id:"hideNoDiscountItem"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(size.width) >= 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2 as default};
|