@mozaic-ds/web-components 0.7.0 → 0.9.0-beta

package/public/components/breadcrumb/Breadcrumb.nested.js

@@ -1,2 +1,320 @@
-import{P as e,i as t,s as i,Q as l,c as v,e as s,g as r,h as c,z as n,b as m,j as a,m as x,n as d,o as f,J as o,p as b,q as g,d as u,t as h,k,l as p}from"../../index-c33b3772.js";import{E as w}from"../../EventHandler-02058705.js";function M(e){l(e,"svelte-1fex53v",'.mc-link.svelte-1fex53v.svelte-1fex53v{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link.svelte-1fex53v.svelte-1fex53v:focus{outline:none}.mc-link.svelte-1fex53v.svelte-1fex53v:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link.svelte-1fex53v.svelte-1fex53v:visited{color:#333333}.mc-link.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link.svelte-1fex53v.svelte-1fex53v:hover{color:#666666}.mc-link.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link.svelte-1fex53v.svelte-1fex53v:active{color:#333333}.mc-link.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}.mc-link.svelte-1fex53v.svelte-1fex53v::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon.svelte-1fex53v.svelte-1fex53v{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-1fex53v.svelte-1fex53v{color:#ffffff}.mc-link--light.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link--light.svelte-1fex53v.svelte-1fex53v:visited{color:#cccccc}.mc-link--light.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link--light.svelte-1fex53v.svelte-1fex53v:hover{color:#999999}.mc-link--light.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link--light.svelte-1fex53v.svelte-1fex53v:active{color:#cccccc}.mc-link--light.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-1fex53v.svelte-1fex53v{color:#188803}.mc-link--primary.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link--primary.svelte-1fex53v.svelte-1fex53v:visited{color:#006902}.mc-link--primary.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link--primary.svelte-1fex53v.svelte-1fex53v:hover{color:#035010}.mc-link--primary.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link--primary.svelte-1fex53v.svelte-1fex53v:active{color:#006902}.mc-link--primary.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-1fex53v.svelte-1fex53v{color:#494f60}.mc-link--primary-02.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link--primary-02.svelte-1fex53v.svelte-1fex53v:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link--primary-02.svelte-1fex53v.svelte-1fex53v:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link--primary-02.svelte-1fex53v.svelte-1fex53v:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-1fex53v.svelte-1fex53v{color:#c61112}.mc-link--danger.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link--danger.svelte-1fex53v.svelte-1fex53v:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link--danger.svelte-1fex53v.svelte-1fex53v:hover{color:#530000}.mc-link--danger.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link--danger.svelte-1fex53v.svelte-1fex53v:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{font-family:"LeroyMerlin", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-1fex53v.svelte-1fex53v{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v:only-child,.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v:not(:first-child){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v:active,.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v:focus,.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v:hover,.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v:visited,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v:active,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v:focus,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v:hover,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v:visited{color:currentColor}.mc-breadcrumb--dark.svelte-1fex53v.svelte-1fex53v{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-1fex53v .mc-breadcrumb__item.svelte-1fex53v:not(:first-child){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark.svelte-1fex53v .mc-breadcrumb__item.is-active.svelte-1fex53v,.mc-breadcrumb--dark.svelte-1fex53v .mc-breadcrumb__item.svelte-1fex53v:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive.svelte-1fex53v .mc-breadcrumb__item.svelte-1fex53v:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding.svelte-1fex53v.svelte-1fex53v{padding-left:0}')}function I(e,t,i){const l=e.slice();return l[12]=t[i],l[14]=i,l}function D(e){let t,i,l,v=e[12].text+"";return{c(){t=s("span"),i=h(v),r(t,"class",l="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1fex53v")},m(e,l){m(e,t,l),a(t,i)},p(e,s){32&s&&v!==(v=e[12].text+"")&&k(i,v),1&s&&l!==(l="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1fex53v")&&r(t,"class",l)},d(e){e&&f(t)}}}function y(e){let t,i,l,v,c,n,x=e[12].text+"";function d(){return e[9](e[12])}return{c(){t=s("a"),i=h(x),r(t,"href",l=e[12].href),r(t,"class",v="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1fex53v")},m(e,l){m(e,t,l),a(t,i),c||(n=p(t,"click",d),c=!0)},p(s,c){e=s,32&c&&x!==(x=e[12].text+"")&&k(i,x),32&c&&l!==(l=e[12].href)&&r(t,"href",l),1&c&&v!==(v="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1fex53v")&&r(t,"class",v)},d(e){e&&f(t),c=!1,n()}}}function _(e){let t,i,l;function v(e,t){return e[14]!==e[5].length-1?y:D}let c=v(e),n=c(e);return{c(){t=s("li"),n.c(),i=u(),r(t,"class",l="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1fex53v")},m(e,l){m(e,t,l),n.m(t,null),a(t,i)},p(e,s){c===(c=v(e))&&n?n.p(e,s):(n.d(1),n=c(e),n&&(n.c(),n.m(t,i))),32&s&&l!==(l="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1fex53v")&&r(t,"class",l)},d(e){e&&f(t),n.d()}}}function A(e){let t,i,l,b=e[5],g=[];for(let t=0;t<b.length;t+=1)g[t]=_(I(e,b,t));let u=[{class:l="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],h={};for(let e=0;e<u.length;e+=1)h=v(h,u[e]);return{c(){t=s("nav"),i=s("ul");for(let e=0;e<g.length;e+=1)g[e].c();r(i,"class","mc-breadcrumb__container svelte-1fex53v"),c(t,h),n(t,"mc-breadcrumb--no-padding",e[4]),n(t,"svelte-1fex53v",!0)},m(e,l){m(e,t,l),a(t,i);for(let e=0;e<g.length;e+=1)g[e]&&g[e].m(i,null)},p(e,[v]){if(97&v){let t;for(b=e[5],t=0;t<b.length;t+=1){const l=I(e,b,t);g[t]?g[t].p(l,v):(g[t]=_(l),g[t].c(),g[t].m(i,null))}for(;t<g.length;t+=1)g[t].d(1);g.length=b.length}c(t,h=x(u,[11&v&&l!==(l="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:l},{"aria-label":"Breadcrumb"},4&v&&e[2]])),n(t,"mc-breadcrumb--no-padding",e[4]),n(t,"svelte-1fex53v",!0)},i:d,o:d,d(e){e&&f(t),o(g,e)}}}function j(e,t,i){let l,s,r,c;const n=["items","dark","responsive","nopadding"];let m=b(t,n),{items:a}=t,{dark:x=!1}=t,{responsive:d=!1}=t,{nopadding:f=!1}=t,o=new w;return e.$$set=e=>{i(11,t=v(v({},t),g(e))),i(10,m=b(t,n)),"items"in e&&i(7,a=e.items),"dark"in e&&i(0,x=e.dark),"responsive"in e&&i(1,d=e.responsive),"nopadding"in e&&i(8,f=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&i(5,l=a?JSON.parse(a):[]),256&e.$$.dirty&&i(4,s=f&&"false"!==f),i(3,r=t.class),i(2,c=Object.assign({},m)),4&e.$$.dirty&&delete c.class},t=g(t),[x,d,c,r,s,l,o,a,f,e=>o.dispatch("link-clicked",e)]}class z extends e{constructor(e){super(),t(this,e,j,A,i,{items:7,dark:0,responsive:1,nopadding:8},M)}}export{z as default};
+import { P as SvelteComponent, i as init, s as safe_not_equal, Q as append_styles, c as assign, e as element, g as attr, h as set_attributes, z as toggle_class, b as insert, j as append, m as get_spread_update, n as noop, o as detach, J as destroy_each, p as compute_rest_props, q as exclude_internal_props, d as space, t as text, k as set_data, l as listen } from '../../index-c33b3772.js';
+import { E as EventHandler } from '../../EventHandler-02058705.js';
+
+/* src/components/breadcrumb/Breadcrumb.nested.svelte generated by Svelte v3.58.0 */
+
+function add_css(target) {
+	append_styles(target, "svelte-1fex53v", ".mc-link.svelte-1fex53v.svelte-1fex53v{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link.svelte-1fex53v.svelte-1fex53v:focus{outline:none}.mc-link.svelte-1fex53v.svelte-1fex53v:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link.svelte-1fex53v.svelte-1fex53v:visited{color:#333333}.mc-link.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link.svelte-1fex53v.svelte-1fex53v:hover{color:#666666}.mc-link.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link.svelte-1fex53v.svelte-1fex53v:active{color:#333333}.mc-link.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}.mc-link.svelte-1fex53v.svelte-1fex53v::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon.svelte-1fex53v.svelte-1fex53v{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-1fex53v.svelte-1fex53v{color:#ffffff}.mc-link--light.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link--light.svelte-1fex53v.svelte-1fex53v:visited{color:#cccccc}.mc-link--light.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link--light.svelte-1fex53v.svelte-1fex53v:hover{color:#999999}.mc-link--light.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link--light.svelte-1fex53v.svelte-1fex53v:active{color:#cccccc}.mc-link--light.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-1fex53v.svelte-1fex53v{color:#188803}.mc-link--primary.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link--primary.svelte-1fex53v.svelte-1fex53v:visited{color:#006902}.mc-link--primary.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link--primary.svelte-1fex53v.svelte-1fex53v:hover{color:#035010}.mc-link--primary.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link--primary.svelte-1fex53v.svelte-1fex53v:active{color:#006902}.mc-link--primary.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-1fex53v.svelte-1fex53v{color:#494f60}.mc-link--primary-02.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link--primary-02.svelte-1fex53v.svelte-1fex53v:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link--primary-02.svelte-1fex53v.svelte-1fex53v:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link--primary-02.svelte-1fex53v.svelte-1fex53v:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-1fex53v.svelte-1fex53v{color:#c61112}.mc-link--danger.is-visited.svelte-1fex53v.svelte-1fex53v,.mc-link--danger.svelte-1fex53v.svelte-1fex53v:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-1fex53v.svelte-1fex53v,.mc-link--danger.svelte-1fex53v.svelte-1fex53v:hover{color:#530000}.mc-link--danger.is-active.svelte-1fex53v.svelte-1fex53v,.mc-link--danger.svelte-1fex53v.svelte-1fex53v:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-1fex53v.svelte-1fex53v{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-1fex53v.svelte-1fex53v{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-1fex53v.svelte-1fex53v{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-1fex53v.svelte-1fex53v{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-1fex53v.svelte-1fex53v{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v:only-child,.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v:not(:first-child){background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__item.svelte-1fex53v.svelte-1fex53v:only-child{background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==\")}}.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v:active,.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v:focus,.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v:hover,.mc-breadcrumb__current.svelte-1fex53v.svelte-1fex53v:visited,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v:active,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v:focus,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v:hover,.mc-breadcrumb__current.mc-link.svelte-1fex53v.svelte-1fex53v:visited{color:currentColor}.mc-breadcrumb--dark.svelte-1fex53v.svelte-1fex53v{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-1fex53v .mc-breadcrumb__item.svelte-1fex53v:not(:first-child){background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark.svelte-1fex53v .mc-breadcrumb__item.is-active.svelte-1fex53v,.mc-breadcrumb--dark.svelte-1fex53v .mc-breadcrumb__item.svelte-1fex53v:only-child{background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive.svelte-1fex53v .mc-breadcrumb__item.svelte-1fex53v:not(.is-active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}}.mc-breadcrumb--no-padding.svelte-1fex53v.svelte-1fex53v{padding-left:0}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[12] = list[i];
+	child_ctx[14] = i;
+	return child_ctx;
+}
+
+// (35:8) {:else}
+function create_else_block(ctx) {
+	let span;
+	let t_value = /*item*/ ctx[12].text + "";
+	let t;
+	let span_class_value;
+
+	return {
+		c() {
+			span = element("span");
+			t = text(t_value);
+			attr(span, "class", span_class_value = "mc-link mc-link--s mc-breadcrumb__current" + (/*dark*/ ctx[0] ? ' mc-link--light' : '') + " svelte-1fex53v");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			append(span, t);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*parseItems*/ 32 && t_value !== (t_value = /*item*/ ctx[12].text + "")) set_data(t, t_value);
+
+			if (dirty & /*dark*/ 1 && span_class_value !== (span_class_value = "mc-link mc-link--s mc-breadcrumb__current" + (/*dark*/ ctx[0] ? ' mc-link--light' : '') + " svelte-1fex53v")) {
+				attr(span, "class", span_class_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+		}
+	};
+}
+
+// (27:8) {#if i !== parseItems.length - 1}
+function create_if_block(ctx) {
+	let a;
+	let t_value = /*item*/ ctx[12].text + "";
+	let t;
+	let a_href_value;
+	let a_class_value;
+	let mounted;
+	let dispose;
+
+	function click_handler() {
+		return /*click_handler*/ ctx[9](/*item*/ ctx[12]);
+	}
+
+	return {
+		c() {
+			a = element("a");
+			t = text(t_value);
+			attr(a, "href", a_href_value = /*item*/ ctx[12].href);
+			attr(a, "class", a_class_value = "mc-link mc-link--s" + (/*dark*/ ctx[0] ? ' mc-link--light' : '') + " svelte-1fex53v");
+		},
+		m(target, anchor) {
+			insert(target, a, anchor);
+			append(a, t);
+
+			if (!mounted) {
+				dispose = listen(a, "click", click_handler);
+				mounted = true;
+			}
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+			if (dirty & /*parseItems*/ 32 && t_value !== (t_value = /*item*/ ctx[12].text + "")) set_data(t, t_value);
+
+			if (dirty & /*parseItems*/ 32 && a_href_value !== (a_href_value = /*item*/ ctx[12].href)) {
+				attr(a, "href", a_href_value);
+			}
+
+			if (dirty & /*dark*/ 1 && a_class_value !== (a_class_value = "mc-link mc-link--s" + (/*dark*/ ctx[0] ? ' mc-link--light' : '') + " svelte-1fex53v")) {
+				attr(a, "class", a_class_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(a);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+// (25:4) {#each parseItems as item, i}
+function create_each_block(ctx) {
+	let li;
+	let t;
+	let li_class_value;
+
+	function select_block_type(ctx, dirty) {
+		if (/*i*/ ctx[14] !== /*parseItems*/ ctx[5].length - 1) return create_if_block;
+		return create_else_block;
+	}
+
+	let current_block_type = select_block_type(ctx);
+	let if_block = current_block_type(ctx);
+
+	return {
+		c() {
+			li = element("li");
+			if_block.c();
+			t = space();
+			attr(li, "class", li_class_value = "mc-breadcrumb__item" + (/*item*/ ctx[12].isActive ? ' is-active' : '') + " svelte-1fex53v");
+		},
+		m(target, anchor) {
+			insert(target, li, anchor);
+			if_block.m(li, null);
+			append(li, t);
+		},
+		p(ctx, dirty) {
+			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
+				if_block.p(ctx, dirty);
+			} else {
+				if_block.d(1);
+				if_block = current_block_type(ctx);
+
+				if (if_block) {
+					if_block.c();
+					if_block.m(li, t);
+				}
+			}
+
+			if (dirty & /*parseItems*/ 32 && li_class_value !== (li_class_value = "mc-breadcrumb__item" + (/*item*/ ctx[12].isActive ? ' is-active' : '') + " svelte-1fex53v")) {
+				attr(li, "class", li_class_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(li);
+			if_block.d();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let nav;
+	let ul;
+	let nav_class_value;
+	let each_value = /*parseItems*/ ctx[5];
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+	}
+
+	let nav_levels = [
+		{
+			class: nav_class_value = "mc-breadcrumb " + (/*responsive*/ ctx[1]
+			? ' mc-breadcrumb--responsive'
+			: '') + (/*dark*/ ctx[0] ? ' mc-breadcrumb--dark' : '') + " " + /*userClass*/ ctx[3]
+		},
+		{ "aria-label": "Breadcrumb" },
+		/*attributes*/ ctx[2]
+	];
+
+	let nav_data = {};
+
+	for (let i = 0; i < nav_levels.length; i += 1) {
+		nav_data = assign(nav_data, nav_levels[i]);
+	}
+
+	return {
+		c() {
+			nav = element("nav");
+			ul = element("ul");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(ul, "class", "mc-breadcrumb__container svelte-1fex53v");
+			set_attributes(nav, nav_data);
+			toggle_class(nav, "mc-breadcrumb--no-padding", /*noPadding*/ ctx[4]);
+			toggle_class(nav, "svelte-1fex53v", true);
+		},
+		m(target, anchor) {
+			insert(target, nav, anchor);
+			append(nav, ul);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				if (each_blocks[i]) {
+					each_blocks[i].m(ul, null);
+				}
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*parseItems, dark, eventHandler*/ 97) {
+				each_value = /*parseItems*/ ctx[5];
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+					} else {
+						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i].c();
+						each_blocks[i].m(ul, null);
+					}
+				}
+
+				for (; i < each_blocks.length; i += 1) {
+					each_blocks[i].d(1);
+				}
+
+				each_blocks.length = each_value.length;
+			}
+
+			set_attributes(nav, nav_data = get_spread_update(nav_levels, [
+				dirty & /*responsive, dark, userClass*/ 11 && nav_class_value !== (nav_class_value = "mc-breadcrumb " + (/*responsive*/ ctx[1]
+				? ' mc-breadcrumb--responsive'
+				: '') + (/*dark*/ ctx[0] ? ' mc-breadcrumb--dark' : '') + " " + /*userClass*/ ctx[3]) && { class: nav_class_value },
+				{ "aria-label": "Breadcrumb" },
+				dirty & /*attributes*/ 4 && /*attributes*/ ctx[2]
+			]));
+
+			toggle_class(nav, "mc-breadcrumb--no-padding", /*noPadding*/ ctx[4]);
+			toggle_class(nav, "svelte-1fex53v", true);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(nav);
+			destroy_each(each_blocks, detaching);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let parseItems;
+	let noPadding;
+	let userClass;
+	let attributes;
+	const omit_props_names = ["items","dark","responsive","nopadding"];
+	let $$restProps = compute_rest_props($$props, omit_props_names);
+	let { items } = $$props;
+	let { dark = false } = $$props;
+	let { responsive = false } = $$props;
+	let { nopadding = false } = $$props;
+	let eventHandler = new EventHandler();
+	const click_handler = item => eventHandler.dispatch('link-clicked', item);
+
+	$$self.$$set = $$new_props => {
+		$$invalidate(11, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
+		$$invalidate(10, $$restProps = compute_rest_props($$props, omit_props_names));
+		if ('items' in $$new_props) $$invalidate(7, items = $$new_props.items);
+		if ('dark' in $$new_props) $$invalidate(0, dark = $$new_props.dark);
+		if ('responsive' in $$new_props) $$invalidate(1, responsive = $$new_props.responsive);
+		if ('nopadding' in $$new_props) $$invalidate(8, nopadding = $$new_props.nopadding);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*items*/ 128) {
+			$$invalidate(5, parseItems = items ? JSON.parse(items) : []);
+		}
+
+		if ($$self.$$.dirty & /*nopadding*/ 256) {
+			$$invalidate(4, noPadding = nopadding && nopadding !== 'false');
+		}
+
+		$$invalidate(3, userClass = $$props.class);
+		$$invalidate(2, attributes = Object.assign({}, $$restProps));
+
+		if ($$self.$$.dirty & /*attributes*/ 4) {
+			delete attributes.class;
+		}
+	};
+
+	$$props = exclude_internal_props($$props);
+
+	return [
+		dark,
+		responsive,
+		attributes,
+		userClass,
+		noPadding,
+		parseItems,
+		eventHandler,
+		items,
+		nopadding,
+		click_handler
+	];
+}
+
+class Breadcrumb_nested extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				items: 7,
+				dark: 0,
+				responsive: 1,
+				nopadding: 8
+			},
+			add_css
+		);
+	}
+}
+
+export { Breadcrumb_nested as default };
 //# sourceMappingURL=Breadcrumb.nested.js.map

package/public/components/breadcrumb/Breadcrumb.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.nested.js","sources":["../../../src/components/breadcrumb/Breadcrumb.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { BreadcrumbItems } from './breadcrumb.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let items: string;\n  export let dark = false;\n  export let responsive = false;\n  export let nopadding: boolean | string = false;\n  let eventHandler = new EventHandler();\n\n  $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];\n  $: noPadding = nopadding && nopadding !== 'false';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n</script>\n\n<nav\n  class=\"mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark\n    ? ' mc-breadcrumb--dark'\n    : ''} {userClass}\"\n  class:mc-breadcrumb--no-padding={noPadding}\n  aria-label=\"Breadcrumb\"\n  {...attributes}\n>\n  <ul class=\"mc-breadcrumb__container\">\n    {#each parseItems as item, i}\n      <li class=\"mc-breadcrumb__item{item.isActive ? ' is-active' : ''}\">\n        {#if i !== parseItems.length - 1}\n          <a\n            href={item.href}\n            class=\"mc-link mc-link--s{dark ? ' mc-link--light' : ''}\"\n            on:click={() => eventHandler.dispatch('link-clicked', item)}\n          >\n            {item.text}\n          </a>\n        {:else}\n          <span\n            class=\"mc-link mc-link--s mc-breadcrumb__current{dark\n              ? ' mc-link--light'\n              : ''}\"\n          >\n            {item.text}\n          </span>\n        {/if}\n      </li>\n    {/each}\n  </ul>\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.links';\n  @import '@mozaic-ds/styles/components/_c.breadcrumb';\n</style>\n"],"names":["t_value","ctx","text","insert","target","span","anchor","dirty","set_data","t","attr","a","a_href_value","href","length","create_if_block","li","li_class_value","isActive","i","nav","append","ul","class","nav_class_value","items","$$props","dark","responsive","nopadding","eventHandler","EventHandler","$$invalidate","parseItems","JSON","parse","noPadding","userClass","attributes","Object","assign","$$restProps","item","dispatch"],"mappings":"omUA4CaA,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,IAAE,2BAHRE,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,IAAE,iFANLD,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,IAAE,2BAFzDE,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,IAAE,oGAHtD,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,2BAAhEf,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,mFAD3DjB,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,oNAFmBA,EAAS,qCAJ5CE,EA+BKC,EAAAgB,EAAAd,GAvBHe,EAsBID,EAAAE,mFArBKrB,EAAU,WAAfa,OAAIK,GAAA,EAAA,iHAAJL,iDARkBb,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,KAAA,CAAAsB,MAAAC,oCAGdvB,EAAU,sCAFmBA,EAAS,gKAjB/BwB,GAAaC,GACbC,KAAAA,GAAO,GAAKD,GACZE,WAAAA,GAAa,GAAKF,GAClBG,UAAAA,GAA8B,GAAKH,EAC1CI,MAAmBC,8NAEtBC,EAAA,EAAEC,EAAaR,EAASS,KAAKC,MAAMV,GAAK,wBACtCW,EAAYP,GAA2B,UAAdA,GACzBG,EAAA,EAAAK,EAAYX,EAAQH,WACpBe,EAALC,OAAAC,UAAuBC,yBACXH,EAAWf,iCAkBKmB,GAAAZ,EAAaa,SAAS,eAAgBD"}
+{"version":3,"file":"Breadcrumb.nested.js","sources":["../../../src/components/breadcrumb/Breadcrumb.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { BreadcrumbItems } from './breadcrumb.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let items: string;\n  export let dark = false;\n  export let responsive = false;\n  export let nopadding: boolean | string = false;\n  let eventHandler = new EventHandler();\n\n  $: parseItems = items ? (JSON.parse(items) as BreadcrumbItems[]) : [];\n  $: noPadding = nopadding && nopadding !== 'false';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n</script>\n\n<nav\n  class=\"mc-breadcrumb {responsive ? ' mc-breadcrumb--responsive' : ''}{dark\n    ? ' mc-breadcrumb--dark'\n    : ''} {userClass}\"\n  class:mc-breadcrumb--no-padding={noPadding}\n  aria-label=\"Breadcrumb\"\n  {...attributes}\n>\n  <ul class=\"mc-breadcrumb__container\">\n    {#each parseItems as item, i}\n      <li class=\"mc-breadcrumb__item{item.isActive ? ' is-active' : ''}\">\n        {#if i !== parseItems.length - 1}\n          <a\n            href={item.href}\n            class=\"mc-link mc-link--s{dark ? ' mc-link--light' : ''}\"\n            on:click={() => eventHandler.dispatch('link-clicked', item)}\n          >\n            {item.text}\n          </a>\n        {:else}\n          <span\n            class=\"mc-link mc-link--s mc-breadcrumb__current{dark\n              ? ' mc-link--light'\n              : ''}\"\n          >\n            {item.text}\n          </span>\n        {/if}\n      </li>\n    {/each}\n  </ul>\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.links';\n  @import '@mozaic-ds/styles/components/_c.breadcrumb';\n</style>\n"],"names":[],"mappings":"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"}