@siemens/ix 0.0.0-v4-next-20251103080000 → 0.0.0-v4-next-20251105155052

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

@@ -1,56 +0,0 @@
-'use strict';
-
-var index = require('./index-C8Xo8L1k.js');
-var index$1 = require('./index-Dyz3z1FD.js');
-var anime_esm = require('./anime.esm-AXTM6yn_.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 = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.closeClick = index.createEvent(this, "closeClick", 7);
-    }
-    componentWillLoad() {
-        anime_esm.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() {
-        anime_esm.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 (index.h(index.Host, { key: '6657572bcdf76784a998d94580437fac0a5acaea' }, index.h("div", { key: '7896d06f707e0daa2f5015c0c944d7181aa802ec', class: "overlay-header" }, index.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})`
-                    : '',
-            } }), index.h("div", { key: 'e5e55e11bd6c49664dc915fdca6e5dd86d268129', class: "overlay-header-content" }, index.h("ix-icon", { key: '619b02633255eb1abc02142aa9f868404d2d9924', size: "32", name: this.icon, "aria-label": this.ariaLabelIcon }), index.h("span", { key: '03bac9a4d9b4a7fdb24843e774031801240a2f0c', class: "overlay-header-title", title: this.name }, this.name)), index.h("ix-icon-button", { key: '9589d08cae7a3311f5758da56f00fb5f0aa4124c', class: "overlay-close", variant: "tertiary", icon: index$1.iconClose, iconColor: "color-soft-text", size: "24", onClick: () => this.closeOverlay(), "aria-label": this.ariaLabelCloseIconButton })), index.h("slot", { key: 'd963b56a4f6a894030a35f01b5972db989818715' })));
-    }
-    get hostElement() { return index.getElement(this); }
-};
-MapNavigationOverlay.slowTime = 500;
-MapNavigationOverlay.style = mapNavigationOverlayCss;
-
-exports.ix_map_navigation_overlay = MapNavigationOverlay;
-//# sourceMappingURL=ix-map-navigation-overlay.entry.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ix-map-navigation-overlay.entry.cjs.js","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"],"names":["animate","h","Host","iconClose"],"mappings":"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"}

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

@@ -1,169 +0,0 @@
-'use strict';
-
-var index = require('./index-C8Xo8L1k.js');
-var anime_esm = require('./anime.esm-AXTM6yn_.js');
-var context = require('./context-B8bRIFA2.js');
-var index$1 = require('./index-Dyz3z1FD.js');
-require('./typed-event-DxWATHPL.js');
-
-const mapNavigationCss = ":host{display:flex;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 .map-nav{display:flex;margin-left:3.25rem;position:relative;height:100%;flex-grow:1;overflow:hidden}:host .map-nav-sidebar{display:flex;flex-direction:column;align-items:center;width:29.75rem;max-width:29.75rem;min-width:29.75rem;height:100%;left:4rem;background-color:var(--theme-map-navigation--background);border-inline-end:0.125rem solid var(--theme-map-navigation-separator--background);z-index:99}:host .map-nav-sidebar.display-none{display:none}:host .map-nav-sidebar-content{align-items:center;position:relative;overflow:auto;height:100%;width:100%}:host .map-nav-sidebar-content .map-nav-sidebar-static-content{display:flex;justify-content:space-between;margin-top:0.437rem;margin-bottom:0.812rem;margin-left:1rem;margin-right: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}:host .map-nav-header{display:flex;position:relative;align-items:center;height:3.5rem;min-height:3.5rem;width:100%}:host .map-nav-header .map-nav-header-brand{background-color:var(--theme-map-navigation-background);padding-left:1rem;padding-right:1rem;padding-bottom:0.625rem;height:100%;width:100%;--theme-app-header--color:var(--theme-map-navigation-header--color);--theme-app-header-logo--color:var(--theme-map-navigation-logo--color)}:host .map-nav-header .map-nav-header-brand button{margin-left:1rem}:host .map-nav-header-content{display:flex;height:3.5rem;align-items:center;overflow:hidden;padding:0 1rem}:host .map-nav-header-content.empty{height:0}:host .map-nav-title{display:flex;align-items:center;flex-grow:1;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}:host .content{display:block;flex-grow:1;position:relative;height:100%;overflow:hidden;z-index:calc(var(--theme-z-index-sticky) - 1)}:host ::slotted(ix-menu){position:absolute}";
-
-const MapNavigation = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.navigationToggled = index.createEvent(this, "navigationToggled", 7);
-        this.contextMenuClick = index.createEvent(this, "contextMenuClick", 7);
-        /**
-         * Hide the sidebar context menu button when set to true
-         */
-        // eslint-disable-next-line @stencil-community/ban-default-true
-        this.hideContextMenu = true;
-        this.isSidebarOpen = true;
-        this.hasContentHeader = false;
-    }
-    get menu() {
-        return this.hostElement.querySelector('ix-menu');
-    }
-    get menuOverlay() {
-        return this.hostElement.querySelector('ix-menu-overlay');
-    }
-    get mapNavMenu() {
-        return this.hostElement.shadowRoot.querySelector('.map-nav-menu');
-    }
-    get sidebar() {
-        return this.hostElement.shadowRoot.querySelector('.map-nav-sidebar');
-    }
-    get overlay() {
-        return this.hostElement.shadowRoot.querySelector('#overlay');
-    }
-    componentDidRender() {
-        this.appendMenu();
-        this.closeOverlay();
-    }
-    componentWillLoad() {
-        context.useContextProvider(this.hostElement, context.ApplicationLayoutContext, {
-            hideHeader: false,
-            host: 'map-navigation',
-        });
-    }
-    appendMenu() {
-        this.menu.addEventListener('mapExpandChange', (event) => {
-            const state = !event.detail;
-            this.toggleSidebar(state);
-        });
-        this.menu.enableMapExpand = true;
-    }
-    /**
-     * Change the visibility of the sidebar
-     *
-     * @param show new visibility state
-     */
-    async toggleSidebar(show) {
-        if (show !== undefined) {
-            this.isSidebarOpen = show;
-        }
-        else {
-            this.isSidebarOpen = !this.isSidebarOpen;
-        }
-        if (this.isSidebarOpen) {
-            this.openSidebar();
-        }
-        else {
-            this.closeSidebar();
-        }
-        this.navigationToggled.emit(this.isSidebarOpen);
-        this.menu.toggleMapExpand(this.isSidebarOpen);
-    }
-    closeSidebar() {
-        anime_esm.animate(this.sidebar, {
-            duration: MapNavigation.defaultTime,
-            marginLeft: [0, '-29.75rem'],
-            opacity: [1, 0],
-            easing: 'easeInSine',
-            onComplete: () => {
-                this.sidebar.classList.add('display-none');
-            },
-        });
-    }
-    openSidebar() {
-        anime_esm.animate(this.sidebar, {
-            duration: MapNavigation.defaultTime,
-            marginLeft: ['-29.75rem', 0],
-            opacity: [0, 1],
-            easing: 'easeOutSine',
-            onBegin: () => {
-                this.sidebar.classList.remove('display-none');
-            },
-        });
-    }
-    /**
-     * Open a overlay inside content area
-     * @deprecated Will be removed in 2.0.0. Use slot based approach
-     *
-     * @param name
-     * @param component
-     * @param icon
-     * @param color
-     */
-    async openOverlay(name, component, icon, color) {
-        anime_esm.animate(this.overlay, {
-            duration: MapNavigation.slowTime,
-            backdropFilter: [0, 'blur(1rem)'],
-            translateX: ['-4rem', 0],
-            opacity: [0, 1],
-            easing: 'easeOutSine',
-            onBegin: () => {
-                this.overlay.classList.remove('display-none');
-            },
-        });
-        const overlayInstance = document.createElement('ix-map-navigation-overlay');
-        overlayInstance.setAttribute('color', color !== null && color !== void 0 ? color : '');
-        overlayInstance.setAttribute('name', name);
-        overlayInstance.setAttribute('icon', icon !== null && icon !== void 0 ? icon : '');
-        overlayInstance.setAttribute('slot', 'overlay');
-        overlayInstance.addEventListener('closeClick', () => this.closeOverlay());
-        overlayInstance.appendChild(component);
-        this.hostElement.appendChild(overlayInstance);
-    }
-    /**
-     * Close current shown overlay
-     * @deprecated Will be removed in 2.0.0. Use slot based approach
-     */
-    async closeOverlay() {
-        anime_esm.animate(this.overlay, {
-            duration: MapNavigation.slowTime,
-            backdropFilter: ['blur(1rem)', 0],
-            translateX: [0, '-4rem'],
-            opacity: [1, 0],
-            easing: 'easeInSine',
-            onComplete: () => {
-                var _a;
-                if (!this.overlay) {
-                    return;
-                }
-                (_a = this.overlay.firstChild) === null || _a === void 0 ? void 0 : _a.remove();
-                this.overlay.classList.add('display-none');
-            },
-        });
-    }
-    checkHasContentHeader(e) {
-        const nodes = e.currentTarget.assignedNodes({
-            flatten: true,
-        });
-        this.hasContentHeader = (nodes === null || nodes === void 0 ? void 0 : nodes.length) !== 0;
-    }
-    render() {
-        return (index.h(index.Host, { key: 'cd4530ccd67471918f05983f70d06502b24e3fee' }, index.h("slot", { key: '249e6b7141958e055c0f74ecb85f5164544f8399', name: "menu" }), index.h("div", { key: '6d540617fce0e51c5cc715d7f0476e3fa3dd9c8a', class: "map-nav" }, index.h("div", { key: '7b58808ba2c2b6d338da6999644c1370118da61f', class: "map-nav-sidebar" }, index.h("div", { key: 'be5403521cd41eb061a2810c89e2e977f81bdf76', class: "map-nav-header" }, index.h("ix-application-header", { key: '40f2df3e6e2f6e6b83795087d84f3f0a9f9fe690', name: this.applicationName, class: "map-nav-header-brand" }, index.h("slot", { key: '9e4fc605db3218d3b140b5ff66035cffb69f52b8', slot: "logo", name: "logo" }))), index.h("div", { key: '7947098cca1b51e2182af7c85f75432f340a3413', class: "map-nav-sidebar-content" }, index.h("div", { key: '4859a4e442219dbf432142367af6c8ce279b9c4a', class: "map-nav-sidebar-static-content" }, index.h("div", { key: '261b790fd6a7dc08cd2a2bda92592899b98234e1', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (index.h("ix-icon-button", { icon: index$1.iconContextMenu, size: "24", variant: "subtle-primary", onClick: () => this.contextMenuClick.emit(), "aria-label": this.ariaLabelContextIconButton }))), index.h("div", { key: '66a1dbff337ecd147c4a75440c37aadb05e2b097', class: "map-nav-sidebar-user-content" }, index.h("slot", { key: '7f0738e40f4cbd2a274c0865cfc7ecc1f6da1c6b', name: "sidebar-content" })))), index.h("div", { key: '80c8a85b44173445926f138b4e2e4f6b9c4c9f66', class: "content" }, index.h("div", { key: 'a72f84f0ae6d08c1bb5f32a1ac31152c0d4c3e28', class: {
-                'map-nav-header-content': true,
-                'bg-2': true,
-                empty: !this.hasContentHeader,
-            } }, index.h("slot", { key: '952dbef4fb11a338f1f85a15c2ea12a3176aa919', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), index.h("main", { key: '2885fdf7b60e1be41fe3da55fb764a1c379f3ba0' }, index.h("slot", { key: '45803ecc4ee0f875f3ef920b19704c797644ab13' }), index.h("slot", { key: '9a2043fc69bfe0c672b49716593a9f6c22b26d43', name: "overlay" }))))));
-    }
-    get hostElement() { return index.getElement(this); }
-};
-MapNavigation.defaultTime = 150;
-MapNavigation.slowTime = 500;
-MapNavigation.style = mapNavigationCss;
-
-exports.ix_map_navigation = MapNavigation;
-//# sourceMappingURL=ix-map-navigation.entry.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ix-map-navigation.entry.cjs.js","sources":["src/components/map-navigation/map-navigation.scss?tag=ix-map-navigation&encapsulation=shadow","src/components/map-navigation/map-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 './common-variables' as vars;\n@use 'legacy/mixins/fonts';\n@use 'mixins/text-truncation';\n@use 'mixins/shadow-dom/component';\n\n:host {\n  $appHeaderHeight: 3.5rem;\n  $appHeaderGradientHeight: 4rem;\n  $navHeaderHeight: 11.5rem;\n  $sidebarWidth: 29.75rem;\n\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  @include component.ix-component;\n\n  .map-nav {\n    display: flex;\n    margin-left: 3.25rem;\n    position: relative;\n    height: 100%;\n    flex-grow: 1;\n    overflow: hidden;\n  }\n\n  .map-nav-sidebar {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: $sidebarWidth;\n    max-width: $sidebarWidth;\n    min-width: $sidebarWidth;\n    height: 100%;\n    left: 4rem;\n    background-color: var(--theme-map-navigation--background);\n    border-inline-end: 0.125rem solid\n      var(--theme-map-navigation-separator--background);\n    z-index: 99;\n\n    &.display-none {\n      display: none;\n    }\n  }\n\n  .map-nav-sidebar-content {\n    align-items: center;\n    position: relative;\n    overflow: auto;\n    height: 100%;\n    width: 100%;\n\n    .map-nav-sidebar-static-content {\n      display: flex;\n      justify-content: space-between;\n      margin-top: 0.437rem;\n      margin-bottom: 0.812rem;\n      margin-left: vars.$default-space;\n      margin-right: vars.$default-space;\n\n      @include fonts.text-h2;\n    }\n  }\n\n  .map-nav-header {\n    display: flex;\n    position: relative;\n    align-items: center;\n    height: $appHeaderHeight;\n    min-height: $appHeaderHeight;\n    width: 100%;\n\n    .map-nav-header-brand {\n      background-color: var(--theme-map-navigation-background);\n\n      padding-left: vars.$default-space;\n      padding-right: vars.$default-space;\n      padding-bottom: 0.625rem;\n      height: 100%;\n      width: 100%;\n      --theme-app-header--color: var(--theme-map-navigation-header--color);\n      --theme-app-header-logo--color: var(--theme-map-navigation-logo--color);\n\n      button {\n        margin-left: vars.$default-space;\n      }\n    }\n  }\n\n  .map-nav-header-content {\n    display: flex;\n    height: $appHeaderHeight;\n    align-items: center;\n    overflow: hidden;\n    padding: 0 vars.$default-space;\n\n    &.empty {\n      height: 0;\n    }\n  }\n\n  .map-nav-title {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n\n    @include fonts.text-h2();\n  }\n\n  .content {\n    display: block;\n    flex-grow: 1;\n    position: relative;\n    height: 100%;\n    overflow: hidden;\n    z-index: calc(var(--theme-z-index-sticky) - 1);\n  }\n\n  ::slotted(ix-menu) {\n    position: absolute;\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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { animate } from 'animejs';\nimport { ApplicationLayoutContext } from '../utils/application-layout/context';\nimport { useContextProvider } from '../utils/context';\nimport { iconContextMenu } from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-map-navigation',\n  styleUrl: 'map-navigation.scss',\n  shadow: true,\n})\nexport class MapNavigation {\n  private static readonly defaultTime = 150;\n  private static readonly slowTime = 500;\n\n  @Element() hostElement!: HTMLIxMapNavigationElement;\n\n  /**\n   * Application name\n   */\n  @Prop() applicationName?: string;\n\n  /**\n   * Navigation title\n   */\n  @Prop() navigationTitle?: string;\n\n  /**\n   * Hide the sidebar context menu button when set to true\n   */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() hideContextMenu = true;\n\n  /**\n   * ARIA label for the context menu icon button\n   * Will be set for the native HTML button element\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelContextIconButton?: string;\n\n  /**\n   * Navigation toggled\n   */\n  @Event() navigationToggled!: EventEmitter<boolean>;\n\n  /**\n   * Context menu clicked\n   */\n  @Event() contextMenuClick!: EventEmitter<void>;\n\n  @State() isSidebarOpen = true;\n  @State() hasContentHeader = false;\n\n  get menu() {\n    return this.hostElement.querySelector('ix-menu')!;\n  }\n\n  get menuOverlay() {\n    return this.hostElement.querySelector('ix-menu-overlay')!;\n  }\n\n  get mapNavMenu() {\n    return this.hostElement.shadowRoot!.querySelector('.map-nav-menu')!;\n  }\n\n  get sidebar() {\n    return this.hostElement.shadowRoot!.querySelector('.map-nav-sidebar')!;\n  }\n\n  get overlay() {\n    return this.hostElement.shadowRoot!.querySelector('#overlay')!;\n  }\n\n  componentDidRender() {\n    this.appendMenu();\n    this.closeOverlay();\n  }\n\n  componentWillLoad() {\n    useContextProvider(this.hostElement, ApplicationLayoutContext, {\n      hideHeader: false,\n      host: 'map-navigation',\n    });\n  }\n\n  private appendMenu() {\n    this.menu.addEventListener(\n      'mapExpandChange',\n      (event: CustomEvent<boolean>) => {\n        const state = !event.detail;\n        this.toggleSidebar(state);\n      }\n    );\n    this.menu.enableMapExpand = true;\n  }\n\n  /**\n   * Change the visibility of the sidebar\n   *\n   * @param show new visibility state\n   */\n  @Method()\n  async toggleSidebar(show?: boolean) {\n    if (show !== undefined) {\n      this.isSidebarOpen = show;\n    } else {\n      this.isSidebarOpen = !this.isSidebarOpen;\n    }\n\n    if (this.isSidebarOpen) {\n      this.openSidebar();\n    } else {\n      this.closeSidebar();\n    }\n\n    this.navigationToggled.emit(this.isSidebarOpen);\n    this.menu.toggleMapExpand(this.isSidebarOpen);\n  }\n\n  private closeSidebar() {\n    animate(this.sidebar, {\n      duration: MapNavigation.defaultTime,\n      marginLeft: [0, '-29.75rem'],\n      opacity: [1, 0],\n      easing: 'easeInSine',\n      onComplete: () => {\n        this.sidebar.classList.add('display-none');\n      },\n    });\n  }\n\n  private openSidebar() {\n    animate(this.sidebar, {\n      duration: MapNavigation.defaultTime,\n      marginLeft: ['-29.75rem', 0],\n      opacity: [0, 1],\n      easing: 'easeOutSine',\n      onBegin: () => {\n        this.sidebar.classList.remove('display-none');\n      },\n    });\n  }\n\n  /**\n   * Open a overlay inside content area\n   * @deprecated Will be removed in 2.0.0. Use slot based approach\n   *\n   * @param name\n   * @param component\n   * @param icon\n   * @param color\n   */\n  @Method()\n  async openOverlay(\n    name: string,\n    component: HTMLElement,\n    icon?: string,\n    color?: string\n  ) {\n    animate(this.overlay, {\n      duration: MapNavigation.slowTime,\n      backdropFilter: [0, 'blur(1rem)'],\n      translateX: ['-4rem', 0],\n      opacity: [0, 1],\n      easing: 'easeOutSine',\n      onBegin: () => {\n        this.overlay.classList.remove('display-none');\n      },\n    });\n\n    const overlayInstance = document.createElement('ix-map-navigation-overlay');\n    overlayInstance.setAttribute('color', color ?? '');\n    overlayInstance.setAttribute('name', name);\n    overlayInstance.setAttribute('icon', icon ?? '');\n    overlayInstance.setAttribute('slot', 'overlay');\n    overlayInstance.addEventListener('closeClick', () => this.closeOverlay());\n    overlayInstance.appendChild(component);\n    this.hostElement.appendChild(overlayInstance);\n  }\n\n  /**\n   * Close current shown overlay\n   * @deprecated Will be removed in 2.0.0. Use slot based approach\n   */\n  @Method()\n  async closeOverlay() {\n    animate(this.overlay, {\n      duration: MapNavigation.slowTime,\n      backdropFilter: ['blur(1rem)', 0],\n      translateX: [0, '-4rem'],\n      opacity: [1, 0],\n      easing: 'easeInSine',\n      onComplete: () => {\n        if (!this.overlay) {\n          return;\n        }\n        this.overlay.firstChild?.remove();\n        this.overlay.classList.add('display-none');\n      },\n    });\n  }\n\n  private checkHasContentHeader(e: Event) {\n    const nodes = (e.currentTarget as HTMLSlotElement).assignedNodes({\n      flatten: true,\n    });\n\n    this.hasContentHeader = nodes?.length !== 0;\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"menu\"></slot>\n        <div class=\"map-nav\">\n          <div class=\"map-nav-sidebar\">\n            <div class=\"map-nav-header\">\n              <ix-application-header\n                name={this.applicationName}\n                class=\"map-nav-header-brand\"\n              >\n                <slot slot=\"logo\" name=\"logo\"></slot>\n              </ix-application-header>\n            </div>\n            <div class=\"map-nav-sidebar-content\">\n              <div class=\"map-nav-sidebar-static-content\">\n                <div class=\"map-nav-title\">{this.navigationTitle}</div>\n                {this.hideContextMenu ? (\n                  ''\n                ) : (\n                  <ix-icon-button\n                    icon={iconContextMenu}\n                    size=\"24\"\n                    variant=\"subtle-primary\"\n                    onClick={() => this.contextMenuClick.emit()}\n                    aria-label={this.ariaLabelContextIconButton}\n                  ></ix-icon-button>\n                )}\n              </div>\n              <div class=\"map-nav-sidebar-user-content\">\n                <slot name=\"sidebar-content\"></slot>\n              </div>\n            </div>\n          </div>\n          <div class=\"content\">\n            <div\n              class={{\n                'map-nav-header-content': true,\n                'bg-2': true,\n                empty: !this.hasContentHeader,\n              }}\n            >\n              <slot\n                name=\"content-header\"\n                onSlotchange={(e) => this.checkHasContentHeader(e)}\n              ></slot>\n            </div>\n            <main>\n              <slot></slot>\n              <slot name=\"overlay\"></slot>\n            </main>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["useContextProvider","ApplicationLayoutContext","animate","h","Host","iconContextMenu"],"mappings":"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"}

package/dist/collection/components/basic-navigation/basic-navigation.css

@@ -1,113 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/*
-* SPDX-FileCopyrightText: 2024 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-/*
-* SPDX-FileCopyrightText: 2024 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-: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 {
-  /* width */
-}
-:host ::-webkit-scrollbar {
-  width: 0.5rem;
-  height: 0.5rem;
-}
-:host {
-  /* Track */
-}
-: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 {
-  /* Handle */
-}
-:host ::-webkit-scrollbar-thumb {
-  border-radius: 5px;
-  background: var(--theme-scrollbar-thumb--background);
-}
-:host {
-  /* Handle on hover */
-}
-: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%;
-}

package/dist/collection/components/basic-navigation/basic-navigation.js

@@ -1,209 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { h, Host } from "@stencil/core";
-import { ApplicationLayoutContext } from "../utils/application-layout/context";
-import { applicationLayoutService } from "../utils/application-layout/service";
-import { useContextProvider } from "../utils/context";
-import { menuController } from "../utils/menu-service/menu-service";
-export class BasicNavigation {
-    constructor() {
-        /**
-         * 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 = applicationLayoutService.breakpoint;
-    }
-    forceLayoutChange(newMode) {
-        if (!newMode) {
-            applicationLayoutService.enableBreakpointDetection();
-            return;
-        }
-        applicationLayoutService.disableBreakpointDetection();
-        applicationLayoutService.setBreakpoint(newMode);
-    }
-    onBreakpointsChange(breakpoints) {
-        applicationLayoutService.setBreakpoints(breakpoints);
-    }
-    get menu() {
-        return this.hostElement.querySelector('ix-menu');
-    }
-    onContentClick() {
-        var _a;
-        if (menuController.isPinned) {
-            return;
-        }
-        (_a = this.menu) === null || _a === void 0 ? void 0 : _a.toggleMenu(false);
-    }
-    componentWillLoad() {
-        applicationLayoutService.setBreakpoints(this.breakpoints);
-        this.contextProvider = useContextProvider(this.hostElement, ApplicationLayoutContext, {
-            hideHeader: this.hideHeader,
-            host: 'basic-navigation',
-        });
-        this.modeDisposable = applicationLayoutService.onChange.on((mode) => {
-            this.breakpoint = mode;
-        });
-        this.breakpoint = 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 (h(Host, { key: '72e6c6050cef8b4776e9e9d6a1ef6645b2af1f9e', "data-role": "", class: {
-                'hide-header': this.hideHeader,
-                [`breakpoint-${this.breakpoint}`]: true,
-            } }, !this.hideHeader ? (h("ix-application-header", { name: this.applicationName }, h("slot", { name: "logo", slot: "logo" }))) : null, h("div", { key: 'c4d12a54cdcf89470499dc18833ab6acc6cee6dd', class: "navigation-content" }, h("slot", { key: '3247841eebc0d261e876796bcbeb4780a1b7904e', name: "menu" }), h("div", { key: 'c78066d0295ee066d590bc78e7f1598aaf3bc348', class: "content", onClick: () => this.onContentClick() }, h("slot", { key: '9a4e32d3200e9ea67ad5ec48b7acb609335804ec' })))));
-    }
-    static get is() { return "ix-basic-navigation"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["basic-navigation.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["basic-navigation.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "applicationName": {
-                "type": "string",
-                "attribute": "application-name",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Application name"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "hideHeader": {
-                "type": "boolean",
-                "attribute": "hide-header",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Hide application header. Will disable responsive feature of basic navigation."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "forceBreakpoint": {
-                "type": "string",
-                "attribute": "force-breakpoint",
-                "mutable": false,
-                "complexType": {
-                    "original": "Breakpoint | undefined",
-                    "resolved": "\"lg\" | \"md\" | \"sm\" | undefined",
-                    "references": {
-                        "Breakpoint": {
-                            "location": "import",
-                            "path": "../utils/breakpoints",
-                            "id": "src/components/utils/breakpoints.ts::Breakpoint"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Change the responsive layout of the menu structure"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "breakpoints": {
-                "type": "unknown",
-                "attribute": "breakpoints",
-                "mutable": false,
-                "complexType": {
-                    "original": "Breakpoint[]",
-                    "resolved": "(\"sm\" | \"md\" | \"lg\")[]",
-                    "references": {
-                        "Breakpoint": {
-                            "location": "import",
-                            "path": "../utils/breakpoints",
-                            "id": "src/components/utils/breakpoints.ts::Breakpoint"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "example",
-                            "text": "['sm', 'md']"
-                        }],
-                    "text": "Supported layouts"
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "['sm', 'md', 'lg']"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "breakpoint": {}
-        };
-    }
-    static get elementRef() { return "hostElement"; }
-    static get watchers() {
-        return [{
-                "propName": "hideHeader",
-                "methodName": "onHideHeaderChange"
-            }, {
-                "propName": "breakpoints",
-                "methodName": "onBreakpointsChange"
-            }];
-    }
-}
-//# sourceMappingURL=basic-navigation.js.map

package/dist/collection/components/basic-navigation/basic-navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"basic-navigation.js","sourceRoot":"","sources":["../../../src/components/basic-navigation/basic-navigation.tsx"],"names":[],"mappings":"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","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\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"]}