@six-group/ui-library 0.0.0-insider.e5360cd → 0.0.0-insider.ec3ffc2

package/dist/cjs/six-header-item_2.cjs.entry.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-417a06c8.js');
+
+const sixHeaderItemCss = ":host{height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 var(--six-spacing-large);border-bottom:solid var(--six-header-border-height) transparent;border-top:solid var(--six-header-border-height) transparent;transition:var(--six-transition-fast) border-color}:host(.six-header-item--active){border-bottom:solid var(--six-header-border-height) var(--six-header-border-color-open);transition:var(--six-transition-fast) border-color}";
+const SixHeaderItemStyle0 = sixHeaderItemCss;
+
+const SixHeaderItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.active = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'f9cd64916220a398b0fa6f79840ed72f776d5771', class: {
+                'six-header-item--active': this.active,
+                foo: true,
+            } }, index.h("slot", { key: '4402bde66e14792fbaef3fe53804ee62f57354e9' })));
+    }
+};
+SixHeaderItem.style = SixHeaderItemStyle0;
+
+const sixLogoCss = ":host{--height:unset}svg{display:block}svg.six{height:var(--height, 20px)}svg.bme{height:var(--height, 40px)}";
+const SixLogoStyle0 = sixLogoCss;
+
+const SixLogo = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.brand = 'six';
+    }
+    render() {
+        return this.brand === 'six' ? sixLogo() : bmeLogo();
+    }
+};
+function sixLogo() {
+    return (index.h("svg", { class: "six", viewBox: "0 0 90 26", xmlns: "http://www.w3.org/2000/svg" }, index.h("title", null, "SIX"), index.h("g", { fill: "#DE3919", "fill-rule": "nonzero" }, index.h("path", { d: "m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525" }), index.h("path", { d: "m42.16.324h5.21v24.806h-5.21z" }), index.h("path", { d: "m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545" }))));
+}
+function bmeLogo() {
+    return (index.h("svg", { class: "bme", viewBox: "0 0 249.38 122.47" }, index.h("title", null, "BME Exchange"), index.h("defs", null, index.h("style", null, ".cls-1 ", '{', "fill: #002c5f;", '}', ".cls-1, .cls-2 ", '{', "stroke-width: 0px;", '}', ".cls-2 ", '{', "fill: #959595;", '}')), index.h("polygon", { class: "cls-2", points: "183.07 88.18 205.3 52.02 178.8 52.02 178.8 36.16 205.3 36.16 183.07 0 202.45 0 228.71 44.09 201.32 88.18 183.07 88.18" }), index.h("g", null, index.h("path", { class: "cls-1", d: "M124.21,104.18c2.64,0,3.97,1.46,3.97,4.38v8.37h-1.96l-.44-1.71h-.07c-.41.66-.88,1.15-1.4,1.47-.52.31-1.17.47-1.97.47-1.05,0-1.83-.37-2.36-1.11-.53-.74-.8-1.65-.8-2.75,0-1.29.39-2.27,1.18-2.94s1.93-1.03,3.44-1.1l1.71-.07v-.6c0-.8-.14-1.38-.42-1.75-.28-.37-.7-.55-1.27-.55-.43,0-.88.08-1.35.23-.47.15-.96.36-1.46.62l-.81-1.94c1.17-.69,2.51-1.04,4.01-1.04ZM125.5,110.99l-1.11.05c-.89.05-1.53.26-1.91.63-.38.38-.58.9-.58,1.58,0,1.22.48,1.82,1.45,1.82.61,0,1.13-.26,1.53-.77.41-.51.61-1.23.61-2.16v-1.15Z" }), index.h("path", { class: "cls-1", d: "M143.33,112.3c0,.97-.2,1.82-.61,2.55-.41.73-.99,1.3-1.74,1.71-.75.41-1.65.61-2.7.61-.74,0-1.44-.07-2.1-.21-.66-.14-1.28-.35-1.87-.64v-2.77c.61.35,1.27.63,1.96.83.69.2,1.35.3,1.98.3.75,0,1.32-.2,1.71-.61.38-.41.58-.92.58-1.53,0-.65-.2-1.17-.6-1.58-.4-.41-1.09-.86-2.08-1.37-.65-.35-1.23-.73-1.74-1.13-.52-.4-.92-.89-1.22-1.48s-.45-1.32-.45-2.21c-.02-1.37.42-2.47,1.29-3.3.88-.83,2.04-1.24,3.51-1.22.72,0,1.41.09,2.08.27.66.18,1.29.42,1.89.73l-.83,2.4c-1.11-.6-2.15-.9-3.11-.9-.66,0-1.17.18-1.52.53-.35.35-.53.81-.53,1.38,0,.45.08.82.24,1.13.16.31.44.6.83.88.39.28.93.58,1.6.92,1.14.58,2,1.23,2.57,1.95s.86,1.64.86,2.78Z" }), index.h("path", { class: "cls-1", d: "M150.52,116.94h-6.09v-1.55l1.66-.6v-12.18l-1.66-.6v-1.55h6.09v1.55l-1.66.6v12.18l1.66.6v1.55Z" }), index.h("path", { class: "cls-1", d: "M162.33,116.94h-3.02l-2.72-6.16-2.81,6.16h-2.91l4.15-8.49-3.81-7.98h2.93l2.47,5.72,2.47-5.72h2.93l-3.81,8.05,4.13,8.42Z" }), index.h("path", { class: "cls-1", d: "M172.04,117.17c-1.58,0-2.79-.52-3.62-1.57-.83-1.05-1.25-2.67-1.25-4.87,0-2.04.42-3.65,1.27-4.81s2.08-1.74,3.71-1.74c.63,0,1.2.07,1.71.2.51.13.96.32,1.36.57l-.76,2.12c-.37-.18-.74-.33-1.11-.44-.37-.11-.72-.16-1.06-.16-1.6,0-2.4,1.42-2.4,4.27s.8,4.15,2.4,4.15c.49,0,.96-.07,1.4-.22.44-.15.87-.35,1.3-.61v2.28c-.83.55-1.81.83-2.95.83Z" }), index.h("path", { class: "cls-1", d: "M186.25,110.64c0,1.28-.18,2.4-.54,3.38-.36.98-.91,1.75-1.65,2.31-.74.56-1.68.84-2.81.84-1.06,0-1.96-.28-2.7-.83s-1.3-1.32-1.68-2.31c-.38-.98-.58-2.11-.58-3.39,0-1.98.42-3.56,1.25-4.72.83-1.16,2.08-1.74,3.76-1.74,1.51,0,2.71.55,3.61,1.66s1.35,2.71,1.35,4.8ZM179.03,110.66c0,1.4.18,2.46.53,3.18.35.72.92,1.08,1.71,1.08s1.38-.36,1.73-1.08c.35-.72.53-1.79.53-3.21s-.18-2.45-.53-3.15c-.35-.7-.93-1.05-1.73-1.05s-1.35.35-1.71,1.05c-.35.7-.53,1.76-.53,3.17Z" }), index.h("path", { class: "cls-1", d: "M200.16,104.18c1.15,0,2.02.37,2.59,1.1.58.73.87,1.86.87,3.4v8.26h-2.68v-7.61c0-1.89-.53-2.84-1.59-2.84-.75,0-1.29.33-1.6.99-.32.66-.47,1.63-.47,2.91v6.55h-2.68v-7.63c0-.97-.13-1.68-.39-2.13-.26-.45-.66-.68-1.2-.68-.81,0-1.36.37-1.65,1.12s-.43,1.8-.43,3.17v6.16h-2.68v-12.52h2.1l.32,1.64h.16c.28-.62.68-1.08,1.22-1.4.54-.32,1.15-.47,1.84-.47.78,0,1.42.17,1.91.52.49.34.85.8,1.06,1.37h.18c.64-1.26,1.68-1.89,3.09-1.89Z" }), index.h("path", { class: "cls-1", d: "M211.78,104.18c1.28,0,2.27.55,2.99,1.66s1.07,2.72,1.07,4.84-.36,3.66-1.07,4.79c-.71,1.13-1.69,1.7-2.92,1.7-.69,0-1.29-.16-1.8-.48s-.92-.77-1.24-1.34h-.12c.03.38.06.74.08,1.06.02.32.03.61.03.88v5.19h-2.68v-18.06h2.17l.37,1.66h.14c.69-1.26,1.68-1.89,2.98-1.89ZM211.02,106.42c-.78,0-1.35.32-1.7.95-.35.63-.52,1.61-.52,2.95v.51c0,1.37.17,2.39.51,3.06.34.67.91,1,1.73,1,1.38,0,2.08-1.4,2.08-4.2,0-1.4-.17-2.46-.51-3.18-.34-.72-.87-1.08-1.59-1.08Z" }), index.h("path", { class: "cls-1", d: "M222.16,104.18c2.64,0,3.97,1.46,3.97,4.38v8.37h-1.96l-.44-1.71h-.07c-.41.66-.88,1.15-1.4,1.47-.52.31-1.17.47-1.97.47-1.05,0-1.83-.37-2.37-1.11-.53-.74-.8-1.65-.8-2.75,0-1.29.39-2.27,1.18-2.94.78-.67,1.93-1.03,3.44-1.1l1.71-.07v-.6c0-.8-.14-1.38-.41-1.75-.28-.37-.7-.55-1.27-.55-.43,0-.88.08-1.35.23-.47.15-.96.36-1.47.62l-.81-1.94c1.17-.69,2.51-1.04,4.01-1.04ZM223.45,110.99l-1.11.05c-.89.05-1.53.26-1.91.63-.38.38-.58.9-.58,1.58,0,1.22.48,1.82,1.45,1.82.61,0,1.13-.26,1.53-.77.41-.51.61-1.23.61-2.16v-1.15Z" }), index.h("path", { class: "cls-1", d: "M234.32,104.18c1.14,0,2.02.37,2.65,1.1s.95,1.85.95,3.36v8.3h-2.68v-7.66c0-.92-.13-1.62-.38-2.09s-.68-.7-1.28-.7c-.85,0-1.43.34-1.76,1.01-.33.68-.5,1.76-.5,3.25v6.18h-2.68v-12.52h2.1l.32,1.64h.16c.31-.62.73-1.08,1.27-1.4s1.15-.47,1.82-.47Z" }), index.h("path", { class: "cls-1", d: "M238.98,104.41h2.84l1.84,6.64c.11.43.21.86.3,1.3s.16.87.21,1.28h.09c.05-.37.12-.77.22-1.2.1-.43.21-.89.33-1.38l1.78-6.64h2.79l-4.2,14.05c-.43,1.38-.97,2.4-1.63,3.04-.65.65-1.5.97-2.55.97-.28,0-.53-.02-.77-.05-.24-.03-.46-.08-.68-.14v-2.28c.17.05.34.08.52.11s.35.05.52.05c.54,0,.95-.18,1.23-.53.28-.35.56-.94.82-1.75l.28-1.04-3.94-12.43Z" })), index.h("polygon", { class: "cls-1", points: "249.37 88.18 231.12 88.18 218.67 67.95 227.9 53.08 249.37 88.18" }), index.h("polygon", { class: "cls-1", points: "218.53 18.92 229.99 0 249.37 0 227.9 34.66 218.53 18.92" }), index.h("polygon", { class: "cls-1", points: "112.98 72.41 155.28 72.41 155.28 62.51 123.42 62.51 123.42 49.18 146.37 49.18 146.37 39.27 123.42 39.27 123.42 25.79 155.28 25.79 155.28 15.89 112.98 15.89 112.98 39.27 123.42 39.27 123.42 49.18 112.98 49.18 112.98 72.41" }), index.h("path", { class: "cls-1", d: "M10.44,48.38h20.6c4.68,0,8.1,3.06,8.1,7.11s-3.42,7.02-8.1,7.02H10.44v-14.13ZM10.44,25.79h18.54c4.59,0,7.02,2.96,7.02,6.29s-2.43,6.39-7.02,6.39H10.44v-12.68ZM0,72.41h32.21c9.9,0,17.37-6.3,17.37-16.38,0-7.2-4.23-11.89-10.08-13.77,4.23-1.89,6.93-6.03,6.93-11.25,0-10.08-7.65-15.12-16.29-15.12H0v22.59h10.44v9.9H0v24.03Z" }), index.h("polygon", { class: "cls-1", points: "56.47 72.37 66.91 72.37 66.91 37.45 81.58 52.31 96.25 37.45 96.25 72.37 106.69 72.37 106.69 14.68 81.58 39.72 56.47 14.68 56.47 72.37" }), index.h("path", { class: "cls-1", d: "M1.69,82.58c.19,0,.46,0,.62,0,.51,0,.96.18.96.79,0,.49-.37.7-.48.76-.23.1-.73.1-1.1.1v-1.64ZM1.69,85.33c.71-.01,1.12-.01,1.39.15.27.17.37.46.37.76,0,.42-.23.68-.57.8-.28.09-.79.09-1.19.08v-1.81ZM1.76,88.18c.87.02,1.95.04,2.65-.44.62-.44.78-1.06.78-1.59,0-.6-.25-1.15-.78-1.42-.18-.08-.38-.12-.58-.17.32-.13.69-.29.93-.79.11-.22.15-.44.15-.65,0-.3-.08-.71-.38-1.05-.39-.42-1-.53-1.92-.53-.32,0-.89,0-1.21.02l-1.3.02-.06.05c.04.9.05,1.24.05,2.53s0,2.65-.03,3.99l.07.03h1.63Z" }), index.h("path", { class: "cls-1", d: "M10.17,83.04c.19.21.27.49.33.75.08.36.09.7.1.93.04,1.4-.26,2.42-1.35,2.42-1.29,0-1.38-1.52-1.38-2.36,0-1.12.27-1.7.71-1.98.25-.15.5-.19.68-.19.35,0,.69.16.91.43M11.65,82.44c-.16-.2-.34-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.17.1-1.67.39-1.14.65-1.35,1.73-1.42,2.13-.06.32-.09.64-.09.96,0,.64.07,1.83.96,2.65.71.66,1.68.76,2.16.76.72,0,1.45-.18,2-.63.93-.77,1.12-2.04,1.12-2.83,0-1.47-.47-2.14-.7-2.43" }), index.h("path", { class: "cls-1", d: "M17.76,86.9c-1.02.06-1.83.07-2.12.07h-.18c-.02-2.5,0-3.13.07-5.37l-.06-.05c-.8.03-1.01.03-1.66.03l-.05.05c.04.75.04.98.04,2.09,0,1.47,0,2.95,0,4.43l.04.05c1.84-.03,2.17-.03,3.86-.03l.05-.05.07-1.18-.04-.04Z" }), index.h("path", { class: "cls-1", d: "M21.15,84.16c-.79-.33-1.19-.5-1.19-.92,0-.28.27-.66.88-.66.71,0,1.13.29,1.48.53l.08-.03.07-1.23-.04-.07c-.4-.17-.83-.35-1.74-.35-1.75,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.65.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.09.03-.07,1.32.06.07c.1.04.21.08.31.11.22.08.77.24,1.47.24.28,0,.99-.04,1.56-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.21-1.11-.7-1.49-.25-.18-.5-.3-.72-.4l-.24-.09Z" }), index.h("path", { class: "cls-1", d: "M25.56,85.29l.47-1.58.32-1.1.29,1.22.35,1.46h-1.43ZM27.54,81.55c-.9.02-1.09.02-2.09.02l-.07.06c-.49,1.59-.79,2.54-2.17,6.48l.04.07h1.46l.06-.06.46-1.7h2.02l.4,1.73.06.06c.68-.03.87-.03,1.63-.03l.04-.07c-1.13-4.01-1.26-4.44-1.8-6.51l-.06-.05Z" }), index.h("path", { class: "cls-1", d: "M32.94,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.26-.66.89-.66.71,0,1.13.29,1.47.53l.08-.03.07-1.23-.04-.07c-.41-.17-.83-.35-1.74-.35-1.75,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.09.03-.07,1.32.06.07c.1.04.2.08.31.11.21.08.76.24,1.47.24.27,0,.99-.04,1.55-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.21-1.11-.7-1.49-.26-.18-.49-.3-.72-.4l-.24-.09Z" }), index.h("path", { class: "cls-1", d: "M41.67,88.12c-.05-1.22-.06-1.55-.06-2.75l2.06-3.77-.03-.06c-.7.02-.89.02-1.47.02l-.05.06c-.54,1.17-.8,1.67-1.19,2.43-.1-.21-.58-1.11-.67-1.29-.17-.34-.3-.62-.57-1.22l-.07-.04c-.8.04-1,.06-1.78.06l-.03.08c.28.48,1.52,2.6,1.76,3.03.13.25.26.48.4.73v.29c0,.93-.01,1.34-.07,2.44l.05.06c.78-.03.99-.03,1.65-.03l.06-.06Z" }), index.h("path", { class: "cls-1", d: "M54.31,81.55c-.98.02-1.14.02-2.17.02l-.06.06-.43,1.52-.37,1.35-.44,1.63-.41-1.68-.26-1.06-.47-1.8-.04-.05c-1,.02-1.17.02-2.22.02l-.06.06c-.1,2.8-.13,3.52-.34,6.52l.04.06c.6-.03.78-.03,1.32-.03l.05-.06.03-1.79.06-1.81.04-1.77.41,1.66.36,1.33.63,2.42.06.06c.58-.03.74-.03,1.4-.03l.05-.06.54-1.99.38-1.37.52-1.96v1.68l.03,1.42v2.25l.04.06c.65-.03.9-.03,1.62-.03l.05-.06c-.06-1.07-.13-2.14-.16-3.22-.03-.59-.05-1.18-.08-1.77-.04-.87-.05-.98-.05-1.54l-.05-.05Z" }), index.h("path", { class: "cls-1", d: "M60.62,86.92c-1.11.06-1.37.07-2.57.07v-1.64s2.17,0,2.17,0l.07-.05.06-1.06-.05-.06-2.26.04v-1.49c1.06,0,1.27,0,2.4.03l.04-.06.07-1.09-.04-.04h-4.11l-.06.06c.06.91.08,1.25.08,3.76,0,1.18-.02,1.77-.05,2.74l.05.04h4.12l.08-.06.06-1.14-.05-.07Z" }), index.h("path", { class: "cls-1", d: "M63.49,82.69c.13,0,.27,0,.39,0,.37,0,1.09,0,1.09.82,0,.26-.07.61-.41.82-.26.16-.59.18-1.07.19v-1.83ZM63.93,85.61c.63,1.07.77,1.35,1.37,2.57l.08.05c.29-.01.57-.03.86-.05.29,0,.59-.01.88-.01l.06-.11c-.36-.46-.46-.6-1.13-1.68-.3-.48-.45-.73-.69-1.14.43-.19,1.28-.58,1.28-1.77,0-.41-.11-1.26-.88-1.67-.49-.25-.99-.26-2.09-.25h-.66s-1.14.01-1.14.01l-.05.06c.05.94.08,1.92.08,4.46,0,.88,0,1.29-.03,2.07l.05.06c.68-.04.83-.04,1.6-.04l.06-.05c-.08-1.08-.08-1.38-.09-2.49l.46-.02Z" }), index.h("path", { class: "cls-1", d: "M72.95,86.51c-.22.17-.69.52-1.47.52-1.06,0-1.82-.8-1.82-2.12,0-.8.28-2.21,1.8-2.21.71,0,1.09.27,1.33.45l.08-.02.08-1.29-.04-.05c-.34-.13-.91-.34-1.73-.34-2.42,0-3.26,1.86-3.26,3.51,0,1.79,1.1,3.37,3.38,3.37.78,0,1.3-.2,1.6-.32l.05-.06.06-1.4-.06-.04Z" }), index.h("path", { class: "cls-1", d: "M75.77,85.29l.47-1.58.33-1.1.28,1.22.34,1.46h-1.42ZM77.75,81.55c-.9.02-1.08.02-2.08.02l-.07.06c-.5,1.59-.8,2.54-2.18,6.48l.04.07h1.46l.06-.06.46-1.7h2.02l.4,1.73.07.06c.69-.03.87-.03,1.63-.03l.05-.07c-1.13-4.01-1.26-4.44-1.8-6.51l-.07-.05Z" }), index.h("path", { class: "cls-1", d: "M82.34,86.98c-.02-.92-.03-1.79-.03-2.69,0-.5,0-1.01,0-1.51.19-.02.38-.03.57-.03.57,0,1.69,0,1.69,2,0,1.17-.44,1.69-.67,1.88-.42.34-1.07.34-1.58.34M81.83,88.18c.24.02.49.02.74.02,1.05,0,2.74-.04,3.43-1.71.25-.61.31-1.37.31-1.78,0-.89-.2-1.56-.43-1.98-.63-1.16-1.84-1.2-2.91-1.2-.43,0-.86.02-1.29.04h-1s-.05.06-.05.06c.04.9.08,1.69.08,4.28,0,.92,0,1.47-.03,2.24l.06.03h1.1Z" }), index.h("path", { class: "cls-1", d: "M91.57,83.04c.19.21.27.49.33.75.07.36.09.7.1.93.04,1.4-.27,2.42-1.35,2.42-1.3,0-1.38-1.52-1.38-2.36,0-1.12.27-1.7.71-1.98.25-.15.51-.19.68-.19.35,0,.68.16.91.43M93.04,82.44c-.16-.2-.34-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.18.1-1.67.39-1.15.65-1.35,1.73-1.43,2.13-.05.32-.08.64-.08.96,0,.64.08,1.83.95,2.65.72.66,1.69.76,2.16.76.72,0,1.46-.18,2.01-.63.93-.77,1.11-2.04,1.11-2.83,0-1.47-.47-2.14-.7-2.43" }), index.h("path", { class: "cls-1", d: "M97.83,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.89-.66.71,0,1.13.29,1.48.53l.08-.03.07-1.23-.04-.07c-.4-.17-.83-.35-1.73-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.86,0-1.33-.37-1.6-.59l-.09.03-.06,1.32.06.07c.1.04.2.08.3.11.22.08.76.24,1.47.24.28,0,1-.04,1.56-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.25-.18-.5-.3-.73-.4l-.24-.09Z" }), index.h("path", { class: "cls-1", d: "M107.67,86.92c-1.1.06-1.36.07-2.56.07l-.03-1.64h2.19l.07-.05.05-1.06-.04-.06-2.27.04v-1.49c1.06,0,1.28,0,2.41.03l.05-.06.06-1.09-.05-.04h-4.11l-.06.06c.06.91.08,1.25.08,3.76,0,1.18-.02,1.77-.05,2.74l.05.04h4.12l.07-.06.07-1.14-.06-.07Z" }), index.h("path", { class: "cls-1", d: "M111.38,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.89-.66.71,0,1.13.29,1.47.53l.08-.03.08-1.23-.05-.07c-.4-.17-.82-.35-1.73-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.4,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77s-1.32-.37-1.6-.59l-.09.03-.07,1.32.05.07c.11.04.2.08.31.11.21.08.77.24,1.47.24.28,0,.99-.04,1.55-.3.79-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.26-.18-.5-.3-.72-.4l-.24-.09Z" }), index.h("path", { class: "cls-1", d: "M115.85,82.69c.21-.01.41-.01.61-.01.82.02,1.05.44,1.05.99,0,.12,0,.67-.5.95-.26.14-.6.15-1.16.15v-2.07ZM115.43,81.55l-1.19.03-.06.05c.04,1.22.07,2.03.07,3.1,0,1.14-.03,2.28-.06,3.42l.06.05c.69-.03.84-.03,1.59-.03l.05-.05c-.04-1.01-.04-1.25-.04-2.21,1.05,0,2.17,0,2.84-.81.26-.32.49-.85.49-1.51,0-.4-.09-1.3-.87-1.73-.56-.33-1.36-.33-2.06-.33h-.83Z" }), index.h("path", { class: "cls-1", d: "M121.28,85.29l.46-1.58.33-1.1.28,1.22.35,1.46h-1.42ZM123.25,81.55c-.9.02-1.08.02-2.08.02l-.07.06c-.49,1.59-.79,2.54-2.16,6.48l.03.07h1.46l.07-.06.46-1.7h2.02l.41,1.73.05.06c.69-.03.87-.03,1.64-.03l.04-.07c-1.13-4.01-1.26-4.44-1.79-6.51l-.07-.05Z" }), index.h("path", { class: "cls-1", d: "M130.5,79.65c-.2.18-.48.42-.81.42-.21,0-.41-.07-.61-.14l-.37-.12c-.17-.06-.31-.09-.5-.09-.43,0-.62.16-.83.31l-.04.06v1s.04.02.04.02c.21-.14.47-.31.8-.31.21,0,.42.07.64.14l.28.1c.19.07.33.13.54.13.4,0,.66-.2.87-.37l.04-.07v-1.05l-.07-.03ZM131.76,81.55c-.59.02-.75.03-1.33.02l-.04.06.06,1.27.04,1.29.04,1.53-.02.02c-.25-.46-.3-.54-.77-1.25l-.85-1.24c-.71-1.06-.85-1.27-1.08-1.65l-.06-.04c-.75.03-.86.03-1.54.02l-.05.06c.05,1.45.08,2.53.08,3.78,0,.92-.02,1.83-.03,2.74l.04.06c.63-.03.83-.03,1.37-.03l.04-.06-.1-2.05-.03-1.14-.05-1.24.02-.02c.42.73.57.98,1.21,1.91l.93,1.37.84,1.22.07.04c.57-.03.74-.03,1.24-.03l.04-.04c0-1.36-.02-2.28-.02-3.4,0-1.04.01-2.08.02-3.14l-.05-.05Z" }), index.h("path", { class: "cls-1", d: "M137.07,83.04c.19.21.27.49.33.75.08.36.09.7.11.93.04,1.4-.27,2.42-1.35,2.42-1.3,0-1.39-1.52-1.39-2.36,0-1.12.27-1.7.71-1.98.25-.15.51-.19.68-.19.35,0,.69.16.91.43M138.55,82.44c-.16-.2-.35-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.17.1-1.67.39-1.14.65-1.35,1.73-1.43,2.13-.06.32-.08.64-.08.96,0,.64.07,1.83.95,2.65.71.66,1.69.76,2.16.76.72,0,1.45-.18,2-.63.93-.77,1.11-2.04,1.11-2.83,0-1.47-.46-2.14-.7-2.43" }), index.h("path", { class: "cls-1", d: "M144.65,86.9c-1.02.06-1.84.07-2.12.07h-.19c-.02-2.5,0-3.13.07-5.37l-.06-.05c-.8.03-1.02.03-1.66.03l-.05.05c.04.75.05.98.05,2.09,0,1.47,0,2.95,0,4.43l.04.05c1.84-.03,2.17-.03,3.86-.03l.05-.05.07-1.18-.04-.04Z" }), index.h("path", { class: "cls-1", d: "M150.03,86.92c-1.1.06-1.37.07-2.57.07v-1.64s2.17,0,2.17,0l.07-.05.05-1.06-.04-.06-2.26.04v-1.49c1.05,0,1.27,0,2.4.03l.05-.06.06-1.09-.04-.04h-4.11l-.05.06c.05.91.07,1.25.07,3.76,0,1.18-.01,1.77-.04,2.74l.04.04h4.13l.08-.06.06-1.14-.05-.07Z" }), index.h("path", { class: "cls-1", d: "M153.74,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.88-.66.71,0,1.14.29,1.49.53l.08-.03.08-1.23-.04-.07c-.41-.17-.83-.35-1.74-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.4,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.1.03-.07,1.32.06.07c.1.04.2.08.31.11.21.08.77.24,1.47.24.28,0,.99-.04,1.55-.3.79-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.25-.18-.5-.3-.72-.4l-.24-.09Z" })));
+}
+SixLogo.style = SixLogoStyle0;
+
+exports.six_header_item = SixHeaderItem;
+exports.six_logo = SixLogo;
+
+//# sourceMappingURL=six-header-item_2.cjs.entry.js.map

package/dist/cjs/six-header-item_2.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"six-header-item.six-logo.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,wcAAwc,CAAC;AACle,4BAAe,gBAAgB;;MCWlB,aAAa;;;sBAQU,KAAK;;IAEvC,MAAM;QACJ,QACEA,QAACC,UAAI,qDACH,KAAK,EAAE;gBACL,yBAAyB,EAAE,IAAI,CAAC,MAAM;gBACtC,GAAG,EAAE,IAAI;aACV,IAEDD,oEAAQ,CACH,EACP;KACH;;;;ACjCH,MAAM,UAAU,GAAG,+GAA+G,CAAC;AACnI,sBAAe,UAAU;;MCWZ,OAAO;;;qBAE8B,KAAK;;IAErD,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,KAAK,KAAK,GAAG,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC;KACrD;;AAGH,SAAS,OAAO;IACd,QACEA,iBAAK,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,IACrEA,6BAAkB,EAClBA,eAAG,IAAI,EAAC,SAAS,eAAW,SAAS,IACnCA,kBAAM,CAAC,EAAC,gNAAgN,GAAG,EAC3NA,kBAAM,CAAC,EAAC,+BAA+B,GAAG,EAC1CA,kBAAM,CAAC,EAAC,2bAA2b,GAAG,CACpc,CACA,EACN;AACJ,CAAC;AAED,SAAS,OAAO;IACd,QACEA,iBAAK,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,mBAAmB,IAC1CA,sCAA2B,EAC3BA,sBACEA,kCACU,GAAG,oBAEV,GAAG,qBACY,GAAG,wBAElB,GAAG,aACI,GAAG,oBAEV,GAAG,CACE,CACH,EACPA,qBACE,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,uHAAuH,GAC9H,EACFA,mBACEA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,qfAAqf,GACvf,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,4mBAA4mB,GAC9mB,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,+FAA+F,GACjG,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,yHAAyH,GAC3H,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,6UAA6U,GAC/U,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,ocAAoc,GACtc,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,kaAAka,GACpa,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,2bAA2b,GAC7b,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,6fAA6f,GAC/f,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,gPAAgP,GAClP,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,kVAAkV,GACpV,CACA,EACJA,qBAAS,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,iEAAiE,GAAG,EAClGA,qBAAS,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,yDAAyD,GAAG,EAC1FA,qBACE,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,8NAA8N,GACrO,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,8TAA8T,GAChU,EACFA,qBACE,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,uIAAuI,GAC9I,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,0dAA0d,GAC5d,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,yZAAyZ,GAC3Z,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,gNAAgN,GAClN,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,gaAAga,GACla,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,mPAAmP,GACrP,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,+ZAA+Z,GACja,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,4TAA4T,GAC9T,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,ycAAyc,GAC3c,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,iPAAiP,GACnP,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,ydAAyd,GAC3d,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,4PAA4P,GAC9P,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,iPAAiP,GACnP,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,qXAAqX,GACvX,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,4ZAA4Z,GAC9Z,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,yZAAyZ,GAC3Z,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,6OAA6O,GAC/O,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,wZAAwZ,GAC1Z,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,6VAA6V,GAC/V,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,uPAAuP,GACzP,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,kqBAAkqB,GACpqB,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,4ZAA4Z,GAC9Z,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,iNAAiN,GACnN,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,iPAAiP,GACnP,EACFA,kBACE,KAAK,EAAC,OAAO,EACb,CAAC,EAAC,4ZAA4Z,GAC9Z,CACE,EACN;AACJ,CAAC;;;;;;","names":["h","Host"],"sources":["src/components/six-header-item/six-header-item.scss?tag=six-header-item&encapsulation=shadow","src/components/six-header-item/six-header-item.tsx","src/components/six-logo/six-logo.scss?tag=six-logo&encapsulation=shadow","src/components/six-logo/six-logo.tsx"],"sourcesContent":[":host {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 0 var(--six-spacing-large);\n  border-bottom: solid var(--six-header-border-height) transparent;\n  border-top: solid var(--six-header-border-height) transparent;\n  transition: var(--six-transition-fast) border-color;\n}\n\n:host(.six-header-item--active) {\n  border-bottom: solid var(--six-header-border-height) var(--six-header-border-color-open);\n  transition: var(--six-transition-fast) border-color;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * @since 4.2.7\n * @status beta\n */\n\n@Component({\n  tag: 'six-header-item',\n  styleUrl: 'six-header-item.scss',\n  shadow: true,\n})\nexport class SixHeaderItem {\n  /**\n   * Indicates whether the item is styled as active.\n   * When set to `true`, a border is displayed below the trigger element.\n   *\n   * Use <code>six-header-dropdown-item</code> to automatically set the active\n   * state for dropdowns.\n   */\n  @Prop({ reflect: true }) active = false;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'six-header-item--active': this.active,\n          foo: true,\n        }}\n      >\n        <slot />\n      </Host>\n    );\n  }\n}\n","/**\n * @prop --height: The height of the logo.\n */\n:host {\n  --height: unset;\n}\n\nsvg {\n  display: block;\n}\n\nsvg.six {\n  height: var(--height, 20px);\n}\n\nsvg.bme {\n  height: var(--height, 40px);\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 4.2.7\n * @status beta\n */\n\n@Component({\n  tag: 'six-logo',\n  styleUrl: 'six-logo.scss',\n  shadow: true,\n})\nexport class SixLogo {\n  /** The brand of the logo. Either six or bme. Defaults to six. */\n  @Prop({ reflect: true }) brand: 'six' | 'bme' = 'six';\n\n  render() {\n    return this.brand === 'six' ? sixLogo() : bmeLogo();\n  }\n}\n\nfunction sixLogo() {\n  return (\n    <svg class=\"six\" viewBox=\"0 0 90 26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <title>SIX</title>\n      <g fill=\"#DE3919\" fill-rule=\"nonzero\">\n        <path d=\"m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525\" />\n        <path d=\"m42.16.324h5.21v24.806h-5.21z\" />\n        <path d=\"m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545\" />\n      </g>\n    </svg>\n  );\n}\n\nfunction bmeLogo() {\n  return (\n    <svg class=\"bme\" viewBox=\"0 0 249.38 122.47\">\n      <title>BME Exchange</title>\n      <defs>\n        <style>\n          .cls-1 {'{'}\n          fill: #002c5f;\n          {'}'}\n          .cls-1, .cls-2 {'{'}\n          stroke-width: 0px;\n          {'}'}\n          .cls-2 {'{'}\n          fill: #959595;\n          {'}'}\n        </style>\n      </defs>\n      <polygon\n        class=\"cls-2\"\n        points=\"183.07 88.18 205.3 52.02 178.8 52.02 178.8 36.16 205.3 36.16 183.07 0 202.45 0 228.71 44.09 201.32 88.18 183.07 88.18\"\n      />\n      <g>\n        <path\n          class=\"cls-1\"\n          d=\"M124.21,104.18c2.64,0,3.97,1.46,3.97,4.38v8.37h-1.96l-.44-1.71h-.07c-.41.66-.88,1.15-1.4,1.47-.52.31-1.17.47-1.97.47-1.05,0-1.83-.37-2.36-1.11-.53-.74-.8-1.65-.8-2.75,0-1.29.39-2.27,1.18-2.94s1.93-1.03,3.44-1.1l1.71-.07v-.6c0-.8-.14-1.38-.42-1.75-.28-.37-.7-.55-1.27-.55-.43,0-.88.08-1.35.23-.47.15-.96.36-1.46.62l-.81-1.94c1.17-.69,2.51-1.04,4.01-1.04ZM125.5,110.99l-1.11.05c-.89.05-1.53.26-1.91.63-.38.38-.58.9-.58,1.58,0,1.22.48,1.82,1.45,1.82.61,0,1.13-.26,1.53-.77.41-.51.61-1.23.61-2.16v-1.15Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M143.33,112.3c0,.97-.2,1.82-.61,2.55-.41.73-.99,1.3-1.74,1.71-.75.41-1.65.61-2.7.61-.74,0-1.44-.07-2.1-.21-.66-.14-1.28-.35-1.87-.64v-2.77c.61.35,1.27.63,1.96.83.69.2,1.35.3,1.98.3.75,0,1.32-.2,1.71-.61.38-.41.58-.92.58-1.53,0-.65-.2-1.17-.6-1.58-.4-.41-1.09-.86-2.08-1.37-.65-.35-1.23-.73-1.74-1.13-.52-.4-.92-.89-1.22-1.48s-.45-1.32-.45-2.21c-.02-1.37.42-2.47,1.29-3.3.88-.83,2.04-1.24,3.51-1.22.72,0,1.41.09,2.08.27.66.18,1.29.42,1.89.73l-.83,2.4c-1.11-.6-2.15-.9-3.11-.9-.66,0-1.17.18-1.52.53-.35.35-.53.81-.53,1.38,0,.45.08.82.24,1.13.16.31.44.6.83.88.39.28.93.58,1.6.92,1.14.58,2,1.23,2.57,1.95s.86,1.64.86,2.78Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M150.52,116.94h-6.09v-1.55l1.66-.6v-12.18l-1.66-.6v-1.55h6.09v1.55l-1.66.6v12.18l1.66.6v1.55Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M162.33,116.94h-3.02l-2.72-6.16-2.81,6.16h-2.91l4.15-8.49-3.81-7.98h2.93l2.47,5.72,2.47-5.72h2.93l-3.81,8.05,4.13,8.42Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M172.04,117.17c-1.58,0-2.79-.52-3.62-1.57-.83-1.05-1.25-2.67-1.25-4.87,0-2.04.42-3.65,1.27-4.81s2.08-1.74,3.71-1.74c.63,0,1.2.07,1.71.2.51.13.96.32,1.36.57l-.76,2.12c-.37-.18-.74-.33-1.11-.44-.37-.11-.72-.16-1.06-.16-1.6,0-2.4,1.42-2.4,4.27s.8,4.15,2.4,4.15c.49,0,.96-.07,1.4-.22.44-.15.87-.35,1.3-.61v2.28c-.83.55-1.81.83-2.95.83Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M186.25,110.64c0,1.28-.18,2.4-.54,3.38-.36.98-.91,1.75-1.65,2.31-.74.56-1.68.84-2.81.84-1.06,0-1.96-.28-2.7-.83s-1.3-1.32-1.68-2.31c-.38-.98-.58-2.11-.58-3.39,0-1.98.42-3.56,1.25-4.72.83-1.16,2.08-1.74,3.76-1.74,1.51,0,2.71.55,3.61,1.66s1.35,2.71,1.35,4.8ZM179.03,110.66c0,1.4.18,2.46.53,3.18.35.72.92,1.08,1.71,1.08s1.38-.36,1.73-1.08c.35-.72.53-1.79.53-3.21s-.18-2.45-.53-3.15c-.35-.7-.93-1.05-1.73-1.05s-1.35.35-1.71,1.05c-.35.7-.53,1.76-.53,3.17Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M200.16,104.18c1.15,0,2.02.37,2.59,1.1.58.73.87,1.86.87,3.4v8.26h-2.68v-7.61c0-1.89-.53-2.84-1.59-2.84-.75,0-1.29.33-1.6.99-.32.66-.47,1.63-.47,2.91v6.55h-2.68v-7.63c0-.97-.13-1.68-.39-2.13-.26-.45-.66-.68-1.2-.68-.81,0-1.36.37-1.65,1.12s-.43,1.8-.43,3.17v6.16h-2.68v-12.52h2.1l.32,1.64h.16c.28-.62.68-1.08,1.22-1.4.54-.32,1.15-.47,1.84-.47.78,0,1.42.17,1.91.52.49.34.85.8,1.06,1.37h.18c.64-1.26,1.68-1.89,3.09-1.89Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M211.78,104.18c1.28,0,2.27.55,2.99,1.66s1.07,2.72,1.07,4.84-.36,3.66-1.07,4.79c-.71,1.13-1.69,1.7-2.92,1.7-.69,0-1.29-.16-1.8-.48s-.92-.77-1.24-1.34h-.12c.03.38.06.74.08,1.06.02.32.03.61.03.88v5.19h-2.68v-18.06h2.17l.37,1.66h.14c.69-1.26,1.68-1.89,2.98-1.89ZM211.02,106.42c-.78,0-1.35.32-1.7.95-.35.63-.52,1.61-.52,2.95v.51c0,1.37.17,2.39.51,3.06.34.67.91,1,1.73,1,1.38,0,2.08-1.4,2.08-4.2,0-1.4-.17-2.46-.51-3.18-.34-.72-.87-1.08-1.59-1.08Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M222.16,104.18c2.64,0,3.97,1.46,3.97,4.38v8.37h-1.96l-.44-1.71h-.07c-.41.66-.88,1.15-1.4,1.47-.52.31-1.17.47-1.97.47-1.05,0-1.83-.37-2.37-1.11-.53-.74-.8-1.65-.8-2.75,0-1.29.39-2.27,1.18-2.94.78-.67,1.93-1.03,3.44-1.1l1.71-.07v-.6c0-.8-.14-1.38-.41-1.75-.28-.37-.7-.55-1.27-.55-.43,0-.88.08-1.35.23-.47.15-.96.36-1.47.62l-.81-1.94c1.17-.69,2.51-1.04,4.01-1.04ZM223.45,110.99l-1.11.05c-.89.05-1.53.26-1.91.63-.38.38-.58.9-.58,1.58,0,1.22.48,1.82,1.45,1.82.61,0,1.13-.26,1.53-.77.41-.51.61-1.23.61-2.16v-1.15Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M234.32,104.18c1.14,0,2.02.37,2.65,1.1s.95,1.85.95,3.36v8.3h-2.68v-7.66c0-.92-.13-1.62-.38-2.09s-.68-.7-1.28-.7c-.85,0-1.43.34-1.76,1.01-.33.68-.5,1.76-.5,3.25v6.18h-2.68v-12.52h2.1l.32,1.64h.16c.31-.62.73-1.08,1.27-1.4s1.15-.47,1.82-.47Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M238.98,104.41h2.84l1.84,6.64c.11.43.21.86.3,1.3s.16.87.21,1.28h.09c.05-.37.12-.77.22-1.2.1-.43.21-.89.33-1.38l1.78-6.64h2.79l-4.2,14.05c-.43,1.38-.97,2.4-1.63,3.04-.65.65-1.5.97-2.55.97-.28,0-.53-.02-.77-.05-.24-.03-.46-.08-.68-.14v-2.28c.17.05.34.08.52.11s.35.05.52.05c.54,0,.95-.18,1.23-.53.28-.35.56-.94.82-1.75l.28-1.04-3.94-12.43Z\"\n        />\n      </g>\n      <polygon class=\"cls-1\" points=\"249.37 88.18 231.12 88.18 218.67 67.95 227.9 53.08 249.37 88.18\" />\n      <polygon class=\"cls-1\" points=\"218.53 18.92 229.99 0 249.37 0 227.9 34.66 218.53 18.92\" />\n      <polygon\n        class=\"cls-1\"\n        points=\"112.98 72.41 155.28 72.41 155.28 62.51 123.42 62.51 123.42 49.18 146.37 49.18 146.37 39.27 123.42 39.27 123.42 25.79 155.28 25.79 155.28 15.89 112.98 15.89 112.98 39.27 123.42 39.27 123.42 49.18 112.98 49.18 112.98 72.41\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M10.44,48.38h20.6c4.68,0,8.1,3.06,8.1,7.11s-3.42,7.02-8.1,7.02H10.44v-14.13ZM10.44,25.79h18.54c4.59,0,7.02,2.96,7.02,6.29s-2.43,6.39-7.02,6.39H10.44v-12.68ZM0,72.41h32.21c9.9,0,17.37-6.3,17.37-16.38,0-7.2-4.23-11.89-10.08-13.77,4.23-1.89,6.93-6.03,6.93-11.25,0-10.08-7.65-15.12-16.29-15.12H0v22.59h10.44v9.9H0v24.03Z\"\n      />\n      <polygon\n        class=\"cls-1\"\n        points=\"56.47 72.37 66.91 72.37 66.91 37.45 81.58 52.31 96.25 37.45 96.25 72.37 106.69 72.37 106.69 14.68 81.58 39.72 56.47 14.68 56.47 72.37\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M1.69,82.58c.19,0,.46,0,.62,0,.51,0,.96.18.96.79,0,.49-.37.7-.48.76-.23.1-.73.1-1.1.1v-1.64ZM1.69,85.33c.71-.01,1.12-.01,1.39.15.27.17.37.46.37.76,0,.42-.23.68-.57.8-.28.09-.79.09-1.19.08v-1.81ZM1.76,88.18c.87.02,1.95.04,2.65-.44.62-.44.78-1.06.78-1.59,0-.6-.25-1.15-.78-1.42-.18-.08-.38-.12-.58-.17.32-.13.69-.29.93-.79.11-.22.15-.44.15-.65,0-.3-.08-.71-.38-1.05-.39-.42-1-.53-1.92-.53-.32,0-.89,0-1.21.02l-1.3.02-.06.05c.04.9.05,1.24.05,2.53s0,2.65-.03,3.99l.07.03h1.63Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M10.17,83.04c.19.21.27.49.33.75.08.36.09.7.1.93.04,1.4-.26,2.42-1.35,2.42-1.29,0-1.38-1.52-1.38-2.36,0-1.12.27-1.7.71-1.98.25-.15.5-.19.68-.19.35,0,.69.16.91.43M11.65,82.44c-.16-.2-.34-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.17.1-1.67.39-1.14.65-1.35,1.73-1.42,2.13-.06.32-.09.64-.09.96,0,.64.07,1.83.96,2.65.71.66,1.68.76,2.16.76.72,0,1.45-.18,2-.63.93-.77,1.12-2.04,1.12-2.83,0-1.47-.47-2.14-.7-2.43\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M17.76,86.9c-1.02.06-1.83.07-2.12.07h-.18c-.02-2.5,0-3.13.07-5.37l-.06-.05c-.8.03-1.01.03-1.66.03l-.05.05c.04.75.04.98.04,2.09,0,1.47,0,2.95,0,4.43l.04.05c1.84-.03,2.17-.03,3.86-.03l.05-.05.07-1.18-.04-.04Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M21.15,84.16c-.79-.33-1.19-.5-1.19-.92,0-.28.27-.66.88-.66.71,0,1.13.29,1.48.53l.08-.03.07-1.23-.04-.07c-.4-.17-.83-.35-1.74-.35-1.75,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.65.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.09.03-.07,1.32.06.07c.1.04.21.08.31.11.22.08.77.24,1.47.24.28,0,.99-.04,1.56-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.21-1.11-.7-1.49-.25-.18-.5-.3-.72-.4l-.24-.09Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M25.56,85.29l.47-1.58.32-1.1.29,1.22.35,1.46h-1.43ZM27.54,81.55c-.9.02-1.09.02-2.09.02l-.07.06c-.49,1.59-.79,2.54-2.17,6.48l.04.07h1.46l.06-.06.46-1.7h2.02l.4,1.73.06.06c.68-.03.87-.03,1.63-.03l.04-.07c-1.13-4.01-1.26-4.44-1.8-6.51l-.06-.05Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M32.94,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.26-.66.89-.66.71,0,1.13.29,1.47.53l.08-.03.07-1.23-.04-.07c-.41-.17-.83-.35-1.74-.35-1.75,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.09.03-.07,1.32.06.07c.1.04.2.08.31.11.21.08.76.24,1.47.24.27,0,.99-.04,1.55-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.21-1.11-.7-1.49-.26-.18-.49-.3-.72-.4l-.24-.09Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M41.67,88.12c-.05-1.22-.06-1.55-.06-2.75l2.06-3.77-.03-.06c-.7.02-.89.02-1.47.02l-.05.06c-.54,1.17-.8,1.67-1.19,2.43-.1-.21-.58-1.11-.67-1.29-.17-.34-.3-.62-.57-1.22l-.07-.04c-.8.04-1,.06-1.78.06l-.03.08c.28.48,1.52,2.6,1.76,3.03.13.25.26.48.4.73v.29c0,.93-.01,1.34-.07,2.44l.05.06c.78-.03.99-.03,1.65-.03l.06-.06Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M54.31,81.55c-.98.02-1.14.02-2.17.02l-.06.06-.43,1.52-.37,1.35-.44,1.63-.41-1.68-.26-1.06-.47-1.8-.04-.05c-1,.02-1.17.02-2.22.02l-.06.06c-.1,2.8-.13,3.52-.34,6.52l.04.06c.6-.03.78-.03,1.32-.03l.05-.06.03-1.79.06-1.81.04-1.77.41,1.66.36,1.33.63,2.42.06.06c.58-.03.74-.03,1.4-.03l.05-.06.54-1.99.38-1.37.52-1.96v1.68l.03,1.42v2.25l.04.06c.65-.03.9-.03,1.62-.03l.05-.06c-.06-1.07-.13-2.14-.16-3.22-.03-.59-.05-1.18-.08-1.77-.04-.87-.05-.98-.05-1.54l-.05-.05Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M60.62,86.92c-1.11.06-1.37.07-2.57.07v-1.64s2.17,0,2.17,0l.07-.05.06-1.06-.05-.06-2.26.04v-1.49c1.06,0,1.27,0,2.4.03l.04-.06.07-1.09-.04-.04h-4.11l-.06.06c.06.91.08,1.25.08,3.76,0,1.18-.02,1.77-.05,2.74l.05.04h4.12l.08-.06.06-1.14-.05-.07Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M63.49,82.69c.13,0,.27,0,.39,0,.37,0,1.09,0,1.09.82,0,.26-.07.61-.41.82-.26.16-.59.18-1.07.19v-1.83ZM63.93,85.61c.63,1.07.77,1.35,1.37,2.57l.08.05c.29-.01.57-.03.86-.05.29,0,.59-.01.88-.01l.06-.11c-.36-.46-.46-.6-1.13-1.68-.3-.48-.45-.73-.69-1.14.43-.19,1.28-.58,1.28-1.77,0-.41-.11-1.26-.88-1.67-.49-.25-.99-.26-2.09-.25h-.66s-1.14.01-1.14.01l-.05.06c.05.94.08,1.92.08,4.46,0,.88,0,1.29-.03,2.07l.05.06c.68-.04.83-.04,1.6-.04l.06-.05c-.08-1.08-.08-1.38-.09-2.49l.46-.02Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M72.95,86.51c-.22.17-.69.52-1.47.52-1.06,0-1.82-.8-1.82-2.12,0-.8.28-2.21,1.8-2.21.71,0,1.09.27,1.33.45l.08-.02.08-1.29-.04-.05c-.34-.13-.91-.34-1.73-.34-2.42,0-3.26,1.86-3.26,3.51,0,1.79,1.1,3.37,3.38,3.37.78,0,1.3-.2,1.6-.32l.05-.06.06-1.4-.06-.04Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M75.77,85.29l.47-1.58.33-1.1.28,1.22.34,1.46h-1.42ZM77.75,81.55c-.9.02-1.08.02-2.08.02l-.07.06c-.5,1.59-.8,2.54-2.18,6.48l.04.07h1.46l.06-.06.46-1.7h2.02l.4,1.73.07.06c.69-.03.87-.03,1.63-.03l.05-.07c-1.13-4.01-1.26-4.44-1.8-6.51l-.07-.05Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M82.34,86.98c-.02-.92-.03-1.79-.03-2.69,0-.5,0-1.01,0-1.51.19-.02.38-.03.57-.03.57,0,1.69,0,1.69,2,0,1.17-.44,1.69-.67,1.88-.42.34-1.07.34-1.58.34M81.83,88.18c.24.02.49.02.74.02,1.05,0,2.74-.04,3.43-1.71.25-.61.31-1.37.31-1.78,0-.89-.2-1.56-.43-1.98-.63-1.16-1.84-1.2-2.91-1.2-.43,0-.86.02-1.29.04h-1s-.05.06-.05.06c.04.9.08,1.69.08,4.28,0,.92,0,1.47-.03,2.24l.06.03h1.1Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M91.57,83.04c.19.21.27.49.33.75.07.36.09.7.1.93.04,1.4-.27,2.42-1.35,2.42-1.3,0-1.38-1.52-1.38-2.36,0-1.12.27-1.7.71-1.98.25-.15.51-.19.68-.19.35,0,.68.16.91.43M93.04,82.44c-.16-.2-.34-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.18.1-1.67.39-1.15.65-1.35,1.73-1.43,2.13-.05.32-.08.64-.08.96,0,.64.08,1.83.95,2.65.72.66,1.69.76,2.16.76.72,0,1.46-.18,2.01-.63.93-.77,1.11-2.04,1.11-2.83,0-1.47-.47-2.14-.7-2.43\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M97.83,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.89-.66.71,0,1.13.29,1.48.53l.08-.03.07-1.23-.04-.07c-.4-.17-.83-.35-1.73-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.86,0-1.33-.37-1.6-.59l-.09.03-.06,1.32.06.07c.1.04.2.08.3.11.22.08.76.24,1.47.24.28,0,1-.04,1.56-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.25-.18-.5-.3-.73-.4l-.24-.09Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M107.67,86.92c-1.1.06-1.36.07-2.56.07l-.03-1.64h2.19l.07-.05.05-1.06-.04-.06-2.27.04v-1.49c1.06,0,1.28,0,2.41.03l.05-.06.06-1.09-.05-.04h-4.11l-.06.06c.06.91.08,1.25.08,3.76,0,1.18-.02,1.77-.05,2.74l.05.04h4.12l.07-.06.07-1.14-.06-.07Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M111.38,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.89-.66.71,0,1.13.29,1.47.53l.08-.03.08-1.23-.05-.07c-.4-.17-.82-.35-1.73-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.4,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77s-1.32-.37-1.6-.59l-.09.03-.07,1.32.05.07c.11.04.2.08.31.11.21.08.77.24,1.47.24.28,0,.99-.04,1.55-.3.79-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.26-.18-.5-.3-.72-.4l-.24-.09Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M115.85,82.69c.21-.01.41-.01.61-.01.82.02,1.05.44,1.05.99,0,.12,0,.67-.5.95-.26.14-.6.15-1.16.15v-2.07ZM115.43,81.55l-1.19.03-.06.05c.04,1.22.07,2.03.07,3.1,0,1.14-.03,2.28-.06,3.42l.06.05c.69-.03.84-.03,1.59-.03l.05-.05c-.04-1.01-.04-1.25-.04-2.21,1.05,0,2.17,0,2.84-.81.26-.32.49-.85.49-1.51,0-.4-.09-1.3-.87-1.73-.56-.33-1.36-.33-2.06-.33h-.83Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M121.28,85.29l.46-1.58.33-1.1.28,1.22.35,1.46h-1.42ZM123.25,81.55c-.9.02-1.08.02-2.08.02l-.07.06c-.49,1.59-.79,2.54-2.16,6.48l.03.07h1.46l.07-.06.46-1.7h2.02l.41,1.73.05.06c.69-.03.87-.03,1.64-.03l.04-.07c-1.13-4.01-1.26-4.44-1.79-6.51l-.07-.05Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M130.5,79.65c-.2.18-.48.42-.81.42-.21,0-.41-.07-.61-.14l-.37-.12c-.17-.06-.31-.09-.5-.09-.43,0-.62.16-.83.31l-.04.06v1s.04.02.04.02c.21-.14.47-.31.8-.31.21,0,.42.07.64.14l.28.1c.19.07.33.13.54.13.4,0,.66-.2.87-.37l.04-.07v-1.05l-.07-.03ZM131.76,81.55c-.59.02-.75.03-1.33.02l-.04.06.06,1.27.04,1.29.04,1.53-.02.02c-.25-.46-.3-.54-.77-1.25l-.85-1.24c-.71-1.06-.85-1.27-1.08-1.65l-.06-.04c-.75.03-.86.03-1.54.02l-.05.06c.05,1.45.08,2.53.08,3.78,0,.92-.02,1.83-.03,2.74l.04.06c.63-.03.83-.03,1.37-.03l.04-.06-.1-2.05-.03-1.14-.05-1.24.02-.02c.42.73.57.98,1.21,1.91l.93,1.37.84,1.22.07.04c.57-.03.74-.03,1.24-.03l.04-.04c0-1.36-.02-2.28-.02-3.4,0-1.04.01-2.08.02-3.14l-.05-.05Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M137.07,83.04c.19.21.27.49.33.75.08.36.09.7.11.93.04,1.4-.27,2.42-1.35,2.42-1.3,0-1.39-1.52-1.39-2.36,0-1.12.27-1.7.71-1.98.25-.15.51-.19.68-.19.35,0,.69.16.91.43M138.55,82.44c-.16-.2-.35-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.17.1-1.67.39-1.14.65-1.35,1.73-1.43,2.13-.06.32-.08.64-.08.96,0,.64.07,1.83.95,2.65.71.66,1.69.76,2.16.76.72,0,1.45-.18,2-.63.93-.77,1.11-2.04,1.11-2.83,0-1.47-.46-2.14-.7-2.43\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M144.65,86.9c-1.02.06-1.84.07-2.12.07h-.19c-.02-2.5,0-3.13.07-5.37l-.06-.05c-.8.03-1.02.03-1.66.03l-.05.05c.04.75.05.98.05,2.09,0,1.47,0,2.95,0,4.43l.04.05c1.84-.03,2.17-.03,3.86-.03l.05-.05.07-1.18-.04-.04Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M150.03,86.92c-1.1.06-1.37.07-2.57.07v-1.64s2.17,0,2.17,0l.07-.05.05-1.06-.04-.06-2.26.04v-1.49c1.05,0,1.27,0,2.4.03l.05-.06.06-1.09-.04-.04h-4.11l-.05.06c.05.91.07,1.25.07,3.76,0,1.18-.01,1.77-.04,2.74l.04.04h4.13l.08-.06.06-1.14-.05-.07Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M153.74,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.88-.66.71,0,1.14.29,1.49.53l.08-.03.08-1.23-.04-.07c-.41-.17-.83-.35-1.74-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.4,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.1.03-.07,1.32.06.07c.1.04.2.08.31.11.21.08.77.24,1.47.24.28,0,.99-.04,1.55-.3.79-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.25-.18-.5-.3-.72-.4l-.24-.09Z\"\n      />\n    </svg>\n  );\n}\n"],"version":3}

package/dist/cjs/six-header-menu-button.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-417a06c8.js');
+
+const sixHeaderMenuButtonCss = ":host{display:block}six-button::part(base){border:none;padding-right:0}six-button::part(label){border:none;font-weight:var(--six-font-weight-bold);font-size:var(--six-font-size-small);padding-left:0}six-button:focus::part(base),six-button:hover::part(base),six-button:active::part(base){background-color:initial;border-color:initial}six-button:hover::part(base),six-button:active::part(base){color:var(--six-header-selected-app-color-hover)}";
+const SixHeaderMenuButtonStyle0 = sixHeaderMenuButtonCss;
+
+const SixHeaderMenuButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.icon = '';
+    }
+    render() {
+        return (index.h("six-button", { key: 'a90b8172714045d7d6a4dfac4d1c2755d6ec5090', type: "secondary" }, index.h("span", { key: '4aa77d118aa8d2b634327e9b62d8e17ee3742e87', slot: "suffix" }, index.h("six-icon", { key: 'dc64461f222af85ed126c307a94cd2f4f3020eac' }, this.icon)), index.h("slot", { key: 'a611c0d9090a039f682350240c07aa77fb76ebad' })));
+    }
+};
+SixHeaderMenuButton.style = SixHeaderMenuButtonStyle0;
+
+exports.six_header_menu_button = SixHeaderMenuButton;
+
+//# sourceMappingURL=six-header-menu-button.cjs.entry.js.map

package/dist/cjs/six-header-menu-button.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"six-header-menu-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,2bAA2b,CAAC;AAC3d,kCAAe,sBAAsB;;MCWxB,mBAAmB;;;oBAIE,EAAE;;IAElC,MAAM;QACJ,QACEA,yEAAY,IAAI,EAAC,WAAW,IAC1BA,mEAAM,IAAI,EAAC,QAAQ,IACjBA,yEAAW,IAAI,CAAC,IAAI,CAAY,CAC3B,EACPA,oEAAQ,CACG,EACb;KACH;;;;;;","names":["h"],"sources":["src/components/six-header-menu-button/six-header-menu-button.scss?tag=six-header-menu-button&encapsulation=shadow","src/components/six-header-menu-button/six-header-menu-button.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\nsix-button::part(base) {\n  border: none;\n  padding-right: 0;\n}\n\nsix-button::part(label) {\n  border: none;\n  font-weight: var(--six-font-weight-bold);\n  font-size: var(--six-font-size-small);\n  padding-left: 0;\n}\n\nsix-button:focus::part(base),\nsix-button:hover::part(base),\nsix-button:active::part(base) {\n  background-color: initial;\n  border-color: initial;\n}\n\nsix-button:hover::part(base),\nsix-button:active::part(base) {\n  color: var(--six-header-selected-app-color-hover);\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 4.2.7\n * @status beta\n */\n\n@Component({\n  tag: 'six-header-menu-button',\n  styleUrl: 'six-header-menu-button.scss',\n  shadow: true,\n})\nexport class SixHeaderMenuButton {\n  /**\n   * The icon of the menu button.\n   */\n  @Prop({ reflect: true }) icon = '';\n\n  render() {\n    return (\n      <six-button type=\"secondary\">\n        <span slot=\"suffix\">\n          <six-icon>{this.icon}</six-icon>\n        </span>\n        <slot />\n      </six-button>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/six-header.cjs.entry.js

@@ -2,180 +2,212 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-900437fc.js');
-const eventListeners = require('./event-listeners-fdfe838c.js');
-const slot = require('./slot-6e6a400f.js');
+const index = require('./index-417a06c8.js');
+const eventListeners = require('./event-listeners-9fb878f1.js');
+const slot = require('./slot-1b1232a1.js');
 
-const sixHeaderCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;user-select:none;--search-border-width:1px}::slotted(six-search-field){position:absolute;margin-left:var(--search-border-width);width:calc(100% - 2 * var(--search-border-width))}.six-header{display:flex;width:100%;height:3.75rem;background-color:var(--six-header-background-color);align-items:center;flex-wrap:wrap;box-shadow:var(--six-shadow-x-large);border-bottom:var(--six-header-border-with) solid var(--six-header-border-color)}.six-header__logo{width:6rem;margin-top:0.15rem}.six-header__logo--clickable{cursor:pointer}.six-header__placeholder{flex:1}.six-header__menu,.six-header__logo,.six-header__custom,.six-header__search,.six-header__notification,.six-header__app-switcher,.six-header__profile{height:calc(100% - 0.25rem - 1px);padding:0 1.25rem;display:flex;align-items:center;border-bottom:solid 0.25rem transparent}.six-header__menu--open,.six-header__logo--open,.six-header__custom--open,.six-header__search--open,.six-header__notification--open,.six-header__app-switcher--open,.six-header__profile--open{border-bottom:solid 0.25rem var(--six-header-border-color-open)}.six-header__selected-app{cursor:pointer;font-size:0.9rem;font-weight:600;padding-right:0;padding-left:0.3rem}.six-header__selected-app:hover{color:var(--six-header-selected-app-color-hover)}.six-header__search-field{opacity:0;transform:scale(0.9);transition:var(--six-transition-fast) opacity, var(--six-transition-fast) transform;display:none}.six-header__search-field--visible{opacity:1;transform:none;display:block}.six-header__search-field--shift-content.six-header__search-field--visible{height:2.65rem;transition:var(--six-transition-fast) height}.six-header__search-field--shift-content:not(.six-header__search-field--visible){height:0;transition:var(--six-transition-fast) height}";
+const sixHeaderCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:block;user-select:none;--search-border-width:1px}::slotted(six-search-field){position:absolute;margin-left:var(--search-border-width);width:calc(100% - 2 * var(--search-border-width))}.six-header{display:flex;width:100%;height:var(--six-header-height);background-color:var(--six-header-background-color);align-items:stretch;box-shadow:var(--six-shadow-medium);border-bottom:var(--six-header-border-with) solid var(--six-header-border-color)}.six-header__logo--clickable{cursor:pointer}.six-header__placeholder{flex:1}.six-header__app-switcher-dropdown{display:flex;align-items:center}.six-header__selected-app{cursor:pointer;font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-bold);padding-right:0;padding-left:var(--six-spacing-x-small)}.six-header__selected-app:hover{color:var(--six-header-selected-app-color-hover)}.six-header__search-field{opacity:0;transform:scale(0.9);transition:var(--six-transition-fast) opacity, var(--six-transition-fast) transform;display:none}.six-header__search-field--visible{opacity:1;transform:none;display:block}.six-header__search-field--shift-content.six-header__search-field--visible{height:2.65rem;transition:var(--six-transition-fast) height}.six-header__search-field--shift-content:not(.six-header__search-field--visible){height:0;transition:var(--six-transition-fast) height}";
+const SixHeaderStyle0 = sixHeaderCss;
 
 var Section;
 (function (Section) {
-  Section[Section["None"] = 0] = "None";
-  Section[Section["Search"] = 1] = "Search";
-  Section[Section["AppSwitcher"] = 2] = "AppSwitcher";
-  Section[Section["Profile"] = 3] = "Profile";
+    Section[Section["None"] = 0] = "None";
+    Section[Section["Search"] = 1] = "Search";
+    Section[Section["AppSwitcher"] = 2] = "AppSwitcher";
+    Section[Section["Profile"] = 3] = "Profile";
 })(Section || (Section = {}));
 var Slot;
 (function (Slot) {
-  Slot["Search"] = "search-field";
-  Slot["Notifications"] = "notifications";
-  Slot["AppSwitcher"] = "app-switcher-menu";
-  Slot["Profile"] = "profile-menu";
-  Slot["Logo"] = "logo";
+    Slot["Search"] = "search-field";
+    Slot["Notifications"] = "notifications";
+    Slot["AppSwitcher"] = "app-switcher-menu";
+    Slot["Profile"] = "profile-menu";
+    Slot["Logo"] = "logo";
 })(Slot || (Slot = {}));
 const SixHeader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.sixAppNameClicked = index.createEvent(this, "six-header-app-name-clicked", 7);
-    this.sixAppSwitcherSelect = index.createEvent(this, "six-header-app-switcher-select", 7);
-    this.sixProfileSelect = index.createEvent(this, "six-header-profile-select", 7);
-    this.sixHamburgerClick = index.createEvent(this, "six-header-hamburger-menu-clicked", 7);
-    this.sixLogoClick = index.createEvent(this, "six-header-logo-clicked", 7);
-    this.sixSearchFieldToggle = index.createEvent(this, "six-header-search-field-toggle", 7);
-    this.eventListeners = new eventListeners.EventListeners();
-    this.setupMenu = (el) => {
-      if (el == null)
-        return;
-      this.eventListeners.add(el, 'click', () => this.sixHamburgerClick.emit());
-    };
-    this.setupLogo = (el) => {
-      if (!this.clickableLogo || el == null)
-        return;
-      this.eventListeners.add(el, 'click', () => this.sixLogoClick.emit());
-    };
-    this.setupProfile = (el) => {
-      if (el == null)
-        return;
-      this.eventListeners.add(el, 'six-dropdown-show', this.selectSection(Section.Profile));
-      this.eventListeners.add(el, 'six-dropdown-hide', this.selectSection(Section.None));
-      this.eventListeners.add(el, 'six-menu-item-selected', (event) => {
-        const { name, item } = event.detail;
-        this.sixProfileSelect.emit({ selectedLabel: item.innerText, name, item });
-      });
-    };
-    this.setupAppSwitcher = (el) => {
-      if (el == null)
-        return;
-      this.eventListeners.add(el, 'six-dropdown-show', this.selectSection(Section.AppSwitcher));
-      this.eventListeners.add(el, 'six-dropdown-hide', this.selectSection(Section.None));
-      this.eventListeners.add(el, 'six-menu-item-selected', (event) => {
-        const { name, item } = event.detail;
-        this.selectedApp = item.innerText;
-        this.sixAppSwitcherSelect.emit({ selectedLabel: item.innerText, name, item });
-      });
-    };
-    this.appNameClicked = () => this.sixAppNameClicked.emit();
-    this.computeSearchOpenState = () => {
-      this.selectedSection = this.openSearch ? Section.Search : Section.None;
-    };
-    this.shiftContent = false;
-    this.openHamburgerMenu = false;
-    this.openSearch = false;
-    this.clickableLogo = false;
-    this.selectedApp = undefined;
-    this.selectedSection = undefined;
-  }
-  handleOpenSearchChange() {
-    this.computeSearchOpenState();
-  }
-  /** Sets open state for search */
-  async setSearchOpenState(openState) {
-    if (this.selectedSection === Section.Search && !openState) {
-      this.selectedSection = Section.None;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sixAppNameClicked = index.createEvent(this, "six-header-app-name-clicked", 7);
+        this.sixAppSwitcherSelect = index.createEvent(this, "six-header-app-switcher-select", 7);
+        this.sixProfileSelect = index.createEvent(this, "six-header-profile-select", 7);
+        this.sixHamburgerClick = index.createEvent(this, "six-header-hamburger-menu-clicked", 7);
+        this.logoClick = index.createEvent(this, "six-header-logo-clicked", 7);
+        this.sixSearchFieldToggle = index.createEvent(this, "six-header-search-field-toggle", 7);
+        this.eventListeners = new eventListeners.EventListeners();
+        this.setupMenu = (el) => {
+            if (el == null)
+                return;
+            this.eventListeners.add(el, 'click', () => this.sixHamburgerClick.emit());
+        };
+        this.setupLogo = (el) => {
+            if (!this.clickableLogo || el == null)
+                return;
+            this.eventListeners.add(el, 'click', () => this.logoClick.emit());
+        };
+        this.setupProfile = (el) => {
+            if (el == null)
+                return;
+            this.eventListeners.add(el, 'six-dropdown-show', this.selectSection(Section.Profile));
+            this.eventListeners.add(el, 'six-dropdown-hide', this.selectSection(Section.None));
+            this.eventListeners.add(el, 'six-menu-item-selected', (event) => {
+                const { name, item } = event.detail;
+                this.sixProfileSelect.emit({ selectedLabel: item.innerText, name, item });
+            });
+        };
+        this.setupAppSwitcher = (el) => {
+            if (el == null)
+                return;
+            this.eventListeners.add(el, 'six-dropdown-show', this.selectSection(Section.AppSwitcher));
+            this.eventListeners.add(el, 'six-dropdown-hide', this.selectSection(Section.None));
+            this.eventListeners.add(el, 'six-menu-item-selected', (event) => {
+                const { name, item } = event.detail;
+                this.selectedApp = item.innerText;
+                this.sixAppSwitcherSelect.emit({ selectedLabel: item.innerText, name, item });
+            });
+        };
+        this.appNameClicked = () => this.sixAppNameClicked.emit();
+        this.computeSearchOpenState = () => {
+            this.selectedSection = this.openSearch ? Section.Search : Section.None;
+        };
+        this.custom = false;
+        this.shiftContent = false;
+        this.hideHamburgerMenu = false;
+        this.openHamburgerMenu = false;
+        this.openSearch = false;
+        this.clickableLogo = false;
+        this.logo = 'six';
+        this.selectedApp = undefined;
+        this.selectedSection = undefined;
     }
-    else if (openState && this.selectedSection !== Section.Search) {
-      this.selectedSection = Section.Search;
+    handleOpenSearchChange() {
+        if (this.custom) {
+            if (this.openSearch) {
+                // setFocus deferred due to https://github.com/ionic-team/stencil/issues/3772
+                setTimeout(async () => {
+                    var _a, _b;
+                    const slot$1 = slot.getSlot(this.host, Slot.Search);
+                    (_b = (_a = slot$1 === null || slot$1 === void 0 ? void 0 : slot$1.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('six-input')) === null || _b === void 0 ? void 0 : _b.setFocus();
+                }, 50);
+            }
+        }
+        else {
+            this.computeSearchOpenState();
+        }
     }
-  }
-  /** Get open state for search */
-  async getIsSearchOpen() {
-    return this.selectedSection === Section.Search;
-  }
-  hasSlot(slot) {
-    if (this.slots == null) {
-      return false;
+    /**
+     * Sets open state for search
+     *
+     * @deprecated Use six-header `custom` property instead
+     */
+    async setSearchOpenState(openState) {
+        if (this.selectedSection === Section.Search && !openState) {
+            this.selectedSection = Section.None;
+        }
+        else if (openState && this.selectedSection !== Section.Search) {
+            this.selectedSection = Section.Search;
+        }
     }
-    return this.slots[slot];
-  }
-  isSectionSelected(value) {
-    return value === this.selectedSection;
-  }
-  selectSection(section) {
-    return () => (this.selectedSection = section);
-  }
-  toggleSearch() {
-    const visible = this.selectedSection !== Section.Search;
-    this.selectedSection = this.selectedSection === Section.Search ? Section.None : Section.Search;
-    this.sixSearchFieldToggle.emit({ visible });
-    if (this.selectedSection === Section.Search) {
-      // setFocus deferred due to https://github.com/ionic-team/stencil/issues/3772
-      setTimeout(async () => {
-        var _a, _b;
-        const slot$1 = slot.getSlot(this.host, Slot.Search);
-        (_b = (_a = slot$1 === null || slot$1 === void 0 ? void 0 : slot$1.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('six-input')) === null || _b === void 0 ? void 0 : _b.setFocus();
-      }, 50);
+    /**
+     * Get open state for search
+     *
+     * @deprecated Use six-header `custom` property instead
+     */
+    async getIsSearchOpen() {
+        return this.selectedSection === Section.Search;
     }
-  }
-  componentWillLoad() {
-    this.slots = {
-      [Slot.Search]: slot.hasSlot(this.host, Slot.Search),
-      [Slot.Notifications]: slot.hasSlot(this.host, Slot.Notifications),
-      [Slot.AppSwitcher]: slot.hasSlot(this.host, Slot.AppSwitcher),
-      [Slot.Profile]: slot.hasSlot(this.host, Slot.Profile),
-      [Slot.Logo]: slot.hasSlot(this.host, Slot.Logo),
-    };
-    if (this.hasSlot(Slot.AppSwitcher)) {
-      this.selectedApp = this.getSelectedApp();
+    hasSlot(slot) {
+        if (this.slots == null) {
+            return false;
+        }
+        return this.slots[slot];
     }
-    if (this.hasSlot(Slot.Search)) {
-      this.computeSearchOpenState();
+    isSectionSelected(value) {
+        return value === this.selectedSection;
     }
-  }
-  getSelectedApp() {
-    var _a;
-    // there are more concise ways to select the first checked menu item, but this is one that works for jest
-    const element = slot.getSlot(this.host, Slot.AppSwitcher);
-    if (element == null) {
-      return undefined;
+    selectSection(section) {
+        return () => (this.selectedSection = section);
     }
-    const items = Array.from(element.querySelectorAll('six-menu-item'));
-    const firstCheckedMenuItem = items.find((item) => item.hasAttribute('checked'));
-    return (_a = firstCheckedMenuItem === null || firstCheckedMenuItem === void 0 ? void 0 : firstCheckedMenuItem.textContent) !== null && _a !== void 0 ? _a : undefined;
-  }
-  disconnectedCallback() {
-    this.eventListeners.removeAll();
-  }
-  render() {
-    const search = this.hasSlot(Slot.Search) && (index.h("section", { class: {
-        'six-header__search': true,
-        'six-header__search--open': this.isSectionSelected(Section.Search),
-      } }, index.h("six-icon-button", { name: "search", onClick: () => this.toggleSearch(), "data-testid": "search-trigger" })));
-    const notifications = this.hasSlot(Slot.Notifications) && (index.h("section", { class: "six-header__notification" }, index.h("slot", { name: Slot.Notifications })));
-    const appSwitcher = this.hasSlot(Slot.AppSwitcher) && (index.h("section", { class: {
-        'six-header__app-switcher': true,
-        'six-header__app-switcher--open': this.isSectionSelected(Section.AppSwitcher),
-      } }, index.h("a", { onClick: this.appNameClicked, class: "six-header__selected-app" }, this.selectedApp), index.h("six-dropdown", { distance: 13, skidding: 20, placement: "bottom-end", ref: this.setupAppSwitcher }, index.h("six-icon-button", { name: "apps", slot: "trigger" }), index.h("slot", { name: Slot.AppSwitcher }))));
-    const profile = this.hasSlot(Slot.Profile) && (index.h("section", { class: {
-        'six-header__profile': true,
-        'six-header__profile--open': this.isSectionSelected(Section.Profile),
-      } }, index.h("six-dropdown", { distance: 17, skidding: 20, placement: "bottom-end", ref: this.setupProfile }, index.h("slot", { name: "profile-avatar", slot: "trigger" }), index.h("slot", { name: "profile-menu" }))));
-    const logo = this.hasSlot(Slot.Logo) ? (index.h("section", null, index.h("slot", { name: "logo" }))) : (index.h("section", { class: {
-        'six-header__logo': true,
-        'six-header__logo--clickable': this.clickableLogo,
-      }, ref: this.setupLogo }, index.h("svg", { height: "20", viewBox: "0 0 90 26", xmlns: "http://www.w3.org/2000/svg" }, index.h("title", null, "SIX"), index.h("g", { fill: "#DE3919", "fill-rule": "nonzero" }, index.h("path", { d: "m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525" }), index.h("path", { d: "m42.16.324h5.21v24.806h-5.21z" }), index.h("path", { d: "m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545" })))));
-    return (index.h(index.Host, null, index.h("header", { class: "six-header" }, index.h("section", { class: "six-header__menu" }, index.h("six-icon-button", { name: this.openHamburgerMenu ? 'menu_open' : 'menu', ref: this.setupMenu })), logo, index.h("section", { class: "six-header__placeholder" }), index.h("section", { class: "six-header__custom" }, index.h("slot", null)), search, notifications, appSwitcher, profile), index.h("div", { class: {
-        'six-header__search-field': true,
-        'six-header__search-field--visible': this.isSectionSelected(Section.Search),
-        'six-header__search-field--shift-content': this.shiftContent,
-      } }, index.h("slot", { name: Slot.Search }))));
-  }
-  static get assetsDirs() { return ["assets"]; }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "openSearch": ["handleOpenSearchChange"]
-  }; }
+    toggleSearch() {
+        const visible = this.selectedSection !== Section.Search;
+        this.selectedSection = this.selectedSection === Section.Search ? Section.None : Section.Search;
+        this.sixSearchFieldToggle.emit({ visible });
+        if (this.selectedSection === Section.Search) {
+            // setFocus deferred due to https://github.com/ionic-team/stencil/issues/3772
+            setTimeout(async () => {
+                var _a, _b;
+                const slot$1 = slot.getSlot(this.host, Slot.Search);
+                (_b = (_a = slot$1 === null || slot$1 === void 0 ? void 0 : slot$1.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('six-input')) === null || _b === void 0 ? void 0 : _b.setFocus();
+            }, 50);
+        }
+    }
+    componentWillLoad() {
+        this.slots = {
+            [Slot.Search]: slot.hasSlot(this.host, Slot.Search),
+            [Slot.Notifications]: slot.hasSlot(this.host, Slot.Notifications),
+            [Slot.AppSwitcher]: slot.hasSlot(this.host, Slot.AppSwitcher),
+            [Slot.Profile]: slot.hasSlot(this.host, Slot.Profile),
+            [Slot.Logo]: slot.hasSlot(this.host, Slot.Logo),
+        };
+        if (this.hasSlot(Slot.AppSwitcher)) {
+            this.updateSelectedApp();
+        }
+        if (this.hasSlot(Slot.Search)) {
+            this.computeSearchOpenState();
+        }
+    }
+    connectedCallback() {
+        const appSwitcherSlot = slot.getSlot(this.host, Slot.AppSwitcher);
+        if (appSwitcherSlot) {
+            this.mutationObserver = new MutationObserver((mutations) => {
+                if (mutations.some((mutation) => mutation.type === 'childList' || mutation.type === 'attributes')) {
+                    this.updateSelectedApp();
+                }
+            });
+            this.mutationObserver.observe(appSwitcherSlot, { attributes: true, childList: true, subtree: true });
+        }
+    }
+    updateSelectedApp() {
+        var _a;
+        // there are more concise ways to select the first checked menu item, but this is one that works for jest
+        const element = slot.getSlot(this.host, Slot.AppSwitcher);
+        if (element == null) {
+            return undefined;
+        }
+        const items = Array.from(element.querySelectorAll('six-menu-item'));
+        const firstCheckedMenuItem = items.find((item) => item.hasAttribute('checked') && item.getAttribute('checked') !== 'false');
+        this.selectedApp = (_a = firstCheckedMenuItem === null || firstCheckedMenuItem === void 0 ? void 0 : firstCheckedMenuItem.textContent) !== null && _a !== void 0 ? _a : undefined;
+    }
+    disconnectedCallback() {
+        var _a;
+        this.eventListeners.removeAll();
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    render() {
+        const hamburgerMenu = !this.hideHamburgerMenu && (index.h("six-header-item", { key: 'f5e4bf7b91ab71b6fde280777ef56741c4e8593b' }, index.h("six-icon-button", { key: '691a031db2a0f40177b54d689c2041647977a6f1', name: this.openHamburgerMenu ? 'menu_open' : 'menu', ref: this.setupMenu })));
+        const search = this.hasSlot(Slot.Search) && (index.h("six-header-item", { key: 'd25050b55ff11cd3888fd1cd7a922f850c43d513', active: this.isSectionSelected(Section.Search) }, index.h("six-icon-button", { key: '59cb3875f60c30c7829f57b39ad5a49dd58b3f6b', name: "search", onClick: () => this.toggleSearch(), "data-testid": "search-trigger" })));
+        const notifications = this.hasSlot(Slot.Notifications) && (index.h("six-header-item", { key: '2093e028f6b63d5a746121ce7f34a60ccd8b814c' }, index.h("slot", { key: '14b764a489ccef0d535d990c5827c0bfdcdfadb3', name: Slot.Notifications })));
+        const appSwitcher = this.hasSlot(Slot.AppSwitcher) && (index.h("six-header-item", { key: 'b0640d2560ff7cb738f48985aaf0471cb7b49972', active: this.isSectionSelected(Section.AppSwitcher) }, index.h("six-dropdown", { key: '8e25753fce395164ce9cfc5479a46a19975de4b0', distance: 14, skidding: 20, placement: "bottom-end", ref: this.setupAppSwitcher }, index.h("div", { key: 'fe5f0fdf9411f05221c914533732db7be3d3d033', slot: "trigger", class: "six-header__app-switcher-dropdown" }, index.h("a", { key: '81a4d4647b1de8acaadc19d5e58d674c2b930ac4', onClick: this.appNameClicked, class: "six-header__selected-app" }, this.selectedApp), index.h("six-icon-button", { key: 'd903125dfa9ceadb186bc1eb56f15799c7705eb3', name: "apps" })), index.h("slot", { key: '57316a36e610fdedcd49a0eed7c81d3e26df3cca', name: Slot.AppSwitcher }))));
+        const profile = this.hasSlot(Slot.Profile) && (index.h("six-header-item", { key: 'a3133d7f1c50dda15b211fbf46f596e7934aa037', active: this.isSectionSelected(Section.Profile) }, index.h("six-dropdown", { key: 'c06dc87cd548d08ad0821350a54364e03189ec31', distance: 18, skidding: 20, placement: "bottom-end", ref: this.setupProfile }, index.h("slot", { key: '2f661377226178aee7fc5915939df0918991e4c6', name: "profile-avatar", slot: "trigger" }), index.h("slot", { key: '0c9ab4cf7a943e169515a2e73f5d154bf88e0300', name: "profile-menu" }))));
+        const logo = this.hasSlot(Slot.Logo) ? (index.h("six-header-item", null, index.h("slot", { name: "logo" }))) : (index.h("six-header-item", { class: { 'six-header__logo--clickable': this.clickableLogo }, ref: this.setupLogo }, index.h("six-logo", { brand: this.logo })));
+        const customView = (index.h(index.Host, { key: '0b95cbc2c5e2e132f1c6c789c33941efcc4e5a22' }, index.h("header", { key: 'e8c71cb2c22f2cdc410d2e678f5e30528e50f074', part: "header", class: "six-header" }, index.h("slot", { key: 'c8d3c17a6c3435f9d7338bcdf4e0dee210b5527a' })), index.h("div", { key: '1cfe987e74fb40b1ee774a0d3e9718e50770ef0e', class: {
+                'six-header__search-field': true,
+                'six-header__search-field--visible': this.openSearch,
+                'six-header__search-field--shift-content': this.shiftContent,
+            } }, index.h("slot", { key: 'c6f91d3251a01c33281a0437c1273c1851641251', name: Slot.Search }))));
+        const defaultView = (index.h(index.Host, { key: '64fad48c1c9f738ec60d46eca751e0fbaa02121a' }, index.h("header", { key: '96ebb16b846a8f6331fa882dd557fb57bbc19bc1', part: "header", class: "six-header" }, hamburgerMenu, logo, index.h("six-header-item", { key: 'dbf70c1f28a8ac8e5fce05cd5d7d46b219057f59', class: "six-header__placeholder" }), index.h("six-header-item", { key: 'd3c30d7836f81bf58114f1ef9dffcd0ef51f078f' }, index.h("slot", { key: '2a0901b0730ed12d5f8f56f1b1ab575fb4863c6f' })), search, notifications, appSwitcher, profile), index.h("div", { key: 'aaf0973d3476a29d6ab3f117aa961e9dc6958bbe', class: {
+                'six-header__search-field': true,
+                'six-header__search-field--visible': this.isSectionSelected(Section.Search),
+                'six-header__search-field--shift-content': this.shiftContent,
+            } }, index.h("slot", { key: '708bead402bdd620a21fa629b4ddf37772fc75e0', name: Slot.Search }))));
+        return this.custom ? customView : defaultView;
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "openSearch": ["handleOpenSearchChange"]
+    }; }
 };
-SixHeader.style = sixHeaderCss;
+SixHeader.style = SixHeaderStyle0;
 
 exports.six_header = SixHeader;