import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
import { d as defineCustomElement$3 } from './p-DhNY6ZGA.js';
import { d as defineCustomElement$2 } from './p-BxahGQyq.js';

const navbarItemCss = ":host(.hidden){display:none}.navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:16px;color:#1D1D1D}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s;display:flex}.navbar__item.open .navItemIconWrapper{transform:rotate(-180deg);transition:0.3s}.navbar__item:hover{color:#0A8276;cursor:pointer}.navbar__item:hover .username__tooltip{display:block}.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{cursor:pointer;background-color:#08665C}.navbar__item.remove{display:none}.navbar__item.removeLabel .label__wrapper{display:none}.navbar__item .number__indicator-wrapper{position:relative;top:-11px}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip{display:none;position:absolute;top:35px;right:0;text-wrap:nowrap;padding:1px 5px;font-size:13px;font-family:\"Source Sans 3\";background-color:black;color:#fff;z-index:99}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip{display:block}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background-color:#0A8276}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials{color:#FFF;text-align:center;font-family:\"Source Sans 3\";font-size:14px;font-style:normal;font-weight:600;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img{width:24px;height:24px;border-radius:100%}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.container{position:relative}.container:focus{outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.container .sub__layer-back-button{display:none}.container .sub__layer-back-button.show{display:flex;justify-content:flex-start}.container .sub__layer-back-button.show .back__button-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0 16px 0;color:#0A8276;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container .sub__layer-back-button.show .back__button-wrapper span:hover,.container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover{cursor:pointer}.container.hide{display:none}.container .inner__content-wrapper{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.container .inner__content-wrapper .navbar__container-right-content-navigation-item-icon-wrapper.no-gap{gap:0px}.container .inner__content-wrapper .number__indicator-wrapper{position:relative;top:-11px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.navbar-menu.open:not(.itemInMobileMenu){display:flex}.navbar-menu.itemInMobileMenu{display:none}.navbar-menu.right{left:100%;top:-40%}.navbar-menu.left{top:-40%;right:100%}.navbar-menu.rightSideItemMenu{left:initial;right:0px}.navbar__item.layer__item-parent{color:#1D1D1D;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-0.24px;cursor:initial}.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg{width:24px;height:24px}.navbar__item.sidebarMenuItem{justify-content:space-between;padding:0}.navbar__item.menuItem{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__item.menuItem.hide{display:none}.navbar__item.menuItem .label__wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__item.menuItem:hover{cursor:pointer;background-color:#EEEDED}.navbar__item.menuItem:active{background-color:#BFBBBB}.sub__layer-menu{padding:5px;display:none}.sub__layer-menu.remove__margin{margin:0;padding:0}.sub__layer-menu.open{display:block}.navbar__item.hide{display:none}.menuItemRightIconWrapper.hide{display:none}.navItemIconWrapper.hide{display:none}";

const NavbarItem = /*@__PURE__*/ proxyCustomElement(class NavbarItem extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        this.ifxNavItem = createEvent(this, "ifxNavItem", 7);
        this.showLabel = true;
        this.icon = "";
        this.href = "";
        this.target = "_self";
        this.hideOnMobile = true;
        this.internalHref = "";
        this.isMenuItem = false;
        this.hasChildNavItems = false;
        this.isSidebarMenuItem = false;
        this.dotIndicator = false;
    }
    handleFocusOut(event) {
        var _a, _b;
        const parentTag = (_b = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toUpperCase();
        if (parentTag === 'IFX-NAVBAR') {
            const isStillInComponent = this.isFocusWithinComponent(event.relatedTarget);
            if (!isStillInComponent) {
                this.closeItemMenu();
                this.ifxNavItem.emit({ component: this.el, action: 'hideFirstLayer' });
            }
            return;
        }
        this.handleNestedLayerMenu(event);
    }
    handleOutsideClick(event) {
        const path = event.composedPath();
        const itemMenu = this.getItemMenu();
        if (itemMenu) {
            if (itemMenu.classList.contains('open')) {
                if (!path.includes(this.el)) {
                    this.closeItemMenu();
                }
            }
        }
    }
    async hideComponent() {
        this.el.style.display = 'none';
    }
    async showComponent() {
        this.el.style.display = '';
    }
    async toggleChildren(action) {
        const itemMenu = this.getItemMenu();
        const arrowIcon = this.getChevronDownIconWrapper();
        if (itemMenu) {
            this.handleClassList(arrowIcon, action, 'hide');
            this.handleClassList(itemMenu, action, 'itemInMobileMenu');
        }
    }
    async moveChildComponentsIntoSubLayerMenu() {
        const subLayerMenu = this.getItemMenu();
        if (subLayerMenu) {
            const subLayerMenuIsOpened = this.handleClassList(subLayerMenu, 'contains', 'open');
            if (subLayerMenuIsOpened) {
                const navbarItem = this.getNavBarItem();
                const subLayerBackButton = this.getSubLayerBackButton();
                this.handleClassList(navbarItem, 'add', 'layer__item-parent');
                this.handleClassList(subLayerBackButton, 'add', 'show');
                this.ifxNavItem.emit({ component: this.el, action: 'hideFirstLayer' });
            }
        }
        const navItems = this.el.querySelectorAll('[slot="first__layer"]');
        this.isSidebarMenuItem = true;
        for (let i = 0; i < navItems.length; i++) {
            navItems[i].setAttribute('slot', 'second__layer');
            navItems[i].moveChildComponentsIntoSubLayerMenu();
        }
    }
    getSubLayerBackButton() {
        const sublayerBackButton = this.el.shadowRoot.querySelector('.sub__layer-back-button');
        return sublayerBackButton;
    }
    async toggleFirstLayerItem(actionOne, actionTwo) {
        const navbarItem = this.getNavBarItem();
        const secondLayerMenu = this.getSubLayerMenu();
        const subLayerBackButton = this.getSubLayerBackButton();
        this.handleClassList(subLayerBackButton, [actionOne], 'show');
        this.handleClassList(navbarItem, [actionTwo], 'hide');
        this.handleClassList(secondLayerMenu, [actionTwo], 'remove__margin');
    }
    openSubLayerMenu() {
        if (this.hasChildNavItems) {
            const subLayerBackButton = this.getSubLayerBackButton();
            const rightArrowIcon = this.getRightArrowIcon();
            const navbarItem = this.getNavBarItem();
            const subLayerMenu = this.getSubLayerMenu();
            const slotName = this.el.getAttribute('slot');
            this.handleClassList(subLayerBackButton, 'add', 'show');
            this.handleClassList(rightArrowIcon, 'add', 'hide');
            this.handleClassList(navbarItem, 'add', 'layer__item-parent');
            this.handleClassList(subLayerMenu, 'add', 'open');
            if (slotName.toLowerCase() === 'second__layer') {
                this.ifxNavItem.emit({ component: this.el, parent: this.el.parentElement, action: 'hideSecondLayer' });
                this.handleClassList(navbarItem, 'remove', 'menuItem');
            }
            else {
                this.ifxNavItem.emit({ component: this.el, action: 'hideFirstLayer' });
            }
        }
    }
    async addMenuItemClass() {
        const navbarItem = this.getNavBarItem();
        this.handleClassList(navbarItem, 'add', 'menuItem');
        const rightArrowIcon = this.getRightArrowIcon();
        if (this.hasChildNavItems) {
            this.handleClassList(rightArrowIcon, 'remove', 'hide');
        }
    }
    async moveChildComponentsBackIntoNavbar() {
        const subLayerBackButton = this.getSubLayerBackButton();
        const navbarItem = this.getNavBarItem();
        const secondLayerMenu = this.getSubLayerMenu();
        this.handleClassList(subLayerBackButton, 'remove', 'show');
        this.handleClassList(navbarItem, 'remove', 'layer__item-parent');
        this.handleClassList(secondLayerMenu, 'remove', 'remove__margin');
        this.ifxNavItem.emit({ component: this.el, action: 'show' });
        const navItems = this.el.querySelectorAll('[slot="second__layer"]');
        this.isSidebarMenuItem = false;
        this.showComponent();
        this.handleClassList(navbarItem, 'remove', 'hide');
        for (let i = 0; i < navItems.length; i++) {
            navItems[i].setAttribute('slot', 'first__layer');
            navItems[i].moveChildComponentsBackIntoNavbar();
            navItems[i].addMenuItemClass();
            navItems[i].returnToFirstLayer();
        }
    }
    getRightArrowIcon() {
        const menuItemRightIconWrapper = this.el.shadowRoot.querySelector('.menuItemRightIconWrapper');
        return menuItemRightIconWrapper;
    }
    getChevronDownIconWrapper() {
        const arrowIcon = this.el.shadowRoot.querySelector('.navItemIconWrapper');
        return arrowIcon;
    }
    async returnToFirstLayer() {
        const subLayerBackButton = this.getSubLayerBackButton();
        const navbarItem = this.getNavBarItem();
        const rightArrowIcon = this.getRightArrowIcon();
        const subLayerMenu = this.getSubLayerMenu();
        const slotName = this.el.getAttribute('slot');
        this.handleClassList(subLayerBackButton, 'remove', 'show');
        this.handleClassList(navbarItem, 'remove', 'layer__item-parent');
        this.handleClassList(subLayerMenu, 'remove', 'open');
        if (this.hasChildNavItems) {
            this.handleClassList(rightArrowIcon, 'remove', 'hide');
        }
        if (slotName.toLowerCase() === 'second__layer') {
            this.ifxNavItem.emit({ component: this.el, parent: this.el.parentElement, action: 'returnToSecondLayer' });
            this.handleClassList(navbarItem, 'add', 'menuItem');
        }
        else {
            this.ifxNavItem.emit({ component: this.el, action: 'return' });
        }
    }
    componentWillLoad() {
        this.setHref();
        this.checkIfItemIsNested();
        this.checkIfItemHasChildren();
        this.removeEmptyItem();
    }
    componentDidLoad() {
        this.handleItemGap();
        this.handleLabelWrapper();
        if (this.hasChildNavItems) {
            const navItems = this.getNavbarItems();
            this.relocateItemsToFirstlayer(navItems);
        }
    }
    componentDidUpdate() {
        const navbarItem = this.getNavBarItem();
        const isLayerItemParent = this.handleClassList(navbarItem, 'contains', 'layer__item-parent');
        if (this.isSidebarMenuItem && isLayerItemParent) {
            const rightArrowIcon = this.getRightArrowIcon();
            this.handleClassList(rightArrowIcon, 'add', 'hide');
        }
    }
    async setMenuItemPosition() {
        if (this.isMenuItem && this.hasChildNavItems) {
            const menuPosition = this.getItemMenuPosition();
            if (menuPosition === 'left') {
                this.itemPosition = 'left';
            }
            else if (menuPosition === 'right') {
                this.itemPosition = 'right';
            }
        }
    }
    handleClassList(el, type, className) {
        if (!el)
            return false;
        el.classList[type](className);
        if (type === 'contains') {
            return el.classList.contains(className);
        }
    }
    getNavbarItems() {
        const navItems = this.el.querySelectorAll('ifx-navbar-item');
        return navItems;
    }
    getNavBarItem() {
        const navItem = this.el.shadowRoot.querySelector('.navbar__item');
        return navItem;
    }
    getSubLayerMenu() {
        const subLayerMenu = this.el.shadowRoot.querySelector('.sub__layer-menu');
        return subLayerMenu;
    }
    relocateItemsToFirstlayer(navItems) {
        navItems.forEach(item => {
            item.setAttribute('slot', 'first__layer');
        });
    }
    setHref() {
        if (this.href.toLowerCase().trim() === "") {
            this.internalHref = undefined;
        }
        else
            this.internalHref = this.href;
    }
    checkIfItemIsNested() {
        const parentElement = this.el.parentElement;
        if (parentElement.tagName.toUpperCase() === 'IFX-NAVBAR-ITEM'
            || parentElement.tagName.toUpperCase() === 'IFX-NAVBAR-PROFILE') {
            this.isMenuItem = true;
            return;
        }
        else {
            this.isMenuItem = false;
        }
    }
    checkIfItemHasChildren() {
        const sidebarItems = this.getNavbarItems();
        if (sidebarItems.length !== 0) {
            this.hasChildNavItems = true;
        }
        else {
            this.hasChildNavItems = false;
        }
    }
    async setItemSideSpecifications() {
        const menuItem = this.el;
        const itemMenu = this.getItemMenu();
        const slotValue = menuItem.getAttribute('slot');
        if (slotValue.toLowerCase().trim() === "right-item") {
            this.handleClassList(itemMenu, 'add', 'rightSideItemMenu');
        }
        return true;
    }
    getItemMenu() {
        const menu = this.el.shadowRoot.querySelector('.navbar-menu');
        return menu;
    }
    getParentItemMenu() {
        var _a;
        return (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('.navbar-menu');
    }
    closeItemMenu() {
        const itemMenu = this.getItemMenu();
        const menuItem = this.getNavBarItem();
        if (itemMenu) {
            this.handleClassList(itemMenu, 'remove', 'open');
            this.handleClassList(menuItem, 'remove', 'open');
        }
    }
    getItemMenuPosition() {
        let parentElement = this.el;
        while (parentElement) {
            if (parentElement.tagName === 'IFX-NAVBAR-PROFILE' || parentElement.slot === 'right-item') {
                return 'left';
            }
            parentElement = parentElement.parentElement || parentElement.getRootNode().host;
        }
        return 'right';
    }
    toggleItemMenu() {
        const slotName = this.el.getAttribute('slot').toLowerCase();
        if (slotName === 'mobile-menu-top' || slotName === 'second__layer') {
            this.openSubLayerMenu();
        }
        else if (!this.internalHref) {
            if (this.hasChildNavItems) {
                const itemMenu = this.getItemMenu();
                const menuItem = this.getNavBarItem();
                this.handleClassList(itemMenu, 'toggle', 'open');
                this.handleClassList(menuItem, 'toggle', 'open');
                if (this.isMenuItem && !this.isSidebarMenuItem && itemMenu.classList.contains('open')) {
                    this.handleNestedLayerMenu({ type: 'mouseenter' });
                }
            }
            else {
                const parentItemMenu = this.getParentItemMenu();
                if (parentItemMenu) {
                    this.handleClassList(parentItemMenu, 'toggle', 'open');
                }
            }
        }
    }
    handleNestedLayerMenu(e) {
        if (this.isMenuItem && this.hasChildNavItems && !this.isSidebarMenuItem) {
            const itemMenu = this.getItemMenu();
            const menuPosition = this.getItemMenuPosition();
            const type = e.type.toUpperCase();
            if (type === 'MOUSEENTER') {
                this.handleClassList(itemMenu, 'add', 'open');
                if (menuPosition === 'left') {
                    this.handleClassList(itemMenu, 'add', 'left');
                }
                else if (menuPosition === 'right') {
                    this.handleClassList(itemMenu, 'add', 'right');
                }
            }
            if (type === 'MOUSELEAVE') {
                this.handleClassList(itemMenu, 'remove', 'open');
                if (menuPosition === 'left') {
                    this.handleClassList(itemMenu, 'remove', 'left');
                }
                else if (menuPosition === 'right') {
                    this.handleClassList(itemMenu, 'remove', 'right');
                }
            }
            if (type === 'FOCUSOUT') {
                const isStillInComponent = this.isFocusWithinComponent(e.relatedTarget);
                if (!isStillInComponent) {
                    this.handleClassList(itemMenu, 'remove', 'open');
                    if (menuPosition === 'left') {
                        this.handleClassList(itemMenu, 'remove', 'left');
                    }
                    else if (menuPosition === 'right') {
                        this.handleClassList(itemMenu, 'remove', 'right');
                    }
                }
            }
        }
    }
    isFocusWithinComponent(relatedTarget) {
        var _a;
        if (!relatedTarget)
            return false;
        const target = relatedTarget;
        const isInLightDOM = this.el.contains(target);
        const isInShadowDOM = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(target);
        const rootNode = target.getRootNode();
        if (rootNode instanceof ShadowRoot) {
            const shadowRoot = rootNode;
            if (this.el.contains(shadowRoot.host)) {
                return true;
            }
        }
        return isInLightDOM || isInShadowDOM;
    }
    handleLabelWrapper() {
        const labelWrapper = this.el.shadowRoot.querySelector('.label__wrapper');
        const navItem = this.getNavBarItem();
        const slot = labelWrapper.querySelector('slot');
        if (!slot.assignedNodes().length) {
            navItem.classList.add('removeLabel');
        }
        else if (this.showLabel && navItem.classList.contains('removeLabel')) {
            navItem.classList.remove('removeLabel');
        }
    }
    handleItemGap() {
        const innerContentWrapper = this.el.shadowRoot.querySelector('.navbar__item');
        const numberIndicatorWrapper = innerContentWrapper.querySelector('.navbar__container-right-content-navigation-item-icon-wrapper');
        if (this.numberIndicator || this.dotIndicator) {
            this.handleClassList(numberIndicatorWrapper, 'add', 'no-gap');
        }
        else {
            this.handleClassList(numberIndicatorWrapper, 'remove', 'no-gap');
        }
    }
    removeEmptyItem() {
        const hostElement = this.el.shadowRoot.host;
        if (!this.showLabel && !this.icon) {
            this.handleClassList(hostElement, 'add', 'hidden');
        }
    }
    handleKeyDown(event) {
        if (event.key === 'Enter') {
            event.stopPropagation();
            event.preventDefault();
            this.toggleItemMenu();
        }
    }
    render() {
        return (h("div", { key: '2247bd282d899a4058904010e95e739ba268cff6', tabIndex: 1, class: "container", onMouseLeave: e => this.handleNestedLayerMenu(e), onKeyDown: (e) => this.handleKeyDown(e), onMouseEnter: e => this.handleNestedLayerMenu(e) }, h("div", { key: '59344778b99b7841b7b2dfa029377232d1366514', class: "sub__layer-back-button" }, h("div", { key: 'b6ca4910e8e76965c68dc047d3acc782cd42c104', class: "back__button-wrapper", onClick: () => this.returnToFirstLayer() }, h("ifx-icon", { key: '4e125406dbdd78a980875d2a61dc039c55092787', icon: "arrow-left-16" }), h("span", { key: '739794300dcaaa43b0603e857bd8844cc33e29ff' }, "Back"))), h("a", { key: 'd80292ea2a49171f0606366f4d179d4bf09c65e3', tabindex: -1, href: this.internalHref, target: this.target, onClick: () => this.toggleItemMenu(), class: `navbar__item ${this.isSidebarMenuItem ? 'sidebarMenuItem' : ""} ${!this.showLabel ? 'removeLabel' : ""} ${this.isMenuItem ? 'menuItem' : ""} ${this.hasChildNavItems ? 'isParent' : ""}` }, h("div", { key: '48256a9604f143a21fde2d228a46064383ef3f7a', class: "inner__content-wrapper" }, h("div", { key: 'cf0a99c88e7a7b8f0ac21323e63d3b10aa1f473b', class: `navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon ? "removeWrapper" : ""}` }, this.icon && h("ifx-icon", { key: '72ee0ff92a20930fefe6aaaa4446baa67af4ab78', icon: this.icon }), this.icon && !this.showLabel && !isNaN(this.numberIndicator) &&
            h("div", { key: '7ddf104b002f5c8deaec6242182fb5ac5f28df79', class: "number__indicator-wrapper" }, h("ifx-indicator", { key: 'cc40353b433ef27a4b825178bdf5129c8f9e81ff', variant: "number", number: this.numberIndicator })), this.icon && !this.showLabel && !this.numberIndicator && this.dotIndicator &&
            h("div", { key: '665350c3a2c2083583ac329db05efdc7b80f10d2', class: "dot__indicator-wrapper" })), this.itemPosition === 'left'
            && this.hasChildNavItems
            && this.isMenuItem &&
            h("div", { key: 'c49e5148cfc99b9c46b7ace71285785feebf9d0f', class: "menuItemLeftIconWrapper" }, h("ifx-icon", { key: 'e5fe657c7da8e3c8d27c491e75cb85b66f1609aa', icon: "chevron-left-16" })), h("span", { key: 'cefa64025f76292a88a3af57ada85024d72ba52c', class: "label__wrapper" }, h("slot", { key: '1e8db1b48fb4e6bc2a55cbbde29dde56edfceccd' }))), this.showLabel && this.numberIndicator && !isNaN(this.numberIndicator) ?
            h("div", { class: "number__indicator-wrapper" }, h("ifx-indicator", { variant: "number", number: this.numberIndicator })) : "", this.showLabel && !this.numberIndicator && this.dotIndicator ?
            h("ifx-indicator", { variant: "dot" }) : "", h("div", { key: '8de2ad0cf38c30dca322ad36fd3b8dfb0b5ef6e7', class: `navItemIconWrapper ${this.hasChildNavItems && !this.isMenuItem && !this.isSidebarMenuItem ? '' : "hide"}` }, h("ifx-icon", { key: '3375614a9105e72cb7f906c6e529c0b14860bcea', icon: "chevron-down-16" })), h("div", { key: 'dc9d37b40c43dc2edb2199af7e8b1ff3215e3cda', class: `menuItemRightIconWrapper ${((this.itemPosition === 'right' && this.hasChildNavItems && this.isMenuItem) || (this.isSidebarMenuItem && this.hasChildNavItems)) ? '' : "hide"}` }, h("ifx-icon", { key: '73047fefa740975ebf2d0474ba56230ef246c042', icon: "chevron-right-16" }))), this.hasChildNavItems && !this.isSidebarMenuItem && h("ul", { key: '3d0df1441e43ce07845101ad17aa64a261d024f6', class: 'navbar-menu' }, " ", h("slot", { key: 'cd573df9efea6c962fd935901f1db0fd6cc5be0d', name: "first__layer" }), " "), this.isSidebarMenuItem && h("ul", { key: 'ddd17b539b0df4e7f9151e1208b7fca653fd2fd5', class: 'sub__layer-menu' }, " ", h("slot", { key: '48e29dd8d98066753416120ed6886d9dce4e61dc', name: "second__layer" }), " ")));
    }
    get el() { return this; }
    static get style() { return navbarItemCss; }
}, [257, "ifx-navbar-item", {
        "showLabel": [4, "show-label"],
        "icon": [1],
        "href": [1],
        "target": [1],
        "hideOnMobile": [4, "hide-on-mobile"],
        "numberIndicator": [2, "number-indicator"],
        "dotIndicator": [4, "dot-indicator"],
        "internalHref": [32],
        "isMenuItem": [32],
        "hasChildNavItems": [32],
        "isSidebarMenuItem": [32],
        "itemPosition": [32],
        "hideComponent": [64],
        "showComponent": [64],
        "toggleChildren": [64],
        "moveChildComponentsIntoSubLayerMenu": [64],
        "toggleFirstLayerItem": [64],
        "addMenuItemClass": [64],
        "moveChildComponentsBackIntoNavbar": [64],
        "returnToFirstLayer": [64],
        "setMenuItemPosition": [64],
        "setItemSideSpecifications": [64]
    }, [[0, "focusout", "handleFocusOut"], [5, "mousedown", "handleOutsideClick"]]]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["ifx-navbar-item", "ifx-icon", "ifx-indicator"];
    components.forEach(tagName => { switch (tagName) {
        case "ifx-navbar-item":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, NavbarItem);
            }
            break;
        case "ifx-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "ifx-indicator":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const IfxNavbarItem = NavbarItem;
const defineCustomElement = defineCustomElement$1;

export { IfxNavbarItem, defineCustomElement };
//# sourceMappingURL=ifx-navbar-item.js.map

//# sourceMappingURL=ifx-navbar-item.js.map