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

package/public/components/breadcrumb/Breadcrumb.js

@@ -1,2 +1,373 @@
-import{S as e,i,a as r,b as c,f as n,s as t,c as m,e as a,n as d,g as s,h as l,z as o,j as b,m as g,o as u,J as h,p,q as x,d as k,t as f,k as v,l as w}from"../../index-c33b3772.js";import{E as M}from"../../EventHandler-02058705.js";function I(e,i,r){const c=e.slice();return c[12]=i[r],c[14]=r,c}function D(e){let i,r,n,t=e[12].text+"";return{c(){i=a("span"),r=f(t),s(i,"class",n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))},m(e,n){c(e,i,n),b(i,r)},p(e,c){32&c&&t!==(t=e[12].text+"")&&v(r,t),1&c&&n!==(n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))&&s(i,"class",n)},d(e){e&&u(i)}}}function y(e){let i,r,n,t,m,d,l=e[12].text+"";function o(){return e[9](e[12])}return{c(){i=a("a"),r=f(l),s(i,"href",n=e[12].href),s(i,"class",t="mc-link mc-link--s"+(e[0]?" mc-link--light":""))},m(e,n){c(e,i,n),b(i,r),m||(d=w(i,"click",o),m=!0)},p(c,m){e=c,32&m&&l!==(l=e[12].text+"")&&v(r,l),32&m&&n!==(n=e[12].href)&&s(i,"href",n),1&m&&t!==(t="mc-link mc-link--s"+(e[0]?" mc-link--light":""))&&s(i,"class",t)},d(e){e&&u(i),m=!1,d()}}}function _(e){let i,r,n;function t(e,i){return e[14]!==e[5].length-1?y:D}let m=t(e),d=m(e);return{c(){i=a("li"),d.c(),r=k(),s(i,"class",n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))},m(e,n){c(e,i,n),d.m(i,null),b(i,r)},p(e,c){m===(m=t(e))&&d?d.p(e,c):(d.d(1),d=m(e),d&&(d.c(),d.m(i,r))),32&c&&n!==(n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))&&s(i,"class",n)},d(e){e&&u(i),d.d()}}}function A(e){let i,r,n,t=e[5],p=[];for(let i=0;i<t.length;i+=1)p[i]=_(I(e,t,i));let x=[{class:n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],k={};for(let e=0;e<x.length;e+=1)k=m(k,x[e]);return{c(){i=a("nav"),r=a("ul");for(let e=0;e<p.length;e+=1)p[e].c();this.c=d,s(r,"class","mc-breadcrumb__container"),l(i,k),o(i,"mc-breadcrumb--no-padding",e[4])},m(e,n){c(e,i,n),b(i,r);for(let e=0;e<p.length;e+=1)p[e]&&p[e].m(r,null)},p(e,[c]){if(97&c){let i;for(t=e[5],i=0;i<t.length;i+=1){const n=I(e,t,i);p[i]?p[i].p(n,c):(p[i]=_(n),p[i].c(),p[i].m(r,null))}for(;i<p.length;i+=1)p[i].d(1);p.length=t.length}l(i,k=g(x,[11&c&&n!==(n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:n},{"aria-label":"Breadcrumb"},4&c&&e[2]])),o(i,"mc-breadcrumb--no-padding",e[4])},i:d,o:d,d(e){e&&u(i),h(p,e)}}}function j(e,i,r){let c,n,t,a;const d=["items","dark","responsive","nopadding"];let s=p(i,d),{items:l}=i,{dark:o=!1}=i,{responsive:b=!1}=i,{nopadding:g=!1}=i,u=new M;return e.$$set=e=>{r(11,i=m(m({},i),x(e))),r(10,s=p(i,d)),"items"in e&&r(7,l=e.items),"dark"in e&&r(0,o=e.dark),"responsive"in e&&r(1,b=e.responsive),"nopadding"in e&&r(8,g=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&r(5,c=l?JSON.parse(l):[]),256&e.$$.dirty&&r(4,n=g&&"false"!==g),r(3,t=i.class),r(2,a=Object.assign({},s)),4&e.$$.dirty&&delete a.class},i=x(i),[o,b,a,t,n,c,u,l,g,e=>u.dispatch("link-clicked",e)]}class z extends e{constructor(e){super();const m=document.createElement("style");m.textContent='.mc-link{-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:focus{outline:none}.mc-link: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,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::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{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-breadcrumb{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{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{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{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child,.mc-breadcrumb__item:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item:not(:first-child){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item: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{padding-left:0}',this.shadowRoot.appendChild(m),i(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},j,A,t,{items:7,dark:0,responsive:1,nopadding:8},null),e&&(e.target&&c(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["items","dark","responsive","nopadding"]}get items(){return this.$$.ctx[7]}set items(e){this.$$set({items:e}),n()}get dark(){return this.$$.ctx[0]}set dark(e){this.$$set({dark:e}),n()}get responsive(){return this.$$.ctx[1]}set responsive(e){this.$$set({responsive:e}),n()}get nopadding(){return this.$$.ctx[8]}set nopadding(e){this.$$set({nopadding:e}),n()}}export{z as default};
+import { S as SvelteElement, i as init, a as attribute_to_object, b as insert, f as flush, s as safe_not_equal, c as assign, e as element, n as noop, g as attr, h as set_attributes, z as toggle_class, j as append, m as get_spread_update, 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.svelte generated by Svelte v3.58.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' : ''));
+		},
+		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' : ''))) {
+				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' : ''));
+		},
+		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' : ''))) {
+				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' : ''));
+		},
+		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' : ''))) {
+				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();
+			}
+
+			this.c = noop;
+			attr(ul, "class", "mc-breadcrumb__container");
+			set_attributes(nav, nav_data);
+			toggle_class(nav, "mc-breadcrumb--no-padding", /*noPadding*/ ctx[4]);
+		},
+		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]);
+		},
+		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 extends SvelteElement {
+	constructor(options) {
+		super();
+		const style = document.createElement('style');
+		style.textContent = `.mc-link{-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:focus{outline:none}.mc-link: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,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::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{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-breadcrumb{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{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{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{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child,.mc-breadcrumb__item:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item:not(:first-child){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTUuNSAxNGExIDEgMCAwMS0uNzEtLjI5IDEgMSAwIDAxMC0xLjQyTDkuMDkgOGwtNC4zLTQuMjlhMSAxIDAgMDExLjQyLTEuNDJsNSA1YTEgMSAwIDAxMCAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEwLjUgMTRhMSAxIDAgMDEtLjcxLS4yOWwtNS01YTEgMSAwIDAxMC0xLjQybDUtNWExIDEgMCAxMTEuNDIgMS40Mkw2LjkxIDhsNC4zIDQuMjlhMSAxIDAgMDEwIDEuNDIgMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item: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{padding-left:0}`;
+		this.shadowRoot.appendChild(style);
+
+		init(
+			this,
+			{
+				target: this.shadowRoot,
+				props: attribute_to_object(this.attributes),
+				customElement: true
+			},
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				items: 7,
+				dark: 0,
+				responsive: 1,
+				nopadding: 8
+			},
+			null
+		);
+
+		if (options) {
+			if (options.target) {
+				insert(options.target, this, options.anchor);
+			}
+
+			if (options.props) {
+				this.$set(options.props);
+				flush();
+			}
+		}
+	}
+
+	static get observedAttributes() {
+		return ["items", "dark", "responsive", "nopadding"];
+	}
+
+	get items() {
+		return this.$$.ctx[7];
+	}
+
+	set items(items) {
+		this.$$set({ items });
+		flush();
+	}
+
+	get dark() {
+		return this.$$.ctx[0];
+	}
+
+	set dark(dark) {
+		this.$$set({ dark });
+		flush();
+	}
+
+	get responsive() {
+		return this.$$.ctx[1];
+	}
+
+	set responsive(responsive) {
+		this.$$set({ responsive });
+		flush();
+	}
+
+	get nopadding() {
+		return this.$$.ctx[8];
+	}
+
+	set nopadding(nopadding) {
+		this.$$set({ nopadding });
+		flush();
+	}
+}
+
+export { Breadcrumb as default };
 //# sourceMappingURL=Breadcrumb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/breadcrumb/Breadcrumb.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":"gUA4CaA,EAAAC,MAAKC,KAAI,4FAJuCD,EAAA,GAC7C,kBACA,aAHNE,EAMMC,EAAAC,EAAAC,kBADH,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,4DAJuCC,EAAA,GAC7C,kBACA,mEANHD,EAAAC,MAAKC,KAAI,8DAJJQ,EAAAC,EAAA,OAAAC,EAAAX,MAAKY,0CACeZ,EAAI,GAAG,kBAAoB,aAFvDE,EAMGC,EAAAO,EAAAL,iDADA,GAAAC,GAAAP,KAAAA,EAAAC,MAAKC,KAAI,KAAAM,EAAAC,EAAAT,GAJJ,GAAAO,GAAAK,KAAAA,EAAAX,MAAKY,uDACeZ,EAAI,GAAG,kBAAoB,sFAHpD,OAAAA,EAAM,MAAAA,EAAW,GAAAa,OAAS,EAACC,uDADHL,EAAAM,EAAA,QAAAC,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,aAA9Df,EAkBIC,EAAAY,EAAAV,2FAlB2B,GAAAC,GAAAU,KAAAA,EAAA,uBAAAhB,EAAK,IAAAiB,SAAW,aAAe,qEADzDjB,EAAU,wBAAfa,OAAIK,GAAA,qDARclB,EAAU,GAAG,6BAA+B,KAAIA,EAAA,GAClE,uBACA,QAAKA,EAAS,gCAGdA,EAAU,8MAFmBA,EAAS,YAJ5CE,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,uIAjB/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.js","sources":["../../../src/components/breadcrumb/Breadcrumb.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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"}