@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

package/dist/cjs/article/settings/configs/article-tag/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{label:{en:"Text style"},controls:[{id:"typo",label:{en:"Basic"},setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"SEO"},controls:[{label:{en:"HTML tag"},setting:{id:"htmlTag"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/article/settings/configs/article-title/presets.js

@@ -0,0 +1,5 @@
+"use strict";const ArticleTitlePresets=[{id:"article-title",name:{en:"Article Title"},icon:{desktop:`<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>
+
+`},components:[{tag:"ArticleTitle",settings:{htmlTag:"h2",linkArticle:"go-to-article"},styles:{typo:{type:"subheading-3",attrs:{color:"text-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]}];exports.ArticleTitlePresets=ArticleTitlePresets;

package/dist/cjs/article/settings/configs/article-title/settings.js

@@ -0,0 +1 @@
+"use strict";const ArticleTitleSettings=[{id:"setting",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"h1",label:"H1"},{value:"h2",label:"H2"},{value:"h3",label:"H3"},{value:"h4",label:"H4"},{value:"h5",label:"H5"},{value:"h6",label:"H6"},{value:"div",label:"Div"}],default:"h2"},{id:"enableLink",type:"toggle",label:"Link",default:!0},{id:"linkArticle",label:"After click",type:"select",options:[{label:"Go to article",value:"go-to-article"},{label:"Scroll to",value:"scroll-to"}],default:"go-to-article",info:"Ability to click on article title to go to article detail page."},{id:"customURL",label:"Custom URL",type:"pick-link",default:{target:"_self",type:"scroll-to"},isHiddenOpenLinkSelect:!0,hide:!0},{id:"openNewTab",type:"segment",label:"Open new tab",options:[{label:"Yes",value:!0},{label:"No",value:!1}],default:!1}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"subheading-3",attrs:{color:"text-1"}},ignoreReRender:!0},{id:"enableHoverEffect",type:"toggle",label:"Hover",default:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}},{id:"hasLineClamp",type:"segment",label:"Has Line Clamp",options:[{label:"Yes",value:!0},{label:"No",value:!1}],devices:{desktop:{default:!0}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:2}},hide:!0},{id:"color",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1",hover:"#4F4F4F"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"#4F4F4F"}},{id:"hasTextShadow",type:"toggle",label:"Enable Text Shadow",default:{normal:!1,hover:!1},state:{normal:!0,hover:!0}},{id:"textShadow",type:"textShadow",label:"Text Shadow",hideOnState:{normal:!0,hover:!0},default:{normal:{type:"shadow-1"}},state:{normal:!0,hover:!0}}]}];exports.ArticleTitleSettings=ArticleTitleSettings;

package/dist/cjs/article/settings/configs/article-title/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"control",label:{en:"After click"},setting:{id:"linkArticle"},options:{label:"large",hideOnPages:["STATIC"]}},{type:"control",label:{en:"Text"},setting:{id:"typo"},layout:"vertical"},{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Max lines"},setting:{id:"hasLineClamp"},options:{label:"large"}},{type:"control",label:{en:"Max lines"},setting:{id:"lineClamp"},condition:"hasLineClamp == true"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"color",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Text color"},setting:{id:"color",state:"hover"}}]}]}]},{type:"control",label:{en:"Text align"},setting:{id:"textAlign"}},{type:"group",label:{en:"SEO"},controls:[{type:"control",label:{en:"HTML tag"},setting:{id:"htmlTag"}}]}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/article/settings/configs/article-title/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{label:{en:"Text style"},controls:[{id:"typo",label:{en:"Basic"},setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},controls:[{type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",label:{en:"Hover"},setting:{id:"enableHoverEffect"},controls:[{label:{en:"Text color"},setting:{id:"color",state:"hover"}}]}]},{controls:[{label:{en:"Link"},setting:{id:"enableLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"enableLink === true",label:{en:"After click"},setting:{id:"linkArticle"}},{type:"control",conditionDisplay:"linkArticle === 'scroll-to' && enableLink == true",layout:"vertical",setting:{id:"customURL"}},{conditionDisplay:'enableLink === true && linkArticle === "go-to-article"',label:{en:"Open new tab"},setting:{id:"openNewTab"}}]},{label:{en:"Display option"},controls:[{id:"hasLineClamp",label:{en:"Max lines"},setting:{id:"hasLineClamp"}},{id:"lineClamp",label:{en:"Number of lines"},conditionDisplay:"hasLineClamp === true",setting:{id:"lineClamp"}}]},{label:{en:"SEO"},controls:[{label:{en:"HTML tag"},setting:{id:"htmlTag"}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/breadcrumb/common/attrs.js

@@ -0,0 +1 @@
+"use strict";const getAttr=({uid:t,builderAttrs:r})=>({"data-id":t,...r}),getNavAttr=()=>({"aria-label":"breadcrumb"});exports.getAttr=getAttr,exports.getNavAttr=getNavAttr;

package/dist/cjs/breadcrumb/common/classes.js

@@ -0,0 +1,9 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");const generateBreadcrumbClasses=(e,s)=>{let t=helpers.getHiddenOnPageByDevice("tablet",e),a=helpers.getHiddenOnPageByDevice("mobile",e),r=core.cls({"gp-hidden":e?.desktop&&s?.extendCondition,"tablet:gp-hidden":t&&s?.extendCondition,"tablet:gp-flex":!t,"mobile:gp-hidden":a&&s?.extendCondition,"mobile:gp-flex":!a}),l=`${r} ${s?.additionalStaticClasses}`.trim();return composeClasses(l)},staticFirstClasses=`
+    gp-flex gp-flex-wrap gp-align-center gp-w-full
+    !gp-gap-x-[var(--gap-desktop)] tablet:!gp-gap-x-[var(--gap-tablet)] mobile:!gp-gap-x-[var(--gap-mobile)]
+  `,staticSecondClasses=`
+    gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden
+    [&>svg]:!gp-text-[var(--color)] [&>svg]:!gp-h-[var(--height-desktop)]
+    [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)]
+    mobile:[&>svg]:!gp-h-[var(--height-mobile)]
+    `,getBreadcrumbSecondItemClasses=(e,s,t)=>{let a=generateBreadcrumbClasses(s,{indexOffset:e??0,lengthOfBreadcrumb:t,additionalStaticClasses:staticSecondClasses,extendCondition:e+1===t});return a},getBreadcrumbChildItemClasses=(e,s,t)=>{let a=core.cls({"gp-cursor-pointer":e+1!==s},"gp-inline-flex gp-select-none gp-w-fit",t);return{...composeClasses(a)}},getBreadcrumbContainerChildItemClasses=()=>({...composeClasses(core.cls("gp-flex"))}),getBreadcrumbClasses=e=>{let s=core.cls("gp-flex",e);return composeClasses(s)},getNavClasses=()=>composeClasses(staticFirstClasses),composeClasses=e=>e.trim().split(/\s+/).reduce((e,s)=>(e[s]=!0,e),{});exports.generateBreadcrumbClasses=generateBreadcrumbClasses,exports.getBreadcrumbChildItemClasses=getBreadcrumbChildItemClasses,exports.getBreadcrumbClasses=getBreadcrumbClasses,exports.getBreadcrumbContainerChildItemClasses=getBreadcrumbContainerChildItemClasses,exports.getBreadcrumbSecondItemClasses=getBreadcrumbSecondItemClasses,exports.getNavClasses=getNavClasses,exports.staticFirstClasses=staticFirstClasses,exports.staticSecondClasses=staticSecondClasses;

package/dist/cjs/breadcrumb/common/helpers.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getHiddenOnPageByDevice=(e,o)=>"tablet"===e?o?.tablet??o?.desktop??!1:"mobile"===e?o?.mobile??o?.tablet??o?.desktop??!1:o?.desktop??!1,makeStyleStateConditionActive=(e,o,t)=>o?t?{[`--${e}`]:o?.active}:{[`--${e}`]:o?.normal,[`--hvr-${e}`]:o?.hover,[`--focus-${e}`]:o?.focus}:{},composeAppendTypoClass=e=>(delete e?.attrs?.color,core.composeTypographyClassName(e)),composeAppendTypoStyle=e=>(delete e?.attrs?.color,core.composeTypographyStyle(e));exports.composeAppendTypoClass=composeAppendTypoClass,exports.composeAppendTypoStyle=composeAppendTypoStyle,exports.getHiddenOnPageByDevice=getHiddenOnPageByDevice,exports.makeStyleStateConditionActive=makeStyleStateConditionActive;

package/dist/cjs/breadcrumb/common/styles.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");const getSpacingStyles=e=>({"--gap-desktop":`${e?.desktop}`,"--gap-tablet":`${e?.tablet??e?.desktop}`,"--gap-mobile":`${e?.mobile??e?.tablet??e?.desktop}`}),getBreadcrumbChildItemStyles=e=>{let{breadcrumbItemIndex:t,lengthOfBreadcrumb:r,appendTypoStyle:l,fontWeight:o,labelColor:a}=e,c=t+1===r;return{...c?{}:core.getGlobalColorStateStyle("c",a),...core.makeStyle({c:core.getSingleColorVariable(c&&a?.active||a?.normal)}),...core.removeNullUndefined(helpers.makeStyleStateConditionActive("weight",o,c)),...l,...c?core.removeNullUndefined(helpers.makeStyleStateConditionActive("weight",o,c)):{}}},generateBreadcrumbChildIconStyles=(e,t)=>{let r=e?.desktop??0,l=e?.tablet??r,o=e?.mobile??l;return{"--height-desktop":`${r}px`,"--height-tablet":`${l}px`,"--height-mobile":`${o}px`,"--c":core.getGlobalColorCSSProp(t)}},getBreadcrumbStyles=(e,t)=>{let{background:r,align:l}=t??{};return{...e,...core.getStyleBgColor(r??{}),...core.makeStyleResponsive("jc",l)}};exports.generateBreadcrumbChildIconStyles=generateBreadcrumbChildIconStyles,exports.getBreadcrumbChildItemStyles=getBreadcrumbChildItemStyles,exports.getBreadcrumbStyles=getBreadcrumbStyles,exports.getSpacingStyles=getSpacingStyles;

package/dist/cjs/breadcrumb/components/Breadcrumb.js

@@ -1,180 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var React = require('react');
-var common = require('../helpers/common.js');
-
-const Breadcrumb = ({ className, setting = {}, style, styles = {}, builderAttrs, builderProps })=>{
-    const { iconSvg, align, iconWidth, hideCurrentPage, spacing, color, background, fontWeight } = setting;
-    const { typo } = styles;
-    const appendTypoClass = React.useMemo(()=>core.composeTypographyClassName(typo), [
-        typo
-    ]);
-    const [pageName, setPageName] = React.useState();
-    const [assignedProductTitle, setAssignedProductTitle] = React.useState();
-    const [assignedCollectionTitle, setAssignedCollectionTitle] = React.useState();
-    React.useEffect(()=>{
-        const $iframe = parent.document.querySelector('.iframe');
-        const assignedProductTitle = $iframe?.getAttribute('data-assigned-product-title');
-        const assignedCollectionTitle = $iframe?.getAttribute('data-assigned-collection-title');
-        const pageName = $iframe?.getAttribute('data-page-name');
-        if (pageName) {
-            setPageName(pageName);
-        }
-        setAssignedProductTitle(assignedProductTitle || undefined);
-        setAssignedCollectionTitle(assignedCollectionTitle || undefined);
-    }, []);
-    React.useEffect(()=>{
-        const moveToIndexListenEvent = (event)=>{
-            if (!event?.detail?.pageName) return;
-            setPageName(event.detail.pageName);
-        };
-        const changeProductAssigned = (event)=>{
-            setAssignedProductTitle(event?.detail?.assignedProductTitle);
-        };
-        const changeCollectionAssigned = (event)=>{
-            setAssignedCollectionTitle(event?.detail?.assignedProductTitle);
-        };
-        window.addEventListener('change-page-name', moveToIndexListenEvent);
-        window.addEventListener('change-product-assigned', changeProductAssigned);
-        window.addEventListener('change-collection-assigned', changeCollectionAssigned);
-        return ()=>{
-            window.removeEventListener('change-page-name', moveToIndexListenEvent);
-            window.removeEventListener('change-product-assigned', changeProductAssigned);
-            window.removeEventListener('change-collection-assigned', changeCollectionAssigned);
-        };
-    }, []);
-    const appendTypoStyle = React.useMemo(()=>core.composeTypographyStyle(typo), [
-        typo
-    ]);
-    const LIST_BREADCRUMB = [
-        {
-            pageType: 'GP_PRODUCT',
-            listBreadcrumb: [
-                'Home',
-                assignedProductTitle || 'Product Title'
-            ]
-        },
-        {
-            pageType: 'GP_COLLECTION',
-            listBreadcrumb: [
-                'Home',
-                assignedCollectionTitle || 'Collection Title'
-            ]
-        },
-        {
-            pageType: 'GP_ARTICLE',
-            listBreadcrumb: [
-                'Home',
-                'Blog',
-                'Article Title'
-            ]
-        },
-        {
-            pageType: 'GP_STATIC',
-            listBreadcrumb: [
-                'Home',
-                pageName ?? 'Landing Page Title'
-            ]
-        },
-        {
-            pageType: 'GP_INDEX',
-            listBreadcrumb: [
-                'Home'
-            ]
-        },
-        {
-            pageType: 'THEME_SECTION',
-            listBreadcrumb: [
-                'Home',
-                'Page Title'
-            ]
-        }
-    ];
-    const queryString = window.location.search;
-    const pageType = new URLSearchParams(queryString).get('pageType');
-    const breadcrumbData = LIST_BREADCRUMB.find((item)=>item.pageType === pageType)?.listBreadcrumb || [];
-    const renderBreadcrumbItem = ()=>{
-        const lengthOfBreadcrumb = breadcrumbData.length;
-        if (lengthOfBreadcrumb > 0) {
-            return breadcrumbData.map((child, index)=>{
-                return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                    style: {
-                        '--gap-desktop': `${spacing?.desktop}`,
-                        '--gap-tablet': `${spacing?.tablet || spacing?.desktop}`,
-                        '--gap-mobile': `${spacing?.mobile || spacing?.tablet || spacing?.desktop}`
-                    },
-                    className: core.cls(`gp-flex gp-align-center !gp-mr-[var(--gap-desktop)] tablet:!gp-mr-[var(--gap-tablet)] mobile:!gp-mr-[var(--gap-mobile) !gp-gap-[var(--gap-desktop)] tablet:!gp-gap-[var(--gap-tablet)] mobile:!gp-gap-[var(--gap-mobile)`, {
-                        'gp-hidden': hideCurrentPage?.desktop && index + 1 === lengthOfBreadcrumb,
-                        'tablet:gp-hidden': common.getHiddenOnPageByDevice('tablet', hideCurrentPage) && index + 1 === lengthOfBreadcrumb,
-                        'tablet:gp-flex': !common.getHiddenOnPageByDevice('tablet', hideCurrentPage),
-                        'mobile:gp-hidden': common.getHiddenOnPageByDevice('mobile', hideCurrentPage) && index + 1 === lengthOfBreadcrumb,
-                        'mobile:gp-flex': !common.getHiddenOnPageByDevice('mobile', hideCurrentPage)
-                    }),
-                    children: [
-                        /*#__PURE__*/ jsxRuntime.jsx("div", {
-                            className: core.cls({
-                                'gp-cursor-pointer': index + 1 !== lengthOfBreadcrumb
-                            }, `gp-inline-flex gp-select-none`, appendTypoClass),
-                            style: {
-                                ...{
-                                    ...index + 1 === lengthOfBreadcrumb ? {} : core.getGlobalColorStateStyle('c', setting?.labelColor)
-                                },
-                                ...core.makeStyle({
-                                    c: core.getSingleColorVariable(index + 1 === lengthOfBreadcrumb ? setting?.labelColor?.active : setting?.labelColor?.normal)
-                                }),
-                                ...core.removeNullUndefined({
-                                    ...common.makeStyleStateConditionActive('weight', fontWeight, index + 1 === lengthOfBreadcrumb)
-                                }),
-                                ...appendTypoStyle
-                            },
-                            children: /*#__PURE__*/ jsxRuntime.jsx("span", {
-                                children: child
-                            })
-                        }),
-                        iconSvg && index + 1 < lengthOfBreadcrumb && /*#__PURE__*/ jsxRuntime.jsx("span", {
-                            style: {
-                                '--height-desktop': `${iconWidth?.desktop}px`,
-                                '--height-tablet': `${iconWidth?.tablet || iconWidth?.desktop}px`,
-                                '--height-mobile': `${iconWidth?.mobile || iconWidth?.tablet || iconWidth?.desktop}px`,
-                                '--color': `${color}`
-                            },
-                            className: core.cls({
-                                'gp-hidden': hideCurrentPage?.desktop && index + 2 === lengthOfBreadcrumb,
-                                'tablet:gp-hidden': common.getHiddenOnPageByDevice('tablet', hideCurrentPage) && index + 2 === lengthOfBreadcrumb,
-                                'tablet:gp-flex': !common.getHiddenOnPageByDevice('tablet', hideCurrentPage),
-                                'mobile:gp-hidden': common.getHiddenOnPageByDevice('mobile', hideCurrentPage) && index + 2 === lengthOfBreadcrumb,
-                                'mobile:gp-flex': !common.getHiddenOnPageByDevice('mobile', hideCurrentPage)
-                            }, `gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-text-[var(--color)] [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]`),
-                            dangerouslySetInnerHTML: {
-                                __html: iconSvg
-                            }
-                        })
-                    ]
-                }, index);
-            });
-        }
-        return;
-    };
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        ...builderAttrs,
-        "data-id": builderProps?.uid,
-        style: {
-            ...style,
-            '--background-desktop': `${background?.desktop?.color}`,
-            '--background-tablet': `${background?.tablet?.color || background?.desktop?.color}`,
-            '--background-mobile': `${background?.mobile?.color || background?.tablet?.color || background?.desktop?.color}`,
-            ...core.makeStyleResponsive('jc', align)
-        },
-        className: core.cls('gp-flex !gp-bg-[var(--background-desktop)] tablet:!gp-bg-[var(--background-tablet)] mobile:!gp-bg-[var(--background-mobile)', className),
-        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-            className: "gp-flex gp-align-center ",
-            children: renderBreadcrumbItem()
-        })
-    });
-};
-
-exports.default = Breadcrumb;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),useBreadcrumb=require("../hooks/useBreadcrumb.js"),BreadcrumbItem=require("./BreadcrumbItem.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),core=require("@gem-sdk/core");const Breadcrumb=({className:e,setting:s={},style:t,styles:r={},builderAttrs:a,builderProps:c,advanced:m})=>{let{background:l,align:u}=s||{},{currentBreadcrumb:i}=useBreadcrumb.useBreadcrumb(),d=React.useMemo(()=>{let e=i.length;return i.length?i.map((t,a)=>jsxRuntime.jsx(BreadcrumbItem.default,{lengthOfBreadcrumb:e,templateName:t,breadcrumbItemIndex:a,setting:s,styles:r},a)):null},[i,s,r]),n=system.createAttr({...attrs.getAttr({uid:c?.uid??"",builderAttrs:a})}),y=system.createStyle({...styles.getBreadcrumbStyles(t,{background:l,align:u})}),o=system.createClass({...classes.getBreadcrumbClasses(e),...m?.cssClass&&{[m.cssClass]:!0}}),b=system.createClass({...classes.getNavClasses()}),g=system.createAttr({...attrs.getNavAttr()}),j=system.createStyle({...core.makeGlobalSize(s?.globalSize).padding,...styles.getSpacingStyles(s?.spacing),...core.makeStyleResponsive("jc",u)});return jsxRuntime.jsx("div",{...n,style:y,className:o,children:jsxRuntime.jsx("nav",{style:j,className:b,...g,children:d})})};exports.default=Breadcrumb;

package/dist/cjs/breadcrumb/components/Breadcrumb.liquid.js

@@ -1,234 +1,16 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@gem-sdk/core');
-var common = require('../helpers/common.js');
-var helpers = require('../../helpers.js');
-
-const Breadcrumb = ({ setting = {}, builderAttrs, style, styles = {}, className, builderProps })=>{
-    const { iconSvg, iconWidth, color, hideCurrentPage, spacing, align, background, fontWeight } = setting ?? {};
-    const isHiddenOnDesktop = common.getHiddenOnPageByDevice('desktop', hideCurrentPage);
-    const isHiddenOnTablet = common.getHiddenOnPageByDevice('tablet', hideCurrentPage);
-    const isHiddenOnMobile = common.getHiddenOnPageByDevice('mobile', hideCurrentPage);
-    const { typo } = styles;
-    const appendTypoClass = core.composeTypographyClassName(typo);
-    const appendTypoStyle = core.composeTypographyStyle(typo);
-    const activeStyleFontWeight = core.removeNullUndefined({
-        ...core.makeStyle({
-            weight: typo?.attrs?.bold ? 'bold' : fontWeight?.active ?? '400'
-        })
-    });
-    const activeStyleTextColor = core.makeStyle({
-        c: core.getSingleColorVariable(setting?.labelColor?.active)
-    });
-    return core.template`
-    <div ${{
-        ...builderAttrs
-    }}
-    data-id="${builderProps?.uid}"
-    style="${{
-        ...style,
-        ...core.makeStyleResponsive('jc', align),
-        '--background-desktop': `${background?.desktop?.color}`,
-        '--background-tablet': `${background?.tablet?.color || background?.desktop?.color}`,
-        '--background-mobile': `${background?.mobile?.color || background?.tablet?.color || background?.desktop?.color}`
-    }}" class="${core.cls(`!gp-bg-[var(--background-desktop)] tablet:!gp-bg-[var(--background-tablet)] mobile:!gp-bg-[var(--background-mobile)] gp-flex`, className, appendTypoClass)}">
-    {% unless  template == 'cart' or template == 'list-collections' or template == '404' %} 
-      {% assign t = template %}
-      {% if t contains '.' %}
-        {% assign t = t | split: '.' | first %}
-      {% endif %}
-      <nav style="${{
-        '--gap-desktop': `${spacing?.desktop}`,
-        '--gap-tablet': `${spacing?.tablet || spacing?.desktop}`,
-        '--gap-mobile': `${spacing?.mobile || spacing?.tablet || spacing?.desktop}`
-    }}" class="gp-flex gp-align-center !gp-gap-[var(--gap-desktop)] tablet:!gp-gap-[var(--gap-tablet)] mobile:!gp-gap-[var(--gap-mobile)]" aria-label="breadcrumb">
-        {% if t == 'index' %} 
-          <a class="${core.cls({
-        'gp-hidden': isHiddenOnDesktop,
-        'tablet:gp-hidden': isHiddenOnTablet,
-        'tablet:gp-flex': !isHiddenOnTablet,
-        'mobile:gp-hidden': isHiddenOnMobile,
-        'mobile:gp-flex': !isHiddenOnMobile
-    })}" href="{{ routes.root_url }}"  style="${{
-        ...appendTypoStyle,
-        ...activeStyleFontWeight,
-        ...activeStyleTextColor
-    }}">${helpers.getStaticLocale('Breadcrumb', 'home')}</a>
-        {% else %}
-          <a class="${core.cls(`gp-cursor-pointer`)}" style="${{
-        ...core.getGlobalColorStateStyle('c', setting?.labelColor),
-        ...core.makeStyleState('weight', fontWeight),
-        ...appendTypoStyle
-    }}" href="{{ routes.root_url }}">${helpers.getStaticLocale('Breadcrumb', 'home')}</a>
-        {% endif %}
-        {% if t == 'page' %}
-        <span
-          style="${{
-        '--height-desktop': `${iconWidth?.desktop}px`,
-        '--height-tablet': `${iconWidth?.tablet || iconWidth?.desktop}px`,
-        '--height-mobile': `${iconWidth?.mobile || iconWidth?.tablet || iconWidth?.desktop}px`,
-        '--color': `${color}`
-    }}"
-          class="${core.cls(`gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-text-[var(--color)] [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]`, {
-        'gp-hidden': isHiddenOnDesktop,
-        'tablet:gp-hidden': isHiddenOnTablet,
-        'tablet:gp-flex': !isHiddenOnTablet,
-        'mobile:gp-hidden': isHiddenOnMobile,
-        'mobile:gp-flex': !isHiddenOnMobile
-    })}"
-          >${iconSvg}</span>
-          <span class="${core.cls({
-        'gp-hidden': isHiddenOnDesktop,
-        'tablet:gp-hidden': isHiddenOnTablet,
-        'tablet:gp-flex': !isHiddenOnTablet,
-        'mobile:gp-hidden': isHiddenOnMobile,
-        'mobile:gp-flex': !isHiddenOnMobile
-    })}" style="${{
-        ...appendTypoStyle,
-        ...activeStyleFontWeight,
-        ...activeStyleTextColor
-    }}"> {{ page.title }}</span>
-        {% elsif t == 'product' %} 
-          {% if product.collections %} 
-            {% assign collect = false %}
-            {% if request and request.path contains "/collections/"%} 
-              {% assign collectionUrl = request.path | split: "/products/" | first %}
-              {% assign collectionHandle = collectionUrl | split: "/collections/" | reverse | first %}
-              {% assign collect = product.collections | where: "handle", collectionHandle | first %} 
-              {% if collect %}{% else %}{% assign collect = collection %}
-              {% endif %}
-            {% endif %} 
-            
-            {% if collect %}
-            <span
-            style="${{
-        '--height-desktop': `${iconWidth?.desktop}px`,
-        '--height-tablet': `${iconWidth?.tablet || iconWidth?.desktop}px`,
-        '--height-mobile': `${iconWidth?.mobile || iconWidth?.tablet || iconWidth?.desktop}px`,
-        '--color': `${color}`
-    }}"
-            class="${core.cls(`gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-text-[var(--color)] [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]`)}"
-            >${iconSvg}</span>
-              <a class="${core.cls(` gp-cursor-pointer`)}" title="{{ collect.title }}" href="{{ collect.url }}" style="${{
-        ...core.getGlobalColorStateStyle('c', setting?.labelColor),
-        ...core.makeStyleState('weight', fontWeight),
-        ...appendTypoStyle
-    }}">{{ collect.title }}</a>
-              
-            {% endif %} 
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),BreadcrumbItem_liquid=require("./BreadcrumbItem.liquid.js"),attrs=require("../common/attrs.js"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),types=require("../types.js"),constants=require("../constants.js");const Breadcrumb=({setting:e={},builderAttrs:s,style:t,styles:a={},className:r,builderProps:l,advanced:m})=>{let c=[types.ShopifyTemplate.HOME,types.ShopifyTemplate.LANDING,types.ShopifyTemplate.PRODUCT,types.ShopifyTemplate.COLLECTION,types.ShopifyTemplate.ARTICLE],{spacing:i,align:p,background:y}=e??{},o=c.map(s=>BreadcrumbItem_liquid.BreadcrumbItem({lengthOfBreadcrumb:s===types.ShopifyTemplate.HOME?constants.SHOPIFY_TEMPLATE_BREADCRUMB_LENGTH.HOME:constants.SHOPIFY_TEMPLATE_BREADCRUMB_LENGTH.OTHERS_TEMPLATE,breadcrumbItemIndex:s===types.ShopifyTemplate.HOME?constants.SHOPIFY_TEMPLATE_BREADCRUMB_ITEM_INDEX.HOME:constants.SHOPIFY_TEMPLATE_BREADCRUMB_ITEM_INDEX.OTHERS_TEMPLATE,templateName:s,setting:e,styles:a})).join(""),n=system.createAttr({...attrs.getAttr({uid:l?.uid??"",builderAttrs:s})}),u=system.createClass({...classes.getBreadcrumbClasses(r),...m?.cssClass&&{[m.cssClass]:!0}}),E=system.createStyle({...styles.getBreadcrumbStyles(t,{background:y,align:p})}),d=system.createClass({...classes.getNavClasses()}),T=system.createAttr({...attrs.getNavAttr()}),S=system.createStyle({...core.makeGlobalSize(e?.globalSize).padding,...styles.getSpacingStyles(i),...core.makeStyleResponsive("jc",p)});return system.Liquid(core.template`
+    <div ${{...n}}
+      style="${E}"
+      class="${u}">
+      ${system.LiquidUnless("template == 'cart' or template == 'list-collections' or template == '404'",core.template`
+        ${system.Liquid(`
+          {% assign tpl = template %}
+          {% if tpl contains '.' %}
+            {% assign tpl = tpl | split: '.' | first %}
           {% endif %}
-          <span
-          style="${{
-        '--height-desktop': `${iconWidth?.desktop}px`,
-        '--height-tablet': `${iconWidth?.tablet || iconWidth?.desktop}px`,
-        '--height-mobile': `${iconWidth?.mobile || iconWidth?.tablet || iconWidth?.desktop}px`,
-        '--color': `${color}`
-    }}"
-          class="${core.cls(`gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-text-[var(--color)] [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]`, {
-        'gp-hidden': isHiddenOnDesktop,
-        'tablet:gp-hidden': isHiddenOnTablet,
-        'tablet:gp-flex': !isHiddenOnTablet,
-        'mobile:gp-hidden': isHiddenOnMobile,
-        'mobile:gp-flex': !isHiddenOnMobile
-    })}"
-          >${iconSvg}</span>
-          <span class="${core.cls({
-        'gp-hidden': isHiddenOnDesktop,
-        'tablet:gp-hidden': isHiddenOnTablet,
-        'tablet:gp-flex': !isHiddenOnTablet,
-        'mobile:gp-hidden': isHiddenOnMobile,
-        'mobile:gp-flex': !isHiddenOnMobile
-    })}" style="${{
-        ...appendTypoStyle,
-        ...activeStyleFontWeight,
-        ...activeStyleTextColor
-    }}">{{ product.title }}</span>
-  
-        {% elsif t == 'collection' %}
-        <span
-          style="${{
-        '--height-desktop': `${iconWidth?.desktop}px`,
-        '--height-tablet': `${iconWidth?.tablet || iconWidth?.desktop}px`,
-        '--height-mobile': `${iconWidth?.mobile || iconWidth?.tablet || iconWidth?.desktop}px`,
-        '--color': `${color}`
-    }}"
-          class="${core.cls(`gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-text-[var(--color)] [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]`, {
-        'gp-hidden': isHiddenOnDesktop,
-        'tablet:gp-hidden': isHiddenOnTablet,
-        'tablet:gp-flex': !isHiddenOnTablet,
-        'mobile:gp-hidden': isHiddenOnMobile,
-        'mobile:gp-flex': !isHiddenOnMobile
-    })}"
-          >${iconSvg}</span>
-          <span class="${core.cls({
-        'gp-hidden': isHiddenOnDesktop,
-        'tablet:gp-hidden': isHiddenOnTablet,
-        'tablet:gp-flex': !isHiddenOnTablet,
-        'mobile:gp-hidden': isHiddenOnMobile,
-        'mobile:gp-flex': !isHiddenOnMobile
-    })}" style="${{
-        ...appendTypoStyle,
-        ...activeStyleFontWeight,
-        ...activeStyleTextColor
-    }}">{{ collection.title }}</span>
-        {% elsif t == 'article' %}
-  
-          {% if blog %}
-        <span
-          style="${{
-        '--height-desktop': `${iconWidth?.desktop}px`,
-        '--height-tablet': `${iconWidth?.tablet || iconWidth?.desktop}px`,
-        '--height-mobile': `${iconWidth?.mobile || iconWidth?.tablet || iconWidth?.desktop}px`,
-        '--color': `${color}`
-    }}"
-          class="${core.cls(`gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-text-[var(--color)] [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]`, {
-        'gp-hidden': hideCurrentPage?.desktop,
-        'tablet:gp-hidden': hideCurrentPage?.tablet,
-        'tablet:gp-flex': !hideCurrentPage?.tablet,
-        'mobile:gp-hidden': hideCurrentPage?.mobile,
-        'mobile:gp-flex': !hideCurrentPage?.mobile
-    })}"
-          >${iconSvg}</span>
-            <a class="${core.cls(`gp-cursor-pointer`)}" title="{{ blog.title }}" href="{{ blog.url }}" style="${{
-        ...core.getGlobalColorStateStyle('c', setting?.labelColor),
-        ...core.makeStyleState('weight', fontWeight),
-        ...appendTypoStyle
-    }}">{{ blog.title }}</a>
-          {% endif %}
-          <span
-          style="${{
-        '--height-desktop': `${iconWidth?.desktop}px`,
-        '--height-tablet': `${iconWidth?.tablet || iconWidth?.desktop}px`,
-        '--height-mobile': `${iconWidth?.mobile || iconWidth?.tablet || iconWidth?.desktop}px`,
-        '--color': `${color}`
-    }}"
-          class="${core.cls(`gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&>svg]:!gp-text-[var(--color)] [&>svg]:!gp-h-[var(--height-desktop)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--height-tablet)] mobile:[&>svg]:!gp-h-[var(--height-mobile)]`, {
-        'gp-hidden': isHiddenOnDesktop,
-        'tablet:gp-hidden': isHiddenOnTablet,
-        'tablet:gp-flex': !isHiddenOnTablet,
-        'mobile:gp-hidden': isHiddenOnMobile,
-        'mobile:gp-flex': !isHiddenOnMobile
-    })}"
-          >${iconSvg}</span>
-          <span class="${core.cls({
-        'gp-hidden': isHiddenOnDesktop,
-        'tablet:gp-hidden': isHiddenOnTablet,
-        'tablet:gp-flex': !isHiddenOnTablet,
-        'mobile:gp-hidden': isHiddenOnMobile,
-        'mobile:gp-flex': !isHiddenOnMobile
-    })}" style="${{
-        ...appendTypoStyle,
-        ...activeStyleFontWeight,
-        ...activeStyleTextColor
-    }}">{{ article.title }}</span>
-        {% endif %}
-      </nav>
-    {% endunless %}
-  
-  </div>
-    `;
-};
-
-exports.default = Breadcrumb;
+        `)}
+        <nav style="${S}" class="${d}" ${{...T}}>
+          ${o}
+        </nav>
+      `)}
+  </div>`)};exports.default=Breadcrumb;

package/dist/cjs/breadcrumb/components/BreadcrumbItem.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),helpers=require("../common/helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),React=require("react");const BreadcrumbItem=e=>{let{breadcrumbItemIndex:s,lengthOfBreadcrumb:t,setting:r,templateName:a,styles:l}=e,{hideCurrentPage:m,labelColor:c,fontWeight:n,iconSvg:o}=r??{},i=system.createClass({...classes.getBreadcrumbChildItemClasses(s,t,helpers.composeAppendTypoClass(l?.typo))}),u=system.createStyle({...styles.getBreadcrumbChildItemStyles({breadcrumbItemIndex:s,lengthOfBreadcrumb:t,fontWeight:n,appendTypoStyle:helpers.composeAppendTypoStyle(l?.typo),labelColor:c})}),d=system.createStyle({...styles.generateBreadcrumbChildIconStyles(r?.iconWidth,r?.color)}),y=system.createClass({...classes.getBreadcrumbSecondItemClasses(s+1,m,t)}),p=React.useMemo(()=>s+1===t,[s,t]),j=system.createClass({...classes.generateBreadcrumbClasses(r?.hideCurrentPage,{indexOffset:s??0,lengthOfBreadcrumb:t,extendCondition:p})}),x=React.useMemo(()=>p?`${i} ${j}`.trim():i,[i,j,p]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:x,style:u,children:jsxRuntime.jsx("span",{children:a})}),system.If(!!(o&&!p),jsxRuntime.jsx("span",{style:d,className:y,dangerouslySetInnerHTML:{__html:o??""}}))]})};exports.default=BreadcrumbItem;

package/dist/cjs/breadcrumb/components/BreadcrumbItem.liquid.js

@@ -0,0 +1 @@
+"use strict";var home=require("./templates/home.js"),landing=require("./templates/landing.js"),product=require("./templates/product.js"),collection=require("./templates/collection.js"),article=require("./templates/article.js"),styles=require("../common/styles.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js");const BreadcrumbItem=e=>{let{breadcrumbItemIndex:s,lengthOfBreadcrumb:t,setting:r,styles:a}=e,{fontWeight:l,labelColor:m,hideCurrentPage:c}=r??{},o={home:home.BreadcrumbHomeTemplate,landing:landing.BreadcrumbLadingTemplate,product:product.BreadcrumbProductTemplate,collection:collection.BreadcrumbCollectionTemplate,article:article.BreadcrumbArticleTemplate},d=system.createStyle({...styles.generateBreadcrumbChildIconStyles(r?.iconWidth,r?.color)}),n=system.createStyle({...styles.getBreadcrumbChildItemStyles({breadcrumbItemIndex:s,lengthOfBreadcrumb:t,appendTypoStyle:helpers.composeAppendTypoStyle(a?.typo),fontWeight:l,labelColor:m})}),i=system.createStyle({...styles.getBreadcrumbChildItemStyles({breadcrumbItemIndex:0,lengthOfBreadcrumb:t,appendTypoStyle:helpers.composeAppendTypoStyle(a?.typo),fontWeight:l,labelColor:m})}),p=system.createClass({...classes.getBreadcrumbSecondItemClasses(s,c,t)}),u=system.createClass({...classes.getBreadcrumbContainerChildItemClasses()}),y=system.createClass({...classes.getBreadcrumbChildItemClasses(s,t,helpers.composeAppendTypoClass(a?.typo))}),C=s+1===t&&"home"!==e.templateName,b=system.createClass({...classes.generateBreadcrumbClasses(c,{indexOffset:s??0,lengthOfBreadcrumb:t,extendCondition:C})}),g=()=>C?`${y} ${b}`.trim():y,B=()=>{let e=system.createClass({...classes.generateBreadcrumbClasses(c,{indexOffset:s??0,lengthOfBreadcrumb:t,extendCondition:!0})});return`${y} ${e}`.trim()},h=()=>`${y} ${b}`.trim(),S=()=>{let e=system.createClass({...classes.generateBreadcrumbClasses(c,{indexOffset:s??0,lengthOfBreadcrumb:t,extendCondition:!1})});return`${y} ${e}`.trim()},I=system.createClass({...classes.getBreadcrumbSecondItemClasses(s,{desktop:!1,tablet:!1,mobile:!1},t)}),T=e.templateName?o[e.templateName]({getBreadcrumbChildIconStyles:d,breadcrumbChildItemStyles:n,breadcrumbSecondItemClasses:p,breadcrumbChildItemClasses:y,breadcrumbChildSecondItemStyles:i,breadcrumbContainerChildItemClasses:u,composePageClasses:g(),composeHomePageClasses:B(),composePageSecondClasses:h(),composeSubPageClasses:S(),breadcrumbSubPageIconItemClasses:I,iconSvg:r?.iconSvg}):null;return T};exports.BreadcrumbItem=BreadcrumbItem;

package/dist/cjs/breadcrumb/components/templates/article.js

@@ -0,0 +1,10 @@
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system");const BreadcrumbArticleTemplate=({getBreadcrumbChildIconStyles:e,composePageClasses:t,breadcrumbChildItemStyles:s,iconSvg:l,breadcrumbSecondItemClasses:r,breadcrumbChildSecondItemStyles:a,breadcrumbSubPageIconItemClasses:c,composeSubPageClasses:i})=>core.template`
+    ${system.LiquidIf('tpl == "article"',core.template`
+      ${system.LiquidIf("blog",core.template`
+          <span style="${e}" class="${c}">${l}</span>
+          <a class="${i}" title="{{ blog.title | strip_html | escape }}" href="{{ blog.url }}" style="${a}">{{ blog.title }}</a>
+      `)}
+        <span style="${e}" class="${r}">${l}</span>
+        <span class="${t}" style="${s}">{{ article.title }}</span>
+      `)}
+  `;exports.BreadcrumbArticleTemplate=BreadcrumbArticleTemplate;

package/dist/cjs/breadcrumb/components/templates/collection.js

@@ -0,0 +1,6 @@
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system");const BreadcrumbCollectionTemplate=({getBreadcrumbChildIconStyles:e,composePageClasses:t,breadcrumbChildItemStyles:l,breadcrumbSecondItemClasses:s,iconSvg:c})=>core.template`
+    ${system.LiquidIf('tpl == "collection"',core.template`
+        <span style="${e}"class="${s}">${c}</span>
+        <span class="${t}" style="${l}">{{ collection.title | translation: shop.locale }}</span>
+      `)}
+  `;exports.BreadcrumbCollectionTemplate=BreadcrumbCollectionTemplate;

package/dist/cjs/breadcrumb/components/templates/home.js

@@ -0,0 +1,4 @@
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js");const BreadcrumbHomeTemplate=({composeHomePageClasses:e,breadcrumbChildItemStyles:r})=>core.template`
+  <a class="${e}" style="${r}" href="{{ routes.root_url }}">
+   ${helpers.getStaticLocale("Breadcrumb","home")}
+ </a>`;exports.BreadcrumbHomeTemplate=BreadcrumbHomeTemplate;

package/dist/cjs/breadcrumb/components/templates/landing.js

@@ -0,0 +1,6 @@
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system");const BreadcrumbLadingTemplate=({getBreadcrumbChildIconStyles:e,breadcrumbChildItemStyles:s,iconSvg:a,breadcrumbSecondItemClasses:t,composePageClasses:r})=>core.template`
+  ${system.LiquidIf('tpl == "page"',core.template`
+      <span style="${e}" class="${t}">${a}</span>
+      <span class="${r}" style="${s}">{{ page.title }}</span>
+    `)}
+  `;exports.BreadcrumbLadingTemplate=BreadcrumbLadingTemplate;

package/dist/cjs/breadcrumb/components/templates/product.js

@@ -0,0 +1,20 @@
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system");const BreadcrumbProductTemplate=({getBreadcrumbChildIconStyles:e,breadcrumbSecondItemClasses:t,breadcrumbChildItemStyles:s,iconSvg:l,composePageClasses:c,breadcrumbChildSecondItemStyles:r,breadcrumbSubPageIconItemClasses:o,composeSubPageClasses:i})=>core.template`
+    ${system.LiquidIf('tpl == "product"',core.template`
+       ${system.LiquidIf("product.collections",`
+        {% assign collect = false %}
+          ${system.Liquid(`
+            {% if request and request.path contains "/collections/" %}
+              {% assign collectionUrl = request.path | split: "/products/" | first %}
+              {% assign collectionHandle = collectionUrl | split: "/collections/" | reverse | first %}
+              {% assign collect = product.collections | where: "handle", collectionHandle | first %}
+            {% endif %}
+          `)}
+          ${system.LiquidIf("collect",core.template`
+              <span style="${e}" class="${o}">${l}</span>
+              <a class="${i}" title="{{ collect.title | strip_html | escape }}" href="{{ collect.url }}" style="${r}">{{ collect.title }}</a>
+           `)}
+        `)}
+      <span style="${e}" class="${t}">${l}</span>
+      <span class="${c}" style="${s}">{{ product.title }}</span>
+      `)}
+  `;exports.BreadcrumbProductTemplate=BreadcrumbProductTemplate;

package/dist/cjs/breadcrumb/constants.js

@@ -0,0 +1 @@
+"use strict";const SHOPIFY_TEMPLATE_BREADCRUMB_LENGTH={HOME:2,OTHERS_TEMPLATE:2},SHOPIFY_TEMPLATE_BREADCRUMB_ITEM_INDEX={HOME:0,OTHERS_TEMPLATE:1};exports.SHOPIFY_TEMPLATE_BREADCRUMB_ITEM_INDEX=SHOPIFY_TEMPLATE_BREADCRUMB_ITEM_INDEX,exports.SHOPIFY_TEMPLATE_BREADCRUMB_LENGTH=SHOPIFY_TEMPLATE_BREADCRUMB_LENGTH;

package/dist/cjs/breadcrumb/hooks/useBreadcrumb.js

@@ -0,0 +1 @@
+"use strict";var React=require("react");const useBreadcrumb=()=>{let[e,t]=React.useState(),[a,i]=React.useState(),[r,d]=React.useState();React.useEffect(()=>{let e=parent.document.querySelector(".iframe");e&&(t(e.getAttribute("data-page-name")??void 0),i(e.getAttribute("data-assigned-product-title")??void 0),d(e.getAttribute("data-assigned-collection-title")??void 0))},[]),React.useEffect(()=>{let e=e=>{t(e.detail?.pageName??void 0)},a=e=>{i(e.detail?.assignedProductTitle??void 0)},r=e=>{d(e.detail?.assignedCollectionTitle??void 0)};return window.addEventListener("change-page-name",e),window.addEventListener("change-product-assigned",a),window.addEventListener("change-collection-assigned",r),()=>{window.removeEventListener("change-page-name",e),window.removeEventListener("change-product-assigned",a),window.removeEventListener("change-collection-assigned",r)}},[]);let n=React.useMemo(()=>[{pageType:"GP_PRODUCT",listBreadcrumb:["Home",a??"Product Title"]},{pageType:"GP_COLLECTION",listBreadcrumb:["Home",r??"Collection Title"]},{pageType:"GP_ARTICLE",listBreadcrumb:["Home","Blog","Article Title"]},{pageType:"GP_STATIC",listBreadcrumb:["Home",e??"Landing Page Title"]},{pageType:"GP_INDEX",listBreadcrumb:["Home"]},{pageType:"THEME_SECTION",listBreadcrumb:["Home","Page Title"]}],[r,a,e]),c=window.location.search,o=React.useMemo(()=>new URLSearchParams(c).get("pageType"),[c]),s=React.useMemo(()=>n.find(e=>e.pageType===o)?.listBreadcrumb||[],[n,o]);return{currentBreadcrumb:s}};exports.useBreadcrumb=useBreadcrumb;

package/dist/cjs/breadcrumb/index.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("@gem-sdk/system");var Breadcrumb$1=require("./settings/Breadcrumb.js");const breadcrumbSetting={Breadcrumb:Breadcrumb$1.default};exports.breadcrumbSetting=breadcrumbSetting;

package/dist/cjs/breadcrumb/next.js

@@ -1,16 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dynamic = require('next/dynamic');
-var Loading = require('../common/components/Loading.js');
-require('react/jsx-runtime');
-
-const Breadcrumb = dynamic(()=>Promise.resolve().then(function () { return require('./components/Breadcrumb.js'); }), {
-    loading: Loading.default
-});
-var breadcrumb = {
-    Breadcrumb
-};
-
-exports.default = breadcrumb;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Breadcrumb=dynamic(()=>Promise.resolve().then(function(){return require("./components/Breadcrumb.js")}),{loading:Loading.default});var breadcrumb={Breadcrumb};exports.default=breadcrumb;