@siemens/ix-docs 4.3.0 → 4.4.0

package/build/static/demo/v2/preview/html/assets/ix-key-value.entry-h2ALA2FH.js

@@ -1,18 +0,0 @@
-import { r as registerInstance, h, H as Host } from "./global-X2k8gwUL.js";
-const keyValueCss = ":host(.keyValue){display:flex;flex-direction:row;align-items:center;gap:1rem}:host(.keyValue) .keyValue__icon{padding:0.25rem 0}:host(.keyValue) .keyValue__content{display:flex;flex-grow:1;align-items:flex-start}:host(.keyValue) .keyValue__content,:host(.keyValue) .keyValue__content .content__label,:host(.keyValue) .keyValue__content .content__value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.keyValue) .keyValue__content .content__label{color:var(--theme-color-soft-text)}:host(.keyValue) .keyValue__content .content__value{width:100%}:host(.keyValue.keyValue--column){padding:0.5rem 0;border-bottom:1px solid var(--theme-color-soft-bdr)}:host(.keyValue.keyValue--column) .keyValue__content{flex-direction:column}:host(.keyValue.keyValue--column) .keyValue__content .content__label,:host(.keyValue.keyValue--column) .keyValue__content .content__value:not(.has-customValue){padding:2px 0}:host(.keyValue.keyValue--row){padding:0.25rem 0}:host(.keyValue.keyValue--row) .keyValue__content{flex-direction:row;gap:1rem;align-items:center}:host(.keyValue.keyValue--row) .keyValue__content .content__label,:host(.keyValue.keyValue--row) .keyValue__content .content__value:not(.has-customValue){padding:6px 0}:host(.keyValue.keyValue--row) .keyValue__content .content__label{min-width:8rem}";
-const KeyValue = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.labelPosition = "top";
-  }
-  render() {
-    return h(Host, { key: "ee855752985c8321f4f9608cb957acd093293a9f", class: `keyValue keyValue--${this.labelPosition === "top" ? "column" : "row"}` }, this.icon && h("ix-icon", { key: "6bfb94d5df575189c0df6e86cd65ea25a2dddecc", name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon }), h("div", { key: "028c1ca00511298ae99c1088a2800c0b7ccd97bd", class: "keyValue__content" }, h("div", { key: "1b61165be2e1462f3d18e325236f9175b3a84a0d", class: "content__label" }, this.label), h("div", { key: "d778bac4980281cce97bade4247b8f3b62191e1b", class: {
-      content__value: true,
-      "has-customValue": this.value === void 0
-    } }, this.value !== void 0 ? this.value : h("slot", { name: "custom-value" }))));
-  }
-};
-KeyValue.style = keyValueCss;
-export {
-  KeyValue as ix_key_value
-};

package/build/static/demo/v2/preview/html/assets/ix-kpi.entry-BSR_abxY.js

@@ -1,40 +0,0 @@
-import { r as registerInstance, h, H as Host } from "./global-X2k8gwUL.js";
-import { a as iconWarning, v as iconAlarm } from "./index-8HpPmDK_-DinFJk0z.js";
-const kpiCss = ":host{display:flex;flex-grow:1;height:2.5rem;border-radius:var(--theme-kpi--border-radius);padding:0.375rem 0.25rem;min-width:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .kpi-container{display:flex;height:100%;width:100%;border-block-end:2px solid grey}:host .kpi-container.alarm{border-block-end-color:var(--theme-color-alarm)}:host .kpi-container.warning{border-block-end-color:var(--theme-color-warning)}:host .kpi-container .kpi-label{display:flex;align-items:center;color:var(--theme-kpi-display-label--color);flex-grow:1;flex-shrink:9999}:host .kpi-container .kpi-label ix-icon{margin-inline-end:0.25rem}:host .kpi-container .kpi-value-container{display:flex;align-items:flex-end}:host .kpi-container .kpi-value{color:var(--theme-kpi-display-value--color);font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .kpi-container .kpi-unit{margin-inline-start:0.5rem;color:var(--theme-kpi-display-units--color)}:host .kpi-container .kpi-label,:host .kpi-container .kpi-unit{margin-block-start:0.125rem}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):hover,:host:not(.disabled):not(:disabled).hover{background-color:var(--theme-kpi-display--background--hover)}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):active,:host:not(.disabled):not(:disabled).active{background-color:var(--theme-kpi-display--background--active)}:host:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--focus--border-color)}:host(.stacked){height:3.75rem}:host(.stacked) .kpi-container{justify-content:center;flex-wrap:wrap}:host(.stacked) .kpi-container .kpi-label{width:100%;justify-content:center}";
-const Kpi = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.state = "neutral";
-    this.orientation = "horizontal";
-  }
-  getStateIcon() {
-    switch (this.state) {
-      case "alarm":
-        return h("ix-icon", { color: "kpi-display-icon--color", name: iconAlarm, size: "16", "aria-label": this.ariaLabelAlarmIcon });
-      case "warning":
-        return h("ix-icon", { color: "kpi-display-icon--color", name: iconWarning, size: "16", "aria-label": this.ariaLabelWarningIcon });
-      default:
-        return "";
-    }
-  }
-  getTooltipText() {
-    let tooltip = `${this.label}: ${this.value}`;
-    if (this.unit) {
-      tooltip = tooltip.concat(` ${this.unit}`);
-    }
-    return tooltip;
-  }
-  render() {
-    return h(Host, { key: "66e7a14d365489072d53128deddfe610ea2c0589", title: this.getTooltipText(), tabindex: "1", class: {
-      stacked: this.orientation === "vertical"
-    } }, h("div", { key: "724d4ad85701d09ad46ad85d5d62150195545cb1", class: {
-      "kpi-container": true,
-      alarm: this.state === "alarm",
-      warning: this.state === "warning"
-    } }, h("span", { key: "581ec9d9dac67105f5d92fc714511a1578d0833d", class: "kpi-label" }, this.getStateIcon(), h("span", { key: "a81cb7fe8322e8d0682527c7d961a4d1fb32fd58", class: "kpi-label-text" }, this.label)), h("span", { key: "ed7cefc54de202ccab0e9d1ec1adc42eb74f6f78", class: "kpi-value-container" }, h("span", { key: "cade7321b2d3d1dc564480b3ad7f769f079b84d1", class: "kpi-value" }, this.value), this.unit ? h("span", { class: "kpi-unit" }, this.unit) : "")));
-  }
-};
-Kpi.style = kpiCss;
-export {
-  Kpi as ix_kpi
-};

package/build/static/demo/v2/preview/html/assets/ix-layout-auto.entry-CEoxNpDL.js

@@ -1,88 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-X2k8gwUL.js";
-const layoutAutoCss = ":host{display:block;position:relative;margin:0 0.75rem;--ix-layout-grid-gap:1.5rem}:host .container{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--ix-layout-grid-gap)}:host ::slotted(*){flex-grow:0;flex-shrink:0}";
-const LayoutForm = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.layout = [
-      { minWidth: "0", columns: 1 },
-      { minWidth: "48em", columns: 2 }
-    ];
-    this.mediaQueryList = [];
-    this.observer = new MutationObserver(() => this.calculateGridTemplateColumns());
-    this.resizeObserver = new ResizeObserver(() => {
-      this.calculateGridTemplateColumns();
-    });
-  }
-  connectedCallback() {
-    this.observer.observe(this.hostElement, {
-      childList: true,
-      subtree: true,
-      attributes: true,
-      attributeFilter: ["data-colspan"]
-    });
-    this.resizeObserver.observe(this.hostElement);
-    this.calculateGridTemplateColumns();
-  }
-  componentWillLoad() {
-    this.calculateGridTemplateColumns();
-  }
-  disconnectedCallback() {
-    if (this.observer) {
-      this.observer.disconnect();
-    }
-    if (this.resizeObserver) {
-      this.resizeObserver.disconnect();
-    }
-  }
-  updateMediaQueryList() {
-    this.mediaQueryList = [];
-    this.layout.forEach((layout) => {
-      const mediaQuery = window.matchMedia(`(min-width: ${layout.minWidth})`);
-      this.mediaQueryList.push({
-        mediaQuery,
-        layout
-      });
-    });
-  }
-  parseNumber(number) {
-    if (!number) {
-      return 1;
-    }
-    const result = parseInt(number);
-    if (isNaN(result)) {
-      return 1;
-    }
-    return result;
-  }
-  calculateGridTemplateColumns() {
-    this.updateMediaQueryList();
-    let layoutColumns = 1;
-    let columnSpacing = "var(--ix-layout-grid-gap)";
-    this.mediaQueryList.forEach((mediaQuery) => {
-      if (mediaQuery.mediaQuery.matches) {
-        layoutColumns = mediaQuery.layout.columns;
-      }
-    });
-    Array.from(this.hostElement.children).forEach((child) => {
-      let colspan = this.parseNumber(child.getAttribute("data-colspan"));
-      colspan = Math.min(colspan, layoutColumns);
-      const childRatio = colspan / layoutColumns;
-      child.style.width = `calc(${childRatio * 99.9}% - ${1 - childRatio} * ${columnSpacing})`;
-    });
-  }
-  render() {
-    return h(Host, { key: "e80a4427592546a5c5155d23108840ec2e34ecd3" }, h("div", { key: "cf63d295988d17bf976bfddd13c13f8987b2ca1a", class: "container" }, h("slot", { key: "0eaa6a54b56fa3f43adde3620178ccd25447507e" })));
-  }
-  get hostElement() {
-    return getElement(this);
-  }
-  static get watchers() {
-    return {
-      "layout": ["updateMediaQueryList"]
-    };
-  }
-};
-LayoutForm.style = layoutAutoCss;
-export {
-  LayoutForm as ix_layout_auto
-};

package/build/static/demo/v2/preview/html/assets/ix-link-button.entry-CXKZqnqa.js

@@ -1,23 +0,0 @@
-import { r as registerInstance, h, H as Host } from "./global-X2k8gwUL.js";
-import { w as iconChevronRightSmall } from "./index-8HpPmDK_-DinFJk0z.js";
-const linkButtonCss = ":host{display:inline-flex;height:2rem;font-size:0.875rem;font-weight:400;min-width:2rem}:host .link-button{display:inline-flex;position:relative;width:100%;padding:0 0.25rem 0 0;align-items:center;justify-content:center;background-color:transparent;color:var(--theme-color-primary);cursor:pointer;text-decoration:none}:host .link-button .link{display:block;position:relative;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;text-underline-offset:0.2rem}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):hover,:host .link-button:not(.disabled):not(:disabled).hover{color:var(--theme-color-dynamic--hover)}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):active,:host .link-button:not(.disabled):not(:disabled).active{color:var(--theme-color-dynamic--active)}:host .link-button.disabled{cursor:default;color:var(--theme-color-weak-text)}:host .link-button a{all:unset}:host :focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";
-const LinkButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.disabled = false;
-    this.target = "_self";
-  }
-  render() {
-    return h(Host, { key: "4d24f0a12d133ab58cb2a873536e68db17df2d5a" }, h("a", { key: "0585700d404cf2d49597085527608c6db40ea97e", title: this.url, tabindex: "0", class: {
-      "link-button": true,
-      disabled: this.disabled
-    }, href: this.disabled ? void 0 : this.url, target: this.target }, h("ix-icon", { key: "68d6611903eec80a879d4bfbb90a71fcdd05d5a0", class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), h("div", { key: "4e4b66cb6cd469f56d9029a0ddbf5a44ea838128", class: {
-      link: true,
-      disabled: this.disabled
-    } }, h("slot", { key: "eb961e003cfa95ceaf0033a19d1e12ff92b7f78f" }))));
-  }
-};
-LinkButton.style = linkButtonCss;
-export {
-  LinkButton as ix_link_button
-};

package/build/static/demo/v2/preview/html/assets/ix-menu-about-item.entry-DVCZVSPp.js

@@ -1,27 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-X2k8gwUL.js";
-const menuAboutItemCss = ":host{display:block}";
-const MenuAboutItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.labelChange = createEvent(this, "labelChange", 7);
-  }
-  watchLabel(newValue, oldValue) {
-    this.labelChange.emit({
-      name: "ix-menu-about-item",
-      oldLabel: oldValue,
-      newLabel: newValue
-    });
-  }
-  render() {
-    return h(Host, { key: "2877a9c9386fb74d8c4fcfb72d5f31d8aa9057f1" }, h("slot", { key: "fc2e89e7a6a427dbbf3e2030949a4db31c34957e" }));
-  }
-  static get watchers() {
-    return {
-      "label": ["watchLabel"]
-    };
-  }
-};
-MenuAboutItem.style = menuAboutItemCss;
-export {
-  MenuAboutItem as ix_menu_about_item
-};

package/build/static/demo/v2/preview/html/assets/ix-menu-about-news.entry-MZL9lj6L.js

@@ -1,29 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-X2k8gwUL.js";
-import { q as iconClose, x as iconShout } from "./index-8HpPmDK_-DinFJk0z.js";
-const menuAboutNewsCss = ":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}";
-const MenuAboutNews = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.showMore = createEvent(this, "showMore", 7);
-    this.closePopover = createEvent(this, "closePopover", 7);
-    this.show = false;
-    this.i18nShowMore = "Show more";
-    this.expanded = false;
-  }
-  render() {
-    return h(Host, { key: "7443d209d383de9e46d8c024c1756ae814c5d764", class: {
-      expanded: this.expanded,
-      show: !this.show
-    } }, h("div", { key: "034c93b01133fa50d28c0e4ce98becc53fe29158", class: "banner-container" }, h("ix-icon", { key: "69df7443eba7107db4d4f20d2a628159a7ed8660", color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: "36cc1e785395307d29813cac4f13b1309ee2d257", viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: "35d4a86b62c225dc03329e6e53bdd6180d1a6b8e", points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: "d5f1d76a2bf661fb865fa7c4857b0f20d6f225dc", class: "cui-popover-news-header" }, h("ix-typography", { key: "d8ef22907758393fe430cc2a4940dea8ee7372e8", format: "label", bold: true }, this.label)), h("ix-icon-button", { key: "2fb7cf52ee3bf3e475fc5fa6d0aaadec96246acc", size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
-      this.show = false;
-      this.closePopover.emit();
-    } }), h("div", { key: "8875b7027424233f78ac46c52cbeccc3d4fb7560", class: "slot-container" }, h("slot", { key: "b662f3b8c11a9c3ea639ed6b753a4b80ed038bec" })), this.aboutItemLabel ? h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (e) => {
-      this.show = false;
-      this.showMore.emit(e);
-    } }, this.i18nShowMore)) : null, h("div", { key: "97cbdaf247a6f83b9361121cbac596dc86e2bb28", id: "arrow" }));
-  }
-};
-MenuAboutNews.style = menuAboutNewsCss;
-export {
-  MenuAboutNews as ix_menu_about_news
-};

package/build/static/demo/v2/preview/html/assets/ix-menu-about.entry-BvF3jG9A.js

@@ -1,40 +0,0 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from "./global-X2k8gwUL.js";
-import { s as syncTabDisplay, i as initialize, M as MenuTabs } from "./ix-menu-settings.entry-DxuLQEB6.js";
-import "./index-8HpPmDK_-DinFJk0z.js";
-const menuAboutCss = ".text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}:host ix-menu-about-item{display:none}";
-const MenuAbout = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.tabChange = createEvent(this, "tabChange", 7);
-    this.close = createEvent(this, "close", 7);
-    this.label = "About & legal information";
-    this.ariaLabelCloseButton = "Close About";
-    this.show = false;
-  }
-  updateTab(newLabel, oldLabel) {
-    if (newLabel !== oldLabel) {
-      syncTabDisplay(this, newLabel);
-    }
-  }
-  componentWillLoad() {
-    initialize(this);
-  }
-  componentDidLoad() {
-    forceUpdate(this.el);
-  }
-  render() {
-    return h(MenuTabs, { key: "ca696d609e81a77afbb7210a699c89e52cf2b59f", context: this });
-  }
-  get el() {
-    return getElement(this);
-  }
-  static get watchers() {
-    return {
-      "activeTabLabel": ["updateTab"]
-    };
-  }
-};
-MenuAbout.style = menuAboutCss;
-export {
-  MenuAbout as ix_menu_about
-};

package/build/static/demo/v2/preview/html/assets/ix-menu-avatar.entry-B-RVLlIE.js

@@ -1,47 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-X2k8gwUL.js";
-import { y as iconLogOut } from "./index-8HpPmDK_-DinFJk0z.js";
-import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
-import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
-import { g as getSlottedElements } from "./shadow-dom-i60z1FJC-Cx4XiL3F.js";
-const menuAvatarCss = ":host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:var(--theme-default-time)}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{color:var(--theme-nav-item-primary--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar{border-radius:1.25rem}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover,:host .avatar:not(.disabled):not(:disabled).hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";
-const MenuAvatar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.logoutClick = createEvent(this, "logoutClick", 7);
-    this.i18nLogout = "Logout";
-    this.hideLogoutButton = false;
-    this.enableTopLayer = false;
-    this.showContextMenu = false;
-    this.avatarElementId = "ix-menu-avatar-id";
-    this.tooltipRef = makeRef();
-  }
-  onSlotChange() {
-    const slot = this.hostElement.shadowRoot.querySelector("slot");
-    if (!slot) {
-      return;
-    }
-    const elements = getSlottedElements(slot);
-    this.showContextMenu = elements.length !== 0;
-  }
-  render() {
-    var _a;
-    const tooltipText = (_a = this.tooltipText) !== null && _a !== void 0 ? _a : this.top;
-    const ariaHidden = tooltipText === this.top;
-    return h(Host, { key: "63251d35fc15b945de3bae097702c3e0e7377568", slot: "ix-menu-avatar" }, h("button", { key: "f50dd772c58b7b20e966d0a992f6e2537ebbe5bc", class: "nav-item top-item avatar no-hover", id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: "1b3ea2ab31cc248e021306b9399b5b2bbad1122f", image: this.image, initials: this.initials }), h("div", { key: "1e8aee8c464ebc41e99d00b6933f6682d1c98019", class: "avatar-name" }, h("span", { key: "3bc559472005be3d21b406fd9ea85fcb9737dcb6", class: "text-default-single" }, this.top), h("span", { key: "023fb55cd5229df9aadec9daf86834e16944a66f", class: "text-default-single" }, this.bottom))), !!tooltipText && h("ix-tooltip", { key: "8e13fc36570e1152049b636ecabb042e7288c3e8", ref: this.tooltipRef, for: `#${this.avatarElementId}`, placement: "right", "aria-hidden": a11yBoolean(ariaHidden), "aria-label": this.ariaLabelTooltip }, tooltipText), h("ix-dropdown", { key: "6a7e04c67894981100c3b81eb6ac9c5d9a16194a", trigger: this.hostElement, placement: "right-start", hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
-      mainAxis: 16
-    }, onShowChanged: (event) => {
-      if (event.detail && this.tooltipRef.current) {
-        this.tooltipRef.current.hideTooltip(0);
-      }
-    }, enableTopLayer: this.enableTopLayer }, h("slot", { key: "d7444d53d15826d0999476c55bc428a89a6b73fa", onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && h("ix-menu-avatar-item", { key: "f6c1fc16b2b39ef2277ae01485f1b7014e72e568", label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
-      this.logoutClick.emit(e);
-    } })));
-  }
-  get hostElement() {
-    return getElement(this);
-  }
-};
-MenuAvatar.style = menuAvatarCss;
-export {
-  MenuAvatar as ix_menu_avatar
-};

package/build/static/demo/v2/preview/html/assets/ix-menu-category.entry-CfWzsxJo.js

@@ -1,204 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-X2k8gwUL.js";
-import { h as iconChevronDownSmall } from "./index-8HpPmDK_-DinFJk0z.js";
-import { a as animate } from "./anime.esm-DhE1t8Qh-cS95-bBh.js";
-import { c as closestIxMenu } from "./context-BniHpAE1-BXrc-Gwu.js";
-import { c as createMutationObserver } from "./mutation-observer-CX81WQtk-DFcmhOTk.js";
-import "./typed-event-BdCnOrqW-CWsLM0S_.js";
-function createEnterLeaveDebounce(enterCallback, leaveCallback, { debounceTimeEnter, debounceTimeLeave } = {
-  debounceTimeEnter: 0,
-  debounceTimeLeave: 500
-}) {
-  let enterTimeout;
-  let leaveTimeout;
-  return {
-    onEnter: () => {
-      clearTimeout(leaveTimeout);
-      enterTimeout = setTimeout(() => {
-        enterCallback();
-      }, debounceTimeEnter);
-    },
-    onLeave: () => {
-      clearTimeout(enterTimeout);
-      leaveTimeout = setTimeout(() => {
-        leaveCallback();
-      }, debounceTimeLeave);
-    }
-  };
-}
-const menuCategoryCss = ":host{display:flex;flex-direction:column;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .category{display:flex;position:relative;align-items:center;width:100%;height:100%}:host .category-text{width:100%;padding-right:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .category-chevron{margin-left:auto;margin-right:0;transition:var(--theme-default-time) transform ease-in-out}:host .category-chevron--open{transform:rotate(-180deg)}:host .menu-items{overflow:hidden;max-height:0;transition:var(--theme-default-time) max-height ease-in-out}:host .menu-items--expanded{max-height:999999999px;padding:0.25rem 0 0.25rem 1.625rem}:host .menu-items--collapsed{display:none}:host .category-dropdown ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host .category-dropdown-header{pointer-events:none;padding-left:0.125rem;min-width:256px}:host ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host(.expanded){background-color:var(--theme-color-ghost--active)}:host ::slotted(a[href]){text-decoration:none !important}";
-const DefaultIxMenuItemHeight = 40;
-const DefaultAnimationTimeout = 150;
-const MenuCategory = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.closeOtherCategories = createEvent(this, "closeOtherCategories", 7);
-    this.menuExpand = false;
-    this.showItems = false;
-    this.showDropdown = false;
-    this.nestedItems = [];
-    this.enterLeaveDebounce = createEnterLeaveDebounce(() => {
-      this.onPointerEnter();
-    }, () => {
-      this.onPointerLeave();
-    });
-  }
-  isNestedItemActive() {
-    return this.getNestedItems().some((item) => item.active);
-  }
-  getNestedItems() {
-    return Array.from(this.hostElement.querySelectorAll(":scope ix-menu-item"));
-  }
-  getNestedItemsHeight() {
-    const items = this.getNestedItems();
-    return items.length * DefaultIxMenuItemHeight;
-  }
-  onExpandCategory(showItems) {
-    if (showItems) {
-      this.animateFadeIn();
-    } else {
-      this.animateFadeOut();
-    }
-  }
-  animateFadeOut() {
-    const slotHideThresholdMs = 25;
-    animate(this.menuItemsContainer, {
-      duration: DefaultAnimationTimeout,
-      easing: "easeInSine",
-      opacity: [1, 0],
-      maxHeight: [this.getNestedItemsHeight() + DefaultIxMenuItemHeight, 0],
-      onComplete: () => {
-        setTimeout(() => {
-          this.showItems = false;
-          this.showDropdown = false;
-        }, DefaultAnimationTimeout + slotHideThresholdMs);
-      }
-    });
-  }
-  animateFadeIn() {
-    animate(this.menuItemsContainer, {
-      duration: DefaultAnimationTimeout,
-      easing: "easeInSine",
-      opacity: [0, 1],
-      maxHeight: [0, this.getNestedItemsHeight() + DefaultIxMenuItemHeight],
-      onBegin: () => {
-        this.showItems = true;
-        this.showDropdown = false;
-      }
-    });
-  }
-  onPointerEnter() {
-    var _a;
-    if ((_a = this.ixMenu) === null || _a === void 0 ? void 0 : _a.expand) {
-      return;
-    }
-    this.closeOtherCategories.emit();
-    this.showDropdown = true;
-  }
-  onPointerLeave() {
-    this.showDropdown = false;
-  }
-  onCategoryClick(e) {
-    var _a;
-    e.stopPropagation();
-    if ((_a = this.ixMenu) === null || _a === void 0 ? void 0 : _a.expand) {
-      this.onExpandCategory(!this.showItems);
-      return;
-    }
-  }
-  onNestedItemsChanged(mutations) {
-    const oldNestedItemsLength = this.nestedItems.length;
-    this.nestedItems = this.getNestedItems();
-    if (this.showItems && this.menuItemsContainer && oldNestedItemsLength !== this.nestedItems.length) {
-      this.menuItemsContainer.style.maxHeight = `${this.getNestedItemsHeight() + DefaultIxMenuItemHeight}px`;
-    }
-    if (!this.menuExpand || this.showItems || !mutations) {
-      return;
-    }
-    for (const mutation of mutations !== null && mutations !== void 0 ? mutations : []) {
-      if (mutation.attributeName === "class" && mutation.target instanceof HTMLElement && mutation.target.classList.contains("active")) {
-        this.showItems = true;
-        this.onExpandCategory(true);
-        return;
-      }
-    }
-  }
-  isCategoryItemListVisible() {
-    return this.menuExpand && (this.showItems || this.isNestedItemActive());
-  }
-  componentWillLoad() {
-    const closestMenu = closestIxMenu(this.hostElement);
-    if (!closestMenu) {
-      throw Error("ix-menu-category can only be used as a child of ix-menu");
-    }
-    this.ixMenu = closestMenu;
-    this.menuExpand = this.ixMenu.expand;
-    this.showItems = this.isCategoryItemListVisible();
-  }
-  componentDidLoad() {
-    var _a;
-    this.observer = createMutationObserver((mutations) => this.onNestedItemsChanged(mutations));
-    this.observer.observe(this.hostElement, {
-      attributes: true,
-      childList: true,
-      subtree: true
-    });
-    requestAnimationFrame(() => {
-      this.onNestedItemsChanged();
-    });
-    (_a = this.ixMenu) === null || _a === void 0 ? void 0 : _a.addEventListener("expandChange", ({ detail: menuExpand }) => {
-      this.menuExpand = menuExpand;
-      if (!menuExpand) {
-        this.clearMenuItemStyles();
-      }
-      this.showItems = this.isCategoryItemListVisible();
-    });
-  }
-  clearMenuItemStyles() {
-    var _a, _b;
-    (_a = this.menuItemsContainer) === null || _a === void 0 ? void 0 : _a.style.removeProperty("max-height");
-    (_b = this.menuItemsContainer) === null || _b === void 0 ? void 0 : _b.style.removeProperty("opacity");
-  }
-  disconnectedCallback() {
-    if (this.observer) {
-      this.observer.disconnect();
-    }
-  }
-  render() {
-    return h(Host, { key: "edd1e65e5cd1cc96d1da1decfa666654d3926f6d", class: {
-      expanded: this.showItems
-    }, onPointerEnter: () => {
-      this.enterLeaveDebounce.onEnter();
-    }, onPointerLeave: (event) => {
-      if (event.pointerType === "touch") {
-        return;
-      }
-      this.enterLeaveDebounce.onLeave();
-    } }, h("ix-menu-item", { key: "bd7b6f2c2bef925249db2b73ad14e1454a291939", class: "category-parent", active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, h("div", { key: "1bdd93be15ca3e24d491ce54aed4e441617bdbaf", class: "category" }, h("div", { key: "37444ebec527ba83b30675b3c01411770989f77b", class: "category-text" }, this.label), h("ix-icon", { key: "3e3967c7973058113c32f4f90a9343079bfc4d52", name: iconChevronDownSmall, class: {
-      "category-chevron": true,
-      "category-chevron--open": this.showItems
-    }, "aria-hidden": "true" }))), h("div", { key: "270aa92509cdf90771863199a9483d5039289d94", ref: (ref) => this.menuItemsContainer = ref, class: {
-      "menu-items": true,
-      "menu-items--expanded": this.showItems,
-      "menu-items--collapsed": !this.showItems
-    } }, this.showItems ? h("slot", null) : null), h("ix-dropdown", { key: "f81b8c80a0bef8cec723260df27c01ed0299a4d4", closeBehavior: "both", show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
-      this.showDropdown = dropdownShown;
-    }, class: "category-dropdown", anchor: this.hostElement, placement: "right-start", offset: {
-      mainAxis: 3
-    }, onClick: (e) => {
-      if (e.target instanceof HTMLElement) {
-        if (e.target.tagName === "IX-MENU-ITEM") {
-          this.showDropdown = false;
-        } else {
-          e.preventDefault();
-        }
-      }
-    } }, h("ix-dropdown-item", { key: "88b93b5ac540e470b659e0fa0e2a788cf9da0b3d", class: "category-dropdown-header" }, h("ix-typography", { key: "2664b30d7a7aa21de7dd6874a8f8471bcb5f0dee", format: "label", bold: true, textColor: "std" }, this.label)), h("ix-divider", { key: "af94566fdd4ad843ce75332b8e511201bfad790c" }), h("slot", { key: "735e220778d5ac78309c4133d11a1b8fad67431e" })));
-  }
-  get hostElement() {
-    return getElement(this);
-  }
-};
-MenuCategory.style = menuCategoryCss;
-export {
-  MenuCategory as ix_menu_category
-};

package/build/static/demo/v2/preview/html/assets/ix-menu-expand-icon.entry-GdHp5ifB.js

@@ -1,39 +0,0 @@
-import { r as registerInstance, h, H as Host } from "./global-X2k8gwUL.js";
-import { H as iconDoubleChevronLeft, F as iconDoubleChevronRight } from "./index-8HpPmDK_-DinFJk0z.js";
-import { g as getButtonClasses } from "./base-button-D4FlHdn0-BZSMi0so.js";
-const menuExpandIconCss = ":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host .btn-subtle-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary,:host .btn-subtle-tertiary.focus,:host .btn-subtle-tertiary:focus-visible{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0px !important;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}";
-const MenuExpandIcon = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.expanded = false;
-    this.pinned = false;
-    this.ixAriaLabel = "Expand";
-  }
-  getSmallScreenIcon() {
-    return h("button", { tabindex: -1, class: Object.assign(Object.assign({}, getButtonClasses("subtle-tertiary", true, false, false, false)), { "menu-expand-button": true }) }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24" }, h("rect", { class: "line line-1", x: "2", y: "5", width: "20", height: "2" }), h("rect", { class: "line line-2", x: "2", y: "11", width: "13", height: "2" }), h("rect", { class: "line line-3", x: "2", y: "17", width: "20", height: "2" })));
-  }
-  getLargeScreenIcon() {
-    return h("ix-icon-button", { tabindex: -1, icon: this.expanded ? iconDoubleChevronLeft : iconDoubleChevronRight, variant: "subtle-tertiary" });
-  }
-  getMenuIcon() {
-    if (this.pinned) {
-      return this.getLargeScreenIcon();
-    }
-    if (this.breakpoint === "md") {
-      return this.getLargeScreenIcon();
-    }
-    if (this.breakpoint === "lg") {
-      return this.getLargeScreenIcon();
-    }
-    return this.getSmallScreenIcon();
-  }
-  render() {
-    return h(Host, { key: "7955f6ca27cccacf73147ea3207e5147e03ce6d5", class: {
-      expanded: this.expanded
-    }, "aria-hidden": "true" }, this.getMenuIcon());
-  }
-};
-MenuExpandIcon.style = menuExpandIconCss;
-export {
-  MenuExpandIcon as ix_menu_expand_icon
-};