@siemens/ix 0.0.0-pr-2238-20251103105018 → 0.0.0-v4-next-20251105155052

package/components/p-UEMLzDk6.js

@@ -1,92 +0,0 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-CKuNFgoe.js';
-import { v as iconClose } from './p-taILGXkr.js';
-import { a as animate } from './p-DhE1t8Qh.js';
-import { d as defineCustomElement$2 } from './p-ciUqTzkB.js';
-import { d as defineCustomElement$1 } from './p-CkrLmEP7.js';
-
-const mapNavigationOverlayCss = ":host{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;background-color:var(--theme-overlay--background)}: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 .overlay-header{display:flex;position:relative;justify-content:flex-start;align-items:center;height:3.5rem;background-color:var(--theme-overlay-header--background)}:host .overlay-header-content{display:flex;align-items:center;min-width:0}:host .overlay-header-content ix-icon{margin-inline-start:1rem;color:var(--theme-overlay-header--color)}:host .overlay-header-content .overlay-header-title{color:var(--theme-overlay-header--color);margin-inline-start:1rem;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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .color-indicator{display:inline-block;position:relative;width:0.5rem;height:100%;background-color:var(--theme-color-neutral)}:host .overlay-close{margin-inline-start:auto;margin-inline-end:1rem}:host .display-none{display:none}:host(.display-none){display:none}";
-
-const MapNavigationOverlay = /*@__PURE__*/ proxyCustomElement(class MapNavigationOverlay extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.closeClick = createEvent(this, "closeClick", 7);
-    }
-    componentWillLoad() {
-        animate(this.hostElement, {
-            duration: MapNavigationOverlay.slowTime,
-            backdropFilter: [0, 'blur(1rem)'],
-            translateX: ['-4rem', 0],
-            opacity: [0, 1],
-            easing: 'easeOutSine',
-            onBegin: () => {
-                this.hostElement.classList.remove('display-none');
-            },
-        });
-    }
-    closeOverlay() {
-        animate(this.hostElement, {
-            duration: MapNavigationOverlay.slowTime,
-            backdropFilter: ['blur(1rem)', 0],
-            translateX: [0, '-4rem'],
-            opacity: [1, 0],
-            easing: 'easeInSine',
-            onComplete: () => {
-                this.closeClick.emit();
-                this.hostElement.classList.add('display-none');
-            },
-        });
-    }
-    render() {
-        var _a, _b, _c;
-        return (h(Host, { key: '6657572bcdf76784a998d94580437fac0a5acaea' }, h("div", { key: '7896d06f707e0daa2f5015c0c944d7181aa802ec', class: "overlay-header" }, h("div", { key: '6e9bacb89cd2cc25ed6a2a7ebc4fc7f47c89a482', class: {
-                'color-indicator': true,
-                'display-none': ((_a = this.iconColor) !== null && _a !== void 0 ? _a : this.color) === undefined,
-            }, style: {
-                'background-color': ((_b = this.iconColor) !== null && _b !== void 0 ? _b : this.color)
-                    ? `var(--theme-${(_c = this.iconColor) !== null && _c !== void 0 ? _c : this.color})`
-                    : '',
-            } }), h("div", { key: 'e5e55e11bd6c49664dc915fdca6e5dd86d268129', class: "overlay-header-content" }, h("ix-icon", { key: '619b02633255eb1abc02142aa9f868404d2d9924', size: "32", name: this.icon, "aria-label": this.ariaLabelIcon }), h("span", { key: '03bac9a4d9b4a7fdb24843e774031801240a2f0c', class: "overlay-header-title", title: this.name }, this.name)), h("ix-icon-button", { key: '9589d08cae7a3311f5758da56f00fb5f0aa4124c', class: "overlay-close", variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", size: "24", onClick: () => this.closeOverlay(), "aria-label": this.ariaLabelCloseIconButton })), h("slot", { key: 'd963b56a4f6a894030a35f01b5972db989818715' })));
-    }
-    get hostElement() { return this; }
-    static get style() { return mapNavigationOverlayCss; }
-}, [257, "ix-map-navigation-overlay", {
-        "name": [1],
-        "icon": [1],
-        "ariaLabelIcon": [1, "aria-label-icon"],
-        "ariaLabelCloseIconButton": [1, "aria-label-close-icon-button"],
-        "color": [1],
-        "iconColor": [1, "icon-color"]
-    }]);
-MapNavigationOverlay.slowTime = 500;
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-map-navigation-overlay", "ix-icon-button", "ix-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-map-navigation-overlay":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MapNavigationOverlay);
-            }
-            break;
-        case "ix-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ix-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MapNavigationOverlay as M, defineCustomElement as d };
-//# sourceMappingURL=p-UEMLzDk6.js.map
-
-//# sourceMappingURL=p-UEMLzDk6.js.map

package/components/p-UEMLzDk6.js.map

@@ -1 +0,0 @@
-{"file":"p-UEMLzDk6.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/map-navigation-overlay/map-navigation-overlay.scss?tag=ix-map-navigation-overlay&encapsulation=shadow","src/components/map-navigation-overlay/map-navigation-overlay.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use 'mixins/shadow-dom/component';\n@use './common-variables' as vars;\n@use 'legacy/mixins/fonts';\n@use 'mixins/text-truncation';\n\n:host {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  top: 0;\n  left: 0;\n\n  background-color: var(--theme-overlay--background);\n\n  @include component.ix-component;\n\n  .overlay-header {\n    display: flex;\n    position: relative;\n    justify-content: flex-start;\n    align-items: center;\n    height: 3.5rem;\n\n    background-color: var(--theme-overlay-header--background);\n  }\n\n  .overlay-header-content {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n\n    ix-icon {\n      margin-inline-start: vars.$default-space;\n      color: var(--theme-overlay-header--color);\n    }\n\n    .overlay-header-title {\n      color: var(--theme-overlay-header--color);\n      margin-inline-start: vars.$default-space;\n\n      @include fonts.text-h2;\n      @include text-truncation.ellipsis;\n    }\n  }\n\n  .color-indicator {\n    display: inline-block;\n    position: relative;\n    width: vars.$small-space;\n    height: 100%;\n    background-color: var(--theme-color-neutral);\n  }\n\n  .overlay-close {\n    margin-inline-start: auto;\n    margin-inline-end: vars.$default-space;\n  }\n\n  .display-none {\n    display: none;\n  }\n}\n\n:host(.display-none) {\n  display: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { iconClose } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n} from '@stencil/core';\nimport { animate } from 'animejs';\n\n@Component({\n  tag: 'ix-map-navigation-overlay',\n  styleUrl: 'map-navigation-overlay.scss',\n  shadow: true,\n})\nexport class MapNavigationOverlay {\n  private static readonly slowTime = 500;\n\n  @Element() hostElement!: HTMLIxMapNavigationOverlayElement;\n\n  /**\n   * Title of overlay\n   */\n  @Prop() name?: string;\n\n  /**\n   * Icon of overlay\n   */\n  @Prop() icon?: string;\n\n  /**\n   * ARIA label for the icon\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelIcon?: string;\n\n  /**\n   * ARIA label for the close icon button\n   * Will be set as aria-label on the nested HTML button element\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelCloseIconButton?: string;\n\n  /**\n   * Color of icon\n   *\n   * @deprecated since 2.1.0. Use `icon-color`\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() color?: string;\n\n  /**\n   * Color of icon\n   */\n  @Prop() iconColor?: string;\n\n  /**\n   * Event closed\n   */\n  @Event() closeClick!: EventEmitter;\n\n  componentWillLoad() {\n    animate(this.hostElement, {\n      duration: MapNavigationOverlay.slowTime,\n      backdropFilter: [0, 'blur(1rem)'],\n      translateX: ['-4rem', 0],\n      opacity: [0, 1],\n      easing: 'easeOutSine',\n      onBegin: () => {\n        this.hostElement.classList.remove('display-none');\n      },\n    });\n  }\n\n  private closeOverlay() {\n    animate(this.hostElement, {\n      duration: MapNavigationOverlay.slowTime,\n      backdropFilter: ['blur(1rem)', 0],\n      translateX: [0, '-4rem'],\n      opacity: [1, 0],\n      easing: 'easeInSine',\n      onComplete: () => {\n        this.closeClick.emit();\n        this.hostElement.classList.add('display-none');\n      },\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"overlay-header\">\n          <div\n            class={{\n              'color-indicator': true,\n              'display-none': (this.iconColor ?? this.color) === undefined,\n            }}\n            style={{\n              'background-color':\n                (this.iconColor ?? this.color)\n                  ? `var(--theme-${this.iconColor ?? this.color})`\n                  : '',\n            }}\n          ></div>\n          <div class=\"overlay-header-content\">\n            <ix-icon\n              size=\"32\"\n              name={this.icon}\n              aria-label={this.ariaLabelIcon}\n            ></ix-icon>\n            <span class=\"overlay-header-title\" title={this.name}>\n              {this.name}\n            </span>\n          </div>\n          <ix-icon-button\n            class=\"overlay-close\"\n            variant=\"tertiary\"\n            icon={iconClose}\n            iconColor=\"color-soft-text\"\n            size=\"24\"\n            onClick={() => this.closeOverlay()}\n            aria-label={this.ariaLabelCloseIconButton}\n          ></ix-icon-button>\n        </div>\n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/p-yuZO1O90.js

@@ -1,273 +0,0 @@
-import { p as proxyCustomElement, H, e as createEvent, i as readTask, h, d as Host } from './p-CKuNFgoe.js';
-import { d as iconMoreMenu, i as iconApps } from './p-taILGXkr.js';
-import { s as showAppSwitch } from './p-CO2zhw6V.js';
-import { a as applicationLayoutService } from './p-gkooEHol.js';
-import { a as useContextConsumer, A as ApplicationLayoutContext } from './p--2LOMK-5.js';
-import { g as getCurrentBreakpoint } from './p-D_Hmobxf.js';
-import { m as menuController } from './p-BncjKdXL.js';
-import { h as hasSlottedElements } from './p-Bi1VyG64.js';
-import { a as a11yBoolean } from './p-Bb7pDeaQ.js';
-import { d as defineCustomElement$5 } from './p-D1In20Wh.js';
-import { d as defineCustomElement$4 } from './p-ciUqTzkB.js';
-import { d as defineCustomElement$3 } from './p-C6MbjoUl.js';
-import { d as defineCustomElement$2 } from './p-CkrLmEP7.js';
-import { d as defineCustomElement$1 } from './p-DgfGA7Z3.js';
-
-const applicationHeaderCss = ":host{display:flex;flex-wrap:nowrap;align-items:end;justify-content:space-between;position:relative;width:100%;min-height:3rem;padding-top:var(--ix-safe-area-inset-top, 0rem);padding-right:calc(0.625rem + var(--ix-safe-area-inset-right, 0rem));padding-left:calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));color:var(--theme-app-header--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color);z-index:var(--theme-z-index-fixed)}: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 .left-side,:host .right-side{display:flex;flex-direction:row;flex-wrap:nowrap;position:relative;align-items:center;min-width:0;min-height:3rem;height:100%}:host .left-side{flex:0 1 auto}:host .left-side .app-icon{display:block;position:relative;width:2rem;min-width:2rem;max-width:2rem;height:2rem;min-height:2rem;max-height:2rem}:host .left-side .app-icon.app-icon-outline{outline:1px solid var(--theme-app-header-app-icon--outline-color);border-radius:0.125rem}:host .left-side .app-icon img{position:relative;display:block;width:100%;height:100%;border-radius:0.125rem}:host .left-side .app-switch{margin:0 0.625rem}:host .left-side .app-switch.without-app-icon{margin-left:0px}:host .left-side .name{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-left:0.75rem;margin-right:0.75rem;color:var(--theme-app-header--color);min-width:0;gap:0.75rem;overflow:hidden}:host .left-side .application-name,:host .left-side .application-name-suffix{overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:nowrap}:host .left-side .application-name{flex:0 1 auto;min-width:0;flex-shrink:0;max-width:100%}:host .left-side .application-name-suffix{flex:1 1 auto;margin-top:0.4rem;min-width:0;flex-shrink:1;color:var(--theme-app-header-name-suffix--color)}:host .left-side .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem;color:var(--theme-app-header-logo--color);margin-right:1rem;margin-left:1rem;min-width:-moz-fit-content;min-width:fit-content}:host .left-side .logo.hide-logo{display:none}:host .right-side{flex:1 1 auto;overflow:hidden;justify-content:space-between}:host .right-side .content,:host .right-side .secondary{display:flex;position:relative;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;height:100%}:host .right-side .content{min-width:-moz-max-content;min-width:max-content}:host .right-side .secondary{overflow:hidden}:host .right-side .dropdown{overflow:visible}:host .right-side .dropdown-content>.slot-content-active{padding:0.5rem 1.5rem 0.5rem 1.5rem;border-top:none}:host .right-side .dropdown-content .slot-content-active~.slot-content-active{border-top:1px solid var(--theme-color-x-weak-bdr)}:host .right-side .context-menu{display:none}:host .right-side .context-menu.context-menu-visible{display:block;margin-left:0.5rem}:host .right-side ::slotted(ix-avatar){margin-left:0.5rem}:host .right-side .primary-navigation{align-self:end}:host .right-side.sm{justify-content:end}@media only screen and (max-width: 48em){:host .logo{margin-left:0.5rem;display:none !important}:host .content,:host .secondary,:host .app-icon{display:none}}:host(.hide-bottom-border){border-bottom:none}";
-
-const ApplicationHeader = /*@__PURE__*/ proxyCustomElement(class ApplicationHeader extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.menuToggle = createEvent(this, "menuToggle", 7);
-        this.openAppSwitch = createEvent(this, "openAppSwitch", 7);
-        /**
-         * Render subtle outline around app icon to ensure proper contrast.
-         *
-         * @since 4.0.0
-         */
-        this.appIconOutline = false;
-        /**
-         * Hides the bottom border of the header
-         *
-         * @since 4.0.0
-         */
-        this.hideBottomBorder = false;
-        /**
-         * Controls the visibility of the menu toggle button based on the context of the application header.
-         *
-         * When the application header is utilized outside the application frame, the menu toggle button is displayed.
-         * Conversely, if the header is within the application frame, this property is ineffective.
-         */
-        this.showMenu = false;
-        this.breakpoint = 'lg';
-        this.menuExpanded = false;
-        this.suppressResponsive = false;
-        this.hasSlottedLogo = false;
-        this.hasOverflowContextMenu = false;
-        this.hasSecondarySlotElements = false;
-        this.hasDefaultSlotElements = false;
-        this.hasOverflowSlotElements = false;
-    }
-    get contentBackground() {
-        return this.hostElement.shadowRoot.querySelector('.dropdown-content');
-    }
-    componentWillLoad() {
-        this.breakpoint = getCurrentBreakpoint();
-        useContextConsumer(this.hostElement, ApplicationLayoutContext, (ctx) => {
-            if ((ctx === null || ctx === void 0 ? void 0 : ctx.host) === 'map-navigation') {
-                this.suppressResponsive = true;
-                this.breakpoint = 'md';
-                return;
-            }
-            this.breakpoint = applicationLayoutService.breakpoint;
-            this.applicationLayoutContext = ctx;
-            this.tryUpdateAppSwitch();
-        }, true);
-        this.menuDisposable = menuController.expandChange.on((show) => {
-            this.menuExpanded = show;
-        });
-        this.modeDisposable = applicationLayoutService.onChange.on((mode) => {
-            if (this.suppressResponsive) {
-                return;
-            }
-            this.breakpoint = mode;
-        });
-        this.updateHasSlotAssignedElementsStates();
-    }
-    componentDidLoad() {
-        this.attachSiemensLogoIfLoaded();
-    }
-    disconnectedCallback() {
-        var _a, _b;
-        (_a = this.menuDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
-        (_b = this.modeDisposable) === null || _b === void 0 ? void 0 : _b.dispose();
-    }
-    watchApplicationLayoutContext() {
-        if (this.applicationLayoutContext) {
-            this.showMenu = false;
-        }
-    }
-    watchSuppressResponsive() {
-        this.breakpoint = 'md';
-    }
-    checkLogoSlot() {
-        const slotElement = this.hostElement.shadowRoot.querySelector('slot[name="logo"]');
-        const isSiemensLogoDefined = window.customElements.get('ix-siemens-logo') !== undefined;
-        if (isSiemensLogoDefined) {
-            return hasSlottedElements(slotElement);
-        }
-        let assignedElements = slotElement === null || slotElement === void 0 ? void 0 : slotElement.assignedElements({ flatten: true });
-        assignedElements = assignedElements === null || assignedElements === void 0 ? void 0 : assignedElements.filter((element) => element.tagName !== 'IX-SIEMENS-LOGO');
-        return (assignedElements === null || assignedElements === void 0 ? void 0 : assignedElements.length) !== 0;
-    }
-    attachSiemensLogoIfLoaded() {
-        if (this.companyLogo) {
-            return;
-        }
-        if (!this.checkLogoSlot()) {
-            const logoElement = document.createElement('ix-siemens-logo');
-            logoElement.slot = 'logo';
-            this.hostElement.appendChild(logoElement);
-        }
-    }
-    async onMenuClick() {
-        if (this.applicationLayoutContext) {
-            menuController.toggle();
-        }
-        else {
-            this.menuExpanded = !this.menuExpanded;
-        }
-        this.menuToggle.emit(this.menuExpanded);
-    }
-    resolveContextMenuButton() {
-        return new Promise((resolve) => readTask(() => resolve(this.hostElement.shadowRoot.querySelector('[data-context-menu]'))));
-    }
-    tryUpdateAppSwitch() {
-        var _a, _b;
-        if (!this.callbackUpdateAppSwitchModal ||
-            !((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig)) {
-            return;
-        }
-        this.callbackUpdateAppSwitchModal((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.appSwitchConfig);
-    }
-    async showAppSwitch() {
-        var _a, _b;
-        const { defaultPrevented } = this.openAppSwitch.emit();
-        if (defaultPrevented) {
-            return;
-        }
-        if (!((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig)) {
-            return;
-        }
-        this.callbackUpdateAppSwitchModal = await showAppSwitch((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.appSwitchConfig);
-    }
-    updateHasSlotAssignedElementsStates() {
-        const defaultSlot = this.hostElement.shadowRoot.querySelector('.content slot:not([name])');
-        const secondarySlot = this.hostElement.shadowRoot.querySelector('.content slot[name="secondary"]');
-        const overflowSlot = this.hostElement.shadowRoot.querySelector('.content slot[name="overflow"]');
-        this.hasDefaultSlotElements = hasSlottedElements(defaultSlot);
-        this.hasSecondarySlotElements = hasSlottedElements(secondarySlot);
-        this.hasOverflowSlotElements = hasSlottedElements(overflowSlot);
-        this.hasOverflowContextMenu =
-            this.hasDefaultSlotElements || this.hasSecondarySlotElements;
-    }
-    onContentBgClick(e) {
-        if (e.target === this.contentBackground) {
-            e.preventDefault();
-        }
-    }
-    render() {
-        var _a;
-        const hasApplicationContextAvailable = !!this.applicationLayoutContext;
-        const showMenuByApplicationFrame = this.breakpoint === 'sm' &&
-            this.suppressResponsive === false &&
-            hasApplicationContextAvailable;
-        const showApplicationSwitch = ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) &&
-            this.breakpoint !== 'sm' &&
-            this.suppressResponsive === false;
-        const showCompanyLogoByProperty = this.breakpoint !== 'sm' && !!this.companyLogo;
-        return (h(Host, { key: 'ef0ab6f2a81031458e8ed28d37498fc8b1446bac', class: {
-                [`breakpoint-${this.breakpoint}`]: true,
-                'hide-bottom-border': this.hideBottomBorder,
-            }, slot: "application-header" }, h("div", { key: 'efe93ad72d12055c809bba772b705d20fed00ee7', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (h("div", { key: 'ef86725dc6c5d99b629115e1142f11d513a76f52', class: {
-                'app-icon': true,
-                'app-icon-outline': this.appIconOutline,
-            } }, h("img", { key: 'aaca1d8a674774635a0f0774aaf1c6cb8c63ca3e', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (h("ix-menu-expand-icon", { key: '6cd981d9c4398e0c72ba5096694e30855f970bec', onClick: () => this.onMenuClick(), expanded: this.menuExpanded, ixAriaLabel: this.ariaLabelMenuExpandIconButton })), showApplicationSwitch && (h("ix-icon-button", { key: '933e394225b9239f10b18962c40f8021a5e4b059', onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
-                'app-switch': true,
-                'without-app-icon': !this.appIcon,
-            }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (h("div", { key: 'df4c4e5db00d5f7b7680ea05c9da06250c769308', class: "logo" }, h("img", { key: '2187d02dedbb48e5b27ea431b90a1a33a4b1e9e6', src: this.companyLogo, alt: this.companyLogoAlt }))), h("div", { key: '0abdbb9bf1b3fc81c14d46ea826ee73336c560b5', class: {
-                logo: true,
-                'hide-logo': !this.hasSlottedLogo,
-            } }, h("slot", { key: '468f56a361d387af9b46dddabbece87e03f1692b', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), h("div", { key: '84265b38ce425386a4df25a52e2334b760d28067', class: "name" }, h("ix-typography", { key: 'c2cb4a0e91d28ccdb07dd8a68a6b6989b3faab14', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (h("ix-typography", { key: 'f34d596a5071ee964fecfc1021a420b0cc5fad32', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), h("div", { key: 'e4f60f5f9fb727385eb180ea91f5c75b7a207993', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (h("div", { key: 'b78fcf9127124d7c57d2ebf15f65fb271efd30fc', class: "secondary" }, h("slot", { key: '0c82211f37d6cb285047f97ee222f22aa424bfad', name: "secondary" }))), h("div", { key: 'acb023efd34eeba9730ad5a60dd933240bb09b80', class: "content" }, this.breakpoint !== 'sm' && h("slot", { key: '05fcf4ca0ee08e392ebba65ef7f671e5822cc9c5' }), h("ix-icon-button", { key: '196aa553bc0ed8f7ac43586c8bd065c3c4990535', class: {
-                'context-menu': true,
-                'context-menu-visible': this.hasOverflowContextMenu || this.hasOverflowSlotElements,
-            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), h("ix-dropdown", { key: '7657364247c4964e0cbe2380fffedcd22f6513d9', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }, h("div", { key: '06f57598668ae32ef6fc377ae9ccf180ffbd5361', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (h("div", { key: 'f59b62075ac364ccc86791e6dda77a155135dc91', class: {
-                'slot-content': true,
-                'slot-content-active': this.hasSecondarySlotElements,
-            } }, h("slot", { key: '25a1cbf08436b248cb892cabcc4b6377abcdda4f', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (h("div", { key: '903e47dc9fe7906bc94650d9617031a9ec8ecbd3', class: {
-                'slot-content': true,
-                'slot-content-active': this.hasDefaultSlotElements,
-            } }, h("slot", { key: 'dd848b5a87034692f1b0c518ec694cc9e3197787', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), h("div", { key: '0fe4250f4a64d239ca6db9eea89d1cc4869492e6', class: {
-                'slot-content': true,
-                'slot-content-active': this.hasOverflowSlotElements,
-            } }, h("slot", { key: '10862703e3e6701ff5bb110039242b826914e8af', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), h("slot", { key: 'eb5fbef4f3783afba128d57fdc3924e4957af6b1', name: "ix-application-header-avatar" })))));
-    }
-    get hostElement() { return this; }
-    static get watchers() { return {
-        "applicationLayoutContext": ["watchApplicationLayoutContext"],
-        "suppressResponsive": ["watchSuppressResponsive"]
-    }; }
-    static get style() { return applicationHeaderCss; }
-}, [257, "ix-application-header", {
-        "name": [1],
-        "nameSuffix": [1, "name-suffix"],
-        "companyLogo": [1, "company-logo"],
-        "companyLogoAlt": [1, "company-logo-alt"],
-        "appIcon": [1, "app-icon"],
-        "appIconAlt": [1, "app-icon-alt"],
-        "appIconOutline": [4, "app-icon-outline"],
-        "hideBottomBorder": [4, "hide-bottom-border"],
-        "showMenu": [1028, "show-menu"],
-        "ariaLabelMenuExpandIconButton": [1, "aria-label-menu-expand-icon-button"],
-        "ariaLabelAppSwitchIconButton": [1, "aria-label-app-switch-icon-button"],
-        "ariaLabelMoreMenuIconButton": [1, "aria-label-more-menu-icon-button"],
-        "breakpoint": [32],
-        "menuExpanded": [32],
-        "suppressResponsive": [32],
-        "hasSlottedLogo": [32],
-        "hasOverflowContextMenu": [32],
-        "hasSecondarySlotElements": [32],
-        "hasDefaultSlotElements": [32],
-        "hasOverflowSlotElements": [32],
-        "applicationLayoutContext": [32]
-    }, undefined, {
-        "applicationLayoutContext": ["watchApplicationLayoutContext"],
-        "suppressResponsive": ["watchSuppressResponsive"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-application-header", "ix-dropdown", "ix-icon-button", "ix-menu-expand-icon", "ix-spinner", "ix-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-application-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ApplicationHeader);
-            }
-            break;
-        case "ix-dropdown":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ix-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ix-menu-expand-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ix-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ix-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ApplicationHeader as A, defineCustomElement as d };
-//# sourceMappingURL=p-yuZO1O90.js.map
-
-//# sourceMappingURL=p-yuZO1O90.js.map

package/components/p-yuZO1O90.js.map

@@ -1 +0,0 @@
-{"file":"p-yuZO1O90.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/application-header/application-header.scss?tag=ix-application-header&encapsulation=shadow","src/components/application-header/application-header.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use 'mixins/shadow-dom/component';\n@use 'mixins/break-points';\n\n:host {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: end;\n  justify-content: space-between;\n  position: relative;\n  width: 100%;\n  min-height: 3rem;\n  padding-top: var(--ix-safe-area-inset-top, 0rem);\n  padding-right: calc(0.625rem + var(--ix-safe-area-inset-right, 0rem));\n  padding-left: calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));\n\n  color: var(--theme-app-header--color);\n  background-color: var(--theme-app-header--background);\n\n  border-bottom: var(--theme-app-header--border-width) solid\n    var(--theme-app-header--border-color);\n\n  z-index: var(--theme-z-index-fixed);\n\n  @include component.ix-component;\n\n  .left-side,\n  .right-side {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    position: relative;\n    align-items: center;\n    min-width: 0;\n    min-height: 3rem;\n    height: 100%;\n  }\n\n  .left-side {\n    flex: 0 1 auto;\n\n    .app-icon {\n      display: block;\n      position: relative;\n      width: 2rem;\n      min-width: 2rem;\n      max-width: 2rem;\n      height: 2rem;\n      min-height: 2rem;\n      max-height: 2rem;\n    }\n\n    .app-icon.app-icon-outline {\n      outline: 1px solid var(--theme-app-header-app-icon--outline-color);\n      border-radius: 0.125rem;\n    }\n\n    .app-icon img {\n      position: relative;\n      display: block;\n      width: 100%;\n      height: 100%;\n      border-radius: 0.125rem;\n    }\n\n    .app-switch {\n      margin: 0 0.625rem;\n    }\n\n    .app-switch.without-app-icon {\n      margin-left: 0px;\n    }\n\n    .name {\n      display: flex;\n      position: relative;\n      flex-direction: row;\n      flex-wrap: nowrap;\n\n      margin-left: 0.75rem;\n      margin-right: 0.75rem;\n      color: var(--theme-app-header--color);\n      min-width: 0;\n\n      gap: 0.75rem;\n      overflow: hidden;\n    }\n\n    .application-name,\n    .application-name-suffix {\n      overflow: hidden;\n      overflow-wrap: anywhere;\n      text-overflow: ellipsis;\n      text-wrap: nowrap;\n    }\n\n    .application-name {\n      flex: 0 1 auto;\n      min-width: 0;\n      flex-shrink: 0;\n      max-width: 100%;\n    }\n\n    .application-name-suffix {\n      flex: 1 1 auto;\n      margin-top: 0.4rem;\n      min-width: 0;\n      flex-shrink: 1;\n      color: var(--theme-app-header-name-suffix--color);\n    }\n\n    .logo {\n      display: inline-flex;\n      align-items: center;\n      position: relative;\n      height: 32px;\n      overflow: hidden;\n      line-height: 0rem;\n      color: var(--theme-app-header-logo--color);\n      margin-right: 1rem;\n      margin-left: 1rem;\n      min-width: fit-content;\n    }\n\n    .logo.hide-logo {\n      display: none;\n    }\n  }\n\n  .right-side {\n    flex: 1 1 auto;\n    overflow: hidden;\n    justify-content: space-between;\n\n    .content,\n    .secondary {\n      display: flex;\n      position: relative;\n      align-items: center;\n      justify-content: space-between;\n      flex-direction: row;\n      flex-wrap: nowrap;\n      height: 100%;\n    }\n\n    .content {\n      min-width: max-content;\n    }\n\n    .secondary {\n      overflow: hidden;\n    }\n\n    .dropdown {\n      overflow: visible;\n    }\n\n    .dropdown-content > .slot-content-active {\n      padding: 0.5rem 1.5rem 0.5rem 1.5rem;\n      border-top: none;\n    }\n\n    .dropdown-content .slot-content-active ~ .slot-content-active {\n      border-top: 1px solid var(--theme-color-x-weak-bdr);\n    }\n\n    .context-menu {\n      display: none;\n    }\n\n    .context-menu.context-menu-visible {\n      display: block;\n      margin-left: 0.5rem;\n    }\n\n    ::slotted(ix-avatar) {\n      margin-left: 0.5rem;\n    }\n\n    .primary-navigation {\n      align-self: end;\n    }\n  }\n\n  .right-side.sm {\n    justify-content: end;\n  }\n\n  @include break-points.media-breakpoint-match('sm') {\n    .logo {\n      margin-left: 0.5rem;\n      display: none !important;\n    }\n\n    .content,\n    .secondary,\n    .app-icon {\n      display: none;\n    }\n  }\n}\n\n:host(.hide-bottom-border) {\n  border-bottom: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { iconApps, iconMoreMenu } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  readTask,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { showAppSwitch } from '../utils/app-switch';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport {\n  ApplicationLayoutContext,\n  AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { Breakpoint, getCurrentBreakpoint } from '../utils/breakpoints';\nimport { ContextType, useContextConsumer } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { Disposable } from '../utils/typed-event';\nimport { a11yBoolean } from '../utils/a11y';\n\n/**\n * @slot default - Place items on the right side of the header. If the screen size is small, the items will be shown inside a dropdown.\n * @slot secondary - Place additional items inside the header. They will appear after logo and name. If the screen size is small, the items will be shown inside a dropdown.\n * @slot overflow - Use this slot to display additional items that do not fit in the default or secondary slot.\n * @slot logo - Place a company logo inside the header. Alternatively the companyLogo property can be set.\n */\n@Component({\n  tag: 'ix-application-header',\n  styleUrl: 'application-header.scss',\n  shadow: true,\n})\nexport class ApplicationHeader {\n  @Element() hostElement!: HTMLIxApplicationHeaderElement;\n\n  /**\n   * Application name\n   */\n  @Prop() name?: string;\n\n  /**\n   * Define a suffix which will be displayed next to the application name\n   *\n   * @since 4.0.0\n   */\n  @Prop() nameSuffix?: string;\n\n  /**\n   * Company logo will be show on the left side of the application name.\n   * It will be hidden on smaller screens.\n   *\n   * @since 4.0.0\n   */\n  @Prop() companyLogo?: string;\n\n  /**\n   * Alt text for the company logo\n   *\n   * @since 4.0.0\n   */\n  @Prop() companyLogoAlt?: string;\n\n  /**\n   * The app icon will be shown as the first element inside the header.\n   * It will be hidden on smaller screens.\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIcon?: string;\n\n  /**\n   * Alt text for the app icon\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIconAlt?: string;\n\n  /**\n   * Render subtle outline around app icon to ensure proper contrast.\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIconOutline = false;\n\n  /**\n   * Hides the bottom border of the header\n   *\n   * @since 4.0.0\n   */\n  @Prop() hideBottomBorder = false;\n\n  /**\n   * Controls the visibility of the menu toggle button based on the context of the application header.\n   *\n   * When the application header is utilized outside the application frame, the menu toggle button is displayed.\n   * Conversely, if the header is within the application frame, this property is ineffective.\n   */\n  @Prop({ mutable: true }) showMenu?: boolean = false;\n\n  /**\n   * ARIA label for the menu expand icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelMenuExpandIconButton?: string;\n\n  /**\n   * ARIA label for the app switch icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelAppSwitchIconButton?: string;\n\n  /**\n   * ARIA label for the more menu icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelMoreMenuIconButton?: string;\n\n  /**\n   * Event emitted when the menu toggle button is clicked\n   */\n  @Event() menuToggle!: EventEmitter<boolean>;\n\n  /**\n   * Event emitted when the app switch button is clicked\n   *\n   * @since 3.0.0\n   */\n  @Event() openAppSwitch!: EventEmitter<void>;\n\n  @State() breakpoint: Breakpoint = 'lg';\n  @State() menuExpanded = false;\n  @State() suppressResponsive = false;\n\n  @State() hasSlottedLogo = false;\n  @State() hasOverflowContextMenu = false;\n  @State() hasSecondarySlotElements = false;\n  @State() hasDefaultSlotElements = false;\n  @State() hasOverflowSlotElements = false;\n  @State() applicationLayoutContext?: ContextType<\n    typeof ApplicationLayoutContext\n  >;\n  private menuDisposable?: Disposable;\n  private modeDisposable?: Disposable;\n  private callbackUpdateAppSwitchModal?: (\n    config: AppSwitchConfiguration\n  ) => void;\n\n  get contentBackground() {\n    return this.hostElement.shadowRoot!.querySelector('.dropdown-content');\n  }\n\n  componentWillLoad() {\n    this.breakpoint = getCurrentBreakpoint();\n\n    useContextConsumer(\n      this.hostElement,\n      ApplicationLayoutContext,\n      (ctx) => {\n        if (ctx?.host === 'map-navigation') {\n          this.suppressResponsive = true;\n          this.breakpoint = 'md';\n          return;\n        }\n\n        this.breakpoint = applicationLayoutService.breakpoint;\n        this.applicationLayoutContext = ctx;\n\n        this.tryUpdateAppSwitch();\n      },\n      true\n    );\n\n    this.menuDisposable = menuController.expandChange.on((show) => {\n      this.menuExpanded = show;\n    });\n\n    this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n      if (this.suppressResponsive) {\n        return;\n      }\n\n      this.breakpoint = mode;\n    });\n\n    this.updateHasSlotAssignedElementsStates();\n  }\n\n  componentDidLoad() {\n    this.attachSiemensLogoIfLoaded();\n  }\n\n  disconnectedCallback() {\n    this.menuDisposable?.dispose();\n    this.modeDisposable?.dispose();\n  }\n\n  @Watch('applicationLayoutContext')\n  watchApplicationLayoutContext() {\n    if (this.applicationLayoutContext) {\n      this.showMenu = false;\n    }\n  }\n  @Watch('suppressResponsive')\n  watchSuppressResponsive() {\n    this.breakpoint = 'md';\n  }\n\n  private checkLogoSlot() {\n    const slotElement = this.hostElement.shadowRoot!.querySelector(\n      'slot[name=\"logo\"]'\n    ) as HTMLSlotElement;\n\n    const isSiemensLogoDefined =\n      window.customElements.get('ix-siemens-logo') !== undefined;\n\n    if (isSiemensLogoDefined) {\n      return hasSlottedElements(slotElement);\n    }\n\n    let assignedElements = slotElement?.assignedElements({ flatten: true });\n\n    assignedElements = assignedElements?.filter(\n      (element) => element.tagName !== 'IX-SIEMENS-LOGO'\n    );\n\n    return assignedElements?.length !== 0;\n  }\n\n  private attachSiemensLogoIfLoaded() {\n    if (this.companyLogo) {\n      return;\n    }\n\n    if (!this.checkLogoSlot()) {\n      const logoElement = document.createElement('ix-siemens-logo');\n      logoElement.slot = 'logo';\n      this.hostElement.appendChild(logoElement);\n    }\n  }\n\n  private async onMenuClick() {\n    if (this.applicationLayoutContext) {\n      menuController.toggle();\n    } else {\n      this.menuExpanded = !this.menuExpanded;\n    }\n\n    this.menuToggle.emit(this.menuExpanded);\n  }\n\n  private resolveContextMenuButton() {\n    return new Promise<HTMLElement>((resolve) =>\n      readTask(() =>\n        resolve(\n          this.hostElement.shadowRoot!.querySelector(\n            '[data-context-menu]'\n          ) as HTMLElement\n        )\n      )\n    );\n  }\n\n  private tryUpdateAppSwitch() {\n    if (\n      !this.callbackUpdateAppSwitchModal ||\n      !this.applicationLayoutContext?.appSwitchConfig\n    ) {\n      return;\n    }\n\n    this.callbackUpdateAppSwitchModal(\n      this.applicationLayoutContext?.appSwitchConfig\n    );\n  }\n\n  private async showAppSwitch() {\n    const { defaultPrevented } = this.openAppSwitch.emit();\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (!this.applicationLayoutContext?.appSwitchConfig) {\n      return;\n    }\n\n    this.callbackUpdateAppSwitchModal = await showAppSwitch(\n      this.applicationLayoutContext?.appSwitchConfig\n    );\n  }\n\n  private updateHasSlotAssignedElementsStates() {\n    const defaultSlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot:not([name])'\n    );\n\n    const secondarySlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot[name=\"secondary\"]'\n    );\n\n    const overflowSlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot[name=\"overflow\"]'\n    );\n\n    this.hasDefaultSlotElements = hasSlottedElements(defaultSlot);\n    this.hasSecondarySlotElements = hasSlottedElements(secondarySlot);\n    this.hasOverflowSlotElements = hasSlottedElements(overflowSlot);\n\n    this.hasOverflowContextMenu =\n      this.hasDefaultSlotElements || this.hasSecondarySlotElements;\n  }\n\n  private onContentBgClick(e: MouseEvent) {\n    if (e.target === this.contentBackground) {\n      e.preventDefault();\n    }\n  }\n\n  render() {\n    const hasApplicationContextAvailable = !!this.applicationLayoutContext;\n\n    const showMenuByApplicationFrame =\n      this.breakpoint === 'sm' &&\n      this.suppressResponsive === false &&\n      hasApplicationContextAvailable;\n\n    const showApplicationSwitch =\n      this.applicationLayoutContext?.appSwitchConfig &&\n      this.breakpoint !== 'sm' &&\n      this.suppressResponsive === false;\n\n    const showCompanyLogoByProperty =\n      this.breakpoint !== 'sm' && !!this.companyLogo;\n\n    return (\n      <Host\n        class={{\n          [`breakpoint-${this.breakpoint}`]: true,\n          'hide-bottom-border': this.hideBottomBorder,\n        }}\n        slot=\"application-header\"\n      >\n        <div class=\"left-side\">\n          {this.appIcon && this.breakpoint !== 'sm' && (\n            <div\n              class={{\n                'app-icon': true,\n                'app-icon-outline': this.appIconOutline,\n              }}\n            >\n              <img src={this.appIcon} alt={this.appIconAlt} />\n            </div>\n          )}\n          {(this.showMenu || showMenuByApplicationFrame) && (\n            <ix-menu-expand-icon\n              onClick={() => this.onMenuClick()}\n              expanded={this.menuExpanded}\n              ixAriaLabel={this.ariaLabelMenuExpandIconButton}\n            ></ix-menu-expand-icon>\n          )}\n          {showApplicationSwitch && (\n            <ix-icon-button\n              onClick={() => this.showAppSwitch()}\n              icon={iconApps}\n              variant=\"subtle-tertiary\"\n              class={{\n                'app-switch': true,\n                'without-app-icon': !this.appIcon,\n              }}\n              aria-label={this.ariaLabelAppSwitchIconButton}\n            ></ix-icon-button>\n          )}\n          {showCompanyLogoByProperty && (\n            <div class=\"logo\">\n              <img src={this.companyLogo} alt={this.companyLogoAlt} />\n            </div>\n          )}\n          <div\n            class={{\n              logo: true,\n              'hide-logo': !this.hasSlottedLogo,\n            }}\n          >\n            <slot\n              name=\"logo\"\n              onSlotchange={() => (this.hasSlottedLogo = this.checkLogoSlot())}\n            ></slot>\n          </div>\n          <div class=\"name\">\n            <ix-typography format=\"body-lg\" class=\"application-name\">\n              {this.name}\n            </ix-typography>\n            {this.nameSuffix && this.breakpoint !== 'sm' && (\n              <ix-typography format=\"body-xs\" class=\"application-name-suffix\">\n                {this.nameSuffix}\n              </ix-typography>\n            )}\n          </div>\n        </div>\n        <div class={{ 'right-side': true, sm: this.breakpoint === 'sm' }}>\n          {this.breakpoint !== 'sm' && (\n            <div class=\"secondary\">\n              <slot name=\"secondary\"></slot>\n            </div>\n          )}\n          <div class=\"content\">\n            {this.breakpoint !== 'sm' && <slot></slot>}\n            <ix-icon-button\n              class={{\n                'context-menu': true,\n                'context-menu-visible':\n                  this.hasOverflowContextMenu || this.hasOverflowSlotElements,\n              }}\n              data-context-menu\n              data-testid=\"show-more\"\n              icon={iconMoreMenu}\n              variant=\"subtle-tertiary\"\n              aria-label={this.ariaLabelMoreMenuIconButton}\n              aria-hidden={a11yBoolean(\n                !(this.hasOverflowContextMenu || this.hasOverflowSlotElements)\n              )}\n            ></ix-icon-button>\n            <ix-dropdown\n              data-overflow-dropdown\n              class=\"dropdown\"\n              discoverAllSubmenus\n              trigger={this.resolveContextMenuButton()}\n              aria-hidden={a11yBoolean(\n                !(this.hasOverflowContextMenu || this.hasOverflowSlotElements)\n              )}\n            >\n              <div\n                class=\"dropdown-content\"\n                onClick={(e) => this.onContentBgClick(e)}\n              >\n                {this.breakpoint === 'sm' && (\n                  <div\n                    class={{\n                      'slot-content': true,\n                      'slot-content-active': this.hasSecondarySlotElements,\n                    }}\n                  >\n                    <slot\n                      name=\"secondary\"\n                      onSlotchange={() =>\n                        this.updateHasSlotAssignedElementsStates()\n                      }\n                    ></slot>\n                  </div>\n                )}\n                {this.breakpoint === 'sm' && (\n                  <div\n                    class={{\n                      'slot-content': true,\n                      'slot-content-active': this.hasDefaultSlotElements,\n                    }}\n                  >\n                    <slot\n                      onSlotchange={() =>\n                        this.updateHasSlotAssignedElementsStates()\n                      }\n                    ></slot>\n                  </div>\n                )}\n                <div\n                  class={{\n                    'slot-content': true,\n                    'slot-content-active': this.hasOverflowSlotElements,\n                  }}\n                >\n                  <slot\n                    name=\"overflow\"\n                    onSlotchange={() =>\n                      this.updateHasSlotAssignedElementsStates()\n                    }\n                  ></slot>\n                </div>\n              </div>\n            </ix-dropdown>\n            <slot name=\"ix-application-header-avatar\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/ix-basic-navigation.cjs.entry.js

@@ -1,93 +0,0 @@
-'use strict';
-
-var index = require('./index-C8Xo8L1k.js');
-var context = require('./context-B8bRIFA2.js');
-var service = require('./service-DuiJmf7R.js');
-var menuService = require('./menu-service-CW0vT80Q.js');
-require('./typed-event-DxWATHPL.js');
-require('./breakpoints-C5ZrUCbZ.js');
-
-const basicNavigationCss = ":host{display:flex;flex-direction:column;position:relative;width:100%;height:100%}: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 ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .content{display:flex;height:100%;width:100%;position:relative;margin-left:3.25rem;overflow:auto}:host .navigation-content{display:flex;position:relative;flex-direction:row;height:calc(100% - 2.75rem);width:100%}:host(.hide-header) .navigation-content,:host(.hide-header) .content{height:100%}:host(.breakpoint-lg) .content{margin-left:0rem}:host(.breakpoint-sm) .content{margin-left:0px;width:100%}";
-
-const BasicNavigation = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Hide application header. Will disable responsive feature of basic navigation.
-         */
-        this.hideHeader = false;
-        /**
-         * Supported layouts
-         * @example ['sm', 'md']
-         */
-        this.breakpoints = ['sm', 'md', 'lg'];
-        this.breakpoint = 'lg';
-    }
-    onHideHeaderChange() {
-        var _a;
-        (_a = this.contextProvider) === null || _a === void 0 ? void 0 : _a.emit({
-            hideHeader: this.hideHeader,
-            host: 'basic-navigation',
-        });
-        this.breakpoint = service.applicationLayoutService.breakpoint;
-    }
-    forceLayoutChange(newMode) {
-        if (!newMode) {
-            service.applicationLayoutService.enableBreakpointDetection();
-            return;
-        }
-        service.applicationLayoutService.disableBreakpointDetection();
-        service.applicationLayoutService.setBreakpoint(newMode);
-    }
-    onBreakpointsChange(breakpoints) {
-        service.applicationLayoutService.setBreakpoints(breakpoints);
-    }
-    get menu() {
-        return this.hostElement.querySelector('ix-menu');
-    }
-    onContentClick() {
-        var _a;
-        if (menuService.menuController.isPinned) {
-            return;
-        }
-        (_a = this.menu) === null || _a === void 0 ? void 0 : _a.toggleMenu(false);
-    }
-    componentWillLoad() {
-        service.applicationLayoutService.setBreakpoints(this.breakpoints);
-        this.contextProvider = context.useContextProvider(this.hostElement, context.ApplicationLayoutContext, {
-            hideHeader: this.hideHeader,
-            host: 'basic-navigation',
-        });
-        this.modeDisposable = service.applicationLayoutService.onChange.on((mode) => {
-            this.breakpoint = mode;
-        });
-        this.breakpoint = service.applicationLayoutService.breakpoint;
-        if (this.forceBreakpoint) {
-            this.forceLayoutChange(this.forceBreakpoint);
-        }
-    }
-    componentDidRender() {
-        if (this.menu) {
-            this.menu.applicationName = this.applicationName;
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.modeDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-    render() {
-        return (index.h(index.Host, { key: '72e6c6050cef8b4776e9e9d6a1ef6645b2af1f9e', "data-role": "", class: {
-                'hide-header': this.hideHeader,
-                [`breakpoint-${this.breakpoint}`]: true,
-            } }, !this.hideHeader ? (index.h("ix-application-header", { name: this.applicationName }, index.h("slot", { name: "logo", slot: "logo" }))) : null, index.h("div", { key: 'c4d12a54cdcf89470499dc18833ab6acc6cee6dd', class: "navigation-content" }, index.h("slot", { key: '3247841eebc0d261e876796bcbeb4780a1b7904e', name: "menu" }), index.h("div", { key: 'c78066d0295ee066d590bc78e7f1598aaf3bc348', class: "content", onClick: () => this.onContentClick() }, index.h("slot", { key: '9a4e32d3200e9ea67ad5ec48b7acb609335804ec' })))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "hideHeader": ["onHideHeaderChange"],
-        "breakpoints": ["onBreakpointsChange"]
-    }; }
-};
-BasicNavigation.style = basicNavigationCss;
-
-exports.ix_basic_navigation = BasicNavigation;
-//# sourceMappingURL=ix-basic-navigation.entry.cjs.js.map

package/dist/cjs/ix-basic-navigation.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ix-basic-navigation.entry.cjs.js","sources":["src/components/basic-navigation/basic-navigation.scss?tag=ix-basic-navigation&encapsulation=shadow","src/components/basic-navigation/basic-navigation.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use 'mixins/shadow-dom/component';\n\n:host {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  @include component.ix-component;\n\n  ix-application-header {\n    z-index: calc(var(--theme-z-index-sticky) + 1);\n  }\n\n  .logo-wrapper {\n    display: contents;\n  }\n\n  .content {\n    display: flex;\n    height: 100%;\n    width: 100%;\n    position: relative;\n    margin-left: 3.25rem;\n    overflow: auto;\n  }\n\n  .navigation-content {\n    display: flex;\n    position: relative;\n\n    flex-direction: row;\n\n    height: calc(100% - 2.75rem);\n    width: 100%;\n  }\n}\n\n:host(.hide-header) {\n  .navigation-content,\n  .content {\n    height: 100%;\n  }\n}\n\n:host(.breakpoint-lg) {\n  .content {\n    margin-left: 0rem;\n  }\n}\n\n:host(.breakpoint-sm) {\n  .content {\n    margin-left: 0px;\n    width: 100%;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { ApplicationLayoutContext } from '../utils/application-layout/context';\nimport { applicationLayoutService } from '../utils/application-layout/service';\nimport { Breakpoint } from '../utils/breakpoints';\nimport { ContextProvider, useContextProvider } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n  tag: 'ix-basic-navigation',\n  styleUrl: 'basic-navigation.scss',\n  shadow: true,\n})\nexport class BasicNavigation {\n  @Element() hostElement!: HTMLIxBasicNavigationElement;\n\n  /**\n   * Application name\n   */\n  @Prop() applicationName?: string;\n\n  /**\n   * Hide application header. Will disable responsive feature of basic navigation.\n   */\n  @Prop() hideHeader = false;\n  @Watch('hideHeader')\n  onHideHeaderChange() {\n    this.contextProvider?.emit({\n      hideHeader: this.hideHeader,\n      host: 'basic-navigation',\n    });\n\n    this.breakpoint = applicationLayoutService.breakpoint;\n  }\n\n  /**\n   * Change the responsive layout of the menu structure\n   */\n  @Prop() forceBreakpoint: Breakpoint | undefined;\n  forceLayoutChange(newMode: Breakpoint | undefined) {\n    if (!newMode) {\n      applicationLayoutService.enableBreakpointDetection();\n      return;\n    }\n\n    applicationLayoutService.disableBreakpointDetection();\n    applicationLayoutService.setBreakpoint(newMode);\n  }\n\n  /**\n   * Supported layouts\n   * @example ['sm', 'md']\n   */\n  @Prop() breakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n  @Watch('breakpoints')\n  onBreakpointsChange(breakpoints: Breakpoint[]) {\n    applicationLayoutService.setBreakpoints(breakpoints);\n  }\n\n  @State() breakpoint: Breakpoint = 'lg';\n\n  get menu(): HTMLIxMenuElement | null {\n    return this.hostElement.querySelector('ix-menu');\n  }\n\n  private modeDisposable?: Disposable;\n  private contextProvider?: ContextProvider<typeof ApplicationLayoutContext>;\n\n  private onContentClick() {\n    if (menuController.isPinned) {\n      return;\n    }\n    this.menu?.toggleMenu(false);\n  }\n\n  componentWillLoad() {\n    applicationLayoutService.setBreakpoints(this.breakpoints);\n\n    this.contextProvider = useContextProvider(\n      this.hostElement,\n      ApplicationLayoutContext,\n      {\n        hideHeader: this.hideHeader,\n        host: 'basic-navigation',\n      }\n    );\n\n    this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n      this.breakpoint = mode;\n    });\n    this.breakpoint = applicationLayoutService.breakpoint;\n\n    if (this.forceBreakpoint) {\n      this.forceLayoutChange(this.forceBreakpoint);\n    }\n  }\n\n  componentDidRender() {\n    if (this.menu) {\n      this.menu.applicationName = this.applicationName;\n    }\n  }\n\n  disconnectedCallback() {\n    this.modeDisposable?.dispose();\n  }\n\n  render() {\n    return (\n      <Host\n        data-role=\"\"\n        class={{\n          'hide-header': this.hideHeader,\n          [`breakpoint-${this.breakpoint}`]: true,\n        }}\n      >\n        {!this.hideHeader ? (\n          <ix-application-header name={this.applicationName}>\n            <slot name=\"logo\" slot=\"logo\"></slot>\n          </ix-application-header>\n        ) : null}\n        <div class=\"navigation-content\">\n          <slot name=\"menu\"></slot>\n          <div class=\"content\" onClick={() => this.onContentClick()}>\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["applicationLayoutService","menuController","useContextProvider","ApplicationLayoutContext","h","Host"],"mappings":"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"}