@mozaic-ds/web-components 0.5.0 → 0.6.1

package/public/components/header/Header.js

@@ -1,904 +1,2 @@
-import { S as SvelteElement, i as init, a as attribute_to_object, _ as get_custom_elements_slots, b as insert, f as flush, s as safe_not_equal, c as assign, e as element, d as space, t as text, n as noop, g as attr, h as set_attributes, z as toggle_class, j as append, C as transition_in, D as transition_out, E as check_outros, k as set_data, m as get_spread_update, o as detach, p as compute_rest_props, a0 as compute_slots, q as exclude_internal_props, x as create_component, A as mount_component, G as destroy_component, l as listen, M as group_outros, v as binding_callbacks } from '../../index-c33b3772.js';
-import { E as EventHandler } from '../../EventHandler-02058705.js';
-import Breadcrumb_nested from '../breadcrumb/Breadcrumb.nested.js';
-import Tabs_nested from '../tabs/Tabs.nested.js';
-import Badge_nested from '../badge/Badge.nested.js';
-
-/* src/components/header/Header.svelte generated by Svelte v3.58.0 */
-
-function create_if_block_7(ctx) {
-	let div;
-	let breadcrumb_1;
-	let current;
-
-	breadcrumb_1 = new Breadcrumb_nested({
-			props: {
-				items: JSON.stringify(/*parsedBreadcrumb*/ ctx[16]),
-				nopadding: "true"
-			}
-		});
-
-	breadcrumb_1.$on("link-clicked", /*link_clicked_handler*/ ctx[25]);
-
-	return {
-		c() {
-			div = element("div");
-			create_component(breadcrumb_1.$$.fragment);
-			attr(div, "class", "mc-header__breadcrumb");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			mount_component(breadcrumb_1, div, null);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const breadcrumb_1_changes = {};
-			if (dirty[0] & /*parsedBreadcrumb*/ 65536) breadcrumb_1_changes.items = JSON.stringify(/*parsedBreadcrumb*/ ctx[16]);
-			breadcrumb_1.$set(breadcrumb_1_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(breadcrumb_1.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(breadcrumb_1.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			destroy_component(breadcrumb_1);
-		}
-	};
-}
-
-// (97:4) {#if hasBack}
-function create_if_block_6(ctx) {
-	let button;
-	let span;
-	let t_value = (/*parsedA11yLabels*/ ctx[14]?.['back'] || 'Back') + "";
-	let t;
-	let mounted;
-	let dispose;
-
-	return {
-		c() {
-			button = element("button");
-			span = element("span");
-			t = text(t_value);
-			attr(span, "class", "mc-header__back__label");
-			attr(button, "class", "mc-header__back");
-		},
-		m(target, anchor) {
-			insert(target, button, anchor);
-			append(button, span);
-			append(span, t);
-
-			if (!mounted) {
-				dispose = listen(button, "click", /*goBack*/ ctx[18]);
-				mounted = true;
-			}
-		},
-		p(ctx, dirty) {
-			if (dirty[0] & /*parsedA11yLabels*/ 16384 && t_value !== (t_value = (/*parsedA11yLabels*/ ctx[14]?.['back'] || 'Back') + "")) set_data(t, t_value);
-		},
-		d(detaching) {
-			if (detaching) detach(button);
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-// (109:6) {#if subtitle}
-function create_if_block_5(ctx) {
-	let div;
-	let t;
-
-	return {
-		c() {
-			div = element("div");
-			t = text(/*subtitle*/ ctx[1]);
-			attr(div, "class", "mc-header__heading__subtitle");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			append(div, t);
-		},
-		p(ctx, dirty) {
-			if (dirty[0] & /*subtitle*/ 2) set_data(t, /*subtitle*/ ctx[1]);
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-		}
-	};
-}
-
-// (114:6) {#if status}
-function create_if_block_4(ctx) {
-	let div;
-	let badge;
-	let current;
-
-	badge = new Badge_nested({
-			props: {
-				label: /*status*/ ctx[3],
-				type: /*statustype*/ ctx[4]
-			}
-		});
-
-	return {
-		c() {
-			div = element("div");
-			create_component(badge.$$.fragment);
-			attr(div, "class", "mc-header__heading__status");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			mount_component(badge, div, null);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const badge_changes = {};
-			if (dirty[0] & /*status*/ 8) badge_changes.label = /*status*/ ctx[3];
-			if (dirty[0] & /*statustype*/ 16) badge_changes.type = /*statustype*/ ctx[4];
-			badge.$set(badge_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(badge.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(badge.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			destroy_component(badge);
-		}
-	};
-}
-
-// (121:2) {#if !hideoptions}
-function create_if_block_1(ctx) {
-	let div;
-	let t;
-	let if_block0 = (/*$$slots*/ ctx[19]?.icons || /*hasicons*/ ctx[6]) && create_if_block_3();
-	let if_block1 = (/*$$slots*/ ctx[19]?.selector || /*hasselector*/ ctx[7]) && create_if_block_2(ctx);
-
-	return {
-		c() {
-			div = element("div");
-			if (if_block0) if_block0.c();
-			t = space();
-			if (if_block1) if_block1.c();
-			attr(div, "class", "mc-header__right");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			if (if_block0) if_block0.m(div, null);
-			append(div, t);
-			if (if_block1) if_block1.m(div, null);
-		},
-		p(ctx, dirty) {
-			if (/*$$slots*/ ctx[19]?.icons || /*hasicons*/ ctx[6]) {
-				if (if_block0) ; else {
-					if_block0 = create_if_block_3();
-					if_block0.c();
-					if_block0.m(div, t);
-				}
-			} else if (if_block0) {
-				if_block0.d(1);
-				if_block0 = null;
-			}
-
-			if (/*$$slots*/ ctx[19]?.selector || /*hasselector*/ ctx[7]) {
-				if (if_block1) {
-					if_block1.p(ctx, dirty);
-				} else {
-					if_block1 = create_if_block_2(ctx);
-					if_block1.c();
-					if_block1.m(div, null);
-				}
-			} else if (if_block1) {
-				if_block1.d(1);
-				if_block1 = null;
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			if (if_block0) if_block0.d();
-			if (if_block1) if_block1.d();
-		}
-	};
-}
-
-// (123:6) {#if $$slots?.icons || hasicons}
-function create_if_block_3(ctx) {
-	let div;
-
-	return {
-		c() {
-			div = element("div");
-			div.innerHTML = `<slot name="icons"></slot>`;
-			attr(div, "class", "mc-header__icons");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-		}
-	};
-}
-
-// (128:6) {#if $$slots?.selector || hasselector}
-function create_if_block_2(ctx) {
-	let div;
-
-	return {
-		c() {
-			div = element("div");
-			div.innerHTML = `<slot name="selector"></slot>`;
-			attr(div, "class", "mc-header__selector");
-			toggle_class(div, "mc-header__selector--show-separator", (/*$$slots*/ ctx[19]?.icons || /*hasicons*/ ctx[6]) && (/*$$slots*/ ctx[19]?.selector || /*hasselector*/ ctx[7]));
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty[0] & /*$$slots, hasicons, hasselector*/ 524480) {
-				toggle_class(div, "mc-header__selector--show-separator", (/*$$slots*/ ctx[19]?.icons || /*hasicons*/ ctx[6]) && (/*$$slots*/ ctx[19]?.selector || /*hasselector*/ ctx[7]));
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-		}
-	};
-}
-
-// (140:2) {#if parsedTabs}
-function create_if_block(ctx) {
-	let div;
-	let tabs_1;
-	let current;
-
-	tabs_1 = new Tabs_nested({
-			props: {
-				tabs: JSON.stringify(/*parsedTabs*/ ctx[15]),
-				nodivider: true
-			}
-		});
-
-	tabs_1.$on("tab-clicked", /*tab_clicked_handler*/ ctx[26]);
-
-	return {
-		c() {
-			div = element("div");
-			create_component(tabs_1.$$.fragment);
-			attr(div, "class", "mc-header__tabs");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			mount_component(tabs_1, div, null);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const tabs_1_changes = {};
-			if (dirty[0] & /*parsedTabs*/ 32768) tabs_1_changes.tabs = JSON.stringify(/*parsedTabs*/ ctx[15]);
-			tabs_1.$set(tabs_1_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(tabs_1.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(tabs_1.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			destroy_component(tabs_1);
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let div2;
-	let div1;
-	let t0;
-	let t1;
-	let div0;
-	let h1;
-	let t2;
-	let t3;
-	let t4;
-	let t5;
-	let t6;
-	let div2_class_value;
-	let current;
-	let if_block0 = /*breadcrumb*/ ctx[5] && create_if_block_7(ctx);
-	let if_block1 = /*hasBack*/ ctx[13] && create_if_block_6(ctx);
-	let if_block2 = /*subtitle*/ ctx[1] && create_if_block_5(ctx);
-	let if_block3 = /*status*/ ctx[3] && create_if_block_4(ctx);
-	let if_block4 = !/*hideoptions*/ ctx[8] && create_if_block_1(ctx);
-	let if_block5 = /*parsedTabs*/ ctx[15] && create_if_block(ctx);
-
-	let div2_levels = [
-		{
-			class: div2_class_value = "mc-header " + (/*size*/ ctx[2] ? `mc-header--${/*size*/ ctx[2]}` : '')
-		},
-		/*attributes*/ ctx[9]
-	];
-
-	let div_data_2 = {};
-
-	for (let i = 0; i < div2_levels.length; i += 1) {
-		div_data_2 = assign(div_data_2, div2_levels[i]);
-	}
-
-	return {
-		c() {
-			div2 = element("div");
-			div1 = element("div");
-			if (if_block0) if_block0.c();
-			t0 = space();
-			if (if_block1) if_block1.c();
-			t1 = space();
-			div0 = element("div");
-			h1 = element("h1");
-			t2 = text(/*title*/ ctx[0]);
-			t3 = space();
-			if (if_block2) if_block2.c();
-			t4 = space();
-			if (if_block3) if_block3.c();
-			t5 = space();
-			if (if_block4) if_block4.c();
-			t6 = space();
-			if (if_block5) if_block5.c();
-			this.c = noop;
-			attr(h1, "class", "mc-header__heading__title");
-			attr(div0, "class", "mc-header__heading");
-			attr(div1, "class", "mc-header__left");
-			set_attributes(div2, div_data_2);
-			toggle_class(div2, "mc-header--no-shadow", /*hasNoShadow*/ ctx[12]);
-			toggle_class(div2, "mc-header--animate", /*hasAnimation*/ ctx[10]);
-		},
-		m(target, anchor) {
-			insert(target, div2, anchor);
-			append(div2, div1);
-			if (if_block0) if_block0.m(div1, null);
-			append(div1, t0);
-			if (if_block1) if_block1.m(div1, null);
-			append(div1, t1);
-			append(div1, div0);
-			append(div0, h1);
-			append(h1, t2);
-			append(div0, t3);
-			if (if_block2) if_block2.m(div0, null);
-			append(div0, t4);
-			if (if_block3) if_block3.m(div0, null);
-			append(div2, t5);
-			if (if_block4) if_block4.m(div2, null);
-			append(div2, t6);
-			if (if_block5) if_block5.m(div2, null);
-			/*div2_binding*/ ctx[27](div2);
-			current = true;
-		},
-		p(ctx, dirty) {
-			if (/*breadcrumb*/ ctx[5]) {
-				if (if_block0) {
-					if_block0.p(ctx, dirty);
-
-					if (dirty[0] & /*breadcrumb*/ 32) {
-						transition_in(if_block0, 1);
-					}
-				} else {
-					if_block0 = create_if_block_7(ctx);
-					if_block0.c();
-					transition_in(if_block0, 1);
-					if_block0.m(div1, t0);
-				}
-			} else if (if_block0) {
-				group_outros();
-
-				transition_out(if_block0, 1, 1, () => {
-					if_block0 = null;
-				});
-
-				check_outros();
-			}
-
-			if (/*hasBack*/ ctx[13]) {
-				if (if_block1) {
-					if_block1.p(ctx, dirty);
-				} else {
-					if_block1 = create_if_block_6(ctx);
-					if_block1.c();
-					if_block1.m(div1, t1);
-				}
-			} else if (if_block1) {
-				if_block1.d(1);
-				if_block1 = null;
-			}
-
-			if (!current || dirty[0] & /*title*/ 1) set_data(t2, /*title*/ ctx[0]);
-
-			if (/*subtitle*/ ctx[1]) {
-				if (if_block2) {
-					if_block2.p(ctx, dirty);
-				} else {
-					if_block2 = create_if_block_5(ctx);
-					if_block2.c();
-					if_block2.m(div0, t4);
-				}
-			} else if (if_block2) {
-				if_block2.d(1);
-				if_block2 = null;
-			}
-
-			if (/*status*/ ctx[3]) {
-				if (if_block3) {
-					if_block3.p(ctx, dirty);
-
-					if (dirty[0] & /*status*/ 8) {
-						transition_in(if_block3, 1);
-					}
-				} else {
-					if_block3 = create_if_block_4(ctx);
-					if_block3.c();
-					transition_in(if_block3, 1);
-					if_block3.m(div0, null);
-				}
-			} else if (if_block3) {
-				group_outros();
-
-				transition_out(if_block3, 1, 1, () => {
-					if_block3 = null;
-				});
-
-				check_outros();
-			}
-
-			if (!/*hideoptions*/ ctx[8]) {
-				if (if_block4) {
-					if_block4.p(ctx, dirty);
-				} else {
-					if_block4 = create_if_block_1(ctx);
-					if_block4.c();
-					if_block4.m(div2, t6);
-				}
-			} else if (if_block4) {
-				if_block4.d(1);
-				if_block4 = null;
-			}
-
-			if (/*parsedTabs*/ ctx[15]) {
-				if (if_block5) {
-					if_block5.p(ctx, dirty);
-
-					if (dirty[0] & /*parsedTabs*/ 32768) {
-						transition_in(if_block5, 1);
-					}
-				} else {
-					if_block5 = create_if_block(ctx);
-					if_block5.c();
-					transition_in(if_block5, 1);
-					if_block5.m(div2, null);
-				}
-			} else if (if_block5) {
-				group_outros();
-
-				transition_out(if_block5, 1, 1, () => {
-					if_block5 = null;
-				});
-
-				check_outros();
-			}
-
-			set_attributes(div2, div_data_2 = get_spread_update(div2_levels, [
-				(!current || dirty[0] & /*size*/ 4 && div2_class_value !== (div2_class_value = "mc-header " + (/*size*/ ctx[2] ? `mc-header--${/*size*/ ctx[2]}` : ''))) && { class: div2_class_value },
-				dirty[0] & /*attributes*/ 512 && /*attributes*/ ctx[9]
-			]));
-
-			toggle_class(div2, "mc-header--no-shadow", /*hasNoShadow*/ ctx[12]);
-			toggle_class(div2, "mc-header--animate", /*hasAnimation*/ ctx[10]);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(if_block0);
-			transition_in(if_block3);
-			transition_in(if_block5);
-			current = true;
-		},
-		o(local) {
-			transition_out(if_block0);
-			transition_out(if_block3);
-			transition_out(if_block5);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div2);
-			if (if_block0) if_block0.d();
-			if (if_block1) if_block1.d();
-			if (if_block2) if_block2.d();
-			if (if_block3) if_block3.d();
-			if (if_block4) if_block4.d();
-			if (if_block5) if_block5.d();
-			/*div2_binding*/ ctx[27](null);
-		}
-	};
-}
-
-const headerAnimationThreshold = 5;
-
-function instance($$self, $$props, $$invalidate) {
-	let parsedBreadcrumb;
-	let parsedTabs;
-	let parsedA11yLabels;
-	let hasBack;
-	let hasNoShadow;
-	let attributes;
-
-	const omit_props_names = [
-		"title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","hasicons","hasselector","hideoptions"
-	];
-
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	let { $$slots: slots = {}, $$scope } = $$props;
-	const $$slots = compute_slots(slots);
-	let { title } = $$props;
-	let { subtitle } = $$props;
-	let { size = 'm' } = $$props;
-	let { status } = $$props;
-	let { statustype } = $$props;
-	let { back } = $$props;
-	let { breadcrumb } = $$props;
-	let { tabs } = $$props;
-	let { noshadow } = $$props;
-	let { a11ylabels } = $$props;
-	let { scrollcontainer } = $$props;
-	let { hasicons } = $$props;
-	let { hasselector } = $$props;
-	let { hideoptions = false } = $$props;
-	let eventHandler = new EventHandler();
-	let originalScrollPos = 0;
-	let hasAnimation;
-	let root;
-
-	function goBack() {
-		eventHandler.dispatch('on-back-click', {});
-	}
-
-	function updateAnimation(element) {
-		if (element) {
-			element.removeEventListener('scroll', handleScroll);
-			element.addEventListener('scroll', handleScroll);
-		}
-	}
-
-	function handleScroll() {
-		const currentScrollPos = scrollcontainer.scrollTop;
-		const originHeaderMargin = Number(root.style.marginTop.replace('px', ''));
-
-		if (originalScrollPos > currentScrollPos) {
-			if (currentScrollPos < root.offsetHeight) {
-				$$invalidate(11, root.style.marginTop = `${Math.max(-currentScrollPos, originHeaderMargin)}px`, root);
-			} else {
-				$$invalidate(11, root.style.marginTop = '0', root);
-			}
-		} else {
-			if (currentScrollPos < root.offsetHeight) {
-				$$invalidate(11, root.style.transition = 'none', root);
-				$$invalidate(11, root.style.marginTop = `${-currentScrollPos}px`, root);
-			} else {
-				$$invalidate(11, root.style.transition = 'margin-top ease-out 0.4s', root);
-				$$invalidate(11, root.style.marginTop = `${-root.offsetHeight - headerAnimationThreshold}px`, root);
-			}
-		}
-
-		originalScrollPos = currentScrollPos;
-	}
-
-	const link_clicked_handler = event => eventHandler.dispatch('link-clicked', event.detail);
-	const tab_clicked_handler = event => eventHandler.dispatch('tab-clicked', event.detail);
-
-	function div2_binding($$value) {
-		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-			root = $$value;
-			$$invalidate(11, root);
-		});
-	}
-
-	$$self.$$set = $$new_props => {
-		$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
-		$$invalidate(31, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ('title' in $$new_props) $$invalidate(0, title = $$new_props.title);
-		if ('subtitle' in $$new_props) $$invalidate(1, subtitle = $$new_props.subtitle);
-		if ('size' in $$new_props) $$invalidate(2, size = $$new_props.size);
-		if ('status' in $$new_props) $$invalidate(3, status = $$new_props.status);
-		if ('statustype' in $$new_props) $$invalidate(4, statustype = $$new_props.statustype);
-		if ('back' in $$new_props) $$invalidate(20, back = $$new_props.back);
-		if ('breadcrumb' in $$new_props) $$invalidate(5, breadcrumb = $$new_props.breadcrumb);
-		if ('tabs' in $$new_props) $$invalidate(21, tabs = $$new_props.tabs);
-		if ('noshadow' in $$new_props) $$invalidate(22, noshadow = $$new_props.noshadow);
-		if ('a11ylabels' in $$new_props) $$invalidate(23, a11ylabels = $$new_props.a11ylabels);
-		if ('scrollcontainer' in $$new_props) $$invalidate(24, scrollcontainer = $$new_props.scrollcontainer);
-		if ('hasicons' in $$new_props) $$invalidate(6, hasicons = $$new_props.hasicons);
-		if ('hasselector' in $$new_props) $$invalidate(7, hasselector = $$new_props.hasselector);
-		if ('hideoptions' in $$new_props) $$invalidate(8, hideoptions = $$new_props.hideoptions);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty[0] & /*breadcrumb*/ 32) {
-			$$invalidate(16, parsedBreadcrumb = typeof breadcrumb === 'string'
-			? JSON.parse(breadcrumb)
-			: breadcrumb);
-		}
-
-		if ($$self.$$.dirty[0] & /*tabs*/ 2097152) {
-			$$invalidate(15, parsedTabs = typeof tabs === 'string' ? JSON.parse(tabs) : tabs);
-		}
-
-		if ($$self.$$.dirty[0] & /*a11ylabels*/ 8388608) {
-			$$invalidate(14, parsedA11yLabels = typeof a11ylabels === 'string'
-			? JSON.parse(a11ylabels)
-			: a11ylabels);
-		}
-
-		if ($$self.$$.dirty[0] & /*back*/ 1048576) {
-			$$invalidate(13, hasBack = back && back !== 'false');
-		}
-
-		if ($$self.$$.dirty[0] & /*noshadow*/ 4194304) {
-			$$invalidate(12, hasNoShadow = noshadow && noshadow !== 'false');
-		}
-
-		if ($$self.$$.dirty[0] & /*scrollcontainer*/ 16777216) {
-			{
-				$$invalidate(10, hasAnimation = Boolean(scrollcontainer));
-				updateAnimation(scrollcontainer);
-			}
-		}
-
-		$$invalidate(9, attributes = Object.assign({}, $$restProps));
-
-		if ($$self.$$.dirty[0] & /*attributes*/ 512) {
-			delete attributes.class;
-		}
-	};
-
-	return [
-		title,
-		subtitle,
-		size,
-		status,
-		statustype,
-		breadcrumb,
-		hasicons,
-		hasselector,
-		hideoptions,
-		attributes,
-		hasAnimation,
-		root,
-		hasNoShadow,
-		hasBack,
-		parsedA11yLabels,
-		parsedTabs,
-		parsedBreadcrumb,
-		eventHandler,
-		goBack,
-		$$slots,
-		back,
-		tabs,
-		noshadow,
-		a11ylabels,
-		scrollcontainer,
-		link_clicked_handler,
-		tab_clicked_handler,
-		div2_binding
-	];
-}
-
-class Header extends SvelteElement {
-	constructor(options) {
-		super();
-		const style = document.createElement('style');
-		style.textContent = `.mc-header{background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-header .mc-header__back{height:2.25rem}.mc-header .mc-header__heading__title{font-size:1.75rem;line-height:1.2857142857}.mc-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;padding-top:0.5rem;padding-left:2rem}.mc-header__right{-webkit-box-flex:0;-ms-flex:0;flex:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:1.5rem;margin-bottom:1rem;padding-top:1rem;padding-right:2rem;height:2rem;width:28rem;min-width:28rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-header__tabs{width:100%;position:relative;padding-left:2rem;padding-right:2rem}.mc-header__tabs::before{content:"";background-color:#b3b3b3;top:0;right:0;height:1px;position:absolute;width:100%;z-index:1}.mc-header__breadcrumb{height:3rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-header__back{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTI4IDE1SDYuNDFsNi4zLTYuMjlhMSAxIDAgMTAtMS40Mi0xLjQybC04IDhhMS4xNSAxLjE1IDAgMDAtLjIxLjMzIDEgMSAwIDAwMCAuNzYuOTMuOTMgMCAwMC4yMS4zM2w4IDhhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJMNi40MSAxN0gyOGExIDEgMCAwMDAtMnoiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center;background-size:2rem;color:currentColor;display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;margin-top:0.5rem;margin-right:1rem;height:2rem}.mc-header__back__label{font-size:0;height:1px;overflow:hidden;display:block}.mc-header__heading{display:inline-block;width:calc(100% - 3em)}.mc-header__heading__title{font-weight:600;color:#191919;width:100%;margin-top:0.5rem;margin-bottom:0}.mc-header__heading__subtitle{font-weight:400;color:#191919;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__status{font-weight:400;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__subtitle+.mc-header__heading__status{margin-left:1rem}.mc-header__icons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:9rem;width:9rem}.mc-header__selector{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-left:0;margin-left:1.5rem;max-width:16rem;width:16rem}.mc-header__selector--show-separator{padding-left:1.5rem}.mc-header__selector--show-separator::before{content:"";background-color:#b3b3b3;left:0;height:100%;position:absolute;width:1px}.mc-header--no-shadow{-webkit-box-shadow:none;box-shadow:none}.mc-header--animate{margin-top:0px;-webkit-transition:margin-top ease-out 0.4s;-o-transition:margin-top ease-out 0.4s;transition:margin-top ease-out 0.4s;width:100%}@media screen and (min-width: 360px){.mc-header__breadcrumb{margin-left:-1.25rem;margin-right:1.25rem}.mc-header__left{padding-left:1rem}.mc-header__right{padding-right:1rem}.mc-header__tabs{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 390px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(1.375, "true");margin-right:1.375rem}}@media screen and (min-width: 680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 769px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(2.125, "true");margin-right:2.125rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.mc-header__breadcrumb{margin-left:-3rem;margin-right:3rem}.mc-header__left{padding-left:3rem}.mc-header__right{padding-right:3rem}.mc-header__tabs{padding-left:3rem;padding-right:3rem}}@media screen and (min-width: 1280px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1440px){.mc-header__breadcrumb{margin-left:-7rem;margin-right:7rem}}@media screen and (min-width: 1680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 1920px){.mc-header__breadcrumb{margin-left:-2.5rem;margin-right:2.5rem}}.mc-header--s .mc-header__back{height:2rem}.mc-header--s .mc-header__heading__title{font-size:1.4375rem;line-height:1.3913043478}.mc-header--l .mc-header__back{height:2.75rem}.mc-header--l .mc-header__heading__title{font-size:2.125rem;line-height:1.2941176471}:host{display:block;line-height:0}`;
-		this.shadowRoot.appendChild(style);
-
-		init(
-			this,
-			{
-				target: this.shadowRoot,
-				props: {
-					...attribute_to_object(this.attributes),
-					$$slots: get_custom_elements_slots(this)
-				},
-				customElement: true
-			},
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				title: 0,
-				subtitle: 1,
-				size: 2,
-				status: 3,
-				statustype: 4,
-				back: 20,
-				breadcrumb: 5,
-				tabs: 21,
-				noshadow: 22,
-				a11ylabels: 23,
-				scrollcontainer: 24,
-				hasicons: 6,
-				hasselector: 7,
-				hideoptions: 8
-			},
-			null,
-			[-1, -1]
-		);
-
-		if (options) {
-			if (options.target) {
-				insert(options.target, this, options.anchor);
-			}
-
-			if (options.props) {
-				this.$set(options.props);
-				flush();
-			}
-		}
-	}
-
-	static get observedAttributes() {
-		return [
-			"title",
-			"subtitle",
-			"size",
-			"status",
-			"statustype",
-			"back",
-			"breadcrumb",
-			"tabs",
-			"noshadow",
-			"a11ylabels",
-			"scrollcontainer",
-			"hasicons",
-			"hasselector",
-			"hideoptions"
-		];
-	}
-
-	get title() {
-		return this.$$.ctx[0];
-	}
-
-	set title(title) {
-		this.$$set({ title });
-		flush();
-	}
-
-	get subtitle() {
-		return this.$$.ctx[1];
-	}
-
-	set subtitle(subtitle) {
-		this.$$set({ subtitle });
-		flush();
-	}
-
-	get size() {
-		return this.$$.ctx[2];
-	}
-
-	set size(size) {
-		this.$$set({ size });
-		flush();
-	}
-
-	get status() {
-		return this.$$.ctx[3];
-	}
-
-	set status(status) {
-		this.$$set({ status });
-		flush();
-	}
-
-	get statustype() {
-		return this.$$.ctx[4];
-	}
-
-	set statustype(statustype) {
-		this.$$set({ statustype });
-		flush();
-	}
-
-	get back() {
-		return this.$$.ctx[20];
-	}
-
-	set back(back) {
-		this.$$set({ back });
-		flush();
-	}
-
-	get breadcrumb() {
-		return this.$$.ctx[5];
-	}
-
-	set breadcrumb(breadcrumb) {
-		this.$$set({ breadcrumb });
-		flush();
-	}
-
-	get tabs() {
-		return this.$$.ctx[21];
-	}
-
-	set tabs(tabs) {
-		this.$$set({ tabs });
-		flush();
-	}
-
-	get noshadow() {
-		return this.$$.ctx[22];
-	}
-
-	set noshadow(noshadow) {
-		this.$$set({ noshadow });
-		flush();
-	}
-
-	get a11ylabels() {
-		return this.$$.ctx[23];
-	}
-
-	set a11ylabels(a11ylabels) {
-		this.$$set({ a11ylabels });
-		flush();
-	}
-
-	get scrollcontainer() {
-		return this.$$.ctx[24];
-	}
-
-	set scrollcontainer(scrollcontainer) {
-		this.$$set({ scrollcontainer });
-		flush();
-	}
-
-	get hasicons() {
-		return this.$$.ctx[6];
-	}
-
-	set hasicons(hasicons) {
-		this.$$set({ hasicons });
-		flush();
-	}
-
-	get hasselector() {
-		return this.$$.ctx[7];
-	}
-
-	set hasselector(hasselector) {
-		this.$$set({ hasselector });
-		flush();
-	}
-
-	get hideoptions() {
-		return this.$$.ctx[8];
-	}
-
-	set hideoptions(hideoptions) {
-		this.$$set({ hideoptions });
-		flush();
-	}
-}
-
-export { Header as default };
+import{S as e,i as t,a,_ as i,b as s,f as r,s as n,c as d,e as l,d as c,t as o,n as m,g as h,h as g,z as b,j as p,C as u,D as _,E as f,k as x,m as $,o as w,p as y,a0 as k,q as M,x as z,A,G as v,l as D,M as I,v as S}from"../../index-c33b3772.js";import{E as j}from"../../EventHandler-02058705.js";import N from"../breadcrumb/Breadcrumb.nested.js";import T from"../tabs/Tabs.nested.js";import L from"../badge/Badge.nested.js";function E(e){let t,a,i;return a=new N({props:{items:JSON.stringify(e[16]),nopadding:"true"}}),a.$on("link-clicked",e[25]),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__breadcrumb")},m(e,r){s(e,t,r),A(a,t,null),i=!0},p(e,t){const i={};65536&t[0]&&(i.items=JSON.stringify(e[16])),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function C(e){let t,a,i,r,n,d=(e[14]?.back||"Back")+"";return{c(){t=l("button"),a=l("span"),i=o(d),h(a,"class","mc-header__back__label"),h(t,"class","mc-header__back")},m(d,l){s(d,t,l),p(t,a),p(a,i),r||(n=D(t,"click",e[18]),r=!0)},p(e,t){16384&t[0]&&d!==(d=(e[14]?.back||"Back")+"")&&x(i,d)},d(e){e&&w(t),r=!1,n()}}}function O(e){let t,a;return{c(){t=l("div"),a=o(e[1]),h(t,"class","mc-header__heading__subtitle")},m(e,i){s(e,t,i),p(t,a)},p(e,t){2&t[0]&&x(a,e[1])},d(e){e&&w(t)}}}function H(e){let t,a,i;return a=new L({props:{label:e[3],type:e[4]}}),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__heading__status")},m(e,r){s(e,t,r),A(a,t,null),i=!0},p(e,t){const i={};8&t[0]&&(i.label=e[3]),16&t[0]&&(i.type=e[4]),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function J(e){let t,a,i=(e[19]?.icons||e[6])&&B(),r=(e[19]?.selector||e[7])&&Z(e);return{c(){t=l("div"),i&&i.c(),a=c(),r&&r.c(),h(t,"class","mc-header__right")},m(e,n){s(e,t,n),i&&i.m(t,null),p(t,a),r&&r.m(t,null)},p(e,s){e[19]?.icons||e[6]?i||(i=B(),i.c(),i.m(t,a)):i&&(i.d(1),i=null),e[19]?.selector||e[7]?r?r.p(e,s):(r=Z(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&w(t),i&&i.d(),r&&r.d()}}}function B(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="icons"></slot>',h(t,"class","mc-header__icons")},m(e,a){s(e,t,a)},d(e){e&&w(t)}}}function Z(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="selector"></slot>',h(t,"class","mc-header__selector"),b(t,"mc-header__selector--show-separator",(e[19]?.icons||e[6])&&(e[19]?.selector||e[7]))},m(e,a){s(e,t,a)},p(e,a){524480&a[0]&&b(t,"mc-header__selector--show-separator",(e[19]?.icons||e[6])&&(e[19]?.selector||e[7]))},d(e){e&&w(t)}}}function G(e){let t,a,i;return a=new T({props:{tabs:JSON.stringify(e[15]),nodivider:!0}}),a.$on("tab-clicked",e[26]),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__tabs")},m(e,r){s(e,t,r),A(a,t,null),i=!0},p(e,t){const i={};32768&t[0]&&(i.tabs=JSON.stringify(e[15])),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function R(e){let t,a,i,r,n,y,k,M,z,A,v,D,S,j=e[5]&&E(e),N=e[13]&&C(e),T=e[1]&&O(e),L=e[3]&&H(e),B=!e[8]&&J(e),Z=e[15]&&G(e),R=[{class:D="mc-header "+(e[2]?`mc-header--${e[2]}`:"")},e[9]],W={};for(let e=0;e<R.length;e+=1)W=d(W,R[e]);return{c(){t=l("div"),a=l("div"),j&&j.c(),i=c(),N&&N.c(),r=c(),n=l("div"),y=l("h1"),k=o(e[0]),M=c(),T&&T.c(),z=c(),L&&L.c(),A=c(),B&&B.c(),v=c(),Z&&Z.c(),this.c=m,h(y,"class","mc-header__heading__title"),h(n,"class","mc-header__heading"),h(a,"class","mc-header__left"),g(t,W),b(t,"mc-header--no-shadow",e[12]),b(t,"mc-header--animate",e[10])},m(d,l){s(d,t,l),p(t,a),j&&j.m(a,null),p(a,i),N&&N.m(a,null),p(a,r),p(a,n),p(n,y),p(y,k),p(n,M),T&&T.m(n,null),p(n,z),L&&L.m(n,null),p(t,A),B&&B.m(t,null),p(t,v),Z&&Z.m(t,null),e[27](t),S=!0},p(e,s){e[5]?j?(j.p(e,s),32&s[0]&&u(j,1)):(j=E(e),j.c(),u(j,1),j.m(a,i)):j&&(I(),_(j,1,1,(()=>{j=null})),f()),e[13]?N?N.p(e,s):(N=C(e),N.c(),N.m(a,r)):N&&(N.d(1),N=null),(!S||1&s[0])&&x(k,e[0]),e[1]?T?T.p(e,s):(T=O(e),T.c(),T.m(n,z)):T&&(T.d(1),T=null),e[3]?L?(L.p(e,s),8&s[0]&&u(L,1)):(L=H(e),L.c(),u(L,1),L.m(n,null)):L&&(I(),_(L,1,1,(()=>{L=null})),f()),e[8]?B&&(B.d(1),B=null):B?B.p(e,s):(B=J(e),B.c(),B.m(t,v)),e[15]?Z?(Z.p(e,s),32768&s[0]&&u(Z,1)):(Z=G(e),Z.c(),u(Z,1),Z.m(t,null)):Z&&(I(),_(Z,1,1,(()=>{Z=null})),f()),g(t,W=$(R,[(!S||4&s[0]&&D!==(D="mc-header "+(e[2]?`mc-header--${e[2]}`:"")))&&{class:D},512&s[0]&&e[9]])),b(t,"mc-header--no-shadow",e[12]),b(t,"mc-header--animate",e[10])},i(e){S||(u(j),u(L),u(Z),S=!0)},o(e){_(j),_(L),_(Z),S=!1},d(a){a&&w(t),j&&j.d(),N&&N.d(),T&&T.d(),L&&L.d(),B&&B.d(),Z&&Z.d(),e[27](null)}}}function W(e,t,a){let i,s,r,n,l,c;const o=["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","hasicons","hasselector","hideoptions"];let m=y(t,o),{$$slots:h={},$$scope:g}=t;const b=k(h);let p,u,{title:_}=t,{subtitle:f}=t,{size:x="m"}=t,{status:$}=t,{statustype:w}=t,{back:z}=t,{breadcrumb:A}=t,{tabs:v}=t,{noshadow:D}=t,{a11ylabels:I}=t,{scrollcontainer:N}=t,{hasicons:T}=t,{hasselector:L}=t,{hideoptions:E=!1}=t,C=new j,O=0;function H(){const e=N.scrollTop,t=Number(u.style.marginTop.replace("px",""));O>e?e<u.offsetHeight?a(11,u.style.marginTop=`${Math.max(-e,t)}px`,u):a(11,u.style.marginTop="0",u):e<u.offsetHeight?(a(11,u.style.transition="none",u),a(11,u.style.marginTop=-e+"px",u)):(a(11,u.style.transition="margin-top ease-out 0.4s",u),a(11,u.style.marginTop=-u.offsetHeight-5+"px",u)),O=e}return e.$$set=e=>{t=d(d({},t),M(e)),a(31,m=y(t,o)),"title"in e&&a(0,_=e.title),"subtitle"in e&&a(1,f=e.subtitle),"size"in e&&a(2,x=e.size),"status"in e&&a(3,$=e.status),"statustype"in e&&a(4,w=e.statustype),"back"in e&&a(20,z=e.back),"breadcrumb"in e&&a(5,A=e.breadcrumb),"tabs"in e&&a(21,v=e.tabs),"noshadow"in e&&a(22,D=e.noshadow),"a11ylabels"in e&&a(23,I=e.a11ylabels),"scrollcontainer"in e&&a(24,N=e.scrollcontainer),"hasicons"in e&&a(6,T=e.hasicons),"hasselector"in e&&a(7,L=e.hasselector),"hideoptions"in e&&a(8,E=e.hideoptions)},e.$$.update=()=>{32&e.$$.dirty[0]&&a(16,i="string"==typeof A?JSON.parse(A):A),2097152&e.$$.dirty[0]&&a(15,s="string"==typeof v?JSON.parse(v):v),8388608&e.$$.dirty[0]&&a(14,r="string"==typeof I?JSON.parse(I):I),1048576&e.$$.dirty[0]&&a(13,n=z&&"false"!==z),4194304&e.$$.dirty[0]&&a(12,l=D&&"false"!==D),16777216&e.$$.dirty[0]&&(a(10,p=Boolean(N)),function(e){e&&(e.removeEventListener("scroll",H),e.addEventListener("scroll",H))}(N)),a(9,c=Object.assign({},m)),512&e.$$.dirty[0]&&delete c.class},[_,f,x,$,w,A,T,L,E,c,p,u,l,n,r,s,i,C,function(){C.dispatch("on-back-click",{})},b,z,v,D,I,N,e=>C.dispatch("link-clicked",e.detail),e=>C.dispatch("tab-clicked",e.detail),function(e){S[e?"unshift":"push"]((()=>{u=e,a(11,u)}))}]}class Y extends e{constructor(e){super();const d=document.createElement("style");d.textContent='.mc-header{background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-header .mc-header__back{height:2.25rem}.mc-header .mc-header__heading__title{font-size:1.75rem;line-height:1.2857142857}.mc-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;padding-top:0.5rem;padding-left:2rem}.mc-header__right{-webkit-box-flex:0;-ms-flex:0;flex:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:1.5rem;margin-bottom:1rem;padding-top:1rem;padding-right:2rem;height:2rem;width:28rem;min-width:28rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-header__tabs{width:100%;position:relative;padding-left:2rem;padding-right:2rem}.mc-header__tabs::before{content:"";background-color:#b3b3b3;top:0;right:0;height:1px;position:absolute;width:100%;z-index:1}.mc-header__breadcrumb{height:3rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-header__back{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTI4IDE1SDYuNDFsNi4zLTYuMjlhMSAxIDAgMTAtMS40Mi0xLjQybC04IDhhMS4xNSAxLjE1IDAgMDAtLjIxLjMzIDEgMSAwIDAwMCAuNzYuOTMuOTMgMCAwMC4yMS4zM2w4IDhhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJMNi40MSAxN0gyOGExIDEgMCAwMDAtMnoiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center;background-size:2rem;color:currentColor;display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;margin-top:0.5rem;margin-right:1rem;height:2rem}.mc-header__back__label{font-size:0;height:1px;overflow:hidden;display:block}.mc-header__heading{display:inline-block;width:calc(100% - 3em)}.mc-header__heading__title{font-weight:600;color:#191919;width:100%;margin-top:0.5rem;margin-bottom:0}.mc-header__heading__subtitle{font-weight:400;color:#191919;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__status{font-weight:400;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__subtitle+.mc-header__heading__status{margin-left:1rem}.mc-header__icons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:9rem;width:9rem}.mc-header__selector{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-left:0;margin-left:1.5rem;max-width:16rem;width:16rem}.mc-header__selector--show-separator{padding-left:1.5rem}.mc-header__selector--show-separator::before{content:"";background-color:#b3b3b3;left:0;height:100%;position:absolute;width:1px}.mc-header--no-shadow{-webkit-box-shadow:none;box-shadow:none}.mc-header--animate{margin-top:0px;-webkit-transition:margin-top ease-out 0.4s;-o-transition:margin-top ease-out 0.4s;transition:margin-top ease-out 0.4s;width:100%}@media screen and (min-width: 360px){.mc-header__breadcrumb{margin-left:-1.25rem;margin-right:1.25rem}.mc-header__left{padding-left:1rem}.mc-header__right{padding-right:1rem}.mc-header__tabs{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 390px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(1.375, "true");margin-right:1.375rem}}@media screen and (min-width: 680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 769px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(2.125, "true");margin-right:2.125rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.mc-header__breadcrumb{margin-left:-3rem;margin-right:3rem}.mc-header__left{padding-left:3rem}.mc-header__right{padding-right:3rem}.mc-header__tabs{padding-left:3rem;padding-right:3rem}}@media screen and (min-width: 1280px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1440px){.mc-header__breadcrumb{margin-left:-7rem;margin-right:7rem}}@media screen and (min-width: 1680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 1920px){.mc-header__breadcrumb{margin-left:-2.5rem;margin-right:2.5rem}}.mc-header--s .mc-header__back{height:2rem}.mc-header--s .mc-header__heading__title{font-size:1.4375rem;line-height:1.3913043478}.mc-header--l .mc-header__back{height:2.75rem}.mc-header--l .mc-header__heading__title{font-size:2.125rem;line-height:1.2941176471}:host{display:block;line-height:0}',this.shadowRoot.appendChild(d),t(this,{target:this.shadowRoot,props:{...a(this.attributes),$$slots:i(this)},customElement:!0},W,R,n,{title:0,subtitle:1,size:2,status:3,statustype:4,back:20,breadcrumb:5,tabs:21,noshadow:22,a11ylabels:23,scrollcontainer:24,hasicons:6,hasselector:7,hideoptions:8},null,[-1,-1]),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","hasicons","hasselector","hideoptions"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),r()}get subtitle(){return this.$$.ctx[1]}set subtitle(e){this.$$set({subtitle:e}),r()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),r()}get status(){return this.$$.ctx[3]}set status(e){this.$$set({status:e}),r()}get statustype(){return this.$$.ctx[4]}set statustype(e){this.$$set({statustype:e}),r()}get back(){return this.$$.ctx[20]}set back(e){this.$$set({back:e}),r()}get breadcrumb(){return this.$$.ctx[5]}set breadcrumb(e){this.$$set({breadcrumb:e}),r()}get tabs(){return this.$$.ctx[21]}set tabs(e){this.$$set({tabs:e}),r()}get noshadow(){return this.$$.ctx[22]}set noshadow(e){this.$$set({noshadow:e}),r()}get a11ylabels(){return this.$$.ctx[23]}set a11ylabels(e){this.$$set({a11ylabels:e}),r()}get scrollcontainer(){return this.$$.ctx[24]}set scrollcontainer(e){this.$$set({scrollcontainer:e}),r()}get hasicons(){return this.$$.ctx[6]}set hasicons(e){this.$$set({hasicons:e}),r()}get hasselector(){return this.$$.ctx[7]}set hasselector(e){this.$$set({hasselector:e}),r()}get hideoptions(){return this.$$.ctx[8]}set hideoptions(e){this.$$set({hideoptions:e}),r()}}export{Y as default};
 //# sourceMappingURL=Header.js.map