@mozaic-ds/web-components 0.11.1 → 0.12.0-beta.0

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

@@ -1,2 +1,320 @@
-import{P as e,i as c,s as a,Q as t,c as l,e as i,g as s,h as d,z as r,b as n,j as m,m as v,n as o,o as q,J as b,p as h,q as f,d as u,t as g,k as p,l as k}from"../../index-c33b3772.js";import{E as x}from"../../EventHandler-02058705.js";function w(e){t(e,"svelte-q3cd0a",".mc-link.svelte-q3cd0a.svelte-q3cd0a{-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-q3cd0a.svelte-q3cd0a:focus{outline:none}.mc-link.svelte-q3cd0a.svelte-q3cd0a: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-q3cd0a.svelte-q3cd0a,.mc-link.svelte-q3cd0a.svelte-q3cd0a:visited{color:#333333}.mc-link.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link.svelte-q3cd0a.svelte-q3cd0a:hover{color:#666666}.mc-link.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link.svelte-q3cd0a.svelte-q3cd0a:active{color:#333333}.mc-link.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}.mc-link.svelte-q3cd0a.svelte-q3cd0a::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-q3cd0a.svelte-q3cd0a{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-q3cd0a.svelte-q3cd0a{color:#ffffff}.mc-link--light.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link--light.svelte-q3cd0a.svelte-q3cd0a:visited{color:#cccccc}.mc-link--light.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link--light.svelte-q3cd0a.svelte-q3cd0a:hover{color:#999999}.mc-link--light.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link--light.svelte-q3cd0a.svelte-q3cd0a:active{color:#cccccc}.mc-link--light.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-q3cd0a.svelte-q3cd0a{color:#188803}.mc-link--primary.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary.svelte-q3cd0a.svelte-q3cd0a:visited{color:#006902}.mc-link--primary.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary.svelte-q3cd0a.svelte-q3cd0a:hover{color:#035010}.mc-link--primary.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary.svelte-q3cd0a.svelte-q3cd0a:active{color:#006902}.mc-link--primary.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-q3cd0a.svelte-q3cd0a{color:#494f60}.mc-link--primary-02.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary-02.svelte-q3cd0a.svelte-q3cd0a:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary-02.svelte-q3cd0a.svelte-q3cd0a:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary-02.svelte-q3cd0a.svelte-q3cd0a:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-q3cd0a.svelte-q3cd0a{color:#c61112}.mc-link--danger.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link--danger.svelte-q3cd0a.svelte-q3cd0a:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link--danger.svelte-q3cd0a.svelte-q3cd0a:hover{color:#530000}.mc-link--danger.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link--danger.svelte-q3cd0a.svelte-q3cd0a:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{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-q3cd0a.svelte-q3cd0a{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-q3cd0a.svelte-q3cd0a{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-q3cd0a.svelte-q3cd0a{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-q3cd0a.svelte-q3cd0a{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a:only-child,.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a:active,.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a:focus,.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a:hover,.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a:visited,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a:active,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a:focus,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a:hover,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a:visited{color:currentColor}.mc-breadcrumb--dark.svelte-q3cd0a.svelte-q3cd0a{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-q3cd0a .mc-breadcrumb__item.svelte-q3cd0a:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark.svelte-q3cd0a .mc-breadcrumb__item.is-active.svelte-q3cd0a,.mc-breadcrumb--dark.svelte-q3cd0a .mc-breadcrumb__item.svelte-q3cd0a:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive.svelte-q3cd0a .mc-breadcrumb__item.svelte-q3cd0a: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-q3cd0a.svelte-q3cd0a{padding-left:0}")}function _(e,c,a){const t=e.slice();return t[12]=c[a],t[14]=a,t}function y(e){let c,a,t,l=e[12].text+"";return{c(){c=i("span"),a=g(l),s(c,"class",t="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-q3cd0a")},m(e,t){n(e,c,t),m(c,a)},p(e,i){32&i&&l!==(l=e[12].text+"")&&p(a,l),1&i&&t!==(t="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-q3cd0a")&&s(c,"class",t)},d(e){e&&q(c)}}}function z(e){let c,a,t,l,d,r,v=e[12].text+"";function o(){return e[9](e[12])}return{c(){c=i("a"),a=g(v),s(c,"href",t=e[12].href),s(c,"class",l="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-q3cd0a")},m(e,t){n(e,c,t),m(c,a),d||(r=k(c,"click",o),d=!0)},p(i,d){e=i,32&d&&v!==(v=e[12].text+"")&&p(a,v),32&d&&t!==(t=e[12].href)&&s(c,"href",t),1&d&&l!==(l="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-q3cd0a")&&s(c,"class",l)},d(e){e&&q(c),d=!1,r()}}}function C(e){let c,a,t;function l(e,c){return e[14]!==e[5].length-1?z:y}let d=l(e),r=d(e);return{c(){c=i("li"),r.c(),a=u(),s(c,"class",t="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-q3cd0a")},m(e,t){n(e,c,t),r.m(c,null),m(c,a)},p(e,i){d===(d=l(e))&&r?r.p(e,i):(r.d(1),r=d(e),r&&(r.c(),r.m(c,a))),32&i&&t!==(t="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-q3cd0a")&&s(c,"class",t)},d(e){e&&q(c),r.d()}}}function E(e){let c,a,t,h=e[5],f=[];for(let c=0;c<h.length;c+=1)f[c]=C(_(e,h,c));let u=[{class:t="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],g={};for(let e=0;e<u.length;e+=1)g=l(g,u[e]);return{c(){c=i("nav"),a=i("ul");for(let e=0;e<f.length;e+=1)f[e].c();s(a,"class","mc-breadcrumb__container svelte-q3cd0a"),d(c,g),r(c,"mc-breadcrumb--no-padding",e[4]),r(c,"svelte-q3cd0a",!0)},m(e,t){n(e,c,t),m(c,a);for(let e=0;e<f.length;e+=1)f[e]&&f[e].m(a,null)},p(e,[l]){if(97&l){let c;for(h=e[5],c=0;c<h.length;c+=1){const t=_(e,h,c);f[c]?f[c].p(t,l):(f[c]=C(t),f[c].c(),f[c].m(a,null))}for(;c<f.length;c+=1)f[c].d(1);f.length=h.length}d(c,g=v(u,[11&l&&t!==(t="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:t},{"aria-label":"Breadcrumb"},4&l&&e[2]])),r(c,"mc-breadcrumb--no-padding",e[4]),r(c,"svelte-q3cd0a",!0)},i:o,o:o,d(e){e&&q(c),b(f,e)}}}function $(e,c,a){let t,i,s,d;const r=["items","dark","responsive","nopadding"];let n=h(c,r),{items:m}=c,{dark:v=!1}=c,{responsive:o=!1}=c,{nopadding:q=!1}=c,b=new x;return e.$$set=e=>{a(11,c=l(l({},c),f(e))),a(10,n=h(c,r)),"items"in e&&a(7,m=e.items),"dark"in e&&a(0,v=e.dark),"responsive"in e&&a(1,o=e.responsive),"nopadding"in e&&a(8,q=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&a(5,t=m?JSON.parse(m):[]),256&e.$$.dirty&&a(4,i=q&&"false"!==q),a(3,s=c.class),a(2,d=Object.assign({},n)),4&e.$$.dirty&&delete d.class},c=f(c),[v,o,d,s,i,t,b,m,q,e=>b.dispatch("link-clicked",e)]}class B extends e{constructor(e){super(),c(this,e,$,E,a,{items:7,dark:0,responsive:1,nopadding:8},w)}}export{B 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-q3cd0a", ".mc-link.svelte-q3cd0a.svelte-q3cd0a{-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-q3cd0a.svelte-q3cd0a:focus{outline:none}.mc-link.svelte-q3cd0a.svelte-q3cd0a: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-q3cd0a.svelte-q3cd0a,.mc-link.svelte-q3cd0a.svelte-q3cd0a:visited{color:#333333}.mc-link.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link.svelte-q3cd0a.svelte-q3cd0a:hover{color:#666666}.mc-link.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link.svelte-q3cd0a.svelte-q3cd0a:active{color:#333333}.mc-link.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}.mc-link.svelte-q3cd0a.svelte-q3cd0a::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-q3cd0a.svelte-q3cd0a{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-q3cd0a.svelte-q3cd0a{color:#ffffff}.mc-link--light.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link--light.svelte-q3cd0a.svelte-q3cd0a:visited{color:#cccccc}.mc-link--light.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link--light.svelte-q3cd0a.svelte-q3cd0a:hover{color:#999999}.mc-link--light.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link--light.svelte-q3cd0a.svelte-q3cd0a:active{color:#cccccc}.mc-link--light.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-q3cd0a.svelte-q3cd0a{color:#188803}.mc-link--primary.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary.svelte-q3cd0a.svelte-q3cd0a:visited{color:#006902}.mc-link--primary.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary.svelte-q3cd0a.svelte-q3cd0a:hover{color:#035010}.mc-link--primary.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary.svelte-q3cd0a.svelte-q3cd0a:active{color:#006902}.mc-link--primary.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-q3cd0a.svelte-q3cd0a{color:#494f60}.mc-link--primary-02.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary-02.svelte-q3cd0a.svelte-q3cd0a:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary-02.svelte-q3cd0a.svelte-q3cd0a:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link--primary-02.svelte-q3cd0a.svelte-q3cd0a:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-q3cd0a.svelte-q3cd0a{color:#c61112}.mc-link--danger.is-visited.svelte-q3cd0a.svelte-q3cd0a,.mc-link--danger.svelte-q3cd0a.svelte-q3cd0a:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-q3cd0a.svelte-q3cd0a,.mc-link--danger.svelte-q3cd0a.svelte-q3cd0a:hover{color:#530000}.mc-link--danger.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-link--danger.svelte-q3cd0a.svelte-q3cd0a:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-q3cd0a.svelte-q3cd0a{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-q3cd0a.svelte-q3cd0a{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-q3cd0a.svelte-q3cd0a{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{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-q3cd0a.svelte-q3cd0a{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-q3cd0a.svelte-q3cd0a{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-q3cd0a.svelte-q3cd0a{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-q3cd0a.svelte-q3cd0a{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-q3cd0a.svelte-q3cd0a{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a:only-child,.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__item.svelte-q3cd0a.svelte-q3cd0a:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a:active,.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a:focus,.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a:hover,.mc-breadcrumb__current.svelte-q3cd0a.svelte-q3cd0a:visited,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a:active,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a:focus,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a:hover,.mc-breadcrumb__current.mc-link.svelte-q3cd0a.svelte-q3cd0a:visited{color:currentColor}.mc-breadcrumb--dark.svelte-q3cd0a.svelte-q3cd0a{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-q3cd0a .mc-breadcrumb__item.svelte-q3cd0a:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark.svelte-q3cd0a .mc-breadcrumb__item.is-active.svelte-q3cd0a,.mc-breadcrumb--dark.svelte-q3cd0a .mc-breadcrumb__item.svelte-q3cd0a:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive.svelte-q3cd0a .mc-breadcrumb__item.svelte-q3cd0a: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-q3cd0a.svelte-q3cd0a{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-q3cd0a");
+		},
+		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-q3cd0a")) {
+				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-q3cd0a");
+		},
+		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-q3cd0a")) {
+				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-q3cd0a");
+		},
+		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-q3cd0a")) {
+				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-q3cd0a");
+			set_attributes(nav, nav_data);
+			toggle_class(nav, "mc-breadcrumb--no-padding", /*noPadding*/ ctx[4]);
+			toggle_class(nav, "svelte-q3cd0a", 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-q3cd0a", 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":"spTA4CaA,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,IAAE,0BAHRE,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,IAAE,gFANLD,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,IAAE,0BAFzDE,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,IAAE,mGAHtD,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,0BAAhEf,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,IAAE,kFAD3DjB,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,mNAFmBA,EAAS,oCAJ5CE,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,+JAjB/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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"}