@gem-sdk/components 2.0.0-staging.964 → 2.0.0-staging.966
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/article/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 +1 -1
- package/dist/cjs/article/settings/configs/article-read-more/ui-v2.js +1 -1
- package/dist/cjs/hero-banner/settings/configs/settings.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-image/configs/settings-v2.js +1 -1
- package/dist/cjs/product/components/product-variants/common/base/styles.js +1 -1
- package/dist/cjs/product/settings/product-image-v2/configs/setting-v2/index.js +1 -1
- package/dist/cjs/product/settings/product-variant/configs/presets.js +2 -2
- package/dist/cjs/product/settings/product-variant/configs/settings.js +1 -1
- package/dist/cjs/product/settings/product-variant/swatches-style-config/color.js +1 -1
- package/dist/cjs/product/settings/product-variant/swatches-style-config/dropdown.js +1 -1
- package/dist/cjs/product/settings/product-variant/swatches-style-config/image-shopify.js +1 -1
- package/dist/cjs/product/settings/product-variant/swatches-style-config/image.js +1 -1
- package/dist/cjs/product/settings/product-variant/swatches-style-config/rectangle-list.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 +1 -1
- package/dist/esm/article/settings/configs/article-read-more/ui-v2.js +1 -1
- package/dist/esm/hero-banner/settings/configs/settings.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-image/configs/settings-v2.js +1 -1
- package/dist/esm/product/components/product-variants/common/base/styles.js +1 -1
- package/dist/esm/product/settings/product-image-v2/configs/setting-v2/index.js +1 -1
- package/dist/esm/product/settings/product-variant/configs/presets.js +2 -2
- package/dist/esm/product/settings/product-variant/configs/settings.js +1 -1
- package/dist/esm/product/settings/product-variant/swatches-style-config/color.js +1 -1
- package/dist/esm/product/settings/product-variant/swatches-style-config/dropdown.js +1 -1
- package/dist/esm/product/settings/product-variant/swatches-style-config/image-shopify.js +1 -1
- package/dist/esm/product/settings/product-variant/swatches-style-config/image.js +1 -1
- package/dist/esm/product/settings/product-variant/swatches-style-config/rectangle-list.js +1 -1
- package/dist/types/index.d.ts +1 -0
- package/package.json +2 -2
|
@@ -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:s,advanced:l})=>{let o=core.useArticleStore(e=>e.article),{readMoreType:n,label:u
|
|
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:s,advanced:l})=>{let o=core.useArticleStore(e=>e.article),{readMoreType:n,label:u}=e??{},{typoBtn:a,typoText:c,globalSizeText:d,globalSizeBtn:x,textColorTextState:p,alignBtn:j,alignText:m,enableHoverEffectText:b}=i??{};return jsxRuntime.jsx("div",{id:`shopify-text-element-${r?.uid}`,"data-article-id":o?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:"text"===n?jsxRuntime.jsx(Text.default,{styles:{...i,color:p,typo:c,spacing:"0px",align:m,enableHoverEffect:b},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:a,globalSize:x,align:j},style:s,advanced:l})})};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
|
|
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:u,typoText:s,globalSizeText:d,globalSizeBtn:c,textColorTextState:x,alignBtn:p,alignText:f,enableHoverEffectText:g}=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:x,typo:s,spacing:"0px",align:f,enableHoverEffect:g},style:i??{},setting:{...e,text:n,globalSize:d,excludeFlex:!0,translate:void 0}}))}
|
|
5
|
+
${core.RenderIf("text"!==a,Button_liquid.default({builderAttrs:l,builderProps:r,advanced:o,styles:{...t,typo:u,globalSize:c,align:p},style:i??{},setting:{...e,label:n,htmlType:"button",translate:void 0}}))}
|
|
6
6
|
</a>
|
|
7
7
|
`};exports.default=ArticleReadMore;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
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:"enableHoverEffectText",type:"toggle",label:"Hover",default:!
|
|
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:"enableHoverEffectText",type:"toggle",label:"Hover",default:!1},{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}},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",compoDefaultValue:{normal:"text-3",hover:"text-3"},default:{normal:"text-3"},state:{hover:!0,normal:!0}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"square"}},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},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}},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",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:"
|
|
1
|
+
"use strict";const SettingUIV2=[{label:{en:"Style"},controls:[{setting:{id:"readMoreType"},layout:"vertical"}]},{label:{en:"Size"},conditionDisplay:"readMoreType !== 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"Height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeBtn",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Size"},conditionDisplay:"readMoreType == 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeText",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeText",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",conditionDisplay:"readMoreType === 'text'"},{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"},conditionDisplay:"readMoreType != 'text'"}]},{label:{en:"Shape"},conditionDisplay:"readMoreType != 'text'",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},conditionDisplay:"readMoreType !== 'text'",options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"Read more"}},{condition:"enableTextStyle === true",source:["enableTextStyle","label","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:"enableTextStyle === false",source:["enableTextStyle","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!0}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typoBtn"},conditionDisplay:"readMoreType !== 'text' && enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}},layout:"vertical"}]},{label:{en:"Text"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Content"},getValueFromSettingID:"label",iconName:"gp-prefix",type:"combo",conditionDisplay:"readMoreType === 'text'",defaultValueWhenClear:"",compoDefaultValue:"Read more",controls:[{label:{en:"Content"},type:"control",setting:{id:"label"},layout:"vertical",defaultValueWhenClear:""}]},{id:"typo",label:{en:"Basic"},setting:{id:"typoText"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColorTextState",state:"normal"},{field:"attrs.textAlign",settingId:"alignText"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"alignText",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColorTextState",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:"readMoreType !== 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{label:{en:"Effect"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffectText"},popoverLabel:{en:"Hover"},controls:[{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;
|
|
@@ -143,4 +143,4 @@
|
|
|
143
143
|
d="M4.39584 15.625C3.36031 15.625 2.52084 14.7855 2.52084 13.75V12.5C2.52084 11.4645 3.36031 10.625 4.39584 10.625H14.3958C15.4314 10.625 16.2708 11.4645 16.2708 12.5V13.75C16.2708 14.7855 15.4314 15.625 14.3958 15.625H4.39584ZM3.77084 13.75C3.77084 14.0952 4.05066 14.375 4.39584 14.375H14.3958C14.741 14.375 15.0208 14.0952 15.0208 13.75V12.5C15.0208 12.1548 14.741 11.875 14.3958 11.875H4.39584C4.05066 11.875 3.77084 12.1548 3.77084 12.5V13.75Z"
|
|
144
144
|
fill="currentColor"
|
|
145
145
|
/>
|
|
146
|
-
</svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/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:"Cover",value:"cover"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"},mobile:{default:"auto"}}},{id:"contentBanner",type:"banner",message:"The background image should be taller than the Hero Banner",closable:!0}]},{id:"style",controls:[{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",widthHeightLinked:!1,width:"100%"}},mobile:{default:{shape:"custom",width:"100%"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["fit-content","fit-screen"],name:"Height"},shape:{displayOptions:["original","custom"],name:"Frame",shapeTitleConfig:{original:"As banner source"}}},hiddenSettings:["padding","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,showDeviceControl:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"",videoHtml5:"",videoType:"youtube",loop:!0,lazyLoad:!1}}},compoDefaultValue:{desktop:{default:{type:"image",color:"bg-2",image:{src:"https://
|
|
146
|
+
</svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/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:"Cover",value:"cover"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"},mobile:{default:"auto"}}},{id:"contentBanner",type:"banner",message:"The background image should be taller than the Hero Banner",closable:!0}]},{id:"style",controls:[{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",widthHeightLinked:!1,width:"100%"}},mobile:{default:{shape:"custom",width:"100%"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["fit-content","fit-screen"],name:"Height"},shape:{displayOptions:["original","custom"],name:"Frame",shapeTitleConfig:{original:"As banner source"}}},hiddenSettings:["padding","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,showDeviceControl:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"",videoHtml5:"",videoType:"youtube",loop:!0,lazyLoad:!1}}},compoDefaultValue:{desktop:{default:{type:"image",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0,lazyLoad:!1}}}},{id:"hoverEffect",type:"toggle",default:!1},{id:"hoverEffectScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:5,default:"120%"},{id:"hoverEffectDuration",label:"Zoom Time",type:"input:unit",units:["s"],min:0,default:.5,useOnlyUnitInit:!0},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:void 0}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition1Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"contentPosition2Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"wrapperWidth",type:"input:unit-width",label:"Width",placeholder:"Auto",min:0,units:["px","%"],devices:{desktop:{default:void 0},tablet:{default:void 0},mobile:{default:void 0}}},{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"default"},tablet:{default:"default"},mobile:{default:"default"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:unit",units:["px"],min:0,label:"Spacing",devices:{desktop:{default:"32px"}}},{id:"overlayEnable",type:"toggle",default:!1},{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%",hover:"20%"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"20%",hover:"20%"}},{id:"overlayColor",label:"Color",type:"color-picker-v2",state:{normal:!0,hover:!0}},{id:"borderBg",type:"border-v2",label:"Border",compoDefaultValue:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},{id:"cornerBg",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadowBg",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}},{id:"contentPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}}}]}];exports.SettingsV2=SettingsV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var constants=require("../../../../common/constants.js");const SettingV2=[{id:"setting",controls:[{id:"ratioLayoutLeft",label:"Ratio",type:"
|
|
1
|
+
"use strict";var constants=require("../../../../common/constants.js");const SettingV2=[{id:"setting",controls:[{id:"ratioLayoutLeft",label:"Ratio",type:"column-with-slider",fallbackArrayValue:[2,10],default:[2,10]},{id:"ratioLayoutRight",label:"Ratio",type:"column-with-slider",fallbackArrayValue:[10,2],default:[10,2]},{id:"layoutType",label:"Layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:3,itemSpacing:"large",enableItemOpacity:!0,options:[{label:"Featured top",value:"bottom-center",type:"p-image-layout",iconName:"gp-product-image-layout-bottom"},{label:"Featured left",value:"left",type:"p-image-layout",iconName:"gp-product-image-layout-left"},{label:"Featured right",value:"right",type:"p-image-layout",iconName:"gp-product-image-layout-right"},{label:"Featured only",value:"only-feature",type:"p-image-layout",iconName:"gp-product-image-layout-featured-only"},{label:"Image list 2 col",value:"two-col",type:"p-image-layout",iconName:"gp-product-image-layout-two-col"},{label:"Image list 1 col",value:"one-col",type:"p-image-layout",iconName:"gp-product-image-layout-one-col",noPadding:"y"}],default:"bottom-center"},{id:"spacingHoz",type:"input:slider",min:0,max:100,step:1,units:["%"],default:"1%",showDefaultUnit:!0},{id:"spacingVertical",label:"Spacing",type:"select",options:constants.postPurchaseSpacing,default:"none"},{id:"displayType",label:"Gallery Type",type:"segment",hide:!0,options:[{label:"Slide",value:"slider"},{label:"All",value:"grid"}],default:"slider"},{id:"ftEnabled",type:"toggle",label:"Feature image",default:!0},{id:"ilEnabled",type:"toggle",label:"Image list",default:!0}]},{id:"style",controls:[{type:"select",label:"Spacing",id:"ftSpacing",options:constants.postPurchaseSpacing,default:"none"},{id:"ftNavigation",label:"Border",type:"segment",options:[{label:"Yes",value:"display"},{label:"No",value:"none"}],default:"none"},{id:"ftAspectRatio",type:"select",default:"1",options:[{label:"Square",value:"1",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"ftWidth",type:"dropdown:input",label:"Width",units:["px","%"],hideUnit:!1,inputType:"number",displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}],devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}}},{id:"ftObjectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"ilAspectRatio",type:"select",default:"1",options:[{label:"Square",value:"1",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"ilObjectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"ilBorder",label:"Active border",type:"segment",default:"display",options:[{label:"Yes",value:"display"},{label:"No",value:"none"}]},{id:"ilNavigation",label:"Navigation",type:"segment",default:"display",options:[{label:"Yes",value:"display"},{label:"No",value:"none"}]},{type:"select",label:"Spacing",id:"ilSpacing",options:constants.postPurchaseSpacing,default:"xtight"},{id:"ilItemPerSlide",type:"input:stepper",min:1,hide:!0,default:5},{id:"ilNumberPerRow",type:"input:stepper",label:"Item per row",hide:!0,default:5},{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"}],default:"left"}]}];exports.SettingV2=SettingV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../../helpers.js");const getWrapperStyleActive=e=>{let{preset:o,optionTypography:t,optionTypo:r,typeOfOption:l}=e,a=o?.optionBgColor,p=o?.optionTextColor,i=o?.optionBorder,c=o?.optionHasShadow,d=o?.optionShadow,n=o?.optionRounded,h="color"===l,s="image"===l||"image_shopify"===l,g=core.composeTypographyStyle(r,t),y=e=>core.makeStyle({bg:e&&core.getSingleColorVariable(
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../../helpers.js");const getWrapperStyleActive=e=>{let{preset:o,optionTypography:t,optionTypo:r,typeOfOption:l}=e,a=o?.optionBgColor,p=o?.optionTextColor,i=o?.optionBorder,c=o?.optionHasShadow,d=o?.optionShadow,n=o?.optionRounded,h="color"===l,s="image"===l||"image_shopify"===l,g=core.composeTypographyStyle(r,t),y=e=>{let o=a?.active??a?.normal,t=i?.active??i?.normal;return core.makeStyle({bg:e&&core.getSingleColorVariable(o),bs:t?.border,bw:t?.width,bc:core.getSingleColorVariable(t?.color)})},S=d?.active??d?.normal,b=c?.active??c?.normal,m=p?.active??p?.normal;return helpers.filterTruthyObject({...y(!h),...core.getRadiusStyleActiveState(n),...core.getStyleShadow({value:S,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:b},!0),...g,...!h&&!s&&core.makeStyle({c:core.getSingleColorVariable(m)}),...core.makeStyle({h:o?.height})})},getWrapperStyleNormalAndHover=e=>{let{preset:o,optionTransform:t,optionTypography:r,optionTypo:l,typeOfOption:a}=e,p=o?.optionBgColor,i=o?.optionTextColor,c=o?.optionBorder,d=o?.optionHasShadow,n=o?.optionShadow,h=o?.optionRounded,s="color"===a,g="image"===a||"image_shopify"===a,y=core.composeTypographyStyle(l,r),S=["normal","hover"].reduce((e,o)=>({...e,...core.getStyleShadow({value:n?.[o],state:o,styleAppliedFor:"box-shadow",isEnableShadow:d?.[o]})}),{});return helpers.filterTruthyObject({...core.composeRadius(h),...S,...!s&&core.getGlobalColorStateStyle("bg",p),...!s&&core.handleConvertBorderStyle(c),...!s&&core.handleConvertBorderWidth(c),...!s&&core.handleConvertBorderColor(c),...!s&&!g&&core.makeStyle({c:t}),...!s&&!g&&core.getGlobalColorStateStyle("c",i),...y,...core.makeStyle({h:o?.height})})},getWrapperTextStyle=e=>{let{preset:o,typeOfOption:t,checked:r}=e,l=o?.optionBorder,a=o?.optionRounded,p="color"===t,i=()=>{let e="16px",t={"--pl":"0px","--pr":"0px","--pl-tablet":"0px","--pr-tablet":"0px","--pl-mobile":"0px","--pr-mobile":"0px","--pt":"0px","--pb":"0px"};return o?.width?.desktop?.toLowerCase()!=="auto"&&o?.width?.desktop||(t["--pl"]=e,t["--pr"]=e),o?.width?.tablet?.toLowerCase()!=="auto"&&o?.width?.tablet||(t["--pl-tablet"]=e,t["--pr-tablet"]=e),o?.width?.mobile?.toLowerCase()!=="auto"&&o?.width?.mobile||(t["--pl-mobile"]=e,t["--pr-mobile"]=e),(o?.height?.toLowerCase()==="auto"||o?.height)&&(t["--pt"]="8px",t["--pb"]="8px"),t},c={...a,active:{...a?.active||{},radiusType:"custom"}},d=r?core.getRadiusStyleActiveState(c):core.composeRadius(a),n=!r&&p?{...core.handleConvertBorderStyle(l),...core.handleConvertBorderWidth(l),...core.handleConvertBorderColor(l)}:{};return helpers.filterTruthyObject({...!p&&i(),...p&&d,...n})},getColorStyle=({optionBorder:e,optionRounded:o,isActive:t,color:r})=>{let l=()=>r?r?.startsWith("linear-gradient")?{backgroundImage:r}:{backgroundColor:r}:{},a=t=>({"--d":"flex","--jc":"center"," --ai":"center","--w":"100%","--h":"100%","--of":"hidden","--bs":t?"none":"solid",...core.handleConvertBorderWidth(e),...core.handleConvertBorderColor(e),...core.composeRadius(o),...l()});return a(!!t)},getTextStyle=({optionTypo:e,optionTypography:o})=>{let t=core.composeTypographyStyle(e,o);return delete t["--c"],helpers.filterTruthyObject({...t})};exports.getColorStyle=getColorStyle,exports.getTextStyle=getTextStyle,exports.getWrapperStyleActive=getWrapperStyleActive,exports.getWrapperStyleNormalAndHover=getWrapperStyleNormalAndHover,exports.getWrapperTextStyle=getWrapperTextStyle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var ProductFeatureImage=require("./ProductFeatureImage.js"),ProductGalleryImage=require("./ProductGalleryImage.js");const getDefaultResponsive=e=>({desktop:{default:e}}),ProductImageSettingsV2=[{id:"setting",controls:[{id:"displayByVariant",label:"Option Label",type:"toggle",default:!1},{id:"variantSelect",type:"variant:listing"},{id:"select-display",type:"group",label:"Select images to display",controls:ProductFeatureImage.productSelectDisplaySetting},{id:"featured-image",type:"group",label:"Featured Image",controls:ProductFeatureImage.productFeatureImageSetting},{id:"gallery-images",type:"group",label:"Gallery Images",controls:ProductGalleryImage.productGalleryImageSetting},{id:"qualityType",type:"select",label:"Quality",devices:{desktop:{default:"high"}},options:[{title:"Finest",value:"finest"},{title:"High",value:"high"},{title:"Medium",value:"medium"},{title:"Custom",value:"custom",tooltip:"You can choose it for advanced page loading optimization."}]},{id:"preload",type:"toggle",label:"Preload",default:!1},{id:"qualityPercent",type:"input:slider",label:"",units:["%"],min:100,max:400,step:50,useOnlyUnitInit:!0,devices:{desktop:{default:100}}}]},{id:"style",controls:[{id:"position",label:"Layout",type:"layout-selector",iconViewBox:"0 0 50 50",enableItemBackground:!0,itemPerRow:3,itemSpacing:"large",enableItemOpacity:!0,options:[{label:"Featured top",value:"bottom-center",type:"p-image-layout",iconName:"gp-product-image-layout-bottom"},{label:"Featured right",value:"left",type:"p-image-layout",iconName:"gp-product-image-layout-left"},{label:"Featured left",value:"right",type:"p-image-layout",iconName:"gp-product-image-layout-right"},{label:"Image list inside bottom",value:"inside-bottom",type:"p-image-layout",iconName:"gp-product-image-layout-bottom-inside"},{label:"Image list inside left",value:"inside-left",type:"p-image-layout",iconName:"gp-product-image-layout-left-inside"},{label:"Image list inside right",value:"inside-right",type:"p-image-layout",iconName:"gp-product-image-layout-right-inside"},{label:"Featured only",value:"only-feature",type:"p-image-layout",iconName:"gp-product-image-layout-featured-only"},{label:"Image list 1 col",value:"one-col",type:"p-image-layout",iconName:"gp-product-image-layout-one-col",noPadding:"y"},{label:"Image list 2 col",value:"two-col",type:"p-image-layout",iconName:"gp-product-image-layout-two-col"}],devices:{desktop:{default:"bottom-center"},mobile:{default:"bottom-center"}}},{id:"spacing",label:"Spacing Item",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"8px"}}},{id:"ratioLayout",label:"Ratio",type:"
|
|
1
|
+
"use strict";var ProductFeatureImage=require("./ProductFeatureImage.js"),ProductGalleryImage=require("./ProductGalleryImage.js");const getDefaultResponsive=e=>({desktop:{default:e}}),ProductImageSettingsV2=[{id:"setting",controls:[{id:"displayByVariant",label:"Option Label",type:"toggle",default:!1},{id:"variantSelect",type:"variant:listing"},{id:"select-display",type:"group",label:"Select images to display",controls:ProductFeatureImage.productSelectDisplaySetting},{id:"featured-image",type:"group",label:"Featured Image",controls:ProductFeatureImage.productFeatureImageSetting},{id:"gallery-images",type:"group",label:"Gallery Images",controls:ProductGalleryImage.productGalleryImageSetting},{id:"qualityType",type:"select",label:"Quality",devices:{desktop:{default:"high"}},options:[{title:"Finest",value:"finest"},{title:"High",value:"high"},{title:"Medium",value:"medium"},{title:"Custom",value:"custom",tooltip:"You can choose it for advanced page loading optimization."}]},{id:"preload",type:"toggle",label:"Preload",default:!1},{id:"qualityPercent",type:"input:slider",label:"",units:["%"],min:100,max:400,step:50,useOnlyUnitInit:!0,devices:{desktop:{default:100}}}]},{id:"style",controls:[{id:"position",label:"Layout",type:"layout-selector",iconViewBox:"0 0 50 50",enableItemBackground:!0,itemPerRow:3,itemSpacing:"large",enableItemOpacity:!0,options:[{label:"Featured top",value:"bottom-center",type:"p-image-layout",iconName:"gp-product-image-layout-bottom"},{label:"Featured right",value:"left",type:"p-image-layout",iconName:"gp-product-image-layout-left"},{label:"Featured left",value:"right",type:"p-image-layout",iconName:"gp-product-image-layout-right"},{label:"Image list inside bottom",value:"inside-bottom",type:"p-image-layout",iconName:"gp-product-image-layout-bottom-inside"},{label:"Image list inside left",value:"inside-left",type:"p-image-layout",iconName:"gp-product-image-layout-left-inside"},{label:"Image list inside right",value:"inside-right",type:"p-image-layout",iconName:"gp-product-image-layout-right-inside"},{label:"Featured only",value:"only-feature",type:"p-image-layout",iconName:"gp-product-image-layout-featured-only"},{label:"Image list 1 col",value:"one-col",type:"p-image-layout",iconName:"gp-product-image-layout-one-col",noPadding:"y"},{label:"Image list 2 col",value:"two-col",type:"p-image-layout",iconName:"gp-product-image-layout-two-col"}],devices:{desktop:{default:"bottom-center"},mobile:{default:"bottom-center"}}},{id:"spacing",label:"Spacing Item",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"8px"}}},{id:"ratioLayout",label:"Ratio",type:"column-with-slider",fallbackArrayValue:[2,10],devices:{desktop:{default:[2,10]}}},{id:"ratioLayoutRight",label:"Ratio",type:"column-with-slider",fallbackArrayValue:[10,2],devices:{desktop:{default:[10,2]}}},{id:"dimensions",type:"group",label:"Featured Image",controls:ProductFeatureImage.productFeatureImageStyle},{id:"galleryStyles",type:"group",label:"Gallery",controls:ProductGalleryImage.productGalleryImageStyle},{id:"align",label:"Alignment",type:"segment",options:[{label:"Start",value:"flex-start",type:"align-flex",tooltip:"Align left"},{label:"Center",value:"center",type:"align-flex",tooltip:"Align center"},{label:"End",value:"flex-end",type:"align-flex",tooltip:"Align right"}],devices:getDefaultResponsive("flex-start")}]}];exports.ProductImageSettingsV2=ProductImageSettingsV2;
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
</clipPath>
|
|
15
15
|
</defs>
|
|
16
16
|
</svg>
|
|
17
|
-
`},components:[{tag:"ProductVariants",settings:{showAsSwatches:!0},styles:{optionBgColor:{normal:"#FFFFFF"},optionTextColor:{normal:"text-2"},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}
|
|
17
|
+
`},components:[{tag:"ProductVariants",settings:{showAsSwatches:!0},styles:{optionBgColor:{normal:"#FFFFFF"},optionTextColor:{normal:"text-2"},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-variant",name:{en:"Product Variants"},icon:{desktop:`
|
|
18
18
|
<svg width="96" height="40" viewBox="0 0 96 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
19
19
|
<path d="M4.94585 5.54545C4.90323 5.18561 4.73041 4.90625 4.42738 4.70739C4.12435 4.50852 3.75266 4.40909 3.31232 4.40909C2.99035 4.40909 2.70863 4.46117 2.46715 4.56534C2.22804 4.66951 2.04102 4.81274 1.90607 4.99503C1.7735 5.17732 1.70721 5.38447 1.70721 5.61648C1.70721 5.81061 1.75337 5.97751 1.8457 6.11719C1.9404 6.2545 2.06114 6.36932 2.20792 6.46165C2.3547 6.55161 2.50858 6.62618 2.66957 6.68537C2.83055 6.74219 2.97852 6.78835 3.11346 6.82386L3.8521 7.02273C4.04149 7.07244 4.25219 7.1411 4.4842 7.22869C4.71857 7.31629 4.94229 7.43584 5.15536 7.58736C5.3708 7.73651 5.54835 7.92827 5.68803 8.16264C5.82771 8.39702 5.89755 8.68466 5.89755 9.02557C5.89755 9.41856 5.79457 9.77367 5.5886 10.0909C5.385 10.4081 5.08671 10.6603 4.69371 10.8473C4.30309 11.0343 3.82842 11.1278 3.26971 11.1278C2.74888 11.1278 2.29788 11.0438 1.91673 10.8757C1.53794 10.7076 1.23964 10.4732 1.02184 10.1726C0.806404 9.87192 0.684482 9.52273 0.656072 9.125H1.56516C1.58884 9.39962 1.68117 9.62689 1.84215 9.80682C2.0055 9.98437 2.21147 10.117 2.46005 10.2045C2.711 10.2898 2.98088 10.3324 3.26971 10.3324C3.60588 10.3324 3.90773 10.2779 4.17525 10.169C4.44277 10.0578 4.65465 9.90388 4.8109 9.70739C4.96715 9.50852 5.04528 9.27652 5.04528 9.01136C5.04528 8.76989 4.97781 8.57339 4.84286 8.42188C4.70792 8.27036 4.53036 8.14725 4.31019 8.05256C4.09002 7.95786 3.8521 7.875 3.59641 7.80398L2.70153 7.5483C2.13335 7.38494 1.68353 7.15175 1.3521 6.84872C1.02066 6.54569 0.854936 6.14915 0.854936 5.65909C0.854936 5.25189 0.965021 4.89678 1.18519 4.59375C1.40773 4.28835 1.70603 4.05161 2.08008 3.88352C2.4565 3.71307 2.87672 3.62784 3.34073 3.62784C3.80948 3.62784 4.22615 3.71188 4.59073 3.87997C4.95532 4.04569 5.24414 4.27296 5.45721 4.56179C5.67264 4.85062 5.78628 5.1785 5.79812 5.54545H4.94585ZM7.23189 11V5.54545H8.06996V11H7.23189ZM7.65803 4.63636C7.49467 4.63636 7.35381 4.58073 7.23544 4.46946C7.11944 4.35819 7.06143 4.22443 7.06143 4.06818C7.06143 3.91193 7.11944 3.77817 7.23544 3.6669C7.35381 3.55563 7.49467 3.5 7.65803 3.5C7.82138 3.5 7.96106 3.55563 8.07706 3.6669C8.19543 3.77817 8.25462 3.91193 8.25462 4.06818C8.25462 4.22443 8.19543 4.35819 8.07706 4.46946C7.96106 4.58073 7.82138 4.63636 7.65803 4.63636ZM9.44869 11V10.3608L12.5453 6.38352V6.3267H9.54812V5.54545H13.6248V6.21307L10.6135 10.1619V10.2188H13.7243V11H9.44869ZM17.1458 11.1136C16.6202 11.1136 16.1668 10.9976 15.7857 10.7656C15.4069 10.5312 15.1145 10.2045 14.9086 9.78551C14.705 9.36411 14.6032 8.87405 14.6032 8.31534C14.6032 7.75663 14.705 7.2642 14.9086 6.83807C15.1145 6.40956 15.401 6.07576 15.7679 5.83665C16.1373 5.59517 16.5681 5.47443 17.0605 5.47443C17.3446 5.47443 17.6252 5.52178 17.9022 5.61648C18.1792 5.71117 18.4313 5.86506 18.6586 6.07812C18.8858 6.28883 19.0669 6.56818 19.2019 6.91619C19.3368 7.2642 19.4043 7.69271 19.4043 8.2017V8.55682H15.1998V7.83239H18.552C18.552 7.52462 18.4905 7.25 18.3674 7.00852C18.2466 6.76705 18.0738 6.57647 17.8489 6.43679C17.6264 6.29711 17.3636 6.22727 17.0605 6.22727C16.7267 6.22727 16.4379 6.31013 16.1941 6.47585C15.9526 6.6392 15.7667 6.85227 15.6365 7.11506C15.5063 7.37784 15.4412 7.65956 15.4412 7.96023V8.44318C15.4412 8.85511 15.5123 9.20431 15.6543 9.49077C15.7987 9.77486 15.9988 9.99148 16.2544 10.1406C16.5101 10.2874 16.8072 10.3608 17.1458 10.3608C17.3659 10.3608 17.5648 10.33 17.7424 10.2685C17.9223 10.2045 18.0774 10.1098 18.2076 9.98438C18.3378 9.85653 18.4384 9.69792 18.5094 9.50852L19.3191 9.7358C19.2338 10.0104 19.0906 10.2519 18.8894 10.4602C18.6882 10.6662 18.4396 10.8272 18.1436 10.9432C17.8477 11.0568 17.5151 11.1136 17.1458 11.1136Z" fill="#D6D6D6"/>
|
|
20
20
|
<path d="M13.1695 28.0455C13.1269 27.6856 12.954 27.4062 12.651 27.2074C12.348 27.0085 11.9763 26.9091 11.536 26.9091C11.214 26.9091 10.9323 26.9612 10.6908 27.0653C10.4517 27.1695 10.2646 27.3127 10.1297 27.495C9.99713 27.6773 9.93084 27.8845 9.93084 28.1165C9.93084 28.3106 9.97701 28.4775 10.0693 28.6172C10.164 28.7545 10.2848 28.8693 10.4316 28.9616C10.5783 29.0516 10.7322 29.1262 10.8932 29.1854C11.0542 29.2422 11.2021 29.2884 11.3371 29.3239L12.0757 29.5227C12.2651 29.5724 12.4758 29.6411 12.7078 29.7287C12.9422 29.8163 13.1659 29.9358 13.379 30.0874C13.5944 30.2365 13.772 30.4283 13.9117 30.6626C14.0513 30.897 14.1212 31.1847 14.1212 31.5256C14.1212 31.9186 14.0182 32.2737 13.8122 32.5909C13.6086 32.9081 13.3103 33.1603 12.9173 33.3473C12.5267 33.5343 12.0521 33.6278 11.4933 33.6278C10.9725 33.6278 10.5215 33.5438 10.1404 33.3757C9.76157 33.2076 9.46328 32.9732 9.24547 32.6726C9.03004 32.3719 8.90811 32.0227 8.87971 31.625H9.7888C9.81247 31.8996 9.9048 32.1269 10.0658 32.3068C10.2291 32.4844 10.4351 32.617 10.6837 32.7045C10.9346 32.7898 11.2045 32.8324 11.4933 32.8324C11.8295 32.8324 12.1314 32.7779 12.3989 32.669C12.6664 32.5578 12.8783 32.4039 13.0345 32.2074C13.1908 32.0085 13.2689 31.7765 13.2689 31.5114C13.2689 31.2699 13.2014 31.0734 13.0665 30.9219C12.9316 30.7704 12.754 30.6473 12.5338 30.5526C12.3137 30.4579 12.0757 30.375 11.82 30.304L10.9252 30.0483C10.357 29.8849 9.90717 29.6518 9.57573 29.3487C9.24429 29.0457 9.07857 28.6491 9.07857 28.1591C9.07857 27.7519 9.18865 27.3968 9.40882 27.0938C9.63136 26.7884 9.92966 26.5516 10.3037 26.3835C10.6801 26.2131 11.1003 26.1278 11.5644 26.1278C12.0331 26.1278 12.4498 26.2119 12.8144 26.38C13.1789 26.5457 13.4678 26.773 13.6808 27.0618C13.8963 27.3506 14.0099 27.6785 14.0218 28.0455H13.1695Z" fill="#AAABAC"/>
|
|
21
21
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M86.1928 30.9268C86.0863 31.0244 85.9137 31.0244 85.8072 30.9268L83.0799 28.4268C82.9734 28.3291 82.9734 28.1709 83.0799 28.0732C83.1864 27.9756 83.3591 27.9756 83.4656 28.0732L86 30.3964L88.5344 28.0732C88.6409 27.9756 88.8136 27.9756 88.9201 28.0732C89.0266 28.1709 89.0266 28.3291 88.9201 28.4268L86.1928 30.9268Z" fill="#AAABAC"/>
|
|
22
22
|
<rect x="0.5" y="19.5" width="95" height="20" rx="2.5" stroke="#5B5B5B"/>
|
|
23
23
|
</svg>
|
|
24
|
-
`},components:[{tag:"ProductVariants",settings:{variantPresets:[{optionName:"base",optionType:"dropdown",presets:{dropdown:{optionBgColor:{normal:"bg-1"
|
|
24
|
+
`},components:[{tag:"ProductVariants",settings:{variantPresets:[{optionName:"base",optionType:"dropdown",presets:{dropdown:{optionBgColor:{normal:"bg-1"},optionTextColor:{normal:"text-2",hover:"text-3",active:"text-3"},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"8px"},rectangle_list:{width:{desktop:""},height:"45px",spacing:"8px",optionBgColor:{normal:"bg-1"},optionTextColor:{normal:"text-2",hover:"text-3",active:"text-3"}},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"8px",optionBgColor:{normal:"bg-3"}},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"8px",optionBgColor:{normal:"bg-3"}}}}]},styles:{optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]}];exports.ProductVariantPreset=ProductVariantPreset;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var rectangleList=require("../swatches-style-config/rectangle-list.js"),color=require("../swatches-style-config/color.js"),image=require("../swatches-style-config/image.js"),imageShopify=require("../swatches-style-config/image-shopify.js"),dropdown=require("../swatches-style-config/dropdown.js");const ProductVariantSettings=[{id:"setting",controls:[{id:"variantsOption",type:"group",label:"Variants Options",controls:[{id:"optionType",label:"Option Label",type:"select",default:"singleOption",options:[{label:"Separated",value:"singleOption"},{label:"Combine",value:"groupOption"}]},{id:"label",label:"Option Label",type:"toggle",default:!0},{id:"optionAlign",label:"Alignment",type:"segment",devices:{desktop:{default:"left"}},options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}]},{id:"price",label:"Option Price",type:"option:value",hide:!0,default:!0,options:[{value:!0,label:"Yes"},{value:!1,label:"No"}]},{id:"showAsSwatches",label:"Use Option Swatches",type:"swatchesLink",hide:!0,default:!0,hyperlinkInfo:{beforeText:"Go to ",hyperlinkText:"Manage Swatches",afterText:" to configure options display as swatches",modal:"manage_swatches"}},{id:"combineFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"combineWidth",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"combineHeight",type:"input:unit",label:"Height",placeholder:"Auto",min:0,units:["px"],default:"45px"},{id:"variantPresets",label:"Use Option Swatches",type:"variant:presets",default:[{optionName:"base",optionType:"rectangle_list",presets:{...color.colorPresetConfig,...rectangleList.rectangleListPresetConfig,...image.imagePresetConfig,...imageShopify.imageShopifyPresetConfig,...dropdown.dropdownPresetConfig}}],hyperlinkInfo:{modal:"manage_swatches"}},{id:"soldOutStyle",type:"select",default:"line",options:[{label:"None",value:"none"},{label:"Unclickable",value:"disable"},{label:"Cross-out",value:"line",icon:"gp-cross-out-one-line"}]}]},{id:"options",type:"group",label:"Options",controls:[{id:"layout",label:"Layout",type:"option:illustration",iconViewBox:"0 0 66 45",enableItemBackground:!0,devices:{desktop:{default:"vertical"}},options:[{label:"Vertical",value:"vertical",type:"arrange",svgName:"gp-arrange-vertical"},{label:"Horizontal",value:"horizontal",type:"arrange",svgName:"gp-arrange-horizontal"}]},{id:"column",label:"Column",type:"select",devices:{desktop:{default:1}},options:[{label:"1 column",value:1},{label:"2 columns",value:2},{label:"3 columns",value:3},{label:"4 columns",value:4}]}]},{id:"variantDisplay",type:"group",label:"Variant Display",controls:[{id:"hasPreSelected",type:"toggle",label:"hasPreSelected",default:!0},{id:"selectVariantDefault",type:"select-variant",label:"Select Default Variant",hide:!0}]},{id:"blankText",label:"Blank Option Text",type:"input",hide:!0,default:"Please select an option"},{id:"hasOnlyDefaultVariant",label:"Blank Option Text",type:"variant:default",hide:!0,default:!1}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Variants Dimension",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"optionSpacing",label:"Option Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"30px"},{id:"labelGap",label:"Gap",type:"input:slider",units:["px"],ignoreMax:!0,max:40,default:"8px"}]},{id:"swatchDimension",type:"group",label:"Swatch Dimension",controls:[{id:"swatchAutoWidth",label:"Auto Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"swatchWidth",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"80px"}}},{id:"swatchHeight",type:"input:unit",label:"Height",placeholder:"Auto Height",min:0,units:["px"],devices:{desktop:{default:"45px"}}},{id:"swatchSpacing",label:"Swatch Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"var(--g-s-m)"},{id:"marginBottom",label:"Margin Bottom",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"16px"}}}]},{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:"labelGroup",type:"group",label:"Label",controls:[{id:"labelTypo",type:"typography-combo",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-2",bold:!0},custom:{fontFamily:"Assistant",letterSpacing:"0px"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"labelColor",type:"color-picker-v2",label:"Text Color",default:"text-2"}]},{id:"labelGroup",type:"group",label:"Option Value",controls:[{id:"optionTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2"},hiddenSetting:{},ignoreReRender:!0}]},{id:"behavior-state",type:"behavior-state",label:"Option Value",controls:[{id:"optionBgColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF"},compoDefaultValue:{normal:"#FFFFFF",hover:"highlight",active:"highlight"},state:{active:!0,hover:!0,normal:!0}},{id:"optionTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},compoDefaultValue:{normal:"text-2",active:"text-3",hover:"text-3"},state:{active:!0,hover:!0,normal:!0}},{id:"optionBorder",type:"border",label:"Border",default:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},compoDefaultValue:{normal:{borderType:"style-2",border:"solid",color:"line-2"}}
|
|
1
|
+
"use strict";var rectangleList=require("../swatches-style-config/rectangle-list.js"),color=require("../swatches-style-config/color.js"),image=require("../swatches-style-config/image.js"),imageShopify=require("../swatches-style-config/image-shopify.js"),dropdown=require("../swatches-style-config/dropdown.js");const ProductVariantSettings=[{id:"setting",controls:[{id:"variantsOption",type:"group",label:"Variants Options",controls:[{id:"optionType",label:"Option Label",type:"select",default:"singleOption",options:[{label:"Separated",value:"singleOption"},{label:"Combine",value:"groupOption"}]},{id:"label",label:"Option Label",type:"toggle",default:!0},{id:"optionAlign",label:"Alignment",type:"segment",devices:{desktop:{default:"left"}},options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}]},{id:"price",label:"Option Price",type:"option:value",hide:!0,default:!0,options:[{value:!0,label:"Yes"},{value:!1,label:"No"}]},{id:"showAsSwatches",label:"Use Option Swatches",type:"swatchesLink",hide:!0,default:!0,hyperlinkInfo:{beforeText:"Go to ",hyperlinkText:"Manage Swatches",afterText:" to configure options display as swatches",modal:"manage_swatches"}},{id:"combineFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"combineWidth",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"combineHeight",type:"input:unit",label:"Height",placeholder:"Auto",min:0,units:["px"],default:"45px"},{id:"variantPresets",label:"Use Option Swatches",type:"variant:presets",default:[{optionName:"base",optionType:"rectangle_list",presets:{...color.colorPresetConfig,...rectangleList.rectangleListPresetConfig,...image.imagePresetConfig,...imageShopify.imageShopifyPresetConfig,...dropdown.dropdownPresetConfig}}],hyperlinkInfo:{modal:"manage_swatches"}},{id:"soldOutStyle",type:"select",default:"line",options:[{label:"None",value:"none"},{label:"Unclickable",value:"disable"},{label:"Cross-out",value:"line",icon:"gp-cross-out-one-line"}]}]},{id:"options",type:"group",label:"Options",controls:[{id:"layout",label:"Layout",type:"option:illustration",iconViewBox:"0 0 66 45",enableItemBackground:!0,devices:{desktop:{default:"vertical"}},options:[{label:"Vertical",value:"vertical",type:"arrange",svgName:"gp-arrange-vertical"},{label:"Horizontal",value:"horizontal",type:"arrange",svgName:"gp-arrange-horizontal"}]},{id:"column",label:"Column",type:"select",devices:{desktop:{default:1}},options:[{label:"1 column",value:1},{label:"2 columns",value:2},{label:"3 columns",value:3},{label:"4 columns",value:4}]}]},{id:"variantDisplay",type:"group",label:"Variant Display",controls:[{id:"hasPreSelected",type:"toggle",label:"hasPreSelected",default:!0},{id:"selectVariantDefault",type:"select-variant",label:"Select Default Variant",hide:!0}]},{id:"blankText",label:"Blank Option Text",type:"input",hide:!0,default:"Please select an option"},{id:"hasOnlyDefaultVariant",label:"Blank Option Text",type:"variant:default",hide:!0,default:!1}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Variants Dimension",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"optionSpacing",label:"Option Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"30px"},{id:"labelGap",label:"Gap",type:"input:slider",units:["px"],ignoreMax:!0,max:40,default:"8px"}]},{id:"swatchDimension",type:"group",label:"Swatch Dimension",controls:[{id:"swatchAutoWidth",label:"Auto Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"swatchWidth",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"80px"}}},{id:"swatchHeight",type:"input:unit",label:"Height",placeholder:"Auto Height",min:0,units:["px"],devices:{desktop:{default:"45px"}}},{id:"swatchSpacing",label:"Swatch Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"var(--g-s-m)"},{id:"marginBottom",label:"Margin Bottom",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"16px"}}}]},{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:"labelGroup",type:"group",label:"Label",controls:[{id:"labelTypo",type:"typography-combo",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-2",bold:!0},custom:{fontFamily:"Assistant",letterSpacing:"0px"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"labelColor",type:"color-picker-v2",label:"Text Color",default:"text-2"}]},{id:"labelGroup",type:"group",label:"Option Value",controls:[{id:"optionTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2"},hiddenSetting:{},ignoreReRender:!0}]},{id:"behavior-state",type:"behavior-state",label:"Option Value",controls:[{id:"optionBgColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF"},compoDefaultValue:{normal:"#FFFFFF",hover:"highlight",active:"highlight"},state:{active:!0,hover:!0,normal:!0}},{id:"optionTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},compoDefaultValue:{normal:"text-2",active:"text-3",hover:"text-3"},state:{active:!0,hover:!0,normal:!0}},{id:"optionBorder",type:"border",label:"Border",default:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},compoDefaultValue:{normal:{borderType:"style-2",border:"solid",color:"line-2"}}},{id:"optionRounded",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},{id:"optionShadow",type:"shadow-v2",label:"Shadow",default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45,enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",enable:!0,distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45}}}]},{id:"dropdownItemWidth",type:"segment",label:"Dropdown Width",devices:{desktop:{default:"fill"},mobile:{default:"fill"},tablet:{default:"fill"}},options:[{label:"Fill",value:"fill"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"},mobile:{default:"240px"},tablet:{default:"240px"}}},{id:"swatchItemWidth",type:"segment",label:"Swatch Width",devices:{desktop:{default:"auto"}},options:[{label:"Fill",value:"auto"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"}}}]}];exports.ProductVariantSettings=ProductVariantSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const colorPresetConfig={color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"8px",optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"custom"}
|
|
1
|
+
"use strict";const colorPresetConfig={color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"8px",optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"custom"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}}};exports.colorPresetConfig=colorPresetConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const dropdownPresetConfig={dropdown:{width:{desktop:"100%",tablet:"100%",mobile:"100%"},height:"45px",optionTextColor:{normal:"text-2",hover:"text-3",active:"text-3"},optionBgColor:{normal:"#FFFFFF",hover:"#FFFFFF",active:"#FFFFFF"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{radiusType:"none"}
|
|
1
|
+
"use strict";const dropdownPresetConfig={dropdown:{width:{desktop:"100%",tablet:"100%",mobile:"100%"},height:"45px",optionTextColor:{normal:"text-2",hover:"text-3",active:"text-3"},optionBgColor:{normal:"#FFFFFF",hover:"#FFFFFF",active:"#FFFFFF"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}}};exports.dropdownPresetConfig=dropdownPresetConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const imageShopifyPresetConfig={image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"8px",optionBgColor:{normal:"#FFFFFF",hover:"#FFFFFF",active:"#121212"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{radiusType:"none"}
|
|
1
|
+
"use strict";const imageShopifyPresetConfig={image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"8px",optionBgColor:{normal:"#FFFFFF",hover:"#FFFFFF",active:"#121212"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}}};exports.imageShopifyPresetConfig=imageShopifyPresetConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const imagePresetConfig={image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"8px",optionBgColor:{normal:"#FFFFFF"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{radiusType:"none"}
|
|
1
|
+
"use strict";const imagePresetConfig={image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"8px",optionBgColor:{normal:"#FFFFFF"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:45,enable:!1}}}};exports.imagePresetConfig=imagePresetConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const rectangleListPresetConfig={rectangle_list:{width:{desktop:""},height:"45px",spacing:"8px",optionTextColor:{normal:"#121212",hover:"#121212",active:"#FFFFFF"},optionBgColor:{normal:"#FFFFFF",hover:"#FFFFFF",active:"#121212"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}
|
|
1
|
+
"use strict";const rectangleListPresetConfig={rectangle_list:{width:{desktop:""},height:"45px",spacing:"8px",optionTextColor:{normal:"#121212",hover:"#121212",active:"#FFFFFF"},optionBgColor:{normal:"#FFFFFF",hover:"#FFFFFF",active:"#121212"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:45,enable:!1}}}};exports.rectangleListPresetConfig=rectangleListPresetConfig;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import t from"../../text/components/Text.js";import o from"../../button/components/Button.js";import{useArticleStore as r}from"@gem-sdk/core";let ArticleReadMore=({setting:i,builderAttrs:l,builderProps:n,styles:s,style:a,advanced:c})=>{let d=r(e=>e.article),{readMoreType:p,label:m
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import t from"../../text/components/Text.js";import o from"../../button/components/Button.js";import{useArticleStore as r}from"@gem-sdk/core";let ArticleReadMore=({setting:i,builderAttrs:l,builderProps:n,styles:s,style:a,advanced:c})=>{let d=r(e=>e.article),{readMoreType:p,label:m}=i??{},{typoBtn:u,typoText:x,globalSizeText:f,globalSizeBtn:g,textColorTextState:b,alignBtn:y,alignText:h,enableHoverEffectText:A}=s??{};return e("div",{id:`shopify-text-element-${n?.uid}`,"data-article-id":d?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:"text"===p?e(t,{styles:{...s,color:b,typo:x,spacing:"0px",align:h,enableHoverEffect:A},setting:{...i,text:m,globalSize:f,excludeFlex:!0}}):e(o,{builderAttrs:l,builderProps:n,setting:{...i,label:m,htmlType:"button"},styles:{...s,typo:u,globalSize:g,align:y},style:a,advanced:c})})};export{ArticleReadMore as default};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{template as t,RenderIf as e}from"@gem-sdk/core";import l from"../../text/components/Text.liquid.js";import o from"../../button/components/Button.liquid.js";let ArticleReadMore=({setting:r,styles:a,builderAttrs:i,builderProps:n,advanced:s,style:p})=>{let{readMoreType:c,label:m
|
|
2
|
+
import{template as t,RenderIf as e}from"@gem-sdk/core";import l from"../../text/components/Text.liquid.js";import o from"../../button/components/Button.liquid.js";let ArticleReadMore=({setting:r,styles:a,builderAttrs:i,builderProps:n,advanced:s,style:p})=>{let{readMoreType:c,label:m}=r??{},{typoBtn:d,typoText:g,globalSizeText:u,globalSizeBtn:x,textColorTextState:b,alignBtn:f,alignText:y,enableHoverEffectText:v}=a??{};return t`
|
|
3
3
|
<a href="{{article.url}}" target="_blank">
|
|
4
|
-
${e("text"===c,l({builderAttrs:i,builderProps:n,advanced:s,styles:{...a,color:
|
|
5
|
-
${e("text"!==c,o({builderAttrs:i,builderProps:n,advanced:s,styles:{...a,typo:d,globalSize:
|
|
4
|
+
${e("text"===c,l({builderAttrs:i,builderProps:n,advanced:s,styles:{...a,color:b,typo:g,spacing:"0px",align:y,enableHoverEffect:v},style:p??{},setting:{...r,text:m,globalSize:u,excludeFlex:!0,translate:void 0}}))}
|
|
5
|
+
${e("text"!==c,o({builderAttrs:i,builderProps:n,advanced:s,styles:{...a,typo:d,globalSize:x,align:f},style:p??{},setting:{...r,label:m,htmlType:"button",translate:void 0}}))}
|
|
6
6
|
</a>
|
|
7
7
|
`};export{ArticleReadMore as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
let 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:"enableHoverEffectText",type:"toggle",label:"Hover",default:!
|
|
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:"enableHoverEffectText",type:"toggle",label:"Hover",default:!1},{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}},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",compoDefaultValue:{normal:"text-3",hover:"text-3"},default:{normal:"text-3"},state:{hover:!0,normal:!0}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"square"}},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},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}},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"]}]}];export{ArticleReadMoreSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let SettingUIV2=[{label:{en:"Style"},controls:[{setting:{id:"readMoreType"},layout:"vertical"}]},{label:{en:"Size"},conditionDisplay:"readMoreType !== 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"Height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeBtn",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Size"},conditionDisplay:"readMoreType == 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeText",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeText",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",conditionDisplay:"readMoreType === 'text'"},{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"},conditionDisplay:"readMoreType != 'text'"}]},{label:{en:"Shape"},conditionDisplay:"readMoreType != 'text'",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},conditionDisplay:"readMoreType !== 'text'",options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"Read more"}},{condition:"enableTextStyle === true",source:["enableTextStyle","label","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:"enableTextStyle === false",source:["enableTextStyle","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!0}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typoBtn"},conditionDisplay:"readMoreType !== 'text' && enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0},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:"
|
|
1
|
+
let SettingUIV2=[{label:{en:"Style"},controls:[{setting:{id:"readMoreType"},layout:"vertical"}]},{label:{en:"Size"},conditionDisplay:"readMoreType !== 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"Height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeBtn",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeBtn",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Size"},conditionDisplay:"readMoreType == 'text'",controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSizeText",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSizeText",field:"padding"},compoDefaultValue:{default:{top:"12px",right:"24px",bottom:"12px",left:"24px",linked:!1}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",conditionDisplay:"readMoreType === 'text'"},{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"},conditionDisplay:"readMoreType != 'text'"}]},{label:{en:"Shape"},conditionDisplay:"readMoreType != 'text'",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"},conditionDisplay:"readMoreType != 'text'"},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true && readMoreType != 'text'"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},conditionDisplay:"readMoreType !== 'text'",options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"Read more"}},{condition:"enableTextStyle === true",source:["enableTextStyle","label","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:"enableTextStyle === false",source:["enableTextStyle","shouldClearSpace"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!0}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typoBtn"},conditionDisplay:"readMoreType !== 'text' && enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}},layout:"vertical"}]},{label:{en:"Text"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Content"},getValueFromSettingID:"label",iconName:"gp-prefix",type:"combo",conditionDisplay:"readMoreType === 'text'",defaultValueWhenClear:"",compoDefaultValue:"Read more",controls:[{label:{en:"Content"},type:"control",setting:{id:"label"},layout:"vertical",defaultValueWhenClear:""}]},{id:"typo",label:{en:"Basic"},setting:{id:"typoText"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColorTextState",state:"normal"},{field:"attrs.textAlign",settingId:"alignText"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"alignText",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"textColorTextState",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:"readMoreType !== 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{label:{en:"Effect"},conditionDisplay:"readMoreType == 'text'",controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffectText"},popoverLabel:{en:"Hover"},controls:[{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"}}]}];export{SettingUIV2};
|
|
@@ -143,4 +143,4 @@ let SettingsV2=[{id:"setting",controls:[{id:"layout",type:"layout-banner",device
|
|
|
143
143
|
d="M4.39584 15.625C3.36031 15.625 2.52084 14.7855 2.52084 13.75V12.5C2.52084 11.4645 3.36031 10.625 4.39584 10.625H14.3958C15.4314 10.625 16.2708 11.4645 16.2708 12.5V13.75C16.2708 14.7855 15.4314 15.625 14.3958 15.625H4.39584ZM3.77084 13.75C3.77084 14.0952 4.05066 14.375 4.39584 14.375H14.3958C14.741 14.375 15.0208 14.0952 15.0208 13.75V12.5C15.0208 12.1548 14.741 11.875 14.3958 11.875H4.39584C4.05066 11.875 3.77084 12.1548 3.77084 12.5V13.75Z"
|
|
144
144
|
fill="currentColor"
|
|
145
145
|
/>
|
|
146
|
-
</svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/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:"Cover",value:"cover"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"},mobile:{default:"auto"}}},{id:"contentBanner",type:"banner",message:"The background image should be taller than the Hero Banner",closable:!0}]},{id:"style",controls:[{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",widthHeightLinked:!1,width:"100%"}},mobile:{default:{shape:"custom",width:"100%"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["fit-content","fit-screen"],name:"Height"},shape:{displayOptions:["original","custom"],name:"Frame",shapeTitleConfig:{original:"As banner source"}}},hiddenSettings:["padding","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,showDeviceControl:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"",videoHtml5:"",videoType:"youtube",loop:!0,lazyLoad:!1}}},compoDefaultValue:{desktop:{default:{type:"image",color:"bg-2",image:{src:"https://
|
|
146
|
+
</svg> `,tooltip:"Align right"}],devices:{desktop:{default:"center"}}},{id:"seo",type:"group",label:"SEO",controls:[{id:"alt",label:"Alt Text",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist design",default:void 0},{id:"title",label:"Image title",info:"Show title when hover to image",type:"textarea",minHeight:56,autoHeight:!0,placeholder:"E.g: White t-shirt",default:void 0}]},{id:"ratioOptions",type:"ratio",min:1,useUnit:!1,useLink:!1,devices:{desktop:{default:{width:"16",height:"9"}}}},{id:"aspectRatio",type:"select",label:"Ratio",options:[{label:"Original",value:"auto"},{label:"Square",value:"1/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:"Cover",value:"cover"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"16/9"},mobile:{default:"auto"}}},{id:"contentBanner",type:"banner",message:"The background image should be taller than the Hero Banner",closable:!0}]},{id:"style",controls:[{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shape:"original",widthHeightLinked:!1,width:"100%"}},mobile:{default:{shape:"custom",width:"100%"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["fit-content","fit-screen"],name:"Height"},shape:{displayOptions:["original","custom"],name:"Frame",shapeTitleConfig:{original:"As banner source"}}},hiddenSettings:["padding","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!0,showDeviceControl:!0,devices:{desktop:{default:{type:"image",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"",videoHtml5:"",videoType:"youtube",loop:!0,lazyLoad:!1}}},compoDefaultValue:{desktop:{default:{type:"image",color:"bg-2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1920,height:900},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://cdn.shopify.com/videos/c/o/v/92a407d4e0c94a288eb54cac18c387dc.mp4",videoType:"youtube",loop:!0,lazyLoad:!1}}}},{id:"hoverEffect",type:"toggle",default:!1},{id:"hoverEffectScale",type:"input:slider",label:"Zoom Value",units:["%"],min:100,max:200,step:5,default:"120%"},{id:"hoverEffectDuration",label:"Zoom Time",type:"input:unit",units:["s"],min:0,default:.5,useOnlyUnitInit:!0},{id:"height",label:"Height",type:"input:unit",units:["px"],placeholder:"Auto",devices:{desktop:{default:void 0}},info:"Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created."},{id:"contentPosition1Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"contentPosition2Col",label:"Content Position",type:"option:value",options:[{label:"Top",value:"top",iconName:"gp-align-top"},{label:"Center",value:"center",iconName:"gp-align-center-vertical"},{label:"Bottom",value:"bottom",iconName:"gp-align-bottom"},{label:"Space between",value:"space-between",iconName:"gp-justify-content-space-between"}],devices:{desktop:{default:"center"}}},{id:"wrapperWidth",type:"input:unit-width",label:"Width",placeholder:"Auto",min:0,units:["px","%"],devices:{desktop:{default:void 0},tablet:{default:void 0},mobile:{default:void 0}}},{id:"contentWidth",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"default"},tablet:{default:"default"},mobile:{default:"default"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},{id:"verticalGutter",type:"input:unit",units:["px"],min:0,label:"Spacing",devices:{desktop:{default:"32px"}}},{id:"overlayEnable",type:"toggle",default:!1},{id:"overlayOpacity",label:"Opacity",type:"input:slider",min:0,max:100,units:["%"],step:1,default:{normal:"20%",hover:"20%"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"20%",hover:"20%"}},{id:"overlayColor",label:"Color",type:"color-picker-v2",state:{normal:!0,hover:!0}},{id:"borderBg",type:"border-v2",label:"Border",compoDefaultValue:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},{id:"cornerBg",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadowBg",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}},{id:"contentPadding",type:"padding-v2",devices:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}},compoDefaultValue:{desktop:{default:{top:"4px",left:"16px",bottom:"4px",right:"16px",linked:!1}},mobile:{default:{top:"16px",left:"16px",bottom:"16px",right:"16px",linked:!1}}}}]}];export{SettingsV2};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{postPurchaseSpacing as e}from"../../../../common/constants.js";let SettingV2=[{id:"setting",controls:[{id:"ratioLayoutLeft",label:"Ratio",type:"
|
|
1
|
+
import{postPurchaseSpacing as e}from"../../../../common/constants.js";let SettingV2=[{id:"setting",controls:[{id:"ratioLayoutLeft",label:"Ratio",type:"column-with-slider",fallbackArrayValue:[2,10],default:[2,10]},{id:"ratioLayoutRight",label:"Ratio",type:"column-with-slider",fallbackArrayValue:[10,2],default:[10,2]},{id:"layoutType",label:"Layout",type:"layout-selector",iconViewBox:"0 0 72 72",enableItemBackground:!0,itemPerRow:3,itemSpacing:"large",enableItemOpacity:!0,options:[{label:"Featured top",value:"bottom-center",type:"p-image-layout",iconName:"gp-product-image-layout-bottom"},{label:"Featured left",value:"left",type:"p-image-layout",iconName:"gp-product-image-layout-left"},{label:"Featured right",value:"right",type:"p-image-layout",iconName:"gp-product-image-layout-right"},{label:"Featured only",value:"only-feature",type:"p-image-layout",iconName:"gp-product-image-layout-featured-only"},{label:"Image list 2 col",value:"two-col",type:"p-image-layout",iconName:"gp-product-image-layout-two-col"},{label:"Image list 1 col",value:"one-col",type:"p-image-layout",iconName:"gp-product-image-layout-one-col",noPadding:"y"}],default:"bottom-center"},{id:"spacingHoz",type:"input:slider",min:0,max:100,step:1,units:["%"],default:"1%",showDefaultUnit:!0},{id:"spacingVertical",label:"Spacing",type:"select",options:e,default:"none"},{id:"displayType",label:"Gallery Type",type:"segment",hide:!0,options:[{label:"Slide",value:"slider"},{label:"All",value:"grid"}],default:"slider"},{id:"ftEnabled",type:"toggle",label:"Feature image",default:!0},{id:"ilEnabled",type:"toggle",label:"Image list",default:!0}]},{id:"style",controls:[{type:"select",label:"Spacing",id:"ftSpacing",options:e,default:"none"},{id:"ftNavigation",label:"Border",type:"segment",options:[{label:"Yes",value:"display"},{label:"No",value:"none"}],default:"none"},{id:"ftAspectRatio",type:"select",default:"1",options:[{label:"Square",value:"1",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"ftWidth",type:"dropdown:input",label:"Width",units:["px","%"],hideUnit:!1,inputType:"number",displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}],devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}}},{id:"ftObjectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"ilAspectRatio",type:"select",default:"1",options:[{label:"Square",value:"1",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"ilObjectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"ilBorder",label:"Active border",type:"segment",default:"display",options:[{label:"Yes",value:"display"},{label:"No",value:"none"}]},{id:"ilNavigation",label:"Navigation",type:"segment",default:"display",options:[{label:"Yes",value:"display"},{label:"No",value:"none"}]},{type:"select",label:"Spacing",id:"ilSpacing",options:e,default:"xtight"},{id:"ilItemPerSlide",type:"input:stepper",min:1,hide:!0,default:5},{id:"ilNumberPerRow",type:"input:stepper",label:"Item per row",hide:!0,default:5},{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"}],default:"left"}]}];export{SettingV2};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{composeTypographyStyle as e,getRadiusStyleActiveState as t,getStyleShadow as o,makeStyle as r,getSingleColorVariable as
|
|
1
|
+
import{composeTypographyStyle as e,getRadiusStyleActiveState as t,getStyleShadow as o,makeStyle as r,getSingleColorVariable as l,composeRadius as p,getGlobalColorStateStyle as a,handleConvertBorderStyle as i,handleConvertBorderWidth as d,handleConvertBorderColor as n}from"@gem-sdk/core";import{filterTruthyObject as h}from"../../../../../helpers.js";let getWrapperStyleActive=p=>{let{preset:a,optionTypography:i,optionTypo:d,typeOfOption:n}=p,c=a?.optionBgColor,b=a?.optionTextColor,g=a?.optionBorder,s=a?.optionHasShadow,m=a?.optionShadow,u=a?.optionRounded,w="color"===n,x="image"===n||"image_shopify"===n,S=e(d,i),v=e=>{let t=c?.active??c?.normal,o=g?.active??g?.normal;return r({bg:e&&l(t),bs:o?.border,bw:o?.width,bc:l(o?.color)})},y=m?.active??m?.normal,C=s?.active??s?.normal,T=b?.active??b?.normal;return h({...v(!w),...t(u),...o({value:y,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:C},!0),...S,...!w&&!x&&r({c:l(T)}),...r({h:a?.height})})},getWrapperStyleNormalAndHover=t=>{let{preset:l,optionTransform:c,optionTypography:b,optionTypo:g,typeOfOption:s}=t,m=l?.optionBgColor,u=l?.optionTextColor,w=l?.optionBorder,x=l?.optionHasShadow,S=l?.optionShadow,v=l?.optionRounded,y="color"===s,C="image"===s||"image_shopify"===s,T=e(g,b),W=["normal","hover"].reduce((e,t)=>({...e,...o({value:S?.[t],state:t,styleAppliedFor:"box-shadow",isEnableShadow:x?.[t]})}),{});return h({...p(v),...W,...!y&&a("bg",m),...!y&&i(w),...!y&&d(w),...!y&&n(w),...!y&&!C&&r({c:c}),...!y&&!C&&a("c",u),...T,...r({h:l?.height})})},getWrapperTextStyle=e=>{let{preset:o,typeOfOption:r,checked:l}=e,a=o?.optionBorder,c=o?.optionRounded,b="color"===r,g=()=>{let e="16px",t={"--pl":"0px","--pr":"0px","--pl-tablet":"0px","--pr-tablet":"0px","--pl-mobile":"0px","--pr-mobile":"0px","--pt":"0px","--pb":"0px"};return o?.width?.desktop?.toLowerCase()!=="auto"&&o?.width?.desktop||(t["--pl"]=e,t["--pr"]=e),o?.width?.tablet?.toLowerCase()!=="auto"&&o?.width?.tablet||(t["--pl-tablet"]=e,t["--pr-tablet"]=e),o?.width?.mobile?.toLowerCase()!=="auto"&&o?.width?.mobile||(t["--pl-mobile"]=e,t["--pr-mobile"]=e),(o?.height?.toLowerCase()==="auto"||o?.height)&&(t["--pt"]="8px",t["--pb"]="8px"),t},s={...c,active:{...c?.active||{},radiusType:"custom"}},m=l?t(s):p(c),u=!l&&b?{...i(a),...d(a),...n(a)}:{};return h({...!b&&g(),...b&&m,...u})},getColorStyle=({optionBorder:e,optionRounded:t,isActive:o,color:r})=>{let l=()=>r?r?.startsWith("linear-gradient")?{backgroundImage:r}:{backgroundColor:r}:{},a=o=>({"--d":"flex","--jc":"center"," --ai":"center","--w":"100%","--h":"100%","--of":"hidden","--bs":o?"none":"solid",...d(e),...n(e),...p(t),...l()});return a(!!o)},getTextStyle=({optionTypo:t,optionTypography:o})=>{let r=e(t,o);return delete r["--c"],h({...r})};export{getColorStyle,getTextStyle,getWrapperStyleActive,getWrapperStyleNormalAndHover,getWrapperTextStyle};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{productSelectDisplaySetting as e,productFeatureImageSetting as t,productFeatureImageStyle as l}from"./ProductFeatureImage.js";import{productGalleryImageSetting as a,productGalleryImageStyle as i}from"./ProductGalleryImage.js";let getDefaultResponsive=e=>({desktop:{default:e}}),ProductImageSettingsV2=[{id:"setting",controls:[{id:"displayByVariant",label:"Option Label",type:"toggle",default:!1},{id:"variantSelect",type:"variant:listing"},{id:"select-display",type:"group",label:"Select images to display",controls:e},{id:"featured-image",type:"group",label:"Featured Image",controls:t},{id:"gallery-images",type:"group",label:"Gallery Images",controls:a},{id:"qualityType",type:"select",label:"Quality",devices:{desktop:{default:"high"}},options:[{title:"Finest",value:"finest"},{title:"High",value:"high"},{title:"Medium",value:"medium"},{title:"Custom",value:"custom",tooltip:"You can choose it for advanced page loading optimization."}]},{id:"preload",type:"toggle",label:"Preload",default:!1},{id:"qualityPercent",type:"input:slider",label:"",units:["%"],min:100,max:400,step:50,useOnlyUnitInit:!0,devices:{desktop:{default:100}}}]},{id:"style",controls:[{id:"position",label:"Layout",type:"layout-selector",iconViewBox:"0 0 50 50",enableItemBackground:!0,itemPerRow:3,itemSpacing:"large",enableItemOpacity:!0,options:[{label:"Featured top",value:"bottom-center",type:"p-image-layout",iconName:"gp-product-image-layout-bottom"},{label:"Featured right",value:"left",type:"p-image-layout",iconName:"gp-product-image-layout-left"},{label:"Featured left",value:"right",type:"p-image-layout",iconName:"gp-product-image-layout-right"},{label:"Image list inside bottom",value:"inside-bottom",type:"p-image-layout",iconName:"gp-product-image-layout-bottom-inside"},{label:"Image list inside left",value:"inside-left",type:"p-image-layout",iconName:"gp-product-image-layout-left-inside"},{label:"Image list inside right",value:"inside-right",type:"p-image-layout",iconName:"gp-product-image-layout-right-inside"},{label:"Featured only",value:"only-feature",type:"p-image-layout",iconName:"gp-product-image-layout-featured-only"},{label:"Image list 1 col",value:"one-col",type:"p-image-layout",iconName:"gp-product-image-layout-one-col",noPadding:"y"},{label:"Image list 2 col",value:"two-col",type:"p-image-layout",iconName:"gp-product-image-layout-two-col"}],devices:{desktop:{default:"bottom-center"},mobile:{default:"bottom-center"}}},{id:"spacing",label:"Spacing Item",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"8px"}}},{id:"ratioLayout",label:"Ratio",type:"
|
|
1
|
+
import{productSelectDisplaySetting as e,productFeatureImageSetting as t,productFeatureImageStyle as l}from"./ProductFeatureImage.js";import{productGalleryImageSetting as a,productGalleryImageStyle as i}from"./ProductGalleryImage.js";let getDefaultResponsive=e=>({desktop:{default:e}}),ProductImageSettingsV2=[{id:"setting",controls:[{id:"displayByVariant",label:"Option Label",type:"toggle",default:!1},{id:"variantSelect",type:"variant:listing"},{id:"select-display",type:"group",label:"Select images to display",controls:e},{id:"featured-image",type:"group",label:"Featured Image",controls:t},{id:"gallery-images",type:"group",label:"Gallery Images",controls:a},{id:"qualityType",type:"select",label:"Quality",devices:{desktop:{default:"high"}},options:[{title:"Finest",value:"finest"},{title:"High",value:"high"},{title:"Medium",value:"medium"},{title:"Custom",value:"custom",tooltip:"You can choose it for advanced page loading optimization."}]},{id:"preload",type:"toggle",label:"Preload",default:!1},{id:"qualityPercent",type:"input:slider",label:"",units:["%"],min:100,max:400,step:50,useOnlyUnitInit:!0,devices:{desktop:{default:100}}}]},{id:"style",controls:[{id:"position",label:"Layout",type:"layout-selector",iconViewBox:"0 0 50 50",enableItemBackground:!0,itemPerRow:3,itemSpacing:"large",enableItemOpacity:!0,options:[{label:"Featured top",value:"bottom-center",type:"p-image-layout",iconName:"gp-product-image-layout-bottom"},{label:"Featured right",value:"left",type:"p-image-layout",iconName:"gp-product-image-layout-left"},{label:"Featured left",value:"right",type:"p-image-layout",iconName:"gp-product-image-layout-right"},{label:"Image list inside bottom",value:"inside-bottom",type:"p-image-layout",iconName:"gp-product-image-layout-bottom-inside"},{label:"Image list inside left",value:"inside-left",type:"p-image-layout",iconName:"gp-product-image-layout-left-inside"},{label:"Image list inside right",value:"inside-right",type:"p-image-layout",iconName:"gp-product-image-layout-right-inside"},{label:"Featured only",value:"only-feature",type:"p-image-layout",iconName:"gp-product-image-layout-featured-only"},{label:"Image list 1 col",value:"one-col",type:"p-image-layout",iconName:"gp-product-image-layout-one-col",noPadding:"y"},{label:"Image list 2 col",value:"two-col",type:"p-image-layout",iconName:"gp-product-image-layout-two-col"}],devices:{desktop:{default:"bottom-center"},mobile:{default:"bottom-center"}}},{id:"spacing",label:"Spacing Item",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"8px"}}},{id:"ratioLayout",label:"Ratio",type:"column-with-slider",fallbackArrayValue:[2,10],devices:{desktop:{default:[2,10]}}},{id:"ratioLayoutRight",label:"Ratio",type:"column-with-slider",fallbackArrayValue:[10,2],devices:{desktop:{default:[10,2]}}},{id:"dimensions",type:"group",label:"Featured Image",controls:l},{id:"galleryStyles",type:"group",label:"Gallery",controls:i},{id:"align",label:"Alignment",type:"segment",options:[{label:"Start",value:"flex-start",type:"align-flex",tooltip:"Align left"},{label:"Center",value:"center",type:"align-flex",tooltip:"Align center"},{label:"End",value:"flex-end",type:"align-flex",tooltip:"Align right"}],devices:getDefaultResponsive("flex-start")}]}];export{ProductImageSettingsV2};
|
|
@@ -14,11 +14,11 @@ let ProductVariantPreset=[{id:"product-swatches",name:{en:"Product Swatches"},ic
|
|
|
14
14
|
</clipPath>
|
|
15
15
|
</defs>
|
|
16
16
|
</svg>
|
|
17
|
-
`},components:[{tag:"ProductVariants",settings:{showAsSwatches:!0},styles:{optionBgColor:{normal:"#FFFFFF"},optionTextColor:{normal:"text-2"},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}
|
|
17
|
+
`},components:[{tag:"ProductVariants",settings:{showAsSwatches:!0},styles:{optionBgColor:{normal:"#FFFFFF"},optionTextColor:{normal:"text-2"},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-variant",name:{en:"Product Variants"},icon:{desktop:`
|
|
18
18
|
<svg width="96" height="40" viewBox="0 0 96 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
19
19
|
<path d="M4.94585 5.54545C4.90323 5.18561 4.73041 4.90625 4.42738 4.70739C4.12435 4.50852 3.75266 4.40909 3.31232 4.40909C2.99035 4.40909 2.70863 4.46117 2.46715 4.56534C2.22804 4.66951 2.04102 4.81274 1.90607 4.99503C1.7735 5.17732 1.70721 5.38447 1.70721 5.61648C1.70721 5.81061 1.75337 5.97751 1.8457 6.11719C1.9404 6.2545 2.06114 6.36932 2.20792 6.46165C2.3547 6.55161 2.50858 6.62618 2.66957 6.68537C2.83055 6.74219 2.97852 6.78835 3.11346 6.82386L3.8521 7.02273C4.04149 7.07244 4.25219 7.1411 4.4842 7.22869C4.71857 7.31629 4.94229 7.43584 5.15536 7.58736C5.3708 7.73651 5.54835 7.92827 5.68803 8.16264C5.82771 8.39702 5.89755 8.68466 5.89755 9.02557C5.89755 9.41856 5.79457 9.77367 5.5886 10.0909C5.385 10.4081 5.08671 10.6603 4.69371 10.8473C4.30309 11.0343 3.82842 11.1278 3.26971 11.1278C2.74888 11.1278 2.29788 11.0438 1.91673 10.8757C1.53794 10.7076 1.23964 10.4732 1.02184 10.1726C0.806404 9.87192 0.684482 9.52273 0.656072 9.125H1.56516C1.58884 9.39962 1.68117 9.62689 1.84215 9.80682C2.0055 9.98437 2.21147 10.117 2.46005 10.2045C2.711 10.2898 2.98088 10.3324 3.26971 10.3324C3.60588 10.3324 3.90773 10.2779 4.17525 10.169C4.44277 10.0578 4.65465 9.90388 4.8109 9.70739C4.96715 9.50852 5.04528 9.27652 5.04528 9.01136C5.04528 8.76989 4.97781 8.57339 4.84286 8.42188C4.70792 8.27036 4.53036 8.14725 4.31019 8.05256C4.09002 7.95786 3.8521 7.875 3.59641 7.80398L2.70153 7.5483C2.13335 7.38494 1.68353 7.15175 1.3521 6.84872C1.02066 6.54569 0.854936 6.14915 0.854936 5.65909C0.854936 5.25189 0.965021 4.89678 1.18519 4.59375C1.40773 4.28835 1.70603 4.05161 2.08008 3.88352C2.4565 3.71307 2.87672 3.62784 3.34073 3.62784C3.80948 3.62784 4.22615 3.71188 4.59073 3.87997C4.95532 4.04569 5.24414 4.27296 5.45721 4.56179C5.67264 4.85062 5.78628 5.1785 5.79812 5.54545H4.94585ZM7.23189 11V5.54545H8.06996V11H7.23189ZM7.65803 4.63636C7.49467 4.63636 7.35381 4.58073 7.23544 4.46946C7.11944 4.35819 7.06143 4.22443 7.06143 4.06818C7.06143 3.91193 7.11944 3.77817 7.23544 3.6669C7.35381 3.55563 7.49467 3.5 7.65803 3.5C7.82138 3.5 7.96106 3.55563 8.07706 3.6669C8.19543 3.77817 8.25462 3.91193 8.25462 4.06818C8.25462 4.22443 8.19543 4.35819 8.07706 4.46946C7.96106 4.58073 7.82138 4.63636 7.65803 4.63636ZM9.44869 11V10.3608L12.5453 6.38352V6.3267H9.54812V5.54545H13.6248V6.21307L10.6135 10.1619V10.2188H13.7243V11H9.44869ZM17.1458 11.1136C16.6202 11.1136 16.1668 10.9976 15.7857 10.7656C15.4069 10.5312 15.1145 10.2045 14.9086 9.78551C14.705 9.36411 14.6032 8.87405 14.6032 8.31534C14.6032 7.75663 14.705 7.2642 14.9086 6.83807C15.1145 6.40956 15.401 6.07576 15.7679 5.83665C16.1373 5.59517 16.5681 5.47443 17.0605 5.47443C17.3446 5.47443 17.6252 5.52178 17.9022 5.61648C18.1792 5.71117 18.4313 5.86506 18.6586 6.07812C18.8858 6.28883 19.0669 6.56818 19.2019 6.91619C19.3368 7.2642 19.4043 7.69271 19.4043 8.2017V8.55682H15.1998V7.83239H18.552C18.552 7.52462 18.4905 7.25 18.3674 7.00852C18.2466 6.76705 18.0738 6.57647 17.8489 6.43679C17.6264 6.29711 17.3636 6.22727 17.0605 6.22727C16.7267 6.22727 16.4379 6.31013 16.1941 6.47585C15.9526 6.6392 15.7667 6.85227 15.6365 7.11506C15.5063 7.37784 15.4412 7.65956 15.4412 7.96023V8.44318C15.4412 8.85511 15.5123 9.20431 15.6543 9.49077C15.7987 9.77486 15.9988 9.99148 16.2544 10.1406C16.5101 10.2874 16.8072 10.3608 17.1458 10.3608C17.3659 10.3608 17.5648 10.33 17.7424 10.2685C17.9223 10.2045 18.0774 10.1098 18.2076 9.98438C18.3378 9.85653 18.4384 9.69792 18.5094 9.50852L19.3191 9.7358C19.2338 10.0104 19.0906 10.2519 18.8894 10.4602C18.6882 10.6662 18.4396 10.8272 18.1436 10.9432C17.8477 11.0568 17.5151 11.1136 17.1458 11.1136Z" fill="#D6D6D6"/>
|
|
20
20
|
<path d="M13.1695 28.0455C13.1269 27.6856 12.954 27.4062 12.651 27.2074C12.348 27.0085 11.9763 26.9091 11.536 26.9091C11.214 26.9091 10.9323 26.9612 10.6908 27.0653C10.4517 27.1695 10.2646 27.3127 10.1297 27.495C9.99713 27.6773 9.93084 27.8845 9.93084 28.1165C9.93084 28.3106 9.97701 28.4775 10.0693 28.6172C10.164 28.7545 10.2848 28.8693 10.4316 28.9616C10.5783 29.0516 10.7322 29.1262 10.8932 29.1854C11.0542 29.2422 11.2021 29.2884 11.3371 29.3239L12.0757 29.5227C12.2651 29.5724 12.4758 29.6411 12.7078 29.7287C12.9422 29.8163 13.1659 29.9358 13.379 30.0874C13.5944 30.2365 13.772 30.4283 13.9117 30.6626C14.0513 30.897 14.1212 31.1847 14.1212 31.5256C14.1212 31.9186 14.0182 32.2737 13.8122 32.5909C13.6086 32.9081 13.3103 33.1603 12.9173 33.3473C12.5267 33.5343 12.0521 33.6278 11.4933 33.6278C10.9725 33.6278 10.5215 33.5438 10.1404 33.3757C9.76157 33.2076 9.46328 32.9732 9.24547 32.6726C9.03004 32.3719 8.90811 32.0227 8.87971 31.625H9.7888C9.81247 31.8996 9.9048 32.1269 10.0658 32.3068C10.2291 32.4844 10.4351 32.617 10.6837 32.7045C10.9346 32.7898 11.2045 32.8324 11.4933 32.8324C11.8295 32.8324 12.1314 32.7779 12.3989 32.669C12.6664 32.5578 12.8783 32.4039 13.0345 32.2074C13.1908 32.0085 13.2689 31.7765 13.2689 31.5114C13.2689 31.2699 13.2014 31.0734 13.0665 30.9219C12.9316 30.7704 12.754 30.6473 12.5338 30.5526C12.3137 30.4579 12.0757 30.375 11.82 30.304L10.9252 30.0483C10.357 29.8849 9.90717 29.6518 9.57573 29.3487C9.24429 29.0457 9.07857 28.6491 9.07857 28.1591C9.07857 27.7519 9.18865 27.3968 9.40882 27.0938C9.63136 26.7884 9.92966 26.5516 10.3037 26.3835C10.6801 26.2131 11.1003 26.1278 11.5644 26.1278C12.0331 26.1278 12.4498 26.2119 12.8144 26.38C13.1789 26.5457 13.4678 26.773 13.6808 27.0618C13.8963 27.3506 14.0099 27.6785 14.0218 28.0455H13.1695Z" fill="#AAABAC"/>
|
|
21
21
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M86.1928 30.9268C86.0863 31.0244 85.9137 31.0244 85.8072 30.9268L83.0799 28.4268C82.9734 28.3291 82.9734 28.1709 83.0799 28.0732C83.1864 27.9756 83.3591 27.9756 83.4656 28.0732L86 30.3964L88.5344 28.0732C88.6409 27.9756 88.8136 27.9756 88.9201 28.0732C89.0266 28.1709 89.0266 28.3291 88.9201 28.4268L86.1928 30.9268Z" fill="#AAABAC"/>
|
|
22
22
|
<rect x="0.5" y="19.5" width="95" height="20" rx="2.5" stroke="#5B5B5B"/>
|
|
23
23
|
</svg>
|
|
24
|
-
`},components:[{tag:"ProductVariants",settings:{variantPresets:[{optionName:"base",optionType:"dropdown",presets:{dropdown:{optionBgColor:{normal:"bg-1"
|
|
24
|
+
`},components:[{tag:"ProductVariants",settings:{variantPresets:[{optionName:"base",optionType:"dropdown",presets:{dropdown:{optionBgColor:{normal:"bg-1"},optionTextColor:{normal:"text-2",hover:"text-3",active:"text-3"},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"8px"},rectangle_list:{width:{desktop:""},height:"45px",spacing:"8px",optionBgColor:{normal:"bg-1"},optionTextColor:{normal:"text-2",hover:"text-3",active:"text-3"}},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"8px",optionBgColor:{normal:"bg-3"}},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"8px",optionBgColor:{normal:"bg-3"}}}}]},styles:{optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]}];export{ProductVariantPreset};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{rectangleListPresetConfig as e}from"../swatches-style-config/rectangle-list.js";import{colorPresetConfig as t}from"../swatches-style-config/color.js";import{imagePresetConfig as l}from"../swatches-style-config/image.js";import{imageShopifyPresetConfig as a}from"../swatches-style-config/image-shopify.js";import{dropdownPresetConfig as i}from"../swatches-style-config/dropdown.js";let ProductVariantSettings=[{id:"setting",controls:[{id:"variantsOption",type:"group",label:"Variants Options",controls:[{id:"optionType",label:"Option Label",type:"select",default:"singleOption",options:[{label:"Separated",value:"singleOption"},{label:"Combine",value:"groupOption"}]},{id:"label",label:"Option Label",type:"toggle",default:!0},{id:"optionAlign",label:"Alignment",type:"segment",devices:{desktop:{default:"left"}},options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}]},{id:"price",label:"Option Price",type:"option:value",hide:!0,default:!0,options:[{value:!0,label:"Yes"},{value:!1,label:"No"}]},{id:"showAsSwatches",label:"Use Option Swatches",type:"swatchesLink",hide:!0,default:!0,hyperlinkInfo:{beforeText:"Go to ",hyperlinkText:"Manage Swatches",afterText:" to configure options display as swatches",modal:"manage_swatches"}},{id:"combineFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"combineWidth",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"combineHeight",type:"input:unit",label:"Height",placeholder:"Auto",min:0,units:["px"],default:"45px"},{id:"variantPresets",label:"Use Option Swatches",type:"variant:presets",default:[{optionName:"base",optionType:"rectangle_list",presets:{...t,...e,...l,...a,...i}}],hyperlinkInfo:{modal:"manage_swatches"}},{id:"soldOutStyle",type:"select",default:"line",options:[{label:"None",value:"none"},{label:"Unclickable",value:"disable"},{label:"Cross-out",value:"line",icon:"gp-cross-out-one-line"}]}]},{id:"options",type:"group",label:"Options",controls:[{id:"layout",label:"Layout",type:"option:illustration",iconViewBox:"0 0 66 45",enableItemBackground:!0,devices:{desktop:{default:"vertical"}},options:[{label:"Vertical",value:"vertical",type:"arrange",svgName:"gp-arrange-vertical"},{label:"Horizontal",value:"horizontal",type:"arrange",svgName:"gp-arrange-horizontal"}]},{id:"column",label:"Column",type:"select",devices:{desktop:{default:1}},options:[{label:"1 column",value:1},{label:"2 columns",value:2},{label:"3 columns",value:3},{label:"4 columns",value:4}]}]},{id:"variantDisplay",type:"group",label:"Variant Display",controls:[{id:"hasPreSelected",type:"toggle",label:"hasPreSelected",default:!0},{id:"selectVariantDefault",type:"select-variant",label:"Select Default Variant",hide:!0}]},{id:"blankText",label:"Blank Option Text",type:"input",hide:!0,default:"Please select an option"},{id:"hasOnlyDefaultVariant",label:"Blank Option Text",type:"variant:default",hide:!0,default:!1}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Variants Dimension",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"optionSpacing",label:"Option Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"30px"},{id:"labelGap",label:"Gap",type:"input:slider",units:["px"],ignoreMax:!0,max:40,default:"8px"}]},{id:"swatchDimension",type:"group",label:"Swatch Dimension",controls:[{id:"swatchAutoWidth",label:"Auto Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"swatchWidth",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"80px"}}},{id:"swatchHeight",type:"input:unit",label:"Height",placeholder:"Auto Height",min:0,units:["px"],devices:{desktop:{default:"45px"}}},{id:"swatchSpacing",label:"Swatch Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"var(--g-s-m)"},{id:"marginBottom",label:"Margin Bottom",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"16px"}}}]},{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:"labelGroup",type:"group",label:"Label",controls:[{id:"labelTypo",type:"typography-combo",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-2",bold:!0},custom:{fontFamily:"Assistant",letterSpacing:"0px"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"labelColor",type:"color-picker-v2",label:"Text Color",default:"text-2"}]},{id:"labelGroup",type:"group",label:"Option Value",controls:[{id:"optionTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2"},hiddenSetting:{},ignoreReRender:!0}]},{id:"behavior-state",type:"behavior-state",label:"Option Value",controls:[{id:"optionBgColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF"},compoDefaultValue:{normal:"#FFFFFF",hover:"highlight",active:"highlight"},state:{active:!0,hover:!0,normal:!0}},{id:"optionTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},compoDefaultValue:{normal:"text-2",active:"text-3",hover:"text-3"},state:{active:!0,hover:!0,normal:!0}},{id:"optionBorder",type:"border",label:"Border",default:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},compoDefaultValue:{normal:{borderType:"style-2",border:"solid",color:"line-2"}}
|
|
1
|
+
import{rectangleListPresetConfig as e}from"../swatches-style-config/rectangle-list.js";import{colorPresetConfig as t}from"../swatches-style-config/color.js";import{imagePresetConfig as l}from"../swatches-style-config/image.js";import{imageShopifyPresetConfig as a}from"../swatches-style-config/image-shopify.js";import{dropdownPresetConfig as i}from"../swatches-style-config/dropdown.js";let ProductVariantSettings=[{id:"setting",controls:[{id:"variantsOption",type:"group",label:"Variants Options",controls:[{id:"optionType",label:"Option Label",type:"select",default:"singleOption",options:[{label:"Separated",value:"singleOption"},{label:"Combine",value:"groupOption"}]},{id:"label",label:"Option Label",type:"toggle",default:!0},{id:"optionAlign",label:"Alignment",type:"segment",devices:{desktop:{default:"left"}},options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}]},{id:"price",label:"Option Price",type:"option:value",hide:!0,default:!0,options:[{value:!0,label:"Yes"},{value:!1,label:"No"}]},{id:"showAsSwatches",label:"Use Option Swatches",type:"swatchesLink",hide:!0,default:!0,hyperlinkInfo:{beforeText:"Go to ",hyperlinkText:"Manage Swatches",afterText:" to configure options display as swatches",modal:"manage_swatches"}},{id:"combineFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"combineWidth",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"combineHeight",type:"input:unit",label:"Height",placeholder:"Auto",min:0,units:["px"],default:"45px"},{id:"variantPresets",label:"Use Option Swatches",type:"variant:presets",default:[{optionName:"base",optionType:"rectangle_list",presets:{...t,...e,...l,...a,...i}}],hyperlinkInfo:{modal:"manage_swatches"}},{id:"soldOutStyle",type:"select",default:"line",options:[{label:"None",value:"none"},{label:"Unclickable",value:"disable"},{label:"Cross-out",value:"line",icon:"gp-cross-out-one-line"}]}]},{id:"options",type:"group",label:"Options",controls:[{id:"layout",label:"Layout",type:"option:illustration",iconViewBox:"0 0 66 45",enableItemBackground:!0,devices:{desktop:{default:"vertical"}},options:[{label:"Vertical",value:"vertical",type:"arrange",svgName:"gp-arrange-vertical"},{label:"Horizontal",value:"horizontal",type:"arrange",svgName:"gp-arrange-horizontal"}]},{id:"column",label:"Column",type:"select",devices:{desktop:{default:1}},options:[{label:"1 column",value:1},{label:"2 columns",value:2},{label:"3 columns",value:3},{label:"4 columns",value:4}]}]},{id:"variantDisplay",type:"group",label:"Variant Display",controls:[{id:"hasPreSelected",type:"toggle",label:"hasPreSelected",default:!0},{id:"selectVariantDefault",type:"select-variant",label:"Select Default Variant",hide:!0}]},{id:"blankText",label:"Blank Option Text",type:"input",hide:!0,default:"Please select an option"},{id:"hasOnlyDefaultVariant",label:"Blank Option Text",type:"variant:default",hide:!0,default:!1}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Variants Dimension",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"optionSpacing",label:"Option Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"30px"},{id:"labelGap",label:"Gap",type:"input:slider",units:["px"],ignoreMax:!0,max:40,default:"8px"}]},{id:"swatchDimension",type:"group",label:"Swatch Dimension",controls:[{id:"swatchAutoWidth",label:"Auto Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"swatchWidth",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"80px"}}},{id:"swatchHeight",type:"input:unit",label:"Height",placeholder:"Auto Height",min:0,units:["px"],devices:{desktop:{default:"45px"}}},{id:"swatchSpacing",label:"Swatch Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"var(--g-s-m)"},{id:"marginBottom",label:"Margin Bottom",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"16px"}}}]},{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:"labelGroup",type:"group",label:"Label",controls:[{id:"labelTypo",type:"typography-combo",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-2",bold:!0},custom:{fontFamily:"Assistant",letterSpacing:"0px"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"labelColor",type:"color-picker-v2",label:"Text Color",default:"text-2"}]},{id:"labelGroup",type:"group",label:"Option Value",controls:[{id:"optionTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2"},hiddenSetting:{},ignoreReRender:!0}]},{id:"behavior-state",type:"behavior-state",label:"Option Value",controls:[{id:"optionBgColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF"},compoDefaultValue:{normal:"#FFFFFF",hover:"highlight",active:"highlight"},state:{active:!0,hover:!0,normal:!0}},{id:"optionTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},compoDefaultValue:{normal:"text-2",active:"text-3",hover:"text-3"},state:{active:!0,hover:!0,normal:!0}},{id:"optionBorder",type:"border",label:"Border",default:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},compoDefaultValue:{normal:{borderType:"style-2",border:"solid",color:"line-2"}}},{id:"optionRounded",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},{id:"optionShadow",type:"shadow-v2",label:"Shadow",default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45,enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",enable:!0,distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45}}}]},{id:"dropdownItemWidth",type:"segment",label:"Dropdown Width",devices:{desktop:{default:"fill"},mobile:{default:"fill"},tablet:{default:"fill"}},options:[{label:"Fill",value:"fill"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"},mobile:{default:"240px"},tablet:{default:"240px"}}},{id:"swatchItemWidth",type:"segment",label:"Swatch Width",devices:{desktop:{default:"auto"}},options:[{label:"Fill",value:"auto"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"}}}]}];export{ProductVariantSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let colorPresetConfig={color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"8px",optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"custom"}
|
|
1
|
+
let colorPresetConfig={color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"8px",optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"custom"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}}};export{colorPresetConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let dropdownPresetConfig={dropdown:{width:{desktop:"100%",tablet:"100%",mobile:"100%"},height:"45px",optionTextColor:{normal:"text-2",hover:"text-3",active:"text-3"},optionBgColor:{normal:"#FFFFFF",hover:"#FFFFFF",active:"#FFFFFF"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{radiusType:"none"}
|
|
1
|
+
let dropdownPresetConfig={dropdown:{width:{desktop:"100%",tablet:"100%",mobile:"100%"},height:"45px",optionTextColor:{normal:"text-2",hover:"text-3",active:"text-3"},optionBgColor:{normal:"#FFFFFF",hover:"#FFFFFF",active:"#FFFFFF"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}}};export{dropdownPresetConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let imageShopifyPresetConfig={image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"8px",optionBgColor:{normal:"#FFFFFF",hover:"#FFFFFF",active:"#121212"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{radiusType:"none"}
|
|
1
|
+
let imageShopifyPresetConfig={image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"8px",optionBgColor:{normal:"#FFFFFF",hover:"#FFFFFF",active:"#121212"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}}};export{imageShopifyPresetConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let imagePresetConfig={image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"8px",optionBgColor:{normal:"#FFFFFF"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{radiusType:"none"}
|
|
1
|
+
let imagePresetConfig={image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"8px",optionBgColor:{normal:"#FFFFFF"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:45,enable:!1}}}};export{imagePresetConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let rectangleListPresetConfig={rectangle_list:{width:{desktop:""},height:"45px",spacing:"8px",optionTextColor:{normal:"#121212",hover:"#121212",active:"#FFFFFF"},optionBgColor:{normal:"#FFFFFF",hover:"#FFFFFF",active:"#121212"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}
|
|
1
|
+
let rectangleListPresetConfig={rectangle_list:{width:{desktop:""},height:"45px",spacing:"8px",optionTextColor:{normal:"#121212",hover:"#121212",active:"#FFFFFF"},optionBgColor:{normal:"#FFFFFF",hover:"#FFFFFF",active:"#121212"},optionBorder:{normal:{border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:45,enable:!1}}}};export{rectangleListPresetConfig};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -405,6 +405,7 @@ type ArticleReadMoreStyleProps = TextStyleProps & ButtonStyleProps & {
|
|
|
405
405
|
typoBtn?: TypographySettingV2;
|
|
406
406
|
typoText?: TypographySettingV2;
|
|
407
407
|
enableTextStyle?: boolean;
|
|
408
|
+
enableHoverEffectText?: boolean;
|
|
408
409
|
globalSizeBtn?: ObjectDevices<SizeSettingGlobal>;
|
|
409
410
|
globalSizeText?: ObjectDevices<SizeSettingGlobal>;
|
|
410
411
|
alignBtn?: ObjectDevices<AlignProp>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "2.0.0-staging.
|
|
3
|
+
"version": "2.0.0-staging.966",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@gem-sdk/core": "2.0.0-staging.
|
|
28
|
+
"@gem-sdk/core": "2.0.0-staging.966",
|
|
29
29
|
"@gem-sdk/styles": "2.0.0-staging.886",
|
|
30
30
|
"@gem-sdk/system": "2.0.0-staging.711",
|
|
31
31
|
"tsup": "^8.5.0",
|