@siemens/ix 0.0.0-pr-2238-20251103105018 → 0.0.0-pr-2297-20251204163058

package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.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 { iconClose } from "@siemens/ix-icons/icons";
-import { h, Host, } from "@stencil/core";
-import { animate } from "animejs";
-export class MapNavigationOverlay {
-    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' })));
-    }
-    static get is() { return "ix-map-navigation-overlay"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["map-navigation-overlay.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["map-navigation-overlay.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "name": {
-                "type": "string",
-                "attribute": "name",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Title of overlay"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "icon": {
-                "type": "string",
-                "attribute": "icon",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Icon of overlay"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "ariaLabelIcon": {
-                "type": "string",
-                "attribute": "aria-label-icon",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "since",
-                            "text": "3.2.0"
-                        }],
-                    "text": "ARIA label for the icon"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "ariaLabelCloseIconButton": {
-                "type": "string",
-                "attribute": "aria-label-close-icon-button",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "since",
-                            "text": "3.2.0"
-                        }],
-                    "text": "ARIA label for the close icon button\nWill be set as aria-label on the nested HTML button element"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "color": {
-                "type": "string",
-                "attribute": "color",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "deprecated",
-                            "text": "since 2.1.0. Use `icon-color`"
-                        }],
-                    "text": "Color of icon"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "iconColor": {
-                "type": "string",
-                "attribute": "icon-color",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Color of icon"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "closeClick",
-                "name": "closeClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event closed"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "hostElement"; }
-}
-MapNavigationOverlay.slowTime = 500;
-//# sourceMappingURL=map-navigation-overlay.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"map-navigation-overlay.js","sourceRoot":"","sources":["../../../src/components/map-navigation-overlay/map-navigation-overlay.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,GACL,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAOlC,MAAM,OAAO,oBAAoB;IAgD/B,iBAAiB;QACf,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;YACxB,QAAQ,EAAE,oBAAoB,CAAC,QAAQ;YACvC,cAAc,EAAE,CAAC,CAAC,EAAE,YAAY,CAAC;YACjC,UAAU,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;YACxB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACf,MAAM,EAAE,aAAa;YACrB,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YACpD,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAEO,YAAY;QAClB,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;YACxB,QAAQ,EAAE,oBAAoB,CAAC,QAAQ;YACvC,cAAc,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC;YACjC,UAAU,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC;YACxB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACf,MAAM,EAAE,YAAY;YACpB,UAAU,EAAE,GAAG,EAAE;gBACf,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;gBACvB,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YACjD,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,gBAAgB;gBACzB,4DACE,KAAK,EAAE;wBACL,iBAAiB,EAAE,IAAI;wBACvB,cAAc,EAAE,CAAC,MAAA,IAAI,CAAC,SAAS,mCAAI,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS;qBAC7D,EACD,KAAK,EAAE;wBACL,kBAAkB,EAChB,CAAC,MAAA,IAAI,CAAC,SAAS,mCAAI,IAAI,CAAC,KAAK,CAAC;4BAC5B,CAAC,CAAC,eAAe,MAAA,IAAI,CAAC,SAAS,mCAAI,IAAI,CAAC,KAAK,GAAG;4BAChD,CAAC,CAAC,EAAE;qBACT,GACI;gBACP,4DAAK,KAAK,EAAC,wBAAwB;oBACjC,gEACE,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,aAAa,GACrB;oBACX,6DAAM,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,IAChD,IAAI,CAAC,IAAI,CACL,CACH;gBACN,uEACE,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,UAAU,EAClB,IAAI,EAAE,SAAS,EACf,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,gBACtB,IAAI,CAAC,wBAAwB,GACzB,CACd;YAEN,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlHuB,6BAAQ,GAAG,GAAG,AAAN,CAAO","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 { 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"]}

package/dist/esm/helper-text-util-rnbkuaac.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper-text-util-rnbkuaac.js","sources":["src/components/field-wrapper/helper-text-util.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 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 { h } from '@stencil/core';\nimport {\n  iconError,\n  iconInfo,\n  iconSuccess,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\n\nexport function hasAnyText({\n  invalidText,\n  warningText,\n  infoText,\n  validText,\n  helperText,\n}: {\n  invalidText?: string;\n  warningText?: string;\n  infoText?: string;\n  validText?: string;\n  helperText?: string;\n}) {\n  return [invalidText, warningText, infoText, validText, helperText].some(\n    (text) => text?.trim()\n  );\n}\n\nexport function HelperText(\n  props: Readonly<{\n    isInvalid: boolean;\n    invalidText?: string;\n    isWarning: boolean;\n    warningText?: string;\n    isInfo: boolean;\n    infoText?: string;\n    isValid: boolean;\n    validText?: string;\n    helperText?: string;\n  }>\n) {\n  if (!hasAnyText(props)) return null;\n  if (props.isInvalid && props.invalidText && props.invalidText.trim() !== '') {\n    return (\n      <ix-typography textColor=\"alarm\" class=\"bottom-text\">\n        <ix-icon class=\"text-icon invalid\" name={iconError} size=\"16\"></ix-icon>\n        {props.invalidText}\n      </ix-typography>\n    );\n  }\n\n  if (props.isWarning && props.warningText && props.warningText.trim() !== '') {\n    return (\n      <ix-typography textColor=\"std\" class=\"bottom-text\">\n        <ix-icon\n          class=\"text-icon warning\"\n          name={iconWarning}\n          size=\"16\"\n        ></ix-icon>\n        {props.warningText}\n      </ix-typography>\n    );\n  }\n\n  if (props.isInfo && props.infoText && props.infoText.trim() !== '') {\n    return (\n      <ix-typography textColor=\"std\" class=\"bottom-text\">\n        <ix-icon class=\"text-icon info\" name={iconInfo} size=\"16\"></ix-icon>\n        {props.infoText}\n      </ix-typography>\n    );\n  }\n\n  if (props.isValid && props.validText && props.validText.trim() !== '') {\n    return (\n      <ix-typography textColor=\"std\" class=\"bottom-text\">\n        <ix-icon class=\"text-icon valid\" name={iconSuccess} size=\"16\"></ix-icon>\n        {props.validText}\n      </ix-typography>\n    );\n  }\n\n  return (\n    props.helperText &&\n    props.helperText.trim() !== '' && (\n      <ix-typography class=\"bottom-text\" textColor=\"soft\">\n        {props.helperText}\n      </ix-typography>\n    )\n  );\n}\n"],"names":["HelperText"],"mappings":";;;AAAA;;;;;;;AAOG;AASa,SAAA,UAAU,CAAC,EACzB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,EACT,UAAU,GAOX,EAAA;AACC,IAAA,OAAO,CAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,IAAI,CACrE,CAAC,IAAI,KAAK,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,MAAA,GAAA,MAAA,GAAA,IAAI,CAAE,IAAI,EAAE,CACvB;AACH;AAEM,SAAUA,YAAU,CACxB,KAUE,EAAA;AAEF,IAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,IAAI;AACnC,IAAA,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;AAC3E,QAAA,QACE,qBAAe,SAAS,EAAC,OAAO,EAAC,KAAK,EAAC,aAAa,EAAA,EAClD,CAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,IAAI,EAAW,CAAA,EACvE,KAAK,CAAC,WAAW,CACJ;;AAIpB,IAAA,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;AAC3E,QAAA,QACE,qBAAe,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa,EAAA,EAChD,CACE,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAE,WAAW,EACjB,IAAI,EAAC,IAAI,EACA,CAAA,EACV,KAAK,CAAC,WAAW,CACJ;;AAIpB,IAAA,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;AAClE,QAAA,QACE,qBAAe,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa,EAAA,EAChD,CAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,EAAW,CAAA,EACnE,KAAK,CAAC,QAAQ,CACD;;AAIpB,IAAA,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;AACrE,QAAA,QACE,qBAAe,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa,EAAA,EAChD,CAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAC,IAAI,EAAW,CAAA,EACvE,KAAK,CAAC,SAAS,CACF;;IAIpB,QACE,KAAK,CAAC,UAAU;AAChB,QAAA,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,KAC5B,CAAA,CAAA,eAAA,EAAA,EAAe,KAAK,EAAC,aAAa,EAAC,SAAS,EAAC,MAAM,EAChD,EAAA,KAAK,CAAC,UAAU,CACH,CACjB;AAEL;;;;"}

package/dist/esm/input.util-VHrSuCP7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.util-VHrSuCP7.js","sources":["src/components/input/input.fc.tsx","src/components/input/input.animation.ts","src/components/input/input.util.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 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 { FunctionalComponent, h } from '@stencil/core';\nimport { A11yAttributes } from '../utils/a11y';\nimport { MakeRef } from '../utils/make-ref';\n\nexport function TextareaElement(\n  props: Readonly<{\n    resizeBehavior: 'both' | 'horizontal' | 'vertical' | 'none';\n    textareaHeight?: string;\n    textareaWidth?: string;\n    textareaRows?: number;\n    textareaCols?: number;\n    disabled: boolean;\n    readonly: boolean;\n    maxLength?: number;\n    minLength?: number;\n    isInvalid: boolean;\n    required: boolean;\n    value: string;\n    placeholder?: string;\n    textAreaRef: (el: HTMLTextAreaElement | undefined) => void;\n    valueChange: (value: string) => void;\n    updateFormInternalValue: (value: string) => void;\n    onBlur: () => void;\n    ariaAttributes?: A11yAttributes;\n  }>\n) {\n  return (\n    <textarea\n      readOnly={props.readonly}\n      disabled={props.disabled}\n      maxLength={props.maxLength}\n      minLength={props.minLength}\n      cols={props.textareaCols}\n      rows={props.textareaRows}\n      ref={props.textAreaRef}\n      class={{\n        'is-invalid': props.isInvalid,\n      }}\n      required={props.required}\n      value={props.value}\n      placeholder={props.placeholder}\n      onInput={(inputEvent) => {\n        const target = inputEvent.target as HTMLInputElement;\n        props.updateFormInternalValue(target.value);\n        props.valueChange(target.value);\n      }}\n      onBlur={() => props.onBlur()}\n      style={{\n        resize: props.resizeBehavior,\n        height: props.textareaHeight,\n        width: props.textareaWidth,\n      }}\n      {...props.ariaAttributes}\n    ></textarea>\n  );\n}\n\nexport function InputElement(\n  props: Readonly<{\n    id: string;\n    disabled: boolean;\n    readonly: boolean;\n    maxLength?: string | number;\n    minLength?: string | number;\n    max?: string | number;\n    min?: string | number;\n    step?: string | number;\n    pattern?: string;\n    type: string;\n    isInvalid: boolean;\n    required: boolean;\n    value: string | number;\n    placeholder?: string;\n    inputRef: (el: HTMLInputElement | undefined) => void;\n    onKeyPress: (event: KeyboardEvent) => void;\n    valueChange: (value: string) => void;\n    updateFormInternalValue: (value: string) => void;\n    onBlur: () => void;\n    ariaAttributes?: A11yAttributes;\n  }>\n) {\n  return (\n    <input\n      id={props.id}\n      autoComplete=\"off\"\n      readOnly={props.readonly}\n      disabled={props.disabled}\n      step={props.step}\n      min={props.min}\n      max={props.max}\n      maxLength={props.maxLength ? Number(props.maxLength) : undefined}\n      minLength={props.minLength ? Number(props.minLength) : undefined}\n      ref={props.inputRef}\n      pattern={props.pattern}\n      type={props.type}\n      class={{\n        'is-invalid': props.isInvalid,\n      }}\n      required={props.required}\n      value={props.value}\n      placeholder={props.placeholder}\n      onKeyPress={(event) => props.onKeyPress(event)}\n      onInput={(inputEvent) => {\n        const target = inputEvent.target as HTMLInputElement;\n        props.updateFormInternalValue(target.value);\n        props.valueChange(target.value);\n      }}\n      onBlur={() => props.onBlur()}\n      {...props.ariaAttributes}\n    ></input>\n  );\n}\n\nexport const SlotEnd: FunctionalComponent<{\n  slotEndRef: MakeRef<HTMLDivElement>;\n  onSlotChange?: (e: Event) => void;\n}> = (props, children) => {\n  return (\n    <div class=\"end-container\" ref={props.slotEndRef}>\n      <slot name=\"end\" onSlotchange={props.onSlotChange}></slot>\n      {children}\n    </div>\n  );\n};\n\nexport const SlotStart: FunctionalComponent<{\n  slotStartRef: MakeRef<HTMLDivElement>;\n  onSlotChange?: (e: Event) => void;\n}> = (props) => {\n  return (\n    <div class=\"start-container\" ref={props.slotStartRef}>\n      <slot name=\"start\" onSlotchange={props.onSlotChange}></slot>\n    </div>\n  );\n};\n","/*\n * SPDX-FileCopyrightText: 2024 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 { animate } from 'animejs';\nimport Animation from '../utils/animation';\n\nexport function shakeInput(input: HTMLInputElement) {\n  const xMax = 5;\n  animate(input, {\n    duration: Animation.defaultTime,\n    easing: 'easeInOutSine',\n    loop: 2,\n    translateX: [\n      {\n        value: xMax * -1,\n      },\n      {\n        value: xMax,\n      },\n      {\n        value: xMax / -2,\n      },\n      {\n        value: xMax / 2,\n      },\n      {\n        value: 0,\n      },\n    ],\n  });\n}\n","/*\n * SPDX-FileCopyrightText: 2024 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 { A11yAttributes, a11yBoolean } from '../utils/a11y';\nimport {\n  IxFormComponent,\n  IxInputFieldComponent,\n  ValidationResults,\n  shouldSuppressInternalValidation,\n} from '../utils/input';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { convertToRemString } from '../utils/rwd.util';\nimport { generateUUID } from '../utils/uuid';\nimport { shakeInput } from './input.animation';\n\nexport function createIdIfNotExists(\n  element: IxFormComponent,\n  idPrefix: string = 'input'\n) {\n  return element.hasAttribute('id')\n    ? element.getAttribute('id')\n    : `${idPrefix}-${generateUUID()}`;\n}\n\nexport function mapValidationResult<T>(\n  ref: IxInputFieldComponent<T>,\n  result: ValidationResults\n) {\n  ref.isInvalid = result.isInvalid || result.isInvalidByRequired;\n  ref.isValid = result.isValid;\n  ref.isInfo = result.isInfo;\n  ref.isWarning = result.isWarning;\n}\n\nexport function checkAllowedKeys<T>(\n  comp: IxInputFieldComponent<T>,\n  event: KeyboardEvent\n) {\n  if (comp.allowedCharactersPattern) {\n    const regex = new RegExp(comp.allowedCharactersPattern);\n    if (!regex.test(event.key)) {\n      event.preventDefault();\n      shakeInput(comp.inputRef.current);\n    }\n  }\n}\n\nexport async function checkInternalValidity<T>(\n  comp: IxFormComponent<T>,\n  input: HTMLInputElement | HTMLTextAreaElement\n) {\n  const validityState = input.validity;\n\n  const eventResult = comp.validityStateChange.emit(validityState);\n\n  if (eventResult.defaultPrevented) {\n    return;\n  }\n\n  if (comp.value === null || comp.value === undefined) {\n    return;\n  }\n\n  const skipValidation = await shouldSuppressInternalValidation(comp);\n  if (skipValidation) {\n    return;\n  }\n\n  const { valid } = validityState;\n  comp.hostElement.classList.toggle('ix-invalid--validity-invalid', !valid);\n}\n\nexport function onInputBlur<T>(\n  comp: IxFormComponent<T>,\n  input?: HTMLInputElement | HTMLTextAreaElement | null\n) {\n  comp.ixBlur.emit();\n\n  if (!input) {\n    throw new Error('Input element is not available');\n  }\n\n  input.setAttribute('data-ix-touched', 'true');\n  checkInternalValidity(comp, input);\n}\n\nexport function applyPaddingEnd(\n  inputElement: HTMLElement | null,\n  width: number,\n  options: {\n    slotEnd: boolean;\n    additionalPaddingRight?: string;\n  }\n) {\n  if (!inputElement) {\n    return;\n  }\n\n  const remInPixels = 16;\n  const padding = convertToRemString(width + remInPixels / 2);\n\n  if (options.slotEnd) {\n    inputElement.style.paddingRight = `calc(${padding} + ${\n      options.additionalPaddingRight ?? '0rem'\n    })`;\n  } else {\n    inputElement.style.paddingLeft = padding;\n  }\n}\n\nexport function adjustPaddingForStartAndEnd(\n  startElement: HTMLElement | null,\n  endElement: HTMLElement | null,\n  inputElement: HTMLElement | null\n) {\n  requestAnimationFrame(() => {\n    requestAnimationFrame(() => {\n      if (startElement) {\n        const startBoundingRect = startElement.getBoundingClientRect();\n        if (startBoundingRect) {\n          applyPaddingEnd(inputElement, startBoundingRect.width, {\n            slotEnd: false,\n          });\n        }\n      }\n\n      if (endElement) {\n        const endBoundingRect = endElement.getBoundingClientRect();\n        if (endBoundingRect) {\n          applyPaddingEnd(inputElement, endBoundingRect.width, {\n            slotEnd: true,\n          });\n        }\n      }\n    });\n  });\n}\n\nexport function getAriaAttributesForInput(\n  component: IxInputFieldComponent\n): A11yAttributes {\n  const inputAria: A11yAttributes = {\n    'aria-invalid': `${a11yBoolean(component.isInvalid)}`,\n    'aria-required': `${a11yBoolean(component.required)}`,\n  };\n\n  if (component.isInvalid && component.invalidText) {\n    inputAria['aria-errormessage'] = component.invalidText;\n  }\n  return inputAria;\n}\n\nexport type DisposableChangesAndVisibilityObservers = () => void;\n\nexport const addDisposableChangesAndVisibilityObservers = (\n  element: HTMLElement,\n  callback: () => void\n): DisposableChangesAndVisibilityObservers => {\n  const intersectionObserver = observeElementUntilVisible(element, callback);\n  const mutationObserver = createMutationObserver(callback);\n\n  mutationObserver.observe(element, {\n    subtree: true,\n    attributes: true,\n  });\n\n  return () => {\n    intersectionObserver.disconnect();\n    mutationObserver.disconnect();\n  };\n};\n\nfunction observeElementUntilVisible(\n  hostElement: HTMLElement,\n  updateCallback: () => void\n): IntersectionObserver {\n  const intersectionObserver = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        updateCallback();\n      }\n    });\n  });\n\n  intersectionObserver.observe(hostElement);\n  return intersectionObserver;\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,91 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CtoreFVF.js';
-import { u as useContextProvider, A as ApplicationLayoutContext } from './context-CKM5pVsv.js';
-import { a as applicationLayoutService } from './service-Da0kv8hS.js';
-import { m as menuController } from './menu-service-BMvtckRa.js';
-import './typed-event-BdCnOrqW.js';
-import './breakpoints-D_Hmobxf.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) {
-        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 = 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' })))));
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "hideHeader": ["onHideHeaderChange"],
-        "breakpoints": ["onBreakpointsChange"]
-    }; }
-};
-BasicNavigation.style = basicNavigationCss;
-
-export { BasicNavigation as ix_basic_navigation };
-//# sourceMappingURL=ix-basic-navigation.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ix-basic-navigation.entry.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":[],"mappings":"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"}

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

@@ -1,54 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CtoreFVF.js';
-import { p as iconClose } from './index-Cz75KU1f.js';
-import { a as animate } from './anime.esm-DhE1t8Qh.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) {
-        registerInstance(this, hostRef);
-        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 getElement(this); }
-};
-MapNavigationOverlay.slowTime = 500;
-MapNavigationOverlay.style = mapNavigationOverlayCss;
-
-export { MapNavigationOverlay as ix_map_navigation_overlay };
-//# sourceMappingURL=ix-map-navigation-overlay.entry.js.map

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

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

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

@@ -1,167 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CtoreFVF.js';
-import { a as animate } from './anime.esm-DhE1t8Qh.js';
-import { u as useContextProvider, A as ApplicationLayoutContext } from './context-CKM5pVsv.js';
-import { w as iconContextMenu } from './index-Cz75KU1f.js';
-import './typed-event-BdCnOrqW.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) {
-        registerInstance(this, hostRef);
-        this.navigationToggled = createEvent(this, "navigationToggled", 7);
-        this.contextMenuClick = 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() {
-        useContextProvider(this.hostElement, 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() {
-        animate(this.sidebar, {
-            duration: MapNavigation.defaultTime,
-            marginLeft: [0, '-29.75rem'],
-            opacity: [1, 0],
-            easing: 'easeInSine',
-            onComplete: () => {
-                this.sidebar.classList.add('display-none');
-            },
-        });
-    }
-    openSidebar() {
-        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) {
-        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() {
-        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 (h(Host, { key: 'cd4530ccd67471918f05983f70d06502b24e3fee' }, h("slot", { key: '249e6b7141958e055c0f74ecb85f5164544f8399', name: "menu" }), h("div", { key: '6d540617fce0e51c5cc715d7f0476e3fa3dd9c8a', class: "map-nav" }, h("div", { key: '7b58808ba2c2b6d338da6999644c1370118da61f', class: "map-nav-sidebar" }, h("div", { key: 'be5403521cd41eb061a2810c89e2e977f81bdf76', class: "map-nav-header" }, h("ix-application-header", { key: '40f2df3e6e2f6e6b83795087d84f3f0a9f9fe690', name: this.applicationName, class: "map-nav-header-brand" }, h("slot", { key: '9e4fc605db3218d3b140b5ff66035cffb69f52b8', slot: "logo", name: "logo" }))), h("div", { key: '7947098cca1b51e2182af7c85f75432f340a3413', class: "map-nav-sidebar-content" }, h("div", { key: '4859a4e442219dbf432142367af6c8ce279b9c4a', class: "map-nav-sidebar-static-content" }, h("div", { key: '261b790fd6a7dc08cd2a2bda92592899b98234e1', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (h("ix-icon-button", { icon: iconContextMenu, size: "24", variant: "subtle-primary", onClick: () => this.contextMenuClick.emit(), "aria-label": this.ariaLabelContextIconButton }))), h("div", { key: '66a1dbff337ecd147c4a75440c37aadb05e2b097', class: "map-nav-sidebar-user-content" }, h("slot", { key: '7f0738e40f4cbd2a274c0865cfc7ecc1f6da1c6b', name: "sidebar-content" })))), h("div", { key: '80c8a85b44173445926f138b4e2e4f6b9c4c9f66', class: "content" }, h("div", { key: 'a72f84f0ae6d08c1bb5f32a1ac31152c0d4c3e28', class: {
-                'map-nav-header-content': true,
-                'bg-2': true,
-                empty: !this.hasContentHeader,
-            } }, h("slot", { key: '952dbef4fb11a338f1f85a15c2ea12a3176aa919', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), h("main", { key: '2885fdf7b60e1be41fe3da55fb764a1c379f3ba0' }, h("slot", { key: '45803ecc4ee0f875f3ef920b19704c797644ab13' }), h("slot", { key: '9a2043fc69bfe0c672b49716593a9f6c22b26d43', name: "overlay" }))))));
-    }
-    get hostElement() { return getElement(this); }
-};
-MapNavigation.defaultTime = 150;
-MapNavigation.slowTime = 500;
-MapNavigation.style = mapNavigationCss;
-
-export { MapNavigation as ix_map_navigation };
-//# sourceMappingURL=ix-map-navigation.entry.js.map