@gem-sdk/components 12.0.0-dev.28 → 12.0.0-dev.30

package/dist/esm/article/settings/ArticleTitle.js

@@ -1,6 +1,6 @@
-import{ArticleTitleSettings as C}from"./configs/article-title/settings.js";import{ArticleTitlePresets as t}from"./configs/article-title/presets.js";import{SettingUIV1 as i}from"./configs/article-title/ui-v1.js";import{SettingUIV2 as e}from"./configs/article-title/ui-v2.js";let config={tag:"ArticleTitle",label:"Article Title",icon:`
+import{ArticleTitleSettings as C}from"./configs/article-title/settings.js";import{ArticleTitlePresets as t}from"./configs/article-title/presets.js";import{SettingUIV2 as i}from"./configs/article-title/ui-v2.js";let config={tag:"ArticleTitle",label:"Article Title",icon:`
   <svg width="84" height="13" viewBox="0 0 84 13" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.29261 12.5H0.428977L4.61648 0.863636H6.64489L10.8324 12.5H8.96875L5.67898 2.97727H5.58807L2.29261 12.5ZM2.60511 7.94318H8.65057V9.42045H2.60511V7.94318ZM12.3764 12.5V3.77273H14.0185V5.15909H14.1094C14.2685 4.68939 14.5488 4.32008 14.9503 4.05114C15.3556 3.77841 15.8139 3.64205 16.3253 3.64205C16.4313 3.64205 16.5563 3.64583 16.7003 3.65341C16.848 3.66098 16.9635 3.67045 17.0469 3.68182V5.30682C16.9787 5.28788 16.8575 5.26705 16.6832 5.24432C16.509 5.2178 16.3348 5.20455 16.1605 5.20455C15.759 5.20455 15.401 5.28977 15.0866 5.46023C14.776 5.62689 14.5298 5.85985 14.348 6.15909C14.1662 6.45455 14.0753 6.79167 14.0753 7.17045V12.5H12.3764ZM23.1065 3.77273V5.13636H18.3395V3.77273H23.1065ZM19.6179 1.68182H21.3168V9.9375C21.3168 10.267 21.366 10.5152 21.4645 10.6818C21.563 10.8447 21.6899 10.9564 21.8452 11.017C22.0043 11.0739 22.1766 11.1023 22.3622 11.1023C22.4986 11.1023 22.6179 11.0928 22.7202 11.0739C22.8224 11.0549 22.902 11.0398 22.9588 11.0284L23.2656 12.4318C23.1671 12.4697 23.027 12.5076 22.8452 12.5455C22.6634 12.5871 22.4361 12.6098 22.1634 12.6136C21.7164 12.6212 21.2997 12.5417 20.9134 12.375C20.527 12.2083 20.2145 11.9508 19.9759 11.6023C19.7372 11.2538 19.6179 10.8163 19.6179 10.2898V1.68182ZM24.9858 12.5V3.77273H26.6847V12.5H24.9858ZM25.8438 2.42614C25.5483 2.42614 25.2945 2.32765 25.0824 2.13068C24.8741 1.92992 24.7699 1.69129 24.7699 1.41477C24.7699 1.13447 24.8741 0.895833 25.0824 0.698863C25.2945 0.498106 25.5483 0.397727 25.8438 0.397727C26.1392 0.397727 26.3911 0.498106 26.5994 0.698863C26.8116 0.895833 26.9176 1.13447 26.9176 1.41477C26.9176 1.69129 26.8116 1.92992 26.5994 2.13068C26.3911 2.32765 26.1392 2.42614 25.8438 2.42614ZM32.6463 12.6761C31.8016 12.6761 31.0743 12.4848 30.4645 12.1023C29.8584 11.7159 29.3925 11.1837 29.0668 10.5057C28.741 9.82765 28.5781 9.05114 28.5781 8.17614C28.5781 7.28977 28.7448 6.50758 29.0781 5.82955C29.4115 5.14773 29.8812 4.61553 30.4872 4.23295C31.0933 3.85038 31.8073 3.65909 32.6293 3.65909C33.2921 3.65909 33.883 3.7822 34.402 4.02841C34.9209 4.27083 35.3395 4.61174 35.6577 5.05114C35.9796 5.49053 36.1709 6.00379 36.2315 6.59091H34.5781C34.4872 6.18182 34.2789 5.82955 33.9531 5.53409C33.6312 5.23864 33.1993 5.09091 32.6577 5.09091C32.1842 5.09091 31.7694 5.21591 31.4134 5.46591C31.0611 5.71212 30.7865 6.06439 30.5895 6.52273C30.3925 6.97727 30.294 7.51515 30.294 8.13636C30.294 8.77273 30.3906 9.32197 30.5838 9.78409C30.777 10.2462 31.0497 10.6042 31.402 10.858C31.758 11.1117 32.1766 11.2386 32.6577 11.2386C32.9796 11.2386 33.2713 11.1799 33.5327 11.0625C33.7978 10.9413 34.0194 10.7689 34.1974 10.5455C34.3793 10.322 34.5062 10.053 34.5781 9.73864H36.2315C36.1709 10.303 35.9872 10.8068 35.6804 11.25C35.3736 11.6932 34.9626 12.0417 34.4474 12.2955C33.9361 12.5492 33.3357 12.6761 32.6463 12.6761ZM39.7472 0.863636V12.5H38.0483V0.863636H39.7472ZM45.794 12.6761C44.9342 12.6761 44.1937 12.4924 43.5724 12.125C42.955 11.7538 42.4777 11.233 42.1406 10.5625C41.8073 9.88826 41.6406 9.09848 41.6406 8.19318C41.6406 7.29924 41.8073 6.51136 42.1406 5.82955C42.4777 5.14773 42.9474 4.61553 43.5497 4.23295C44.1558 3.85038 44.8641 3.65909 45.6747 3.65909C46.1671 3.65909 46.6444 3.74053 47.1065 3.90341C47.5687 4.06629 47.9834 4.32197 48.3509 4.67045C48.7183 5.01894 49.008 5.47159 49.2202 6.02841C49.4323 6.58144 49.5384 7.25379 49.5384 8.04545V8.64773H42.6009V7.375H47.8736C47.8736 6.92803 47.7827 6.5322 47.6009 6.1875C47.419 5.83902 47.1634 5.56439 46.8338 5.36364C46.508 5.16288 46.1255 5.0625 45.6861 5.0625C45.2088 5.0625 44.7921 5.17992 44.4361 5.41477C44.0838 5.64583 43.8111 5.94886 43.6179 6.32386C43.4285 6.69508 43.3338 7.09848 43.3338 7.53409V8.52841C43.3338 9.11174 43.4361 9.60795 43.6406 10.017C43.849 10.4261 44.1387 10.7386 44.5099 10.9545C44.8812 11.1667 45.3149 11.2727 45.8111 11.2727C46.133 11.2727 46.4266 11.2273 46.6918 11.1364C46.9569 11.0417 47.1861 10.9015 47.3793 10.7159C47.5724 10.5303 47.7202 10.3011 47.8224 10.0284L49.4304 10.3182C49.3016 10.7917 49.0705 11.2064 48.7372 11.5625C48.4077 11.9148 47.9929 12.1894 47.4929 12.3864C46.9967 12.5795 46.4304 12.6761 45.794 12.6761ZM59.7315 3.77273V5.13636H54.9645V3.77273H59.7315ZM56.2429 1.68182H57.9418V9.9375C57.9418 10.267 57.991 10.5152 58.0895 10.6818C58.188 10.8447 58.3149 10.9564 58.4702 11.017C58.6293 11.0739 58.8016 11.1023 58.9872 11.1023C59.1236 11.1023 59.2429 11.0928 59.3452 11.0739C59.4474 11.0549 59.527 11.0398 59.5838 11.0284L59.8906 12.4318C59.7921 12.4697 59.652 12.5076 59.4702 12.5455C59.2884 12.5871 59.0611 12.6098 58.7884 12.6136C58.3414 12.6212 57.9247 12.5417 57.5384 12.375C57.152 12.2083 56.8395 11.9508 56.6009 11.6023C56.3622 11.2538 56.2429 10.8163 56.2429 10.2898V1.68182ZM61.6108 12.5V3.77273H63.3097V12.5H61.6108ZM62.4688 2.42614C62.1733 2.42614 61.9195 2.32765 61.7074 2.13068C61.4991 1.92992 61.3949 1.69129 61.3949 1.41477C61.3949 1.13447 61.4991 0.895833 61.7074 0.698863C61.9195 0.498106 62.1733 0.397727 62.4688 0.397727C62.7642 0.397727 63.0161 0.498106 63.2244 0.698863C63.4366 0.895833 63.5426 1.13447 63.5426 1.41477C63.5426 1.69129 63.4366 1.92992 63.2244 2.13068C63.0161 2.32765 62.7642 2.42614 62.4688 2.42614ZM69.669 3.77273V5.13636H64.902V3.77273H69.669ZM66.1804 1.68182H67.8793V9.9375C67.8793 10.267 67.9285 10.5152 68.027 10.6818C68.1255 10.8447 68.2524 10.9564 68.4077 11.017C68.5668 11.0739 68.7391 11.1023 68.9247 11.1023C69.0611 11.1023 69.1804 11.0928 69.2827 11.0739C69.3849 11.0549 69.4645 11.0398 69.5213 11.0284L69.8281 12.4318C69.7296 12.4697 69.5895 12.5076 69.4077 12.5455C69.2259 12.5871 68.9986 12.6098 68.7259 12.6136C68.2789 12.6212 67.8622 12.5417 67.4759 12.375C67.0895 12.2083 66.777 11.9508 66.5384 11.6023C66.2997 11.2538 66.1804 10.8163 66.1804 10.2898V1.68182ZM73.4347 0.863636V12.5H71.7358V0.863636H73.4347ZM79.4815 12.6761C78.6217 12.6761 77.8812 12.4924 77.2599 12.125C76.6425 11.7538 76.1652 11.233 75.8281 10.5625C75.4948 9.88826 75.3281 9.09848 75.3281 8.19318C75.3281 7.29924 75.4948 6.51136 75.8281 5.82955C76.1652 5.14773 76.6349 4.61553 77.2372 4.23295C77.8433 3.85038 78.5516 3.65909 79.3622 3.65909C79.8546 3.65909 80.3319 3.74053 80.794 3.90341C81.2562 4.06629 81.6709 4.32197 82.0384 4.67045C82.4058 5.01894 82.6955 5.47159 82.9077 6.02841C83.1198 6.58144 83.2259 7.25379 83.2259 8.04545V8.64773H76.2884V7.375H81.5611C81.5611 6.92803 81.4702 6.5322 81.2884 6.1875C81.1065 5.83902 80.8509 5.56439 80.5213 5.36364C80.1955 5.16288 79.813 5.0625 79.3736 5.0625C78.8963 5.0625 78.4796 5.17992 78.1236 5.41477C77.7713 5.64583 77.4986 5.94886 77.3054 6.32386C77.116 6.69508 77.0213 7.09848 77.0213 7.53409V8.52841C77.0213 9.11174 77.1236 9.60795 77.3281 10.017C77.5365 10.4261 77.8262 10.7386 78.1974 10.9545C78.5687 11.1667 79.0024 11.2727 79.4986 11.2727C79.8205 11.2727 80.1141 11.2273 80.3793 11.1364C80.6444 11.0417 80.8736 10.9015 81.0668 10.7159C81.2599 10.5303 81.4077 10.3011 81.5099 10.0284L83.1179 10.3182C82.9891 10.7917 82.758 11.2064 82.4247 11.5625C82.0952 11.9148 81.6804 12.1894 81.1804 12.3864C80.6842 12.5795 80.1179 12.6761 79.4815 12.6761Z" fill="#F9F9F9"/>
 </svg>
 
-  `,settings:C,ui:i,uiV2:e,editorConfigs:{placeholder:{flowTag:["ArticleList"]}},presets:t,locales:{editor:{en:{article_not_found:"Article Not Found"}}}};export{config as default};
+  `,settings:C,ui:[],uiV2:i,editorConfigs:{placeholder:{flowTag:["ArticleList"]}},presets:t,locales:{editor:{en:{article_not_found:"Article Not Found"}}}};export{config as default};

package/dist/esm/article/settings/configs/article-read-more/settings.js

@@ -1,2 +1,2 @@
 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">
-              <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:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{id:"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",attrs:{color:"text-3"},custom:{letterSpacing:{desktop:"0px"},hasShadowText:!1}},compoDefaultValue:{attrs:{color:"text-3"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"dimensions",type:"group",label:"Dimensions",controls:[{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"default"}}}]},{id:"dimensions1",type:"group",label:"Icon Dimension",controls:[{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}},{id:"spacing",label:"Spacing Icon",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,default:"8px"}]},{id:"globalSizeBtn",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"8px",bottom:"8px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"behavior-state-text",type:"behavior-state",controls:[{id:"textColorTextState",type:"color-picker-v2",label:"Text Color",state:{hover:!0,normal:!0},default:{normal:"brand"},compoDefaultValue:{normal:"brand"}}]},{id:"typoText",type:"typography-v2",default:{type:"paragraph-1",custom:{hasShadowText:!1},attrs:{color:"brand"}},compoDefaultValue:{attrs:{color:"brand"}},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};
+              <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:"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:"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:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{id:"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",attrs:{color:"text-3"},custom:{letterSpacing:{desktop:"0px"},hasShadowText:!1}},compoDefaultValue:{attrs:{color:"text-3"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"dimensions",type:"group",label:"Dimensions",controls:[{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"default"}}}]},{id:"dimensions1",type:"group",label:"Icon Dimension",controls:[{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}},{id:"spacing",label:"Spacing Icon",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,default:"8px"}]},{id:"globalSizeBtn",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"8px",bottom:"8px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"behavior-state-text",type:"behavior-state",controls:[{id:"textColorTextState",type:"color-picker-v2",label:"Text Color",state:{hover:!0,normal:!0},default:{normal:"brand"},compoDefaultValue:{normal:"brand"}}]},{id:"typoText",type:"typography-v2",default:{type:"paragraph-1",custom:{hasShadowText:!1},attrs:{color:"brand"}},compoDefaultValue:{attrs:{color:"brand"}},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};

package/dist/esm/article/settings/configs/translate.js

@@ -0,0 +1 @@
+let ArticleReadMore={label:{id:"label"}},ArticlePagination={previousText:{id:"previousText"},nextText:{id:"nextText"}};export{ArticlePagination,ArticleReadMore};

package/dist/esm/breadcrumb/settings/Breadcrumb.js

@@ -1,4 +1,4 @@
-import{BreadcrumbSettings as C}from"./configs/settings.js";import{SettingUIV1 as V}from"./configs/ui-v1.js";import{SettingUIV2 as H}from"./configs/ui-v2.js";let config={tag:"Breadcrumb",label:"Breadcrumb",settings:C,ui:V,uiV2:H,presets:[{id:"breadcrumb",name:{en:"Breadcrumb"},icon:{desktop:`
+import{BreadcrumbSettings as C}from"./configs/settings.js";import{SettingUIV2 as V}from"./configs/ui-v2.js";let config={tag:"Breadcrumb",label:"Breadcrumb",settings:C,ui:[],uiV2:V,presets:[{id:"breadcrumb",name:{en:"Breadcrumb"},icon:{desktop:`
         <svg width="76" height="20" viewBox="0 0 76 20" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M1.05682 14V5.27273H2.11364V9.15909H6.76705V5.27273H7.82386V14H6.76705V10.0966H2.11364V14H1.05682ZM12.4624 14.1364C11.8714 14.1364 11.353 13.9957 10.907 13.7145C10.4638 13.4332 10.1172 13.0398 9.86719 12.5341C9.62003 12.0284 9.49645 11.4375 9.49645 10.7614C9.49645 10.0795 9.62003 9.48437 9.86719 8.97585C10.1172 8.46733 10.4638 8.07244 10.907 7.79119C11.353 7.50994 11.8714 7.36932 12.4624 7.36932C13.0533 7.36932 13.5703 7.50994 14.0135 7.79119C14.4595 8.07244 14.8061 8.46733 15.0533 8.97585C15.3033 9.48437 15.4283 10.0795 15.4283 10.7614C15.4283 11.4375 15.3033 12.0284 15.0533 12.5341C14.8061 13.0398 14.4595 13.4332 14.0135 13.7145C13.5703 13.9957 13.0533 14.1364 12.4624 14.1364ZM12.4624 13.233C12.9112 13.233 13.2805 13.1179 13.5703 12.8878C13.8601 12.6577 14.0746 12.3551 14.2138 11.9801C14.353 11.6051 14.4226 11.1989 14.4226 10.7614C14.4226 10.3239 14.353 9.91619 14.2138 9.53835C14.0746 9.16051 13.8601 8.85511 13.5703 8.62216C13.2805 8.3892 12.9112 8.27273 12.4624 8.27273C12.0135 8.27273 11.6442 8.3892 11.3544 8.62216C11.0646 8.85511 10.8501 9.16051 10.7109 9.53835C10.5717 9.91619 10.5021 10.3239 10.5021 10.7614C10.5021 11.1989 10.5717 11.6051 10.7109 11.9801C10.8501 12.3551 11.0646 12.6577 11.3544 12.8878C11.6442 13.1179 12.0135 13.233 12.4624 13.233ZM16.9634 14V7.45455H17.935V8.47727H18.0202C18.1566 8.12784 18.3768 7.85653 18.6808 7.66335C18.9847 7.46733 19.3498 7.36932 19.7759 7.36932C20.2077 7.36932 20.5671 7.46733 20.854 7.66335C21.1438 7.85653 21.3697 8.12784 21.5316 8.47727H21.5998C21.7674 8.1392 22.0188 7.87074 22.354 7.67188C22.6893 7.47017 23.0913 7.36932 23.56 7.36932C24.1452 7.36932 24.6239 7.55256 24.9961 7.91903C25.3683 8.28267 25.5543 8.84943 25.5543 9.61932V14H24.5487V9.61932C24.5487 9.13636 24.4165 8.79119 24.1523 8.58381C23.8881 8.37642 23.5771 8.27273 23.2191 8.27273C22.7589 8.27273 22.4023 8.41193 22.1495 8.69034C21.8967 8.96591 21.7702 9.31534 21.7702 9.73864V14H20.7475V9.51705C20.7475 9.14489 20.6268 8.84517 20.3853 8.6179C20.1438 8.38778 19.8327 8.27273 19.4521 8.27273C19.1907 8.27273 18.9464 8.34233 18.7191 8.48153C18.4947 8.62074 18.3129 8.81392 18.1737 9.06108C18.0373 9.3054 17.9691 9.58807 17.9691 9.90909V14H16.9634ZM30.1374 14.1364C29.5067 14.1364 28.9627 13.9972 28.5053 13.7188C28.0508 13.4375 27.6999 13.0455 27.4528 12.5426C27.2085 12.0369 27.0863 11.4489 27.0863 10.7784C27.0863 10.108 27.2085 9.51705 27.4528 9.00568C27.6999 8.49148 28.0437 8.09091 28.484 7.80398C28.9272 7.5142 29.4442 7.36932 30.0352 7.36932C30.3761 7.36932 30.7127 7.42614 31.0451 7.53977C31.3775 7.65341 31.68 7.83807 31.9528 8.09375C32.2255 8.34659 32.4428 8.68182 32.6048 9.09943C32.7667 9.51705 32.8477 10.0312 32.8477 10.642V11.0682H27.8022V10.1989H31.8249C31.8249 9.82955 31.7511 9.5 31.6033 9.21023C31.4585 8.92045 31.2511 8.69176 30.9812 8.52415C30.7141 8.35653 30.3988 8.27273 30.0352 8.27273C29.6346 8.27273 29.288 8.37216 28.9954 8.57102C28.7056 8.76705 28.4826 9.02273 28.3263 9.33807C28.1701 9.65341 28.092 9.99148 28.092 10.3523V10.9318C28.092 11.4261 28.1772 11.8452 28.3477 12.1889C28.521 12.5298 28.761 12.7898 29.0678 12.9688C29.3746 13.1449 29.7312 13.233 30.1374 13.233C30.4016 13.233 30.6403 13.196 30.8533 13.1222C31.0692 13.0455 31.2553 12.9318 31.4116 12.7812C31.5678 12.6278 31.6886 12.4375 31.7738 12.2102L32.7454 12.483C32.6431 12.8125 32.4712 13.1023 32.2298 13.3523C31.9883 13.5994 31.69 13.7926 31.3349 13.9318C30.9798 14.0682 30.5806 14.1364 30.1374 14.1364Z" fill="#F9F9F9"/>
         <path d="M42.0057 4.86364L39.1932 15.3125H38.2727L41.0852 4.86364H42.0057Z" fill="#F9F9F9"/>

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

@@ -1,4 +1,4 @@
-import{splitStyle as e,convertHTML as t}from"@gem-sdk/core";import{normalizeMailto as l,isShopifyDomain as a,checkIsScrollToTop as r,checkIsOpenPopup as o,isLinkedToSalesPage as i,getDynamicSourceLocales as n}from"../../helpers.js";import s from"../../link/components/Link.js";import{HREF_TO_SALES_PAGE as c}from"../../constant.js";import{getCustomCssStyles as d}from"./styles.js";let getCleanedStyles=(e,t)=>{if(!t)return e;let l={...e},a=["hover","focus"];return a.forEach(e=>{delete l?.backgroundColorV2?.[e]}),l},handleGetLabelToDisplay=({label:e,styles:l,translate:a,pageContext:r,isUseTranslatedValue:o,builderProps:i,isLiquid:s=!1})=>{let c=o?n({translate:a,val:e,pageContext:r,settingId:a??"label",uid:i?.uidTranslate??i?.uid,isCapitalize:l?.typo?.attrs?.transform==="capitalize"}):e;return s?c?.toString()??"":t(e)},checkIsShowIcon=(e,t)=>!!e&&t,handleCheckIsShowLabel=(e,t)=>!!e||!t,handleCheckIsEditableLabel=({mode:e,options:t,isLiquid:l=!1})=>l?!t?.isCannotEditing:"edit"===e&&!t?.isCannotEditing,checkIsScrollToElement=e=>!!e?.link?.startsWith("#")&&("_self"===e.target||"scroll-to"===e.type),getSplitStyles=t=>e(["pos","top","left","bottom","right","z"],t),getDataState=e=>e?"loading":"idle",getDataId=(e,t,l)=>e??(t||l)??"",handleGetArialLabel=({label:e,isLiquid:t=!1})=>t?e?.toString().replaceAll("'","'").replaceAll('"',"'")??"":e?.toString()??"",getInsertLinkData=({setting:e,htmlType:t,defaultTag:n,enableBtnLink:d,isLiquid:g=!1,pageType:h})=>{let p=["product.url"],u=["#","mailto:","tel:"],I=e?.link??"",S="/"===I,f=e?.link!==void 0&&""!==e.link,k=new RegExp(/^https?:\/\//i),b=f&&k.test(I);f&&I.toLowerCase().startsWith("mailto:")&&I.includes("+")&&(I=l(I));let m=()=>{if(p.find(e=>I.includes(e)))return!0;let t=u.find(e=>I.startsWith(e));return!(!t||r(e)||"STATIC"===h&&o(e))},C=i(e?.type),y=!!d&&(b||a(f,I)||m()||S||C),L=I;g&&(a(f,I)||S)&&(L=e?.isTranslate?"$locationOrigin"+I:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+I);let w=y?g?"a":s:n,D={href:L,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},E=y?D:f?{...D,type:t}:{type:t};return C&&(E={href:c,target:"_self"}),{HTMLTag:w,urlData:E,shouldRenderLink:y}},getData=e=>{let{style:t,dataId:l,pageContext:a,styles:r={},setting:o={},builderProps:i,builderAttrs:n,isUseTranslatedValue:s=!0}=e,{label:c,iconSvg:g,btnLink:h,loading:p,options:u,disabled:I,translate:S,iconVisible:f,shouldClearSpace:k}=o,[b,m]=getSplitStyles(t),C=getCleanedStyles(r,I),y=d({styles:r,uid:i?.uid,builderAttrs:n,enableHoverEffect:o.enableHoverEffect??!0}),L=getDataState(p),w=getDataId(i?.uidInteraction,l,i?.uid),D=e=>{let{isLiquid:t}=e??{};return handleGetArialLabel({label:c,isLiquid:t})},E=e=>{let{isLiquid:t}=e??{};return handleGetLabelToDisplay({label:c,builderProps:i,styles:C,isLiquid:t,...t&&{translate:S},...t&&{pageContext:a},...t&&{isUseTranslatedValue:s}})},T=e=>{let{isLiquid:t}=e??{},l=E({isLiquid:t});return handleCheckIsShowLabel(l,k)},v=e=>{let{isLiquid:t,mode:l}=e??{};return handleCheckIsEditableLabel({options:u,isLiquid:t,...!t&&l&&{mode:l}})},A=checkIsShowIcon(g,f),G=checkIsScrollToElement(h);return{customCss:y,wrapStyle:b,restStyle:m,dataState:L,dataIdAttr:w,isShowIcon:A,isScrollToElement:G,getArialLabel:D,getLabelToDisplay:E,checkIsShowLabel:T,checkIsEditableLabel:v}},LOADING_INDICATOR=`
+import{splitStyle as e,convertHTML as t}from"@gem-sdk/core";import{normalizeMailto as l,isShopifyDomain as a,checkIsScrollToTop as r,checkIsOpenPopup as i,isLinkedToSalesPage as o,getDynamicSourceLocales as n,createSettingId as s}from"../../helpers.js";import c from"../../link/components/Link.js";import{HREF_TO_SALES_PAGE as d}from"../../constant.js";import{getCustomCssStyles as g}from"./styles.js";import{Button as h}from"../settings/configs/translate.js";let getCleanedStyles=(e,t)=>{if(!t)return e;let l={...e},a=["hover","focus"];return a.forEach(e=>{delete l?.backgroundColorV2?.[e]}),l},handleGetLabelToDisplay=({label:e,translateSetting:l,styles:a,pageContext:r,isUseTranslatedValue:i,builderProps:o,isLiquid:c=!1,isForceValue:d})=>{let g=!i||d?e:n({val:e,pageContext:r,settingId:s({id:l??h?.label?.id}),uid:o?.uidTranslate??o?.uid,isCapitalize:a?.typo?.attrs?.transform==="capitalize"});return c?g?.toString()??"":t(e)},checkIsShowIcon=(e,t)=>!!e&&t,handleCheckIsShowLabel=(e,t)=>!!e||!t,handleCheckIsEditableLabel=({mode:e,options:t,isLiquid:l=!1})=>l?!t?.isCannotEditing:"edit"===e&&!t?.isCannotEditing,checkIsScrollToElement=e=>!!e?.link?.startsWith("#")&&("_self"===e.target||"scroll-to"===e.type),getSplitStyles=t=>e(["pos","top","left","bottom","right","z"],t),getDataState=e=>e?"loading":"idle",getDataId=(e,t,l)=>e??(t||l)??"",handleGetArialLabel=({label:e,isLiquid:t=!1})=>t?e?.toString().replaceAll("'","'").replaceAll('"',"'")??"":e?.toString()??"",getInsertLinkData=({setting:e,htmlType:t,defaultTag:n,enableBtnLink:s,isLiquid:g=!1,pageType:h})=>{let p=["product.url"],u=["#","mailto:","tel:"],I=e?.link??"",f="/"===I,S=e?.link!==void 0&&""!==e.link,k=new RegExp(/^https?:\/\//i),m=S&&k.test(I);S&&I.toLowerCase().startsWith("mailto:")&&I.includes("+")&&(I=l(I));let b=()=>{if(p.find(e=>I.includes(e)))return!0;let t=u.find(e=>I.startsWith(e));return!(!t||r(e)||"STATIC"===h&&i(e))},C=o(e?.type),y=!!s&&(m||a(S,I)||b()||f||C),L=I;g&&(a(S,I)||f)&&(L=e?.isTranslate?"$locationOrigin"+I:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+I);let w=y?g?"a":c:n,D={href:L,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},E=y?D:S?{...D,type:t}:{type:t};return C&&(E={href:d,target:"_self"}),{HTMLTag:w,urlData:E,shouldRenderLink:y}},getData=e=>{let{style:t,dataId:l,pageContext:a,styles:r={},setting:i={},builderProps:o,builderAttrs:n,isUseTranslatedValue:s=!0}=e,{label:c,iconSvg:d,btnLink:h,loading:p,options:u,disabled:I,iconVisible:f,shouldClearSpace:S}=i,[k,m]=getSplitStyles(t),b=getCleanedStyles(r,I),C=g({styles:r,uid:o?.uid,builderAttrs:n,enableHoverEffect:i.enableHoverEffect??!0}),y=getDataState(p),L=getDataId(o?.uidInteraction,l,o?.uid),w=e=>{let{isLiquid:t}=e??{};return handleGetArialLabel({label:c,isLiquid:t})},D=e=>{let{isLiquid:t,translateSetting:l,isForceValue:r}=e??{};return handleGetLabelToDisplay({label:c,translateSetting:l,isForceValue:r,builderProps:o,styles:b,isLiquid:t,...t&&{pageContext:a},...t&&{isUseTranslatedValue:s}})},E=e=>{let{isLiquid:t}=e??{},l=D({isLiquid:t});return handleCheckIsShowLabel(l,S)},T=e=>{let{isLiquid:t,mode:l}=e??{};return handleCheckIsEditableLabel({options:u,isLiquid:t,...!t&&l&&{mode:l}})},v=checkIsShowIcon(d,f),A=checkIsScrollToElement(h);return{customCss:C,wrapStyle:k,restStyle:m,dataState:y,dataIdAttr:L,isShowIcon:v,isScrollToElement:A,getArialLabel:w,getLabelToDisplay:D,checkIsShowLabel:E,checkIsEditableLabel:T}},LOADING_INDICATOR=`
   <svg
     class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible"
     xmlns="http://www.w3.org/2000/svg"

package/dist/esm/button/components/Button.liquid.js

@@ -1,31 +1,31 @@
-import{template as s,dataStringify as t,isLocalEnv as i,baseAssetURL as e}from"@gem-sdk/core";import{createStyle as o,createClass as r,createAttr as l,createStateOrContext as a,Liquid as d,If as m}from"@gem-sdk/system";import{getButtonAttributes as n}from"../common/attrs.js";import{getButtonStyles as p,getTypoStyles as c,getButtonIconStyles as u,getButtonWrapperStyles as $}from"../common/styles.js";import{getButtonClasses as f,getButtonIconClasses as g,getButtonLabelClasses as b,getButtonWrapperClasses as L,getButtonContentWrapperClasses as y,getButtonContainerClasses as j}from"../common/classes.js";import{getSettingPreloadData as v}from"../../helpers.js";import q from"./ButtonIcon.liquid.js";import k from"./ButtonLabel.liquid.js";import S from"./ButtonLoadingIndicator.liquid.js";import{getData as h,getInsertLinkData as B}from"../common/helpers.js";let Button=E=>{let{advanced:I,className:T,nodePrice:A,customAttrs:G,styles:H={},setting:M={},builderProps:_,wrapClassName:x=""}=E,{iconSvg:C,btnLink:N,htmlType:O,disabled:P,enableBtnLink:R,shouldClearSpace:V,disabledLoading:w=!0}=M,{enableTextStyle:z=!0}=H,{customCss:D,wrapStyle:F,restStyle:J,dataState:K,dataIdAttr:Q,isShowIcon:U,isScrollToElement:W,getArialLabel:X,getLabelToDisplay:Y,checkIsShowLabel:Z,checkIsEditableLabel:ss}=h(E),{HTMLTag:st,urlData:si,shouldRenderLink:se}=B({enableBtnLink:R,htmlType:O,setting:N,defaultTag:"button",isLiquid:!0}),so=o({...p(H,M?.enableHoverEffect)}),sr=o({...c(H)}),sl=o({...c(H),...u(H,M)}),sa=o({...$(J,H)}),sd=r({...f({styles:H,className:T,shouldRenderLink:se,uid:_?.uid,advanced:I})}),sm=r({...g(Y({isLiquid:!0}),V,z)}),sn=r({...b(H,ss({isLiquid:!0}))}),sp=r({...L(x,T,I?.cssClass)}),sc=r({...y(M)}),su=r({...j()}),s$=l({...n({disabled:P,dataState:K,dataId:Q,arialLabel:X({isLiquid:!0})})}),sf=a({btnLink:M?.btnLink});return d(s`
+import{template as s,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import{createStyle as e,createClass as r,createAttr as o,createStateOrContext as l,Liquid as a,If as n}from"@gem-sdk/system";import{getButtonAttributes as d}from"../common/attrs.js";import{getButtonStyles as p,getTypoStyles as m,getButtonIconStyles as c,getButtonWrapperStyles as u}from"../common/styles.js";import{getButtonClasses as $,getButtonIconClasses as f,getButtonLabelClasses as g,getButtonWrapperClasses as y,getButtonContentWrapperClasses as b,getButtonContainerClasses as L}from"../common/classes.js";import{getSettingPreloadData as j}from"../../helpers.js";import v from"./ButtonIcon.liquid.js";import q from"./ButtonLabel.liquid.js";import S from"./ButtonLoadingIndicator.liquid.js";import{getData as k,getInsertLinkData as h}from"../common/helpers.js";let Button=B=>{let{advanced:E,className:I,nodePrice:T,customAttrs:A,styles:G={},setting:H={},builderProps:M,wrapClassName:N="",translateSetting:O,isForceValue:_}=B,{iconSvg:x,btnLink:C,htmlType:J,disabled:P,enableBtnLink:R,shouldClearSpace:V,disabledLoading:w=!0}=H,{enableTextStyle:z=!0}=G,{customCss:D,wrapStyle:F,restStyle:K,dataState:Q,dataIdAttr:U,isShowIcon:W,isScrollToElement:X,getArialLabel:Y,getLabelToDisplay:Z,checkIsShowLabel:ss,checkIsEditableLabel:st}=k(B),{HTMLTag:si,urlData:se,shouldRenderLink:sr}=h({enableBtnLink:R,htmlType:J,setting:C,defaultTag:"button",isLiquid:!0}),so=e({...p(G,H?.enableHoverEffect)}),sl=e({...m(G)}),sa=e({...m(G),...c(G,H)}),sn=e({...u(K,G)}),sd=r({...$({styles:G,className:I,shouldRenderLink:sr,uid:M?.uid,advanced:E})}),sp=r({...f(Z({isLiquid:!0,translateSetting:O,isForceValue:_}),V,z)}),sm=r({...g(G,st({isLiquid:!0}))}),sc=r({...y(N,I,E?.cssClass)}),su=r({...b(H)}),s$=r({...L()}),sf=o({...d({disabled:P,dataState:Q,dataId:U,arialLabel:Y({isLiquid:!0})})}),sg=l({btnLink:H?.btnLink});return a(s`
     <gp-button
-      gp-data='${t(sf)}'
       style="${{...F}}"
-      class="${su}"
+      class="${s$}"
     >
-      <div style="${sa}" class="${sp}">
+      <script gp-data type="application/json">${JSON.stringify(sg).replaceAll("'","&#039;")}</script>
+      <div style="${sn}" class="${sc}">
         <style>${D}</style>
-        ${m(W,`<a
+        ${n(X,`<a
             class="gp-trigger-button-link gp-hidden"
-            href=${si.href}
-            target=${si.target}
+            href=${se.href}
+            target=${se.target}
           ></a>`)}
-        <${st}
-          ${{...s$}}
-          ${{...G}}
-          ${{...si}}
+        <${si}
+          ${{...sf}}
+          ${{...A}}
+          ${{...se}}
           style="${so}"
           class="${sd}"
         >
-        ${m(!w,S(),"")}
-        <div class="${sc}">
-          ${m(U,q({iconSvg:C??"",styles:sl,classes:sm}))}
-          ${m(z&&Z({isLiquid:!0}),k({label:Y({isLiquid:!0}),styles:sr,classes:sn}))}
+        ${n(!w,S(),"")}
+        <div class="${su}">
+          ${n(W,v({iconSvg:x??"",styles:sa,classes:sp}))}
+          ${n(z&&ss({isLiquid:!0}),q({label:Z({isLiquid:!0,translateSetting:O,isForceValue:_}),styles:sl,classes:sm}))}
         </div>
-        ${m(!!A,A?.toString()??"","")}
-        </${st}>
+        ${n(!!T,T?.toString()??"","")}
+        </${si}>
       </div>
-      ${m(i,`<script ${v('class="gps-link" delay',"src")}="{{ 'gp-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${v('class="gps-link" delay',"src")}="${e}/assets-v2/gp-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+      ${n(t,`<script ${j('class="gps-link" delay',"src")}="{{ 'gp-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${j('class="gps-link" delay',"src")}="${i}/assets-v2/gp-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     </gp-button>
   `)};export{Button as default};

package/dist/esm/button/settings/Button.js

@@ -1,8 +1,8 @@
-import{ButtonSettings as t}from"./configs/settings.js";import{SettingUIV1 as e}from"./configs/ui-v1.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";let config={tag:"Button",label:"Button",icon:`
+import{ButtonSettings as t}from"./configs/settings.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";let config={tag:"Button",label:"Button",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M3.16699 6.66663C2.89085 6.66663 2.66699 6.89048 2.66699 7.16663V26.1666C2.66699 26.4428 2.89085 26.6666 3.16699 26.6666H13.5531C13.8587 26.6666 14.0929 26.3948 14.0475 26.0925L13.7975 24.4258C13.7608 24.181 13.5506 24 13.3031 24H5.33366V9.33329H34.667V24H32.5003C32.2242 24 32.0003 24.2238 32.0003 24.5V25.1121C32.0003 25.253 32.0597 25.3873 32.164 25.4821L33.324 26.5366C33.416 26.6203 33.5359 26.6666 33.6603 26.6666H36.8337C37.1098 26.6666 37.3337 26.4428 37.3337 26.1666V7.16663C37.3337 6.89048 37.1098 6.66663 36.8337 6.66663H3.16699ZM19.8589 29.6767C19.9172 30.0846 20.4161 30.2509 20.7074 29.9595L22.667 28L27.6468 32.9797C27.842 33.175 28.1586 33.175 28.3539 32.9797L30.3134 31.0202C30.5087 30.8249 30.5087 30.5083 30.3134 30.3131L25.3337 25.3333L27.2932 23.3737C27.5846 23.0824 27.4183 22.5835 27.0104 22.5252L19.327 21.4276C18.997 21.3804 18.7141 21.6633 18.7613 21.9933L19.8589 29.6767Z" fill="currentColor"/>
   </svg>
-  `,settings:t,ui:e,uiV2:o,editorConfigs:{slots:{children:!1}},presets:[{id:"button",name:{en:"Button"},icon:{desktop:`
+  `,settings:t,ui:[],uiV2:e,editorConfigs:{slots:{children:!1}},presets:[{id:"button",name:{en:"Button"},icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect width="96" height="48" rx="3" fill="#424242"/>
           <rect x="21.5" y="20" width="53" height="8" rx="4" fill="#757575"/>

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

@@ -1,4 +1,4 @@
-let ButtonSettings=[{id:"setting",controls:[{id:"label",label:"Text",type:"input",default:"<p>Button</p>"},{id:"translate",type:"input",default:"label"},{id:"enableBtnLink",type:"toggle",default:!1},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"btnLink",type:"pick-link",pickLinkLabel:"Button link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"iconGroup",type:"group",label:"Icon",controls:[{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!1},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`
+let ButtonSettings=[{id:"setting",controls:[{id:"label",label:"Text",type:"input",default:"<p>Button</p>"},{id:"enableBtnLink",type:"toggle",default:!1},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"btnLink",type:"pick-link",pickLinkLabel:"Button link",label:"Pick Link",default:{type:"open-page",link:"",target:"_self"},hiddenOptions:{"stay-on-page":!0}},{id:"iconGroup",type:"group",label:"Icon",controls:[{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!1},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`
               <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">
               <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:"htmlType",label:"HTML Type",type:"select",default:"button",options:[{label:"Open link, popup & scroll to",value:"button"},{label:"Clear form",value:"reset"},{label:"Submit form",value:"submit"}]},{id:"disabled",label:"Disabled",type:"toggle",default:!1},{id:"shouldClearSpace",label:"",type:"toggle",default:!1}]},{id:"style",controls:[{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"line-3",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"typo",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-3"}},compoDefaultValue:{attrs:{color:"text-3"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{normal:"text-3"},state:{hover:!0,normal:!0},enableGradient:!1},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"dimensions1",type:"group",label:"Icon Dimension",controls:[{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}}]},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}}]}];export{ButtonSettings};

package/dist/esm/button/settings/configs/translate.js

@@ -0,0 +1 @@
+let Button={label:{id:"label"}};export{Button};

package/dist/esm/carousel/components/root/Carousel.liquid.js

@@ -1,6 +1,7 @@
-import{template as o,RenderIf as r,isLocalEnv as e,baseAssetURL as s,WrapRenderChildren as t,RenderChildren as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as n}from"./common/helpers.js";import{getClass as p}from"./common/classes.js";import{getStyle as m}from"./common/styles.js";import{getAttr as c}from"./common/attrs.js";import{getSettingPreloadData as u,getStaticLocale as $}from"../../../helpers.js";let Carousel=f=>{let{children:v,builderAttrs:g,builderProps:w,styles:S,isHiddenArrowWhenDisabled:h=!0,hiddenDotWhenOnlyOne:C,rootId:y,rawChildren:j,conditionAppendJs:k}=f,z=d(f.setting),E={...f,setting:z},{arrowButtonSize:I,arrowBackgroundColor:A,arrowGapToEachSide:G="16",roundedArrow:P,arrowIconSize:T,arrowCustomColor:b,arrowBorder:q,arrowShadow:x,showWhenHover:B}=z??{},{uniqueComponentId:D,loopConfig:O,arrowShowConfig:W,stateData:_}=n(E),{rootClassRender:H,wrapperClassRender:M,wrapperInnerClass:N,sliderClass:R}=p(E),{rootStyleRender:U,wrapperStyleRender:V,wrapperInnerStyle:F,sliderStyle:J}=m(E),{rootAttrRender:K,sliderAttr:L}=c(E),Q=()=>r(e,`<script ${u('class="gps-link" delay',"src")}="{{ 'gp-carousel-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${u('class="gps-link" delay',"src")}="${s}/assets-v2/gp-carousel-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),X=o=>{let r="next"===o;return a({uid:w?.uid,componentId:D,custom:z?.arrowCustom??"",showArrow:W,arrowButtonSize:I||{},arrowIconSize:T||{},arrowBackgroundColor:A??"",arrowCustomColor:b,gapToEachSize:G,showWhenHover:B,arrowBorder:q||{},arrowCorner:P||{},arrowShadow:x||{},left:!r,onClick:o=>{o.stopPropagation()},vertical:z?.vertical,isHiddenWhenDisabled:h,rootId:y})},Y=()=>o`
+import{template as o,RenderIf as r,isLocalEnv as e,baseAssetURL as s,WrapRenderChildren as t,RenderChildren as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as p}from"./common/helpers.js";import{getClass as n}from"./common/classes.js";import{getStyle as c}from"./common/styles.js";import{getAttr as m}from"./common/attrs.js";import{getSettingPreloadData as u,getStaticLocale as $}from"../../../helpers.js";let Carousel=f=>{let{children:v,builderAttrs:g,builderProps:w,styles:S,isHiddenArrowWhenDisabled:h=!0,hiddenDotWhenOnlyOne:y,rootId:C,rawChildren:j,conditionAppendJs:k}=f,z=d(f.setting),E={...f,setting:z},{arrowButtonSize:I,arrowBackgroundColor:A,arrowGapToEachSide:G="16",roundedArrow:P,arrowIconSize:T,arrowCustomColor:b,arrowBorder:q,arrowShadow:x,showWhenHover:B}=z??{},{uniqueComponentId:D,loopConfig:O,arrowShowConfig:W,stateData:_}=p(E),{rootClassRender:H,wrapperClassRender:M,wrapperInnerClass:N,sliderClass:R}=n(E),{rootStyleRender:U,wrapperStyleRender:V,wrapperInnerStyle:F,sliderStyle:J}=c(E),{rootAttrRender:K,sliderAttr:L}=m(E),Q=()=>r(e,`<script ${u('class="gps-link" delay',"src")}="{{ 'gp-carousel-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${u('class="gps-link" delay',"src")}="${s}/assets-v2/gp-carousel-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),X=o=>{let r="next"===o;return a({uid:w?.uid,componentId:D,custom:z?.arrowCustom??"",showArrow:W,arrowButtonSize:I||{},arrowIconSize:T||{},arrowBackgroundColor:A??"",arrowCustomColor:b,gapToEachSize:G,showWhenHover:B,arrowBorder:q||{},arrowCorner:P||{},arrowShadow:x||{},left:!r,onClick:o=>{o.stopPropagation()},vertical:z?.vertical,isHiddenWhenDisabled:h,rootId:C})},Y=()=>o`
     ${j?.length?t({uid:w?.uid??"",customProps:j[0]?.customProps},j.map((r,e)=>{if(r)return o`${i({...r,index:e,parentSettings:z,parentStyle:S,background:z?.background,parentUid:w?.uid})}`})):v??`<div>${$("Carousel","no_slider")}</div>`}`;return o`
-    <gp-carousel gp-data='${_}' ${K} style="${U}" class="${H}">
+    <gp-carousel ${K} style="${U}" class="${H}">
+      <script gp-data type="application/json">${_}</script>
       <div
         ${g}
         class="${M}"
@@ -13,7 +14,7 @@ import{template as o,RenderIf as r,isLocalEnv as e,baseAssetURL as s,WrapRenderC
           </div>
           ${X("next")}
         </div>
-        ${l({loop:O,showDots:z?.dot,dotStyle:z?.dotStyle,dotGapToCarousel:z?.dotGapToCarousel,dotSize:z?.dotSize,vertical:z?.vertical,uniqueComponentId:D,hiddenWhenOnlyOne:C})}
+        ${l({loop:O,showDots:z?.dot,dotStyle:z?.dotStyle,dotGapToCarousel:z?.dotGapToCarousel,dotSize:z?.dotSize,vertical:z?.vertical,uniqueComponentId:D,hiddenWhenOnlyOne:y})}
       </div>
     </gp-carousel>
     ${k?`{% if ${k} %} ${Q()} {% endif %}`:Q()}

package/dist/esm/carousel/settings/Carousel.js

@@ -1,5 +1,5 @@
-import{CarouselSettingsV2 as e}from"./configs/settings-v2.js";import{SettingUIV1 as o}from"./configs/ui-v1.js";import{SettingUIV2 as i}from"./configs/ui-v2.js";import{CarouselPreset as s}from"./configs/presets.js";let config={tag:"Carousel",label:"Carousel",icon:`
+import{CarouselSettingsV2 as e}from"./configs/settings-v2.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";import{CarouselPreset as i}from"./configs/presets.js";let config={tag:"Carousel",label:"Carousel",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M4.96586 7.25C4.96586 6.14543 5.86129 5.25 6.96586 5.25H17.0346C18.1391 5.25 19.0346 6.14543 19.0346 7.25V16.7484C19.0346 17.853 18.1391 18.7484 17.0346 18.7484H6.96586C5.86129 18.7484 4.96586 17.853 4.96586 16.7484V7.25ZM9.36039 6.25H6.96586C6.41357 6.25 5.96586 6.69772 5.96586 7.25V16.7484C5.96586 17.3007 6.41357 17.7484 6.96586 17.7484H9.36039L9.36039 6.25ZM10.3604 17.7484V6.25H14.1455V17.7484H10.3604ZM15.1455 17.7484H17.0346C17.5869 17.7484 18.0346 17.3007 18.0346 16.7484V7.25C18.0346 6.69771 17.5869 6.25 17.0346 6.25H15.1455V17.7484ZM3.31666 10.5447C3.51708 10.7346 3.52555 11.0511 3.33558 11.2515L2.61349 12.0133L3.33449 12.7691C3.52509 12.969 3.51762 13.2854 3.31781 13.4761C3.118 13.6667 2.8015 13.6592 2.6109 13.4594L1.693 12.4971C1.43561 12.2273 1.43493 11.803 1.69148 11.5324L2.60981 10.5636C2.79978 10.3632 3.11625 10.3547 3.31666 10.5447ZM20.6827 10.5458C20.8825 10.3552 21.199 10.3627 21.3896 10.5625L22.3075 11.5247C22.5649 11.7946 22.5656 12.2188 22.309 12.4894L21.3907 13.4583C21.2007 13.6587 20.8843 13.6672 20.6839 13.4772C20.4834 13.2872 20.475 12.9707 20.6649 12.7703L21.387 12.0085L20.666 11.2527C20.4754 11.0529 20.4829 10.7364 20.6827 10.5458ZM21.5839 12.215C21.5838 12.2149 21.584 12.2151 21.5839 12.215V12.215Z" fill="white"/>
   </svg>
-  `,settings:e,ui:o,uiV2:i,presets:s,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}},locales:{editor:{en:{no_slider:"No Slider"}}}};export{config as default};
+  `,settings:e,ui:[],uiV2:o,presets:i,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}},locales:{editor:{en:{no_slider:"No Slider"}}}};export{config as default};

package/dist/esm/carousel-v3/components/root/Carousel.liquid.js

@@ -1,6 +1,7 @@
-import{template as o,RenderIf as r,isLocalEnv as e,baseAssetURL as s,WrapRenderChildren as t,RenderChildren as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as n}from"./common/helpers.js";import{getClass as p}from"./common/classes.js";import{getStyle as m}from"./common/styles.js";import{getAttr as c}from"./common/attrs.js";import{getSettingPreloadData as u,getStaticLocale as $}from"../../../helpers.js";let Carousel=v=>{let{children:f,builderAttrs:g,builderProps:w,styles:S,isHiddenArrowWhenDisabled:h=!0,hiddenDotWhenOnlyOne:C,rootId:y,rawChildren:j,conditionAppendJs:k,productBadgeLiquid:z}=v,E=d(v.setting),I={...v,setting:E},{arrowButtonSize:A,arrowBackgroundColor:G,arrowGapToEachSide:P="16",roundedArrow:T,arrowIconSize:b,arrowCustomColor:q,arrowBorder:x,arrowShadow:B,showWhenHover:D}=E??{},{uniqueComponentId:O,loopConfig:W,arrowShowConfig:_,stateData:H}=n(I),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=p(I),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=m(I),{rootAttrRender:L,sliderAttr:Q}=c(I),X=()=>r(e,`<script ${u('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${u('class="gps-link" delay',"src")}="${s}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>{let r="next"===o;return a({uid:w?.uid,componentId:O,custom:E?.arrowCustom??"",showArrow:_,arrowButtonSize:A||{},arrowIconSize:b||{},arrowBackgroundColor:G??"",arrowCustomColor:q,gapToEachSize:P,showWhenHover:D,arrowBorder:x||{},arrowCorner:T||{},arrowShadow:B||{},left:!r,onClick:o=>{o.stopPropagation()},vertical:E?.vertical,isHiddenWhenDisabled:h,rootId:y})},Z=()=>o`
+import{template as o,RenderIf as r,isLocalEnv as e,baseAssetURL as s,WrapRenderChildren as t,RenderChildren as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as p}from"./common/helpers.js";import{getClass as n}from"./common/classes.js";import{getStyle as c}from"./common/styles.js";import{getAttr as m}from"./common/attrs.js";import{getSettingPreloadData as u,getStaticLocale as $}from"../../../helpers.js";let Carousel=v=>{let{children:f,builderAttrs:g,builderProps:w,styles:S,isHiddenArrowWhenDisabled:h=!0,hiddenDotWhenOnlyOne:y,rootId:C,rawChildren:j,conditionAppendJs:k,productBadgeLiquid:z}=v,E=d(v.setting),I={...v,setting:E},{arrowButtonSize:A,arrowBackgroundColor:G,arrowGapToEachSide:P="16",roundedArrow:T,arrowIconSize:b,arrowCustomColor:q,arrowBorder:x,arrowShadow:B,showWhenHover:D}=E??{},{uniqueComponentId:O,loopConfig:W,arrowShowConfig:_,stateData:H}=p(I),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=n(I),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=c(I),{rootAttrRender:L,sliderAttr:Q}=m(I),X=()=>r(e,`<script ${u('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${u('class="gps-link" delay',"src")}="${s}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>{let r="next"===o;return a({uid:w?.uid,componentId:O,custom:E?.arrowCustom??"",showArrow:_,arrowButtonSize:A||{},arrowIconSize:b||{},arrowBackgroundColor:G??"",arrowCustomColor:q,gapToEachSize:P,showWhenHover:D,arrowBorder:x||{},arrowCorner:T||{},arrowShadow:B||{},left:!r,onClick:o=>{o.stopPropagation()},vertical:E?.vertical,isHiddenWhenDisabled:h,rootId:C})},Z=()=>o`
     ${j?.length?t({uid:w?.uid??"",customProps:j[0]?.customProps},j.map((r,e)=>{if(r)return o`${i({...r,index:e,parentSettings:E,parentStyle:S,background:E?.background,parentUid:w?.uid})}`})):f??`<div>${$("Carousel","no_slider")}</div>`}`;return o`
-    <gp-carousel-v3 gp-data='${H}' ${L} style="${F}" class="${M}">
+    <gp-carousel-v3 ${L} style="${F}" class="${M}">
+      <script gp-data type="application/json">${H}</script>
       <div
         ${g}
         class="${N}"
@@ -16,7 +17,7 @@ import{template as o,RenderIf as r,isLocalEnv as e,baseAssetURL as s,WrapRenderC
           </div>
           ${Y("next")}
         </div>
-        ${l({loop:W,showDots:E?.dot,dotStyle:E?.dotStyle,dotGapToCarousel:E?.dotGapToCarousel,dotSize:E?.dotSize,vertical:E?.vertical,uniqueComponentId:O,hiddenWhenOnlyOne:C})}
+        ${l({loop:W,showDots:E?.dot,dotStyle:E?.dotStyle,dotGapToCarousel:E?.dotGapToCarousel,dotSize:E?.dotSize,vertical:E?.vertical,uniqueComponentId:O,hiddenWhenOnlyOne:y})}
       </div>
     </gp-carousel-v3>
     ${k?`{% if ${k} %} ${X()} {% endif %}`:X()}

package/dist/esm/carousel-v3/settings/Carousel.js

@@ -1,5 +1,5 @@
-import{CarouselSettingsV2 as e}from"./configs/settings-v2.js";import{SettingUIV1 as o}from"./configs/ui-v1.js";import{SettingUIV2 as i}from"./configs/ui-v2.js";import{CarouselPreset as s}from"./configs/presets.js";let config={tag:"CarouselV3",label:"Carousel",icon:`
+import{CarouselSettingsV2 as e}from"./configs/settings-v2.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";import{CarouselPreset as i}from"./configs/presets.js";let config={tag:"CarouselV3",label:"Carousel",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M4.96586 7.25C4.96586 6.14543 5.86129 5.25 6.96586 5.25H17.0346C18.1391 5.25 19.0346 6.14543 19.0346 7.25V16.7484C19.0346 17.853 18.1391 18.7484 17.0346 18.7484H6.96586C5.86129 18.7484 4.96586 17.853 4.96586 16.7484V7.25ZM9.36039 6.25H6.96586C6.41357 6.25 5.96586 6.69772 5.96586 7.25V16.7484C5.96586 17.3007 6.41357 17.7484 6.96586 17.7484H9.36039L9.36039 6.25ZM10.3604 17.7484V6.25H14.1455V17.7484H10.3604ZM15.1455 17.7484H17.0346C17.5869 17.7484 18.0346 17.3007 18.0346 16.7484V7.25C18.0346 6.69771 17.5869 6.25 17.0346 6.25H15.1455V17.7484ZM3.31666 10.5447C3.51708 10.7346 3.52555 11.0511 3.33558 11.2515L2.61349 12.0133L3.33449 12.7691C3.52509 12.969 3.51762 13.2854 3.31781 13.4761C3.118 13.6667 2.8015 13.6592 2.6109 13.4594L1.693 12.4971C1.43561 12.2273 1.43493 11.803 1.69148 11.5324L2.60981 10.5636C2.79978 10.3632 3.11625 10.3547 3.31666 10.5447ZM20.6827 10.5458C20.8825 10.3552 21.199 10.3627 21.3896 10.5625L22.3075 11.5247C22.5649 11.7946 22.5656 12.2188 22.309 12.4894L21.3907 13.4583C21.2007 13.6587 20.8843 13.6672 20.6839 13.4772C20.4834 13.2872 20.475 12.9707 20.6649 12.7703L21.387 12.0085L20.666 11.2527C20.4754 11.0529 20.4829 10.7364 20.6827 10.5458ZM21.5839 12.215C21.5838 12.2149 21.584 12.2151 21.5839 12.215V12.215Z" fill="white"/>
   </svg>
-  `,settings:e,ui:o,uiV2:i,presets:s,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}},locales:{editor:{en:{no_slider:"No Slider"}}}};export{config as default};
+  `,settings:e,ui:[],uiV2:o,presets:i,editorConfigs:{slots:{children:!1},placeholder:{notAppendTags:["MarqueeItem","Marquee"]}},locales:{editor:{en:{no_slider:"No Slider"}}}};export{config as default};

package/dist/esm/cart/components/shop-pay-button/ShopPayButton.liquid.js

@@ -1,10 +1,10 @@
-import{template as s,isLocalEnv as o,baseAssetURL as t}from"@gem-sdk/core";import{createStyle as e,createClass as r,createAttr as i,createStateOrContext as p,If as c}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../../helpers.js";import{getButtonClasses as l,getButtonWrapperClasses as u}from"./common/classes.js";import{getSPButton as a}from"./common/helpers.js";import{getButtonWrapperStyles as h}from"./common/styles.js";import n from"./icons/DynamicCheckoutBlack.liquid.js";import k from"./icons/DynamicCheckoutPurple.liquid.js";import y from"./icons/DynamicCheckoutWhite.liquid.js";import d from"./icons/ExpressCheckoutBlack.liquid.js";import f from"./icons/ExpressCheckoutPurple.liquid.js";import j from"./icons/ExpressCheckoutWhite.liquid.js";let ShopPayButton=({style:C,styles:g,setting:$,className:E,builderAttrs:b})=>{let S=a({styles:g,buttons:{DynamicCheckoutBlack:n({}),DynamicCheckoutPurple:k({}),DynamicCheckoutWhite:y({}),ExpressCheckoutBlack:d({}),ExpressCheckoutPurple:f({}),ExpressCheckoutWhite:j({})}}),P=e({...h(C,g)}),x=r({...l()}),B=r({...u(E)}),q=i({disabled:!1,"aria-label":"Buy with Shop Pay"}),D=p({setting:JSON.stringify($),shop_url:"{{shop.url}}"});return s`
+import{template as s,isLocalEnv as o,baseAssetURL as t}from"@gem-sdk/core";import{createStyle as e,createClass as i,createAttr as r,createStateOrContext as p,If as c}from"@gem-sdk/system";import{getSettingPreloadData as m}from"../../../helpers.js";import{getButtonClasses as l,getButtonWrapperClasses as a}from"./common/classes.js";import{getSPButton as u}from"./common/helpers.js";import{getButtonWrapperStyles as n}from"./common/styles.js";import h from"./icons/DynamicCheckoutBlack.liquid.js";import y from"./icons/DynamicCheckoutPurple.liquid.js";import k from"./icons/DynamicCheckoutWhite.liquid.js";import d from"./icons/ExpressCheckoutBlack.liquid.js";import f from"./icons/ExpressCheckoutPurple.liquid.js";import j from"./icons/ExpressCheckoutWhite.liquid.js";let ShopPayButton=({style:C,styles:g,setting:$,className:E,builderAttrs:b})=>{let S=u({styles:g,buttons:{DynamicCheckoutBlack:h({}),DynamicCheckoutPurple:y({}),DynamicCheckoutWhite:k({}),ExpressCheckoutBlack:d({}),ExpressCheckoutPurple:f({}),ExpressCheckoutWhite:j({})}}),P=e({...n(C,g)}),x=i({...l()}),B=i({...a(E)}),q=r({disabled:!1,"aria-label":"Buy with Shop Pay"}),D=p({setting:JSON.stringify($),shop_url:"{{shop.url}}"});return s`
     <gp-shop-pay-button
       ${{...b}}
       style="${P}"
       class="${B}"
-      gp-data='${D}'
     >
+      <script gp-data type="application/json">${D}</script>
       <button
         ${{...q}}
         class="${x}"

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

@@ -1 +1 @@
-import{makeStyleResponsive as e,getStyleBackgroundByDevice as t}from"@gem-sdk/core";let getCodeStyle=(o,d,g)=>({...o,...e("ta",d?.align),...t(d?.background,{liquid:g})});export{getCodeStyle};
+import{makeStyleResponsive as e,getStyleBackgroundByDevice as t}from"@gem-sdk/core";import{getBackgroundTranslated as r}from"../../helpers.js";import{CSSCode as i}from"../settings/configs/translate.js";let getCodeStyle=({setting:o,style:a,isLiquid:l,uid:s,pageContext:n,type:d="React"})=>{let{background:g}=o??{},m="Liquid"===d?r({background:g,uid:s,enableTranslate:!!i?.background?.id,pageContext:n,isTranslateVideo:!1}):g;return{...a,...e("ta",o?.align),...t(m||g,{liquid:l})}};export{getCodeStyle};

package/dist/esm/code/components/CSSCode.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import a from"next/head";import m from"../hooks/useCSSCode.js";import{createStyle as s,createClass as i}from"@gem-sdk/system";import{getCodeStyle as l}from"../common/styles.js";import{getCodeClasses as d}from"../common/classes.js";let CSSCode=({setting:t,style:c,advanced:n,builderAttrs:g,builderProps:k,children:p})=>{let{editorData:u}=n,{handleDoubleClickCustomCode:h,htmlPlainText:b,mode:f}=m(n,t),C=s(l(c,t,!1)),S=i(d(k?.uid,"edit"!==f&&!u?.html,n?.cssClass));return e(r,{children:[o(a,{children:!!t?.preloadBgImage&&e(r,{children:[!!t?.background?.desktop?.image?.src&&o("link",{rel:"preload",href:t.background.desktop.image.src,as:"image"}),!!t?.background?.tablet?.image?.src&&o("link",{rel:"preload",href:t.background.tablet.image.src,as:"image"}),!!t?.background?.mobile?.image?.src&&o("link",{rel:"preload",href:t.background.mobile.image.src,as:"image"})]})}),e("div",{onClick:h,"aria-hidden":"true",style:C,...g,className:S,children:[o("div",{dangerouslySetInnerHTML:{__html:b||""}}),p]})]})};export{CSSCode as default};
+import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import a from"next/head";import i from"../hooks/useCSSCode.js";import{createStyle as s,createClass as m}from"@gem-sdk/system";import{getCodeStyle as d}from"../common/styles.js";import{getCodeClasses as t}from"../common/classes.js";let CSSCode=({setting:l,style:c,advanced:n,builderAttrs:g,builderProps:u,children:p,pageContext:k})=>{let{editorData:h}=n,{handleDoubleClickCustomCode:b,htmlPlainText:f,mode:C}=i(n,l),S=s(d({setting:l,style:c,isLiquid:!1,uid:u?.uid,pageContext:k,type:"React"})),y=m(t(u?.uid,"edit"!==C&&!h?.html,n?.cssClass));return e(r,{children:[o(a,{children:!!l?.preloadBgImage&&e(r,{children:[!!l?.background?.desktop?.image?.src&&o("link",{rel:"preload",href:l.background.desktop.image.src,as:"image"}),!!l?.background?.tablet?.image?.src&&o("link",{rel:"preload",href:l.background.tablet.image.src,as:"image"}),!!l?.background?.mobile?.image?.src&&o("link",{rel:"preload",href:l.background.mobile.image.src,as:"image"})]})}),e("div",{onClick:b,"aria-hidden":"true",style:S,...g,className:y,children:[o("div",{dangerouslySetInnerHTML:{__html:f||""}}),p]})]})};export{CSSCode as default};

package/dist/esm/code/components/CSSCode.liquid.js

@@ -1,12 +1,12 @@
-import{template as e,RenderIf as s}from"@gem-sdk/core";import{createStyle as r,createClass as m}from"@gem-sdk/system";import{getCodeStyle as a}from"../common/styles.js";import{getCodeClasses as i}from"../common/classes.js";let CSSCode=({setting:t,style:l,advanced:o,builderAttrs:d,builderProps:c})=>{let{background:g,preloadBgImage:p}=t??{},$=o?.editorData,f=$?.html?.trim(),k=r(a(l,t,!0)),n=m(i(c?.uid,!$?.html&&!g,o?.cssClass));return e`
-  ${s(!!p,`${s(!!g?.desktop?.image?.src,`<link rel="preload" href="${g?.desktop?.image?.src}" as="image" />`)}${s(!!g?.tablet?.image?.src,`<link rel="preload" href="${g?.tablet?.image?.src}" as="image" />`)}${s(!!g?.mobile?.image?.src,`<link rel="preload" href="${g?.mobile?.image?.src}" as="image" />`)}`)}
+import{template as e,RenderIf as s}from"@gem-sdk/core";import{createStyle as i,createClass as r}from"@gem-sdk/system";import{getCodeStyle as m}from"../common/styles.js";import{getCodeClasses as a}from"../common/classes.js";let CSSCode=({setting:t,style:o,advanced:l,builderAttrs:d,builderProps:c,pageContext:p})=>{let{background:g,preloadBgImage:$}=t??{},f=l?.editorData,k=f?.html?.trim(),u=i(m({setting:t,style:o,isLiquid:!0,uid:c?.uid,pageContext:p,type:"Liquid"})),n=r(a(c?.uid,!f?.html&&!g,l?.cssClass));return e`
+  ${s(!!$,`${s(!!g?.desktop?.image?.src,`<link rel="preload" href="${g?.desktop?.image?.src}" as="image" />`)}${s(!!g?.tablet?.image?.src,`<link rel="preload" href="${g?.tablet?.image?.src}" as="image" />`)}${s(!!g?.mobile?.image?.src,`<link rel="preload" href="${g?.mobile?.image?.src}" as="image" />`)}`)}
     <div
       ${{...d}}
-      style="${k}"
+      style="${u}"
       data-keep-class="true"
       class="${n}">
       <div>
-    ${f}
+    ${k}
     </div>
     </div>
   `};export{CSSCode as default};

package/dist/esm/code/index.js

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

package/dist/esm/code/settings/CSSCode.js

@@ -1,6 +1,6 @@
-import{SettingCode as o}from"./configs/settings.js";import{SettingUIV1 as t}from"./configs/ui-v1.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";let config={tag:"CSSCode",label:"Custom Code",customLabel:"Custom Code",icon:`
+import{SettingCode as o}from"./configs/settings.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";let config={tag:"CSSCode",label:"Custom Code",customLabel:"Custom Code",icon:`
   <svg width="40" viewBox="0 0 24 24"><path fill="currentColor" d="m24 12l-5.657 5.657l-1.414-1.414L21.172 12l-4.243-4.243l1.414-1.414L24 12zM2.828 12l4.243 4.243l-1.414 1.414L0 12l5.657-5.657L7.07 7.757L2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z"/></svg>
-  `,settings:o,ui:t,uiV2:e,editorConfigs:{sideBar:{tab:{style:{hide:!0}}}},init:[{tag:"CSSCode",settings:{editorData:{customLabel:"Custom Code"}}}],presets:[{id:"custom-code",name:{en:"Custom Code"},icon:{desktop:`
+  `,settings:o,ui:[],uiV2:t,editorConfigs:{sideBar:{tab:{style:{hide:!0}}}},init:[{tag:"CSSCode",settings:{editorData:{customLabel:"Custom Code"}}}],presets:[{id:"custom-code",name:{en:"Custom Code"},icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M49.8847 14.3475C49.9413 13.9372 49.6542 13.5607 49.2436 13.5065C48.8329 13.4524 48.4541 13.7411 48.3975 14.1515L45.7077 33.6544C45.6511 34.0648 45.9381 34.4413 46.3488 34.4954C46.7594 34.5495 47.1382 34.2608 47.1948 33.8505L49.8847 14.3475ZM43.4983 18.4395C43.8079 18.7147 43.8357 19.1887 43.5606 19.4983L40.0035 23.5001L43.5606 27.5018C43.8357 27.8114 43.8079 28.2854 43.4983 28.5606C43.1887 28.8358 42.7146 28.8079 42.4394 28.4983L38.4394 23.9983C38.1869 23.7142 38.1869 23.286 38.4394 23.0018L42.4394 18.5018C42.7146 18.1922 43.1887 18.1643 43.4983 18.4395ZM52.5017 18.4395C52.8113 18.1643 53.2854 18.1922 53.5606 18.5018L57.5606 23.0018C57.8131 23.286 57.8131 23.7142 57.5606 23.9983L53.5606 28.4983C53.2854 28.8079 52.8113 28.8358 52.5017 28.5606C52.1921 28.2854 52.1643 27.8114 52.4394 27.5018L55.9965 23.5001L52.4394 19.4983C52.1643 19.1887 52.1921 18.7147 52.5017 18.4395Z" fill="#F9F9F9"/>
 </svg>

package/dist/esm/code/settings/configs/translate.js

@@ -0,0 +1 @@
+let CSSCode={background:{id:"background",fields:["image.src"]}};export{CSSCode};

package/dist/esm/collection/components/collection-description/CollectionDescription.liquid.js

@@ -1,16 +1,15 @@
-import{makeStyleResponsive as e,makeLineClamp as i,template as s,isLocalEnv as t,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../../helpers.js";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as c,getStaticCss as r}from"./common/styles.js";import{createClass as p,createStyle as a,createAttr as m,createStateOrContext as $,If as d,Liquid as g,LiquidUnless as v,LiquidIf as y}from"@gem-sdk/system";import{getClassContainerCollectionDes as f,getClassButtonViewMore as u,getDescriptionClasses as w,getShowMoreIconClasses as C,getShowMoreTextClasses as b,getClassPreBuilt as S}from"./common/classes.js";import{getViewLessText as h,getViewMoreText as j,ICON_SVG as x}from"./common/helpers.js";let CollectionDescription=({setting:M,advanced:k,builderProps:E,pageContext:I})=>{let L=p(f({setting:M})),P=p(u({setting:M})),V=p(w({advanced:k})),A=p(C()),T=p(b()),q=p(S()),D=a({...n({setting:M}),...e("line-clamp",i(M?.lineClamp,M?.hasLineClamp))}),G=a({...c(M)}),N=h({setting:M,builderProps:E,pageContext:I,type:"liquid"}),O=j({setting:M,builderProps:E,pageContext:I,type:"liquid"}),_=m({"data-id":`${E?.uid}`,"view-more-text":`${I?.isPreviewing?O:`{{${O}}}`}`,"view-less-text":`${I?.isPreviewing?N:`{{${N}}}`}`}),J=m({"data-gp-text":""}),{gpDescriptionCss:R,textDescriptionCss:z}=r(),B=$({setting:{lineClamp:M?.lineClamp,hasLineClamp:M?.hasLineClamp,viewMoreText:O,viewLessText:N,enableViewMoreIcon:M?.enableViewMoreIcon},textStyle:D}),F=()=>{let e=t?"{{ 'gp-collection-description-v7-5.js' | asset_url }}":`${l}/assets-v2/gp-collection-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${o('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return d(!1,"",g(s`
+import{makeStyleResponsive as e,makeLineClamp as i,template as s,isLocalEnv as t,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../../helpers.js";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as p,getStaticCss as c}from"./common/styles.js";import{createClass as r,createStyle as a,createAttr as m,createStateOrContext as $,If as d,Liquid as g,LiquidUnless as v,LiquidIf as f}from"@gem-sdk/system";import{getClassContainerCollectionDes as y,getClassButtonViewMore as u,getDescriptionClasses as w,getShowMoreIconClasses as C,getShowMoreTextClasses as b,getClassPreBuilt as j}from"./common/classes.js";import{getViewLessText as S,getViewMoreText as h,ICON_SVG as x}from"./common/helpers.js";let CollectionDescription=({setting:M,advanced:k,builderProps:E,pageContext:I})=>{let L=r(y({setting:M})),P=r(u({setting:M})),V=r(w({advanced:k})),A=r(C()),T=r(b()),q=r(j()),D=a({...n({setting:M}),...e("line-clamp",i(M?.lineClamp,M?.hasLineClamp))}),G=a({...p(M)}),N=S({setting:M,builderProps:E,pageContext:I,type:"liquid"}),O=h({setting:M,builderProps:E,pageContext:I,type:"liquid"}),_=m({"data-id":`${E?.uid}`,"view-more-text":`${I?.isPreviewing?O:`{{${O}}}`}`,"view-less-text":`${I?.isPreviewing?N:`{{${N}}}`}`}),J=m({"data-gp-text":""}),{gpDescriptionCss:R,textDescriptionCss:z}=c(),B=$({setting:{lineClamp:M?.lineClamp,hasLineClamp:M?.hasLineClamp,viewMoreText:O,viewLessText:N,enableViewMoreIcon:M?.enableViewMoreIcon},textStyle:D}),F=()=>{let e=t?"{{ 'gp-collection-description-v7-5.js' | asset_url }}":`${l}/assets-v2/gp-collection-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${o('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return d(!1,"",g(s`
     <gp-collection-description
       ${_}
       class="${V}"
-      gp-data='${JSON.stringify(B).replaceAll("'","&#039;")}'
     >
-      <style>${z}</style>
-      <style>${R}</style>
+      <script gp-data type="application/json">${JSON.stringify(B).replaceAll("'","&#039;")}</script>
+      <style>${z}${R}</style>
       <div class="${q}" ></div>
       ${v("collection","<p>Collection not found</p>",s`<div ${J} class="${L}" style="${D}">
           {{collection.description}}
         </div>
-        ${y("collection.description != blank",s`<button type="button" class="${P}" style="${G}">
+        ${f("collection.description != blank",s`<button type="button" class="${P}" style="${G}">
           <span class="${T}">
             ${d(I?.isPreviewing,O?.toString()||"",`{{${O}}}`)}
           </span>

package/dist/esm/collection/components/collection-description/common/helpers.js

@@ -1,3 +1,3 @@
-import"@gem-sdk/core";import{getDynamicSourceLocales as e}from"../../../../helpers.js";let getViewMoreText=({setting:t,builderProps:i,pageContext:s,type:L})=>"liquid"===L?e({val:t?.viewMoreText,uid:i?.uid,settingId:"viewMoreText",isLiquid:!0,pageContext:s,translate:t?.translate}):t?.viewMoreText,getViewLessText=({setting:t,builderProps:i,pageContext:s,type:L})=>"liquid"===L?e({val:t?.viewLessText,uid:i?.uid,settingId:"viewLessText",isLiquid:!0,pageContext:s,translate:t?.translate}):t?.viewLessText,DESCRIPTION_LINE_HEIGHT_DEFAULT=21,ICON_SVG=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
+import"@gem-sdk/core";import{getDynamicSourceLocales as e,createSettingId as i}from"../../../../helpers.js";import{CollectionDescription as t}from"../../../settings/collection-description/configs/translate.js";let getViewMoreText=({setting:s,builderProps:L,pageContext:o,type:r})=>"liquid"===r?e({val:s?.viewMoreText,uid:L?.uid,settingId:i({id:t?.viewMoreText?.id}),isLiquid:!0,pageContext:o}):s?.viewMoreText,getViewLessText=({setting:s,builderProps:L,pageContext:o,type:r})=>"liquid"===r?e({val:s?.viewLessText,uid:L?.uid,settingId:i({id:t?.viewLessText?.id}),isLiquid:!0,pageContext:o}):s?.viewLessText,DESCRIPTION_LINE_HEIGHT_DEFAULT=21,ICON_SVG=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
               fill="currentColor"/>
         </svg>`;export{DESCRIPTION_LINE_HEIGHT_DEFAULT,ICON_SVG,getViewLessText,getViewMoreText};

package/dist/esm/collection/components/collection-paginator/CollectionPaginator.liquid.js

@@ -1,8 +1,9 @@
-import{composeTypographyStyle as o,getGlobalColorClass as s,getGlobalColorCSSProp as t,makeStyleResponsive as e,template as l,RenderIf as r,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as c}from"../../../helpers.js";import{renderPaginatorItem as p}from"./common/helpers.js";import{customClass as m,getPaginatorWrapperClass as d,getPaginatorClass as n}from"./common/classes.js";import{createStyle as g,createClass as f,createStateOrContext as v}from"@gem-sdk/system";let CollectionPaginator=({setting:S,builderProps:$,pageContext:u})=>{let{typographyPaginator:y,activeColor:C,align:j,typo:k,normalColor:E}=S??{},h=g({...o(k,y)}),x=g({normalColorClass:s("text",E),activeColorClass:s("text",C),normalColorStyle:t(E)??"",activeColorStyle:t(C)??""}),A=f({...m("",void 0,S)}),P={...x,customStyle:h,addedClass:A},G=p({setting:S,builderProps:$,pageContext:u},"liquid"),N=f({...d()}),O=f({...n()}),_=g({...e("ta",j),...P.customStyle}),q=v({setting:S,styleSetting:P,uid:$?.uid});return l`
-    <gp-collection-paginator gp-data='${JSON.stringify(q).replaceAll("'","&#039;")}' id="${$?.uid}" >
+import{composeTypographyStyle as o,getGlobalColorClass as t,getGlobalColorCSSProp as s,makeStyleResponsive as e,template as l,RenderIf as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as c}from"../../../helpers.js";import{renderPaginatorItem as p}from"./common/helpers.js";import{customClass as m,getPaginatorWrapperClass as n,getPaginatorClass as d}from"./common/classes.js";import{createStyle as g,createClass as f,createStateOrContext as v}from"@gem-sdk/system";let CollectionPaginator=({setting:y,builderProps:S,pageContext:$})=>{let{typographyPaginator:u,activeColor:C,align:j,typo:k,normalColor:E}=y??{},h=g({...o(k,u)}),x=g({normalColorClass:t("text",E),activeColorClass:t("text",C),normalColorStyle:s(E)??"",activeColorStyle:s(C)??""}),A=f({...m("",void 0,y)}),P={...x,customStyle:h,addedClass:A},G=p({setting:y,builderProps:S,pageContext:$},"liquid"),N=f({...n()}),O=f({...d()}),_=g({...e("ta",j),...P.customStyle}),q=v({setting:y,styleSetting:P,uid:S?.uid});return l`
+    <gp-collection-paginator id="${S?.uid}">
+    <script gp-data type="application/json">${JSON.stringify(q).replaceAll("'","&#039;")}</script>
       <div class="${O}" style="${_}">
         <div class="${N}">${G}</div>
       </div>
     </gp-collection-paginator>
-    ${r(i,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-collection-paginator-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-collection-paginator-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${i(r,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-collection-paginator-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-collection-paginator-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{CollectionPaginator as default};

package/dist/esm/collection/components/collection-paginator/common/helpers.js

@@ -1,8 +1,8 @@
-import{makeStyle as e,template as t}from"@gem-sdk/core";import{getDynamicSourceLocales as a}from"../../../../helpers.js";import{customClass as r}from"./classes.js";import i from"html-react-parser";import{createClass as s,createStyle as o}from"@gem-sdk/system";import{getCustomStyle as n,getPaginatorStyle as l}from"./styles.js";let renderPaginatorItem=({setting:e,builderProps:t,pageContext:a},r)=>"liquid"===r?renderPaginatorLive({setting:e,builderProps:t,pageContext:a}):renderPaginatorEditor({setting:e,builderProps:t,pageContext:a}),renderPaginatorLive=({setting:e,builderProps:t,pageContext:a})=>{let r=getPreviousTextVal({setting:e,builderProps:t,pageContext:a},"liquid"),i=getNextTextVal({setting:e,builderProps:t,pageContext:a},"liquid"),s=e?.numberOfProducts||a?.numberOfProductOfProductList||0,o=s>0?s:4,n=e=>e?.replace(/"/g,'\\"')??"",l=`"${n(r??"")}"`,m=`"${n(i??"")}"`;return`
+import{makeStyle as e,template as t}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as r}from"../../../../helpers.js";import{customClass as i}from"./classes.js";import s from"html-react-parser";import{createClass as o,createStyle as n}from"@gem-sdk/system";import{getCustomStyle as l,getPaginatorStyle as m}from"./styles.js";import{CollectionPaginator as p}from"../../../settings/collection-paginator/configs/translate.js";let renderPaginatorItem=({setting:e,builderProps:t,pageContext:a},r)=>"liquid"===r?renderPaginatorLive({setting:e,builderProps:t,pageContext:a}):renderPaginatorEditor({setting:e,builderProps:t,pageContext:a}),renderPaginatorLive=({setting:e,builderProps:t,pageContext:a})=>{let r=getPreviousTextVal({setting:e,builderProps:t,pageContext:a},"liquid"),i=getNextTextVal({setting:e,builderProps:t,pageContext:a},"liquid"),s=e?.numberOfProducts||a?.numberOfProductOfProductList||0,o=s>0?s:4,n=e=>e?.replace(/"/g,'\\"')??"",l=`"${n(r??"")}"`,m=`"${n(i??"")}"`;return`
     {% paginate collection.products by ${o} %}
       {% assign previousText = ${a?.isPreviewing?l:r||'""'} %}
       {% assign nextText = ${a?.isPreviewing?m:i||'""'} %}
 
       {{ paginate | default_pagination: previous: previousText, next: nextText }}
     {% endpaginate %}
-  `},renderPaginatorEditor=({setting:t,builderProps:a,pageContext:m})=>{let{pageQuantity:p,typo:c,normalColor:g,activeColor:u}=t??{},d=[],x=parseInt(p??"0"),P=6;6>x&&(P=x-1);let y=P>1?P-1:0,f=getPreviousTextVal({setting:t,builderProps:a,pageContext:m},"react"),v=getNextTextVal({setting:t,builderProps:a,pageContext:m},"react"),I=s({...r("prev",g,t)}),T=s({...r("page",g,t)}),h=s({...r("deco",g,t)}),N=e=>s({...r("page",e===y?u:g,t)}),k=s({...r("deco",g,t)}),L=s({...r("page",g,t)}),$=s({...r("next",g,t)}),q=e=>o({...l(e===y,n(t),u)}),w=o({...n(t),...e({w:"auto"})}),z=o({...n(t)}),V=o({...n(t),...e({w:"auto"})});y>0&&d.push(createPaginatorItem({key:"prev",text:c?.attrs?.transform==="capitalize"?f?.toLocaleLowerCase():f,className:I,style:w})),y>2&&d.push(createPaginatorItem({key:1,text:1,className:T,style:z})),y>3&&d.push(createPaginatorItem({key:"deco",text:"...",className:h,style:z}));for(let e=Math.max(0,y-2);e<=Math.min(y+2,x-1);e++)d.push(createPaginatorItem({key:e+1,text:e+1,className:N(e),style:q(e)}));return y<x-4&&d.push(createPaginatorItem({key:"deco-2",text:"...",className:k,style:z})),y<x-3&&d.push(createPaginatorItem({key:x,text:x,className:L,style:z})),y!==x-1&&0!==x&&d.push(createPaginatorItem({key:"next",text:c?.attrs?.transform==="capitalize"?v?.toLocaleLowerCase():v,className:$,style:V})),d.map(e=>i(e))},createPaginatorItem=({key:e,text:a,className:r,style:i})=>t`<span key="${e}" className="${r}" style="${i}"> ${a} </span>`,getPreviousTextVal=({setting:e,builderProps:t,pageContext:r},i)=>{let{previousText:s,typo:o,translate:n}=e??{};return"liquid"===i?a({val:s,uid:t?.uid,settingId:"previousText",pageContext:r,isLiquid:!0,isCapitalize:o?.attrs?.transform==="capitalize",translate:n}).toString():s},getNextTextVal=({setting:e,builderProps:t,pageContext:r},i)=>{let{nextText:s,typo:o,translate:n}=e??{};return"liquid"===i?a({val:s,uid:t?.uid,settingId:"nextText",pageContext:r,isLiquid:!0,isCapitalize:o?.attrs?.transform==="capitalize",translate:n}).toString():s};export{renderPaginatorItem};
+  `},renderPaginatorEditor=({setting:t,builderProps:a,pageContext:r})=>{let{pageQuantity:p,typo:c,normalColor:g,activeColor:u}=t??{},d=[],x=parseInt(p??"0"),P=6;6>x&&(P=x-1);let y=P>1?P-1:0,f=getPreviousTextVal({setting:t,builderProps:a,pageContext:r},"react"),v=getNextTextVal({setting:t,builderProps:a,pageContext:r},"react"),I=o({...i("prev",g,t)}),T=o({...i("page",g,t)}),h=o({...i("deco",g,t)}),N=e=>o({...i("page",e===y?u:g,t)}),k=o({...i("deco",g,t)}),L=o({...i("page",g,t)}),$=o({...i("next",g,t)}),q=e=>n({...m(e===y,l(t),u)}),w=n({...l(t),...e({w:"auto"})}),z=n({...l(t)}),V=n({...l(t),...e({w:"auto"})});y>0&&d.push(createPaginatorItem({key:"prev",text:c?.attrs?.transform==="capitalize"?f?.toLocaleLowerCase():f,className:I,style:w})),y>2&&d.push(createPaginatorItem({key:1,text:1,className:T,style:z})),y>3&&d.push(createPaginatorItem({key:"deco",text:"...",className:h,style:z}));for(let e=Math.max(0,y-2);e<=Math.min(y+2,x-1);e++)d.push(createPaginatorItem({key:e+1,text:e+1,className:N(e),style:q(e)}));return y<x-4&&d.push(createPaginatorItem({key:"deco-2",text:"...",className:k,style:z})),y<x-3&&d.push(createPaginatorItem({key:x,text:x,className:L,style:z})),y!==x-1&&0!==x&&d.push(createPaginatorItem({key:"next",text:c?.attrs?.transform==="capitalize"?v?.toLocaleLowerCase():v,className:$,style:V})),d.map(e=>s(e))},createPaginatorItem=({key:e,text:a,className:r,style:i})=>t`<span key="${e}" className="${r}" style="${i}"> ${a} </span>`,getPreviousTextVal=({setting:e,builderProps:t,pageContext:i},s)=>{let{previousText:o,typo:n}=e??{};return"liquid"===s?a({val:o,uid:t?.uid,settingId:r({id:p?.previousText?.id}),pageContext:i,isLiquid:!0,isCapitalize:n?.attrs?.transform==="capitalize"}).toString():o},getNextTextVal=({setting:e,builderProps:t,pageContext:i},s)=>{let{nextText:o,typo:n}=e??{};return"liquid"===s?a({val:o,uid:t?.uid,settingId:r({id:p?.nextText?.id}),pageContext:i,isLiquid:!0,isCapitalize:n?.attrs?.transform==="capitalize"}).toString():o};export{renderPaginatorItem};

package/dist/esm/collection/components/collection-title/CollectionTitle.liquid.js

@@ -1,3 +1,3 @@
 import{template as t}from"@gem-sdk/core";import e from"../../../text/components/Text.liquid.js";import{If as o}from"@gem-sdk/system";let CollectionTitle=({setting:l,advanced:i})=>{let r=l?.typo?.attrs?.transform==="capitalize";return t`
-    ${e({styles:l,setting:{...l,text:`${o(r,"{{ collection.title | downcase }}","{{ collection.title }}")}`,excludeFlex:!0},advanced:i})}
+    ${e({styles:l,setting:{...l,text:`${o(r,"{{ collection.title | downcase }}","{{ collection.title }}")}`,excludeFlex:!0,isForceValue:!0},advanced:i})}
   `};export{CollectionTitle as default};

package/dist/esm/collection/components/collection-toolbar/CollectionToolbar.liquid.js

@@ -1,10 +1,10 @@
-import{template as o,RenderIf as s,isLocalEnv as t,baseAssetURL as e}from"@gem-sdk/core";import{getSettingPreloadData as l}from"../../../helpers.js";import{createClass as i,createStyle as n,createStateOrContext as r,LiquidIf as c}from"@gem-sdk/system";import{getClassContainer as a,getClassToolbarWrapper as p,getClassToolbarSortWrapper as d,getClassSelect as m,getClassToolbarWrapperQuantity as u}from"./common/classes.js";import{getStyleCollectionToolbar as f,getStyleToolbarWrapper as $,getStyleSelect as y,getStyleToolbarWrapperQuantity as g}from"./common/styles.js";import{getSortingTextDisplayVal as v,getQuantityTextDisplayVal as b}from"./common/helpers.js";let CollectionToolbar=({setting:_,builderProps:S,pageContext:j})=>{let{displayQuantity:k}=_??{},q=i({...a()}),T=i({...p()}),C=i({...d()}),E=i({...m(_)}),h=i({...u(_)}),x=i({"gp-flex-1":!0}),A=n({...f(_)}),G=n({...$(_)}),N=n({...y(_)}),O=n({...g(_)}),I=v({setting:_,builderProps:S,pageContext:j},"liquid"),J=b({setting:_,builderProps:S,pageContext:j},"liquid"),M=r({uid:S?.uid});return o`
+import{template as o,RenderIf as s,isLocalEnv as t,baseAssetURL as e}from"@gem-sdk/core";import{getSettingPreloadData as i}from"../../../helpers.js";import{createClass as l,createStyle as n,createStateOrContext as r,LiquidIf as c}from"@gem-sdk/system";import{getClassContainer as p,getClassToolbarWrapper as a,getClassToolbarSortWrapper as d,getClassSelect as m,getClassToolbarWrapperQuantity as u}from"./common/classes.js";import{getStyleCollectionToolbar as f,getStyleToolbarWrapper as y,getStyleSelect as $,getStyleToolbarWrapperQuantity as g}from"./common/styles.js";import{getSortingTextDisplayVal as v,getQuantityTextDisplayVal as b}from"./common/helpers.js";let CollectionToolbar=({setting:_,builderProps:j,pageContext:S})=>{let{displayQuantity:k}=_??{},q=l({...p()}),T=l({...a()}),C=l({...d()}),E=l({...m(_)}),h=l({...u(_)}),x=l({"gp-flex-1":!0}),A=n({...f(_)}),G=n({...y(_)}),N=n({...$(_)}),O=n({...g(_)}),I=v({setting:_,builderProps:j,pageContext:S},"liquid"),J=b({setting:_,builderProps:j,pageContext:S},"liquid"),M=r({uid:j?.uid});return o`
     <gp-collection-toolbar
       class="${q}"
       style="${A}"
-      id="${S?.uid}"
-      gp-data='${JSON.stringify(M)}'
+      id="${j?.uid}"
     >
+      <script gp-data type="application/json">${JSON.stringify(M)}</script>
       <div class="${T}" style="${G}" >
         <div class="${C}">
           <select id="sorting" class="${E}" style="${N}" >
@@ -38,5 +38,5 @@ import{template as o,RenderIf as s,isLocalEnv as t,baseAssetURL as e}from"@gem-s
         <div class="${x}">&nbsp;</div>
       </div>
     </gp-collection-toolbar>
-    ${s(t,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-collection-toolbar-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${e}/assets-v2/gp-collection-toolbar-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${s(t,`<script ${i('class="gps-link" delay',"src")}="{{ 'gp-collection-toolbar-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${i('class="gps-link" delay',"src")}="${e}/assets-v2/gp-collection-toolbar-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{CollectionToolbar as default};

package/dist/esm/collection/components/collection-toolbar/common/helpers.js

@@ -1 +1 @@
-import{getDynamicSourceLocales as e}from"../../../../helpers.js";let getSortingTextDisplayVal=({setting:t,builderProps:a,pageContext:l},i)=>{let{sortingTextDisplay:n,translate:s}=t??{};return"react"==i?n:e({val:n,uid:a?.uid,settingId:"sortingTextDisplay",pageContext:l,translate:s})},getQuantityTextDisplayVal=({setting:t,builderProps:a,pageContext:l},i)=>{let{quantityTextDisplay:n,translate:s}=t??{};return"react"==i?n:e({val:n,uid:a?.uid,settingId:"quantityTextDisplay",isLiquid:!0,pageContext:l,translate:s})},SORT_OPTIONS=[{name:"Best selling",value:"best-selling"},{name:"Featured",value:"manual"},{name:"Alphabetically, A-Z",value:"title-ascending"},{name:"Alphabetically, Z-A",value:"title-descending"},{name:"Price, low to high",value:"price-ascending"},{name:"Price, high to low",value:"price-descending"},{name:"Date, new to old",value:"created-descending"},{name:"Date, old to new",value:"created-ascending"}],sortBy="manual";export{SORT_OPTIONS,getQuantityTextDisplayVal,getSortingTextDisplayVal,sortBy};
+import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{CollectionToolbar as a}from"../../../settings/collection-toolbar/configs/translate.js";let getSortingTextDisplayVal=({setting:i,builderProps:l,pageContext:n},s)=>{let{sortingTextDisplay:r}=i??{};return"react"==s?r:e({val:r,uid:l?.uid,settingId:t({id:a?.sortingTextDisplay?.id}),pageContext:n})},getQuantityTextDisplayVal=({setting:i,builderProps:l,pageContext:n},s)=>{let{quantityTextDisplay:r}=i??{};return"react"==s?r:e({val:r,uid:l?.uid,settingId:t({id:a?.quantityTextDisplay?.id}),isLiquid:!0,pageContext:n})},SORT_OPTIONS=[{name:"Best selling",value:"best-selling"},{name:"Featured",value:"manual"},{name:"Alphabetically, A-Z",value:"title-ascending"},{name:"Alphabetically, Z-A",value:"title-descending"},{name:"Price, low to high",value:"price-ascending"},{name:"Price, high to low",value:"price-descending"},{name:"Date, new to old",value:"created-descending"},{name:"Date, old to new",value:"created-ascending"}],sortBy="manual";export{SORT_OPTIONS,getQuantityTextDisplayVal,getSortingTextDisplayVal,sortBy};