@siemens/ix 4.4.0 → 5.1.0

package/dist/esm/dropdown-controller-D3K9vmFp.js

@@ -1,154 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function hasDropdownItemWrapperImplemented(item) {
-    return (item !== null &&
-        item.getDropdownItemElement !== undefined &&
-        typeof item.getDropdownItemElement === 'function');
-}
-class DropdownController {
-    constructor() {
-        this.dropdowns = new Map();
-        this.submenuIds = {};
-        this.isWindowListenerActive = false;
-    }
-    connected(dropdown) {
-        if (!this.isWindowListenerActive) {
-            this.addOverlayListeners();
-        }
-        this.dropdowns.set(dropdown.getId(), dropdown);
-        if (dropdown.discoverAllSubmenus) {
-            this.discoverSubmenus();
-        }
-    }
-    disconnected(dropdown) {
-        const id = dropdown.getId();
-        this.removeFromSubmenuIds(id);
-        this.dropdowns.delete(id);
-    }
-    removeFromSubmenuIds(id) {
-        this.dropdowns.forEach((dropdown) => {
-            const submenuIds = this.submenuIds[dropdown.getId()];
-            if (submenuIds) {
-                const index = submenuIds.indexOf(id);
-                if (index > -1) {
-                    submenuIds.splice(index, 1);
-                }
-            }
-        });
-        delete this.submenuIds[id];
-    }
-    getDropdownById(id) {
-        return this.dropdowns.get(id);
-    }
-    discoverSubmenus() {
-        this.dropdowns.forEach((dropdown) => {
-            dropdown.discoverSubmenu();
-        });
-    }
-    present(dropdown) {
-        var _a;
-        if (!dropdown.isPresent() && ((_a = dropdown.willPresent) === null || _a === void 0 ? void 0 : _a.call(dropdown))) {
-            this.submenuIds[dropdown.getId()] = dropdown.getAssignedSubmenuIds();
-            dropdown.present();
-        }
-    }
-    dismissChildren(uid) {
-        const childIds = this.submenuIds[uid] || [];
-        for (const id of childIds) {
-            const dropdown = this.dropdowns.get(id);
-            if (dropdown) {
-                this.dismiss(dropdown);
-            }
-        }
-    }
-    dismiss(dropdown) {
-        var _a;
-        if (dropdown.isPresent() && ((_a = dropdown.willDismiss) === null || _a === void 0 ? void 0 : _a.call(dropdown))) {
-            this.dismissChildren(dropdown.getId());
-            dropdown.dismiss();
-            delete this.submenuIds[dropdown.getId()];
-        }
-    }
-    dismissAll(ignoreBehaviorForIds = [], ignoreRelatedDropdowns = false) {
-        this.dropdowns.forEach((dropdown) => {
-            const preventClosing = dropdown.closeBehavior === 'inside' || dropdown.closeBehavior === false;
-            const shouldIgnore = ignoreBehaviorForIds.includes(dropdown.getId());
-            const path = this.buildComposedPath(dropdown.getId(), new Set());
-            if (ignoreBehaviorForIds.length > 0 && ignoreRelatedDropdowns) {
-                let skipRelatedDropdown = false;
-                ignoreBehaviorForIds.forEach((id) => {
-                    if (path.has(id)) {
-                        skipRelatedDropdown = true;
-                        return;
-                    }
-                });
-                if (!skipRelatedDropdown) {
-                    return;
-                }
-            }
-            if (!shouldIgnore && preventClosing) {
-                return;
-            }
-            this.dismiss(dropdown);
-        });
-    }
-    dismissOthers(uid) {
-        let path = this.buildComposedPath(uid, new Set());
-        path.add(uid);
-        this.dropdowns.forEach((dropdown) => {
-            if (dropdown.closeBehavior !== 'inside' &&
-                dropdown.closeBehavior !== false &&
-                !path.has(dropdown.getId())) {
-                this.dismiss(dropdown);
-            }
-        });
-    }
-    pathIncludesTrigger(eventTargets) {
-        for (let eventTarget of eventTargets) {
-            if (eventTarget instanceof HTMLElement) {
-                if (eventTarget.hasAttribute('data-ix-dropdown-trigger')) {
-                    return eventTarget;
-                }
-            }
-        }
-        return;
-    }
-    pathIncludesDropdown(eventTargets) {
-        return !!eventTargets.find((element) => element.tagName === 'IX-DROPDOWN');
-    }
-    buildComposedPath(id, path) {
-        if (this.submenuIds[id]) {
-            path.add(id);
-        }
-        for (const ruleKey of Object.keys(this.submenuIds)) {
-            if (this.submenuIds[ruleKey].includes(id)) {
-                this.buildComposedPath(ruleKey, path).forEach((key) => path.add(key));
-            }
-        }
-        return path;
-    }
-    addOverlayListeners() {
-        this.isWindowListenerActive = true;
-        window.addEventListener('click', (event) => {
-            const hasTrigger = this.pathIncludesTrigger(event.composedPath());
-            const hasDropdown = this.pathIncludesDropdown(event.composedPath());
-            if (!hasTrigger && !hasDropdown) {
-                this.dismissAll();
-            }
-        });
-        window.addEventListener('keydown', (event) => {
-            if (event.key === 'Escape') {
-                this.dismissAll([...this.dropdowns.keys()]);
-            }
-        });
-    }
-}
-const dropdownController = new DropdownController();
-
-export { dropdownController as d, hasDropdownItemWrapperImplemented as h };

package/dist/esm/find-element-CFRrPFxi.js

@@ -1,100 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * Will try to resolve the selector in the light dom, shadow dom or slot
- * @param selector The selector to resolve
- * @param hostElement The element to start the search from
- * @returns Promise with the resolved elements or undefined if not found
- */
-async function resolveSelector(selector, hostElement) {
-    const elements = Array.from(document.querySelectorAll(selector));
-    if (elements.length > 0) {
-        return Promise.resolve(elements);
-    }
-    if (hostElement === undefined) {
-        return Promise.resolve(undefined);
-    }
-    const shadowRoot = getRootFor(hostElement);
-    if (shadowRoot === undefined || !(shadowRoot instanceof ShadowRoot)) {
-        return Promise.resolve(undefined);
-    }
-    const elementsInShadowRoot = Array.from(shadowRoot.querySelectorAll(selector));
-    const elementsInHost = Array.from(shadowRoot.host.querySelectorAll(selector));
-    const elementsInComponent = [
-        ...elementsInHost,
-        ...elementsInShadowRoot,
-    ];
-    if (elementsInComponent.length > 0) {
-        return Promise.resolve(elementsInComponent);
-    }
-    return Promise.resolve(undefined);
-}
-/**
- * Walk up the DOM to find the nearest shadow root
- * @param element The element to get the root for
- * @param parent This will determine how far up the DOM to travel to find the root
- * @returns The root element
- */
-function getRootFor(element, parent = document.body) {
-    if (!element.parentElement && !element.parentNode) {
-        return undefined;
-    }
-    if (element.parentNode instanceof ShadowRoot) {
-        return element.parentNode;
-    }
-    let currentNode = element.parentElement;
-    while (currentNode) {
-        if (currentNode.shadowRoot) {
-            return currentNode.shadowRoot;
-        }
-        else if (currentNode.parentNode instanceof ShadowRoot) {
-            return currentNode.parentNode;
-        }
-        currentNode = currentNode.parentElement;
-    }
-    return parent;
-}
-function waitForSelector(selector, node = document, hostElement) {
-    return new Promise((resolve) => {
-        const waitForElements = () => {
-            resolveSelector(selector, hostElement).then((elements) => {
-                if (elements && elements.length > 0) {
-                    resolve(elements[0]);
-                    observer === null || observer === void 0 ? void 0 : observer.disconnect();
-                }
-            });
-        };
-        waitForElements();
-        const observer = new MutationObserver(() => {
-            waitForElements();
-        });
-        observer.observe(node.body, {
-            childList: true,
-            subtree: true,
-        });
-    });
-}
-/**
- * Find an element by ID or reference
- * @param element The element to find
- * @param hostElement The element to start the search from
- * @returns A promise that will resolve to the element
- */
-function findElement(element, hostElement) {
-    if (element instanceof Promise) {
-        return element;
-    }
-    if (typeof element === 'object') {
-        return Promise.resolve(element);
-    }
-    const selector = `#${element}`;
-    return waitForSelector(selector, document, hostElement);
-}
-
-export { findElement as f, resolveSelector as r };

package/dist/esm/focus-BAKpVknt.js

@@ -1,65 +0,0 @@
-import { a as addDisposableEventListener } from './disposable-event-listener-CKoABG1h.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;
-    }
-}
-
-export { ArrowFocusController as A };

package/dist/esm/ix-application-sidebar.entry.js

@@ -1,40 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BEPo7U1W.js';
-import { a as animate } from './anime.esm-DhE1t8Qh.js';
-import { A as Animation } from './animation-BLaucX4x.js';
-
-const applicationSidebarCss = () => `:host{display:block;position:relative;width:22rem;height:100%;padding:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.visible){border-right:2px solid var(--theme-color-soft-bdr);padding:1.5rem 0.5rem 0}`;
-
-const ApplicationSidebar = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.visible = true;
-    }
-    listenToggleEvent() {
-        const visibility = !this.visible;
-        const animation = {
-            width: visibility ? ['0', '22rem'] : ['22rem', '0'],
-            opacity: visibility ? [0, 1] : [1, 0],
-            easing: 'easeInSine',
-            duration: Animation.defaultTime,
-        };
-        const changeVisibility = () => {
-            this.visible = visibility;
-        };
-        if (visibility) {
-            animation.begin = changeVisibility.bind(this);
-        }
-        else {
-            animation.complete = changeVisibility.bind(this);
-        }
-        animate(this.hostElement, animation);
-    }
-    render() {
-        return (h(Host, { key: '9930b3444817c8ad6c3da375484018d294897472', slot: "application-sidebar", class: {
-                visible: this.visible,
-            } }, this.visible ? h("slot", null) : null));
-    }
-    get hostElement() { return getElement(this); }
-};
-ApplicationSidebar.style = applicationSidebarCss();
-
-export { ApplicationSidebar as ix_application_sidebar };

package/dist/esm/ix-drawer.entry.js

@@ -1,164 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-BEPo7U1W.js';
-import { p as iconClose } from './index-BBzEV-f4.js';
-import { a as animate } from './anime.esm-DhE1t8Qh.js';
-import { A as Animation } from './animation-BLaucX4x.js';
-
-const drawerCss = () => `:host{top:0;right:0;display:block;position:absolute;justify-content:flex-start;align-items:center;opacity:0;max-height:100vh;min-height:1.5rem;background-color:var(--theme-color-1);border-radius:0.25rem;box-shadow:var(--theme-box-shadow-level-3)}: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 .drawer-container{z-index:100}:host .header{display:flex;position:relative;align-items:center;justify-content:flex-end;padding:0.5rem;width:100%;order:1}:host .header .header-content{flex-grow:1;margin-right:1rem}:host .content{position:relative;flex:1;order:2;height:100%;width:100%;overflow-y:auto}:host(.display-none){display:none}`;
-
-const Drawer = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.open = createEvent(this, "open", 7);
-        this.drawerClose = createEvent(this, "drawerClose", 7);
-        /**
-         * Show or hide the drawer
-         */
-        this.show = false;
-        /**
-         * Fired in case of an outside click during drawer showed state
-         */
-        // eslint-disable-next-line @stencil-community/ban-default-true
-        this.closeOnClickOutside = true;
-        /**
-         * Render the drawer with maximum height
-         */
-        this.fullHeight = false;
-        /**
-         * Min width interpreted as REM
-         */
-        this.minWidth = 16;
-        /**
-         * Max width interpreted as REM
-         */
-        this.maxWidth = 28;
-        /**
-         * Width interpreted as REM if not set to 'auto'
-         */
-        this.width = this.minWidth;
-        /**
-         * ARIA label for the close icon button
-         * Will be set as aria-label on the nested HTML button element
-         *
-         * @since 3.2.0
-         */
-        this.ariaLabelCloseButton = 'Close drawer';
-        this.toggle = false;
-        this.callback = this.clickedOutside.bind(this);
-        this.showContent = true;
-    }
-    onShowChanged(newValue, oldValue) {
-        if (newValue === oldValue) {
-            return;
-        }
-        this.toggleDrawer(newValue);
-    }
-    /**
-     * Toggle or define show state of drawer
-     * @param show Overwrite toggle state with boolean
-     */
-    async toggleDrawer(show) {
-        show = show !== null && show !== void 0 ? show : !this.show;
-        if (show) {
-            const { defaultPrevented } = this.open.emit();
-            if (defaultPrevented) {
-                return;
-            }
-            this.show = true;
-            if (!this.toggle && this.divElement) {
-                this.slideInRight(this.divElement);
-                setTimeout(() => {
-                    window.addEventListener('mousedown', this.callback);
-                }, Animation.mediumTime);
-            }
-        }
-        else {
-            const { defaultPrevented } = this.drawerClose.emit();
-            if (defaultPrevented) {
-                return;
-            }
-            this.show = false;
-            if (this.toggle && this.divElement) {
-                this.slideOutRight(this.divElement);
-            }
-            window.removeEventListener('mousedown', this.callback);
-        }
-        this.toggle = this.show;
-        return Promise.resolve();
-    }
-    onCloseClicked() {
-        this.show = false;
-    }
-    clickedOutside(evt) {
-        if (!this.closeOnClickOutside) {
-            return;
-        }
-        const target = evt.target;
-        const closestElement = target.closest('#div-container');
-        const btn = target.closest('#drawer-btn');
-        if (evt.target.type !== 'button' &&
-            closestElement !== this.divElement &&
-            target !== btn) {
-            this.show = false;
-        }
-    }
-    getConstrainedWidth(width) {
-        return Math.min(Math.max(width, this.minWidth), this.maxWidth);
-    }
-    slideOutRight(el) {
-        const initialWidth = `${this.getConstrainedWidth(this.width === 'auto' ? this.minWidth : this.width)}rem`;
-        animate(el, {
-            duration: Animation.mediumTime,
-            width: [initialWidth, 0],
-            opacity: [1, 0],
-            easing: 'easeInSine',
-            onComplete: () => {
-                el.classList.add('display-none');
-            },
-        });
-    }
-    slideInRight(el) {
-        const targetWidth = `${this.getConstrainedWidth(this.width === 'auto' ? this.minWidth : this.width)}rem`;
-        animate(el, {
-            duration: Animation.mediumTime,
-            width: [0, targetWidth],
-            opacity: [0, 1],
-            easing: 'easeOutSine',
-            onBegin: () => {
-                el.classList.remove('display-none');
-            },
-            onComplete: () => {
-                this.showContent = true;
-            },
-        });
-    }
-    componentDidLoad() {
-        this.toggleDrawer(this.show);
-    }
-    render() {
-        return (h(Host, { key: 'a02782f51fdf141ff257988beec49cdaff3f0050', class: {
-                'drawer-container': true,
-                'display-none': true,
-            }, style: {
-                width: '0',
-                'max-width': `${this.maxWidth}rem`,
-                height: this.fullHeight ? '100%' : 'auto',
-                overflow: 'hidden',
-            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, h("div", { key: '6b7464b407c72c9b7afe3b1b9fa61b1603bb40d8', style: {
-                width: this.width === 'auto'
-                    ? 'auto'
-                    : `${this.getConstrainedWidth(this.width)}rem`,
-            } }, h("div", { key: 'c25f79cde5e320e7e5f8aab9b87aca34fff4bdae', class: "header" }, h("div", { key: '413490aaef2405978027796a7bb49a410640bd53', class: "header-content" }, h("slot", { key: '89fe41129f30752f5057b6f73d8232599c1aae9b', name: "header" })), h("ix-icon-button", { key: 'eef54b3d59ebf9db5d96f0f3241f14d16a0c6064', class: "close-button", style: {
-                display: this.showContent ? 'block' : 'none',
-            }, icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), h("div", { key: '3f77f8e65f38c19cf06b1cae288f9cf257a094c1', class: "content", style: {
-                display: this.showContent ? 'block' : 'none',
-            } }, h("slot", { key: 'a12cc29a8ad94ae58295361bf781df4068d01403' })))));
-    }
-    static get watchers() { return {
-        "show": [{
-                "onShowChanged": 0
-            }]
-    }; }
-};
-Drawer.style = drawerCss();
-
-export { Drawer as ix_drawer };

package/dist/esm/ix-dropdown-item.entry.js

@@ -1,61 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BEPo7U1W.js';
-import { N as iconSingleCheck, v as iconChevronRightSmall } from './index-BBzEV-f4.js';
-import { a as a11yBoolean } from './a11y-DAzBNVe7.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{}: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 .dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);border:0.0625rem solid transparent;white-space:nowrap;width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem}: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 = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        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: '6792db1dd356481085735838df4cfcdf11cee1ba', class: {
-                hover: this.hover,
-                'icon-only': this.isIconOnly(),
-                disabled: this.disabled,
-                submenu: this.isSubMenu,
-            }, role: "listitem" }, h("button", { key: '878eed19e5127942f10f561db2205930a7bb01ef', type: "button", tabIndex: this.disabled ? -1 : 0, class: {
-                'dropdown-item': true,
-                'no-checked-field': this.suppressChecked,
-                disabled: this.disabled,
-            }, onClick: () => {
-                if (!this.disabled) {
-                    this.emitItemClick();
-                }
-            }, "aria-label": this.ariaLabelButton, "aria-disabled": a11yBoolean(this.disabled), disabled: this.disabled }, !this.suppressChecked ? (h("div", { class: "dropdown-item-checked" }, this.checked ? (h("ix-icon", { "aria-hidden": "true", class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (h("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, h("div", { key: 'e5eec4768210d2934ae45c3658dfa2008d10fdc0', class: "dropdown-item-text" }, this.label, h("slot", { key: '2545b062f3f2e58cd6021585a613accadce3536f' })), this.isSubMenu ? (h("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
-    }
-    get hostElement() { return getElement(this); }
-};
-DropdownItem.style = dropdownItemCss();
-
-export { DropdownItem as ix_dropdown_item };