@siemens/ix 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627114851

package/components/p-CI771zjd.js

@@ -1,83 +0,0 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-DzKDFBWC.js';
-import { m as iconSingleCheck, b as iconChevronRightSmall } from './p-CGwHQeMX.js';
-
-const dropdownItemCss = ":host{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem;border:0.0625rem solid transparent;white-space:nowrap}:host .dropdown-item.no-checked-field{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}:host .dropdown-item:focus-visible{border-color:var(--theme-color-focus-bdr)}:host .dropdown-item-checked{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.5rem;color:var(--ix-dropdown-item-checked-color)}:host .dropdown-item-icon{margin-right:0.5rem;color:var(--theme-color-std-text)}:host .dropdown-item-text{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host .submenu-icon{margin-left:auto}:host(.icon-only) .dropdown-item-icon{margin-right:0px}:host(.icon-only) .dropdown-item-checked{display:none}:host(.icon-only) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(.submenu) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(:not(.disabled):not(:disabled).hover),:host(:not(.disabled):not(:disabled):hover){background-color:var(--theme-ghost--background--hover)}:host(:not(.disabled):not(:disabled).active),:host(:not(.disabled):not(:disabled):active){background-color:var(--theme-ghost--background--active)}:host(.disabled){pointer-events:none;color:var(--theme-color-weak-text) !important}:host(.disabled) .dropdown-item-icon{color:var(--theme-color-weak-text) !important}";
-
-const DropdownItem = /*@__PURE__*/ proxyCustomElement(class DropdownItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.itemClick = createEvent(this, "itemClick", 7);
-        /**
-         * Display hover state
-         */
-        this.hover = false;
-        /**
-         * Disable item and remove event listeners
-         */
-        this.disabled = false;
-        /**
-         * Whether the item is checked or not. If true a checkmark will mark the item as checked.
-         */
-        this.checked = false;
-        /** @internal */
-        this.isSubMenu = false;
-        /** @internal */
-        this.suppressChecked = false;
-    }
-    /** @internal */
-    async emitItemClick() {
-        this.itemClick.emit(this.hostElement);
-    }
-    /** @internal */
-    async getDropdownItemElement() {
-        return this.hostElement;
-    }
-    isIconOnly() {
-        return (this.label === undefined &&
-            this.hostElement.innerText === '' &&
-            this.icon !== undefined);
-    }
-    render() {
-        return (h(Host, { key: '2ed41df95fb098b6153cc3b132656459fc9a105b', class: {
-                hover: this.hover,
-                'icon-only': this.isIconOnly(),
-                disabled: this.disabled,
-                submenu: this.isSubMenu,
-            }, role: "listitem" }, h("button", { key: 'b519b6a6ab8a9e996424ffa1cfad1c72e829b789', type: "button", tabIndex: 0, class: {
-                'dropdown-item': true,
-                'no-checked-field': this.suppressChecked,
-            }, onClick: () => this.emitItemClick() }, !this.suppressChecked ? (h("div", { class: "dropdown-item-checked" }, this.checked ? (h("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (h("ix-icon", { class: "dropdown-item-icon", name: this.icon })) : null, h("div", { key: 'e95829b5c21710cddd0fb825dd2cc1f0c71dda10', class: "dropdown-item-text" }, this.label, h("slot", { key: 'a2be1436aedc11a2246b9cf8c9b09f9e6d03fc61' })), this.isSubMenu ? (h("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
-    }
-    get hostElement() { return this; }
-    static get style() { return dropdownItemCss; }
-}, [1, "ix-dropdown-item", {
-        "label": [1],
-        "icon": [1],
-        "hover": [4],
-        "disabled": [4],
-        "checked": [4],
-        "isSubMenu": [4, "is-sub-menu"],
-        "suppressChecked": [4, "suppress-checked"],
-        "emitItemClick": [64],
-        "getDropdownItemElement": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-dropdown-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-dropdown-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DropdownItem);
-            }
-            break;
-    } });
-}
-
-export { DropdownItem as D, defineCustomElement as d };
-//# sourceMappingURL=p-CI771zjd.js.map
-
-//# sourceMappingURL=p-CI771zjd.js.map

package/components/p-CI771zjd.js.map

@@ -1 +0,0 @@
-{"file":"p-CI771zjd.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,ihFAAihF;;MC8B5hF,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;;AAkBE;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK;AAErB;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAExB;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;;AAGf,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK;;AAGjB,QAAA,IAAe,CAAA,eAAA,GAAG,KAAK;AAyEhC;;AAlEC,IAAA,MAAM,aAAa,GAAA;QACjB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;;;AAKvC,IAAA,MAAM,sBAAsB,GAAA;QAC1B,OAAO,IAAI,CAAC,WAAW;;IAGjB,UAAU,GAAA;AAChB,QAAA,QACE,IAAI,CAAC,KAAK,KAAK,SAAS;AACxB,YAAA,IAAI,CAAC,WAAW,CAAC,SAAS,KAAK,EAAE;AACjC,YAAA,IAAI,CAAC,IAAI,KAAK,SAAS;;IAI3B,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,gBAAA,WAAW,EAAE,IAAI,CAAC,UAAU,EAAE;gBAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,OAAO,EAAE,IAAI,CAAC,SAAS;aACxB,EACD,IAAI,EAAC,UAAU,EAAA,EAEf,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;gBACrB,kBAAkB,EAAE,IAAI,CAAC,eAAe;AACzC,aAAA,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,EAAA,EAElC,CAAC,IAAI,CAAC,eAAe,IACpB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAC/B,IAAI,CAAC,OAAO,IACX,CACE,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,eAAe,EACrB,IAAI,EAAC,IAAI,EAAA,CACA,IACT,IAAI,CACJ,IACJ,IAAI,EACP,IAAI,CAAC,IAAI,IACR,CAAA,CAAA,SAAA,EAAA,EAAS,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAY,IAC7D,IAAI,EACR,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC5B,IAAI,CAAC,KAAK,EACX,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACL,IAAI,CAAC,SAAS,IACb,CAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE,cAAc,EACZ,CAAA,IACT,IAAI,CACD,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/dropdown-item/dropdown-item.scss?tag=ix-dropdown-item&encapsulation=shadow","src/components/dropdown-item/dropdown-item.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@import 'mixins/shadow-dom/component';\n@import 'mixins/shadow-dom/hover';\n\n$itemPadding: 0.5rem;\n$itemPaddingRight: 1.5rem;\n$focusBorder: 0.0625rem;\n\n@mixin applyItemWidth($padding, $paddingRight) {\n  width: calc(100% - #{$padding} - #{$paddingRight});\n\n  padding: 0 $padding;\n  padding-right: $paddingRight;\n}\n\n:host {\n  --ix-dropdown-item-checked-color: var(--theme-color-primary);\n  @include ix-component;\n  display: flex;\n  flex-direction: row;\n\n  position: relative;\n  height: 2.5rem;\n  width: auto;\n  overflow: hidden;\n  cursor: pointer;\n\n  .dropdown-item {\n    all: unset;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    position: relative;\n    height: calc(100% - 2px);\n    @include applyItemWidth($itemPadding, $itemPaddingRight);\n    border: $focusBorder solid transparent;\n    white-space: nowrap;\n  }\n\n  .dropdown-item.no-checked-field {\n    @include applyItemWidth(1rem, $itemPaddingRight);\n  }\n\n  .dropdown-item:focus-visible {\n    border-color: var(--theme-color-focus-bdr);\n  }\n\n  .dropdown-item-checked {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    height: 100%;\n    width: 1rem;\n    min-width: 1rem;\n    margin-right: 0.5rem;\n\n    color: var(--ix-dropdown-item-checked-color);\n  }\n\n  .dropdown-item-icon {\n    margin-right: 0.5rem;\n    color: var(--theme-color-std-text);\n  }\n\n  .dropdown-item-text {\n    display: block;\n    position: relative;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: pre;\n  }\n\n  .submenu-icon {\n    margin-left: auto;\n  }\n}\n\n:host(.icon-only) {\n  .dropdown-item-icon {\n    margin-right: 0px;\n  }\n\n  .dropdown-item-checked {\n    display: none;\n  }\n\n  .dropdown-item {\n    @include applyItemWidth(0.5rem, 0.5rem);\n  }\n}\n\n:host(.submenu) {\n  .dropdown-item {\n    @include applyItemWidth($itemPadding, 0.5rem);\n  }\n}\n\n@include ghost-hover-pressed;\n\n:host(.disabled) {\n  pointer-events: none;\n  color: var(--theme-color-weak-text) !important;\n\n  .dropdown-item-icon {\n    color: var(--theme-color-weak-text) !important;\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} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport {\n  iconChevronRightSmall,\n  iconSingleCheck,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-dropdown-item',\n  styleUrl: 'dropdown-item.scss',\n  shadow: true,\n})\nexport class DropdownItem implements DropdownItemWrapper {\n  @Element() hostElement!: HTMLIxDropdownItemElement;\n\n  /**\n   * Label of dropdown item\n   */\n  @Prop() label?: string;\n\n  /**\n   * Icon of dropdown item\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Display hover state\n   */\n  @Prop() hover = false;\n\n  /**\n   * Disable item and remove event listeners\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Whether the item is checked or not. If true a checkmark will mark the item as checked.\n   */\n  @Prop() checked = false;\n\n  /** @internal */\n  @Prop() isSubMenu = false;\n\n  /** @internal */\n  @Prop() suppressChecked = false;\n\n  /** @internal */\n  @Event() itemClick!: EventEmitter<HTMLIxDropdownItemElement>;\n\n  /** @internal */\n  @Method()\n  async emitItemClick() {\n    this.itemClick.emit(this.hostElement);\n  }\n\n  /** @internal */\n  @Method()\n  async getDropdownItemElement() {\n    return this.hostElement;\n  }\n\n  private isIconOnly() {\n    return (\n      this.label === undefined &&\n      this.hostElement.innerText === '' &&\n      this.icon !== undefined\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          hover: this.hover,\n          'icon-only': this.isIconOnly(),\n          disabled: this.disabled,\n          submenu: this.isSubMenu,\n        }}\n        role=\"listitem\"\n      >\n        <button\n          type=\"button\"\n          tabIndex={0}\n          class={{\n            'dropdown-item': true,\n            'no-checked-field': this.suppressChecked,\n          }}\n          onClick={() => this.emitItemClick()}\n        >\n          {!this.suppressChecked ? (\n            <div class=\"dropdown-item-checked\">\n              {this.checked ? (\n                <ix-icon\n                  class=\"checkmark\"\n                  name={iconSingleCheck}\n                  size=\"16\"\n                ></ix-icon>\n              ) : null}\n            </div>\n          ) : null}\n          {this.icon ? (\n            <ix-icon class=\"dropdown-item-icon\" name={this.icon}></ix-icon>\n          ) : null}\n          <div class=\"dropdown-item-text\">\n            {this.label}\n            <slot></slot>\n          </div>\n          {this.isSubMenu ? (\n            <ix-icon\n              name={iconChevronRightSmall}\n              class={'submenu-icon'}\n            ></ix-icon>\n          ) : null}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/p-CJ9lFwzL.js

@@ -1,33 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-DzKDFBWC.js';
-
-const modalContentCss = ":host{display:block;position:relative;overflow:auto;padding:0 0.5rem 0.5rem}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";
-
-const ModalContent = /*@__PURE__*/ proxyCustomElement(class ModalContent extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '4be64f4f798e7772dfc27e115ec82cdb9374fb13' }, h("slot", { key: 'e284542d3f4686d348c61f04a65b333b7d4ed9bd' })));
-    }
-    static get style() { return modalContentCss; }
-}, [1, "ix-modal-content"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-modal-content"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-modal-content":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ModalContent);
-            }
-            break;
-    } });
-}
-
-export { ModalContent as M, defineCustomElement as d };
-//# sourceMappingURL=p-CJ9lFwzL.js.map
-
-//# sourceMappingURL=p-CJ9lFwzL.js.map

package/components/p-CJ9lFwzL.js.map

@@ -1 +0,0 @@
-{"file":"p-CJ9lFwzL.js","mappings":";;AAAA,MAAM,eAAe,GAAG,s0BAAs0B;;MCgBj1B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;IACvB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/modal-content/modal-content.scss?tag=ix-modal-content&encapsulation=shadow","src/components/modal-content/modal-content.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 */\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  position: relative;\n  overflow: auto;\n  padding: 0 0.5rem 0.5rem;\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, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ix-modal-content',\n  styleUrl: 'modal-content.scss',\n  shadow: true,\n})\nexport class ModalContent {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/p-CLe5n0eR.js

@@ -1,461 +0,0 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-DzKDFBWC.js';
-import { f as flip, i as inline, s as shift, o as offset, a as autoUpdate, c as computePosition } from './p-CAqtPJ4-.js';
-import { a as addDisposableEventListener, f as findElement } from './p-kY0vP3rC.js';
-import { d as dropdownController, h as hasDropdownItemWrapperImplemented } from './p-D3K9vmFp.js';
-
-/*
- * 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.
- */
-class ArrowFocusController {
-    constructor(items, container, callback) {
-        this.wrap = false;
-        this.items = items;
-        this.container = container;
-        this.callback = callback;
-        this.keyListener = addDisposableEventListener(container, 'keydown', (e) => this.onKeyDown(e));
-    }
-    getActiveIndex() {
-        if (!document.activeElement) {
-            return -1;
-        }
-        return this.items.indexOf(document.activeElement);
-    }
-    onKeyDown(e) {
-        var _a, _b, _c, _d;
-        const activeIndex = this.getActiveIndex();
-        if (activeIndex < 0) {
-            return;
-        }
-        switch (e.key) {
-            case 'ArrowDown':
-                if (activeIndex < this.items.length - 1) {
-                    e.preventDefault();
-                    (_a = this.callback) === null || _a === void 0 ? void 0 : _a.call(this, activeIndex + 1);
-                }
-                else if (this.wrap) {
-                    e.preventDefault();
-                    (_b = this.callback) === null || _b === void 0 ? void 0 : _b.call(this, 0);
-                }
-                break;
-            case 'ArrowUp':
-                {
-                    if (activeIndex > 0) {
-                        e.preventDefault();
-                        (_c = this.callback) === null || _c === void 0 ? void 0 : _c.call(this, activeIndex - 1);
-                    }
-                    else if (this.wrap && activeIndex === 0) {
-                        e.preventDefault();
-                        (_d = this.callback) === null || _d === void 0 ? void 0 : _d.call(this, this.items.length - 1);
-                    }
-                }
-                break;
-        }
-    }
-    disconnect() {
-        if (this.keyListener) {
-            this.keyListener();
-        }
-        this.container = undefined;
-        this.callback = undefined;
-    }
-}
-
-const dropdownCss = ":host{background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);min-width:0px;z-index:var(--theme-z-index-dropdown);box-shadow:var(--theme-shadow-4);padding:0.25rem 0px}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}:host(.overflow){max-height:calc(50vh - 3rem);overflow-y:auto}:host(:not(.show)){display:none}";
-
-let sequenceId = 0;
-const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.showChanged = createEvent(this, "showChanged", 7);
-        /**
-         * Suppress the automatic placement of the dropdown.
-         */
-        this.suppressAutomaticPlacement = false;
-        /**
-         * Show dropdown
-         */
-        this.show = false;
-        /**
-         * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.
-         * If the dropdown is a child of another one, it will be closed with the parent, regardless of its own close behavior.
-         */
-        this.closeBehavior = 'both';
-        /**
-         * Placement of the dropdown
-         */
-        this.placement = 'bottom-start';
-        /**
-         * Position strategy
-         */
-        this.positioningStrategy = 'fixed';
-        /**
-         * @internal
-         * If initialization of this dropdown is expected to be deferred submenu discovery will have to be re-run globally by the controller.
-         * This property indicates the need for that to the controller.
-         */
-        this.discoverAllSubmenus = false;
-        /** @internal */
-        this.ignoreRelatedSubmenu = false;
-        /** @internal */
-        this.suppressOverflowBehavior = false;
-        this.localUId = `dropdown-${sequenceId++}`;
-        this.assignedSubmenu = [];
-        this.itemObserver = new MutationObserver(() => {
-            if (this.arrowFocusController) {
-                this.arrowFocusController.items = this.dropdownItems;
-            }
-        });
-    }
-    connectedCallback() {
-        dropdownController.connected(this);
-        if (this.trigger != undefined) {
-            this.registerListener(this.trigger);
-        }
-    }
-    cacheSubmenuId(event) {
-        event.stopImmediatePropagation();
-        event.preventDefault();
-        const { detail } = event;
-        if (this.assignedSubmenu.indexOf(detail) === -1) {
-            this.assignedSubmenu.push(detail);
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        dropdownController.dismiss(this);
-        dropdownController.disconnected(this);
-        if (this.arrowFocusController) {
-            (_a = this.arrowFocusController) === null || _a === void 0 ? void 0 : _a.disconnect();
-            this.arrowFocusController = undefined;
-        }
-        if (this.itemObserver) {
-            this.itemObserver.disconnect();
-            this.itemObserver = undefined;
-        }
-        if (this.disposeClickListener) {
-            this.disposeClickListener();
-            this.disposeClickListener = undefined;
-        }
-        if (this.disposeKeyListener) {
-            this.disposeKeyListener();
-            this.disposeKeyListener = undefined;
-        }
-        if (this.autoUpdateCleanup) {
-            this.autoUpdateCleanup();
-            this.autoUpdateCleanup = undefined;
-        }
-    }
-    getAssignedSubmenuIds() {
-        return this.assignedSubmenu;
-    }
-    isPresent() {
-        return this.show;
-    }
-    present() {
-        this.show = true;
-    }
-    dismiss() {
-        this.show = false;
-    }
-    getId() {
-        return this.localUId;
-    }
-    willDismiss() {
-        const { defaultPrevented } = this.showChanged.emit(false);
-        return !defaultPrevented;
-    }
-    willPresent() {
-        const { defaultPrevented } = this.showChanged.emit(true);
-        return !defaultPrevented;
-    }
-    get dropdownItems() {
-        return Array.from(this.hostElement.querySelectorAll('ix-dropdown-item'));
-    }
-    get slotElement() {
-        return this.hostElement.shadowRoot.querySelector('slot');
-    }
-    addEventListenersFor() {
-        var _a, _b, _c;
-        (_a = this.disposeClickListener) === null || _a === void 0 ? void 0 : _a.call(this);
-        (_b = this.disposeKeyListener) === null || _b === void 0 ? void 0 : _b.call(this);
-        const toggleController = () => {
-            if (!this.isPresent()) {
-                dropdownController.present(this);
-            }
-            else {
-                dropdownController.dismiss(this);
-            }
-            dropdownController.dismissOthers(this.getId());
-        };
-        if (!this.triggerElement) {
-            return;
-        }
-        this.disposeClickListener = addDisposableEventListener(this.triggerElement, 'click', (event) => {
-            if (!event.defaultPrevented) {
-                toggleController();
-            }
-        });
-        (_c = this.triggerElement) === null || _c === void 0 ? void 0 : _c.setAttribute('data-ix-dropdown-trigger', this.localUId);
-    }
-    /** @internal */
-    async discoverSubmenu() {
-        var _a;
-        (_a = this.triggerElement) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new CustomEvent('ix-assign-sub-menu', {
-            bubbles: true,
-            composed: true,
-            cancelable: true,
-            detail: this.localUId,
-        }));
-    }
-    registerKeyListener() {
-        if (!this.triggerElement) {
-            return;
-        }
-        this.disposeKeyListener = addDisposableEventListener(this.triggerElement, 'keydown', ((event) => {
-            if (event.key !== 'ArrowDown') {
-                return;
-            }
-            if (document.activeElement !== this.triggerElement) {
-                return;
-            }
-            dropdownController.present(this);
-            setTimeout(() => {
-                this.focusDropdownItem(0);
-            });
-        }));
-    }
-    async registerListener(element) {
-        this.triggerElement = await this.resolveElement(element);
-        if (this.triggerElement) {
-            this.addEventListenersFor();
-            this.discoverSubmenu();
-        }
-    }
-    async resolveElement(element) {
-        const el = await findElement(element);
-        return this.checkForSubmenuAnchor(el);
-    }
-    async checkForSubmenuAnchor(element) {
-        if (!element) {
-            return undefined;
-        }
-        if (hasDropdownItemWrapperImplemented(element)) {
-            const dropdownItem = await element.getDropdownItemElement();
-            dropdownItem.isSubMenu = true;
-            this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;
-        }
-        if (element.tagName === 'IX-DROPDOWN-ITEM') {
-            element.isSubMenu = true;
-            this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;
-        }
-        return element;
-    }
-    async resolveAnchorElement() {
-        if (this.anchor) {
-            this.anchorElement = await this.resolveElement(this.anchor);
-        }
-        else if (this.trigger) {
-            this.anchorElement = await this.resolveElement(this.trigger);
-        }
-    }
-    async changedShow(newShow) {
-        var _a, _b, _c, _d;
-        if (newShow) {
-            await this.resolveAnchorElement();
-            if (this.anchorElement) {
-                this.applyDropdownPosition();
-            }
-            this.arrowFocusController = new ArrowFocusController(this.dropdownItems, this.hostElement, (index) => this.focusDropdownItem(index));
-            (_a = this.itemObserver) === null || _a === void 0 ? void 0 : _a.observe(this.hostElement, {
-                childList: true,
-                subtree: true,
-            });
-            this.registerKeyListener();
-        }
-        else {
-            this.destroyAutoUpdate();
-            (_b = this.arrowFocusController) === null || _b === void 0 ? void 0 : _b.disconnect();
-            (_c = this.itemObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
-            (_d = this.disposeKeyListener) === null || _d === void 0 ? void 0 : _d.call(this);
-        }
-    }
-    changedTrigger(newTriggerValue) {
-        this.registerListener(newTriggerValue);
-    }
-    destroyAutoUpdate() {
-        if (this.autoUpdateCleanup) {
-            this.autoUpdateCleanup();
-            this.autoUpdateCleanup = undefined;
-        }
-    }
-    isAnchorSubmenu() {
-        var _a;
-        if (!hasDropdownItemWrapperImplemented(this.anchorElement)) {
-            // Is no official dropdown-item, but check if any dropdown-item
-            // is placed somewhere up the DOM
-            return !!((_a = this.anchorElement) === null || _a === void 0 ? void 0 : _a.closest('ix-dropdown-item'));
-        }
-        return true;
-    }
-    async applyDropdownPosition() {
-        var _a, _b;
-        if (!this.show) {
-            return;
-        }
-        if (!this.anchorElement) {
-            return;
-        }
-        const isSubmenu = this.isAnchorSubmenu();
-        let positionConfig = {
-            strategy: this.positioningStrategy,
-            middleware: [],
-        };
-        if (!this.suppressAutomaticPlacement) {
-            (_a = positionConfig.middleware) === null || _a === void 0 ? void 0 : _a.push(flip({ fallbackStrategy: 'initialPlacement' }));
-        }
-        positionConfig.placement = isSubmenu ? 'right-start' : this.placement;
-        positionConfig.middleware = [
-            ...(((_b = positionConfig.middleware) === null || _b === void 0 ? void 0 : _b.filter(Boolean)) || []),
-            inline(),
-            shift(),
-        ];
-        if (this.offset) {
-            positionConfig.middleware.push(offset(this.offset));
-        }
-        this.destroyAutoUpdate();
-        if (!this.anchorElement) {
-            return;
-        }
-        this.autoUpdateCleanup = autoUpdate(this.anchorElement, this.hostElement, async () => {
-            if (this.anchorElement) {
-                const computeResponse = await computePosition(this.anchorElement, this.hostElement, positionConfig);
-                Object.assign(this.hostElement.style, {
-                    top: '0',
-                    left: '0',
-                    transform: `translate(${Math.round(computeResponse.x)}px,${Math.round(computeResponse.y)}px)`,
-                });
-            }
-            if (this.overwriteDropdownStyle) {
-                const overwriteStyle = await this.overwriteDropdownStyle({
-                    dropdownRef: this.hostElement,
-                    triggerRef: this.triggerElement,
-                });
-                Object.assign(this.hostElement.style, overwriteStyle);
-            }
-        }, {
-            ancestorResize: true,
-            ancestorScroll: true,
-            elementResize: true,
-        });
-    }
-    focusDropdownItem(index) {
-        requestAnimationFrame(() => {
-            var _a, _b;
-            const button = (_b = (_a = this.dropdownItems[index]) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('button');
-            if (button) {
-                button.focus();
-            }
-        });
-    }
-    async componentDidLoad() {
-        if (!this.trigger) {
-            return;
-        }
-        this.changedTrigger(this.trigger);
-    }
-    async componentDidRender() {
-        await this.applyDropdownPosition();
-        await this.resolveAnchorElement();
-    }
-    isTriggerElement(element) {
-        const trigger = !!element.hasAttribute('data-ix-dropdown-trigger');
-        return trigger;
-    }
-    onDropdownClick(event) {
-        const target = dropdownController.pathIncludesTrigger(event.composedPath());
-        if (target) {
-            if (target !== this.triggerElement) {
-                event.preventDefault();
-            }
-            if (this.isTriggerElement(target)) {
-                if (this.closeBehavior === 'outside') {
-                    event.preventDefault();
-                }
-                return;
-            }
-        }
-        if (!event.defaultPrevented &&
-            (this.closeBehavior === 'inside' || this.closeBehavior === 'both')) {
-            dropdownController.dismissAll([this.getId()], this.ignoreRelatedSubmenu);
-            return;
-        }
-        dropdownController.dismissOthers(this.getId());
-    }
-    /**
-     * Update position of dropdown
-     */
-    async updatePosition() {
-        this.applyDropdownPosition();
-    }
-    render() {
-        return (h(Host, { key: '8db8de1649fadcb2d36ef9f55b6d1149bb0e7d4c', "data-ix-dropdown": this.localUId, class: {
-                'dropdown-menu': true,
-                show: this.show,
-                overflow: !this.suppressOverflowBehavior,
-            }, style: {
-                margin: '0',
-                minWidth: '0px',
-                position: this.positioningStrategy,
-            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, h("div", { key: '159002cc6a3af7572e78dabd6b9d6c5183aa9135', style: { display: 'contents' } }, this.header && h("div", { key: '3a2c87cf5de4e58e3c31b354e8ea60cfd1d0df46', class: "dropdown-header" }, this.header), this.show && h("slot", { key: '4d3bc1ff5ba251ee576959ce706d80ce9f4d1048' }))));
-    }
-    get hostElement() { return this; }
-    static get watchers() { return {
-        "show": ["changedShow"],
-        "trigger": ["changedTrigger"]
-    }; }
-    static get style() { return dropdownCss; }
-}, [1, "ix-dropdown", {
-        "suppressAutomaticPlacement": [4, "suppress-automatic-placement"],
-        "show": [1540],
-        "trigger": [1],
-        "anchor": [1],
-        "closeBehavior": [8, "close-behavior"],
-        "placement": [1],
-        "positioningStrategy": [1, "positioning-strategy"],
-        "header": [1],
-        "offset": [16],
-        "overwriteDropdownStyle": [16, "overwrite-dropdown-style"],
-        "discoverAllSubmenus": [4, "discover-all-submenus"],
-        "ignoreRelatedSubmenu": [4, "ignore-related-submenu"],
-        "suppressOverflowBehavior": [4, "suppress-overflow-behavior"],
-        "discoverSubmenu": [64],
-        "updatePosition": [64]
-    }, [[0, "ix-assign-sub-menu", "cacheSubmenuId"]], {
-        "show": ["changedShow"],
-        "trigger": ["changedTrigger"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-dropdown"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-dropdown":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Dropdown);
-            }
-            break;
-    } });
-}
-
-export { ArrowFocusController as A, Dropdown as D, defineCustomElement as d };
-//# sourceMappingURL=p-CLe5n0eR.js.map
-
-//# sourceMappingURL=p-CLe5n0eR.js.map