@exmg/exm-navigation 1.1.36 → 1.2.0

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-base.js

@@ -0,0 +1,65 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { ExmgElement } from '@exmg/lit-base';
+import { style } from './styles/exm-navigation-drawer-css.js';
+import { classMap } from 'lit/directives/class-map.js';
+export class ExmNavigationDrawerBase extends ExmgElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.persistent = false;
+        this.handleWindowMouseOut = (e) => {
+            if (!e.relatedTarget) {
+                this.handleMouseLeave();
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener('mouseout', this.handleWindowMouseOut);
+    }
+    disconnectedCallback() {
+        window.removeEventListener('mouseout', this.handleWindowMouseOut);
+        super.disconnectedCallback();
+    }
+    handleMouseEnter() {
+        this.fire('drawer-mouseenter');
+    }
+    handleMouseLeave() {
+        this.fire('drawer-mouseleave');
+    }
+    async firstUpdated() {
+        var _a;
+        await this.updateComplete;
+        if ((_a = this.drawer) === null || _a === void 0 ? void 0 : _a.shadowRoot) {
+            const asideElement = this.drawer.shadowRoot.querySelector('aside');
+            if (asideElement) {
+                // Add event listeners to the aside element
+                asideElement.addEventListener('mouseenter', this.handleMouseEnter.bind(this));
+                asideElement.addEventListener('mouseleave', this.handleMouseLeave.bind(this));
+            }
+        }
+    }
+    render() {
+        const classNames = { open: this.open };
+        return html `<aside
+      class="${classMap(classNames)}"
+      @mouseenter=${this.handleMouseEnter}
+      @mouseleave=${this.handleMouseLeave}
+    >
+      <slot></slot>
+    </aside> `;
+    }
+}
+ExmNavigationDrawerBase.styles = [style];
+__decorate([
+    property({ type: Boolean })
+], ExmNavigationDrawerBase.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean })
+], ExmNavigationDrawerBase.prototype, "persistent", void 0);
+__decorate([
+    query('aside')
+], ExmNavigationDrawerBase.prototype, "drawer", void 0);
+//# sourceMappingURL=exm-navigation-drawer-base.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-menu-base.d.ts

@@ -0,0 +1,12 @@
+import { ExmgElement } from '@exmg/lit-base/index.js';
+import { MenuItem } from './types.js';
+import './exm-navigation-rail-nav-item.js';
+import './exm-navigation-drawer-nav-item.js';
+import '@material/web/list/list.js';
+import '@exmg/exm-collapsed/exm-collapsed.js';
+export declare class ExmNavigationDrawerMenuBase extends ExmgElement {
+    items: MenuItem[];
+    path: string[];
+    private handleDrawerMenuItemClick;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-menu-base.js

@@ -0,0 +1,45 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { ExmgElement } from '@exmg/lit-base/index.js';
+import { property } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import './exm-navigation-rail-nav-item.js';
+import './exm-navigation-drawer-nav-item.js';
+import '@material/web/list/list.js';
+import '@exmg/exm-collapsed/exm-collapsed.js';
+export class ExmNavigationDrawerMenuBase extends ExmgElement {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.path = [];
+    }
+    handleDrawerMenuItemClick(path) {
+        this.fire('drawer-menu-item-click', path);
+    }
+    render() {
+        return html `<div class="top"><slot name="top"></slot></div>
+      <nav class="nav">
+        <md-list>
+          ${repeat(this.items || [], ({ id }) => id, (item) => html `
+              <exm-navigation-drawer-nav-item
+                type="button"
+                @click=${this.handleDrawerMenuItemClick.bind(this, item.id)}
+                ?has-submenu=${(item.items || []).length > 0}
+                ?selected=${item.id === this.path[0]}
+                icon=${item.icon || ''}
+              >
+                ${item.label}
+              </exm-navigation-drawer-nav-item>
+            `)}
+        </md-list>
+      </nav>
+      <div class="bottom"><slot name="bottom"></slot></div>`;
+    }
+}
+__decorate([
+    property({ type: Array })
+], ExmNavigationDrawerMenuBase.prototype, "items", void 0);
+__decorate([
+    property({ type: Array })
+], ExmNavigationDrawerMenuBase.prototype, "path", void 0);
+//# sourceMappingURL=exm-navigation-drawer-menu-base.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-menu.d.ts

@@ -0,0 +1,9 @@
+import { ExmNavigationDrawerMenuBase } from './exm-navigation-drawer-menu-base.js';
+export declare class ExmNavigationDrawerMenu extends ExmNavigationDrawerMenuBase {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'exm-navigation-drawer-menu': ExmNavigationDrawerMenu;
+    }
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-menu.js

@@ -0,0 +1,12 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators/custom-element.js';
+import { ExmNavigationDrawerMenuBase } from './exm-navigation-drawer-menu-base.js';
+import { style } from './styles/exm-navigation-sub-menu-css.js';
+let ExmNavigationDrawerMenu = class ExmNavigationDrawerMenu extends ExmNavigationDrawerMenuBase {
+};
+ExmNavigationDrawerMenu.styles = [style];
+ExmNavigationDrawerMenu = __decorate([
+    customElement('exm-navigation-drawer-menu')
+], ExmNavigationDrawerMenu);
+export { ExmNavigationDrawerMenu };
+//# sourceMappingURL=exm-navigation-drawer-menu.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-nav-item-base.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+import '@material/web/focus/md-focus-ring.js';
+import './exm-navigation-icon.js';
+import '@material/web/list/list.js';
+import '@material/web/list/list-item.js';
+export declare class ExmNavigationDrawerNavItemBase extends LitElement {
+    icon: string;
+    itemId?: string;
+    selected: boolean;
+    hasSubmenu: boolean;
+    submenuIcon: string;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-nav-item-base.js

@@ -0,0 +1,49 @@
+import { __decorate } from "tslib";
+import { LitElement, html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { style } from './styles/exm-navigation-drawer-nav-item-css.js';
+import '@material/web/focus/md-focus-ring.js';
+import './exm-navigation-icon.js';
+import '@material/web/list/list.js';
+import '@material/web/list/list-item.js';
+import { classMap } from 'lit/directives/class-map.js';
+export class ExmNavigationDrawerNavItemBase extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.icon = '';
+        this.selected = false;
+        this.hasSubmenu = false;
+        this.submenuIcon = 'arrow_forward';
+    }
+    render() {
+        const classList = { selected: this.selected, 'has-sub-menu': this.hasSubmenu, 'has-icon': !!this.icon };
+        return html `
+      <button class="${classMap(classList)}">
+        ${this.icon ? html `<exm-navigation-icon class="item-icon" icon=${this.icon}></exm-navigation-icon>` : nothing}
+        <span class="label"><slot></slot></span>
+        ${this.hasSubmenu
+            ? html `<exm-navigation-icon class="has-submenu" icon=${this.submenuIcon}></exm-navigation-icon>`
+            : nothing}
+        <md-ripple part="ripple"></md-ripple>
+        <md-focus-ring part="focus-ring" inward></md-focus-ring>
+      </button>
+    `;
+    }
+}
+ExmNavigationDrawerNavItemBase.styles = [style];
+__decorate([
+    property({ type: String })
+], ExmNavigationDrawerNavItemBase.prototype, "icon", void 0);
+__decorate([
+    property({ type: String })
+], ExmNavigationDrawerNavItemBase.prototype, "itemId", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ExmNavigationDrawerNavItemBase.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'has-submenu' })
+], ExmNavigationDrawerNavItemBase.prototype, "hasSubmenu", void 0);
+__decorate([
+    property({ type: String, attribute: 'submenu-icon' })
+], ExmNavigationDrawerNavItemBase.prototype, "submenuIcon", void 0);
+//# sourceMappingURL=exm-navigation-drawer-nav-item-base.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-nav-item.d.ts

@@ -0,0 +1,8 @@
+import { ExmNavigationDrawerNavItemBase } from './exm-navigation-drawer-nav-item-base.js';
+export declare class ExmNavigationDrawerNavItem extends ExmNavigationDrawerNavItemBase {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'exm-navigation-drawer-nav-item': ExmNavigationDrawerNavItem;
+    }
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-nav-item.js

@@ -0,0 +1,10 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { ExmNavigationDrawerNavItemBase } from './exm-navigation-drawer-nav-item-base.js';
+let ExmNavigationDrawerNavItem = class ExmNavigationDrawerNavItem extends ExmNavigationDrawerNavItemBase {
+};
+ExmNavigationDrawerNavItem = __decorate([
+    customElement('exm-navigation-drawer-nav-item')
+], ExmNavigationDrawerNavItem);
+export { ExmNavigationDrawerNavItem };
+//# sourceMappingURL=exm-navigation-drawer-nav-item.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer.d.ts

@@ -0,0 +1,8 @@
+import { ExmNavigationDrawerBase } from './exm-navigation-drawer-base.js';
+export declare class ExmNavigationDrawer extends ExmNavigationDrawerBase {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'exm-navigation-drawer': ExmNavigationDrawer;
+    }
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer.js

@@ -0,0 +1,10 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { ExmNavigationDrawerBase } from './exm-navigation-drawer-base.js';
+let ExmNavigationDrawer = class ExmNavigationDrawer extends ExmNavigationDrawerBase {
+};
+ExmNavigationDrawer = __decorate([
+    customElement('exm-navigation-drawer')
+], ExmNavigationDrawer);
+export { ExmNavigationDrawer };
+//# sourceMappingURL=exm-navigation-drawer.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon-base.d.ts

@@ -0,0 +1,7 @@
+import { ExmgElement } from '@exmg/lit-base/index.js';
+import './styles/exm-navigation-icon-css.js';
+export declare class ExmNavigationIconBase extends ExmgElement {
+    icon: string;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon-base.js

@@ -0,0 +1,20 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { ExmgElement } from '@exmg/lit-base/index.js';
+import { property } from 'lit/decorators.js';
+import { style } from './styles/exm-navigation-icon-css.js';
+import './styles/exm-navigation-icon-css.js';
+export class ExmNavigationIconBase extends ExmgElement {
+    constructor() {
+        super(...arguments);
+        this.icon = 'menu';
+    }
+    render() {
+        return html `<span class="icon">${this.icon}</span>`;
+    }
+}
+ExmNavigationIconBase.styles = [style];
+__decorate([
+    property({ type: String })
+], ExmNavigationIconBase.prototype, "icon", void 0);
+//# sourceMappingURL=exm-navigation-icon-base.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon-button-base.d.ts

@@ -0,0 +1,9 @@
+import { ExmgElement } from '@exmg/lit-base/index.js';
+import './exm-navigation-icon.js';
+export declare class ExmNavigationIconButtonBase extends ExmgElement {
+    icon: string;
+    label: string;
+    static styles: import("lit").CSSResult[];
+    private handleMenuButtonClick;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon-button-base.js

@@ -0,0 +1,36 @@
+import { __decorate } from "tslib";
+import { html, nothing } from 'lit';
+import { ExmgElement } from '@exmg/lit-base/index.js';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { style } from './styles/exm-navigation-icon-button-css.js';
+import './exm-navigation-icon.js';
+export class ExmNavigationIconButtonBase extends ExmgElement {
+    constructor() {
+        super(...arguments);
+        this.icon = 'menu';
+        this.label = '';
+    }
+    handleMenuButtonClick(itemId) {
+        this.fire('navigation-icon-button-click', itemId);
+    }
+    render() {
+        const buttonClass = { 'has-label': !!this.label };
+        return html `
+      <button class="icon-button ${classMap(buttonClass)}" @click=${this.handleMenuButtonClick}>
+        <exm-navigation-icon icon=${this.icon}></exm-navigation-icon>
+        ${this.label ? html ` <span class="label">${this.label}</span>` : nothing}
+        <md-ripple part="ripple"></md-ripple>
+        <md-focus-ring part="focus-ring" inward></md-focus-ring>
+      </button>
+    `;
+    }
+}
+ExmNavigationIconButtonBase.styles = [style];
+__decorate([
+    property({ type: String })
+], ExmNavigationIconButtonBase.prototype, "icon", void 0);
+__decorate([
+    property({ type: String })
+], ExmNavigationIconButtonBase.prototype, "label", void 0);
+//# sourceMappingURL=exm-navigation-icon-button-base.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon-button.d.ts

@@ -0,0 +1,8 @@
+import { ExmNavigationIconButtonBase } from './exm-navigation-icon-button-base.js';
+export declare class ExmNavigationIconButton extends ExmNavigationIconButtonBase {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'exm-navigation-icon-button': ExmNavigationIconButton;
+    }
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon-button.js

@@ -0,0 +1,10 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators/custom-element.js';
+import { ExmNavigationIconButtonBase } from './exm-navigation-icon-button-base.js';
+let ExmNavigationIconButton = class ExmNavigationIconButton extends ExmNavigationIconButtonBase {
+};
+ExmNavigationIconButton = __decorate([
+    customElement('exm-navigation-icon-button')
+], ExmNavigationIconButton);
+export { ExmNavigationIconButton };
+//# sourceMappingURL=exm-navigation-icon-button.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon.d.ts

@@ -0,0 +1,8 @@
+import { ExmNavigationIconBase } from './exm-navigation-icon-base.js';
+export declare class ExmNavigationIcon extends ExmNavigationIconBase {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'exm-navigation-icon': ExmNavigationIcon;
+    }
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon.js

@@ -0,0 +1,10 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators/custom-element.js';
+import { ExmNavigationIconBase } from './exm-navigation-icon-base.js';
+let ExmNavigationIcon = class ExmNavigationIcon extends ExmNavigationIconBase {
+};
+ExmNavigationIcon = __decorate([
+    customElement('exm-navigation-icon')
+], ExmNavigationIcon);
+export { ExmNavigationIcon };
+//# sourceMappingURL=exm-navigation-icon.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail-base.d.ts

@@ -0,0 +1,12 @@
+import { ExmgElement } from '@exmg/lit-base/index.js';
+import { MenuItem } from './types.js';
+import './exm-navigation-rail-nav-item.js';
+export declare class ExmNavigationRailBase extends ExmgElement {
+    items: MenuItem[];
+    selected: string[];
+    static styles: import("lit").CSSResult[];
+    private handleRailClick;
+    private handleRailMouseEnter;
+    private handleRailMouseLeave;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail-base.js

@@ -0,0 +1,62 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { ExmgElement } from '@exmg/lit-base/index.js';
+import { property } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { style } from './styles/exm-navigation-rail-css.js';
+import './exm-navigation-rail-nav-item.js';
+import { classMap } from 'lit/directives/class-map.js';
+export class ExmNavigationRailBase extends ExmgElement {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.selected = [];
+    }
+    handleRailClick(itemId) {
+        this.fire('rail-item-click', itemId);
+    }
+    handleRailMouseEnter(itemId) {
+        this.fire('rail-item-mouseenter', itemId);
+    }
+    handleRailMouseLeave(itemId) {
+        this.fire('rail-item-mouseleave', itemId);
+    }
+    render() {
+        return html `<div class="rail-top"><slot name="rail-top"></slot></div>
+      <nav class="nav">
+        <ul>
+          ${repeat(this.items, (item) => {
+            if (item.type === 'separator') {
+                return html ` <li class="rail-separator"></li> `;
+            }
+            else {
+                const classes = { hidden: item.type === 'hidden' };
+                return html `
+                <li class=${classMap(classes)}>
+                  <exm-navigation-rail-nav-item
+                    @click=${() => this.handleRailClick(item.id)}
+                    @mouseenter=${() => this.handleRailMouseEnter(item.id)}
+                    @mouseleave=${() => this.handleRailMouseLeave(item.id)}
+                    label=${item.label}
+                    icon=${item.icon || ''}
+                    ?hasSubMenu=${(item.items || []).length > 0}
+                    itemId=${item.id}
+                    .selected=${this.selected[0] === item.id}
+                  ></exm-navigation-rail-nav-item>
+                </li>
+              `;
+            }
+        })}
+        </ul>
+      </nav>
+      <div class="rail-bottom"><slot name="rail-bottom"></slot></div>`;
+    }
+}
+ExmNavigationRailBase.styles = [style];
+__decorate([
+    property({ type: Array })
+], ExmNavigationRailBase.prototype, "items", void 0);
+__decorate([
+    property({ type: Array })
+], ExmNavigationRailBase.prototype, "selected", void 0);
+//# sourceMappingURL=exm-navigation-rail-base.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail-nav-item-base.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+import '@material/web/focus/md-focus-ring.js';
+import './exm-navigation-icon.js';
+export declare class ExmNavigationRailNavItemBase extends LitElement {
+    icon: string;
+    itemId?: string;
+    label?: string;
+    selected: boolean;
+    hasSubMenu: boolean;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail-nav-item-base.js

@@ -0,0 +1,37 @@
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { style } from './styles/exm-navigation-rail-nav-item-css.js';
+import '@material/web/focus/md-focus-ring.js';
+import './exm-navigation-icon.js';
+export class ExmNavigationRailNavItemBase extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.icon = '';
+        this.selected = false;
+        this.hasSubMenu = false;
+    }
+    render() {
+        return html `<button role="link">
+      <md-focus-ring></md-focus-ring><exm-navigation-icon class="symbols" icon=${this.icon}></exm-navigation-icon>
+      <div class="label">${this.label}</div>
+    </button>`;
+    }
+}
+ExmNavigationRailNavItemBase.styles = [style];
+__decorate([
+    property({ type: String })
+], ExmNavigationRailNavItemBase.prototype, "icon", void 0);
+__decorate([
+    property({ type: String })
+], ExmNavigationRailNavItemBase.prototype, "itemId", void 0);
+__decorate([
+    property({ type: String })
+], ExmNavigationRailNavItemBase.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ExmNavigationRailNavItemBase.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], ExmNavigationRailNavItemBase.prototype, "hasSubMenu", void 0);
+//# sourceMappingURL=exm-navigation-rail-nav-item-base.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail-nav-item.d.ts

@@ -0,0 +1,8 @@
+import { ExmNavigationRailNavItemBase } from './exm-navigation-rail-nav-item-base.js';
+export declare class ExmNavigationRailNavItem extends ExmNavigationRailNavItemBase {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'exm-navigation-rail-nav-item': ExmNavigationRailNavItem;
+    }
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail-nav-item.js

@@ -0,0 +1,10 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { ExmNavigationRailNavItemBase } from './exm-navigation-rail-nav-item-base.js';
+let ExmNavigationRailNavItem = class ExmNavigationRailNavItem extends ExmNavigationRailNavItemBase {
+};
+ExmNavigationRailNavItem = __decorate([
+    customElement('exm-navigation-rail-nav-item')
+], ExmNavigationRailNavItem);
+export { ExmNavigationRailNavItem };
+//# sourceMappingURL=exm-navigation-rail-nav-item.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail.d.ts

@@ -0,0 +1,8 @@
+import { ExmNavigationRailBase } from './exm-navigation-rail-base.js';
+export declare class ExmNavigationRail extends ExmNavigationRailBase {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'exm-navigation-rail': ExmNavigationRail;
+    }
+}

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail.js

@@ -0,0 +1,10 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators/custom-element.js';
+import { ExmNavigationRailBase } from './exm-navigation-rail-base.js';
+let ExmNavigationRail = class ExmNavigationRail extends ExmNavigationRailBase {
+};
+ExmNavigationRail = __decorate([
+    customElement('exm-navigation-rail')
+], ExmNavigationRail);
+export { ExmNavigationRail };
+//# sourceMappingURL=exm-navigation-rail.js.map

package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-sub-menu-base.d.ts

@@ -0,0 +1,28 @@
+import { PropertyValues } from 'lit';
+import { ExmgElement } from '@exmg/lit-base/index.js';
+import { MenuItem } from './types.js';
+import './exm-navigation-rail-nav-item.js';
+import './exm-navigation-drawer-nav-item.js';
+import '@material/web/list/list.js';
+import '@exmg/exm-collapsed/exm-collapsed.js';
+export declare class ExmNavigationSubMenuBase extends ExmgElement {
+    items: MenuItem[];
+    path: (string | null)[];
+    hasBackButton: boolean;
+    currentItem?: MenuItem['items'];
+    static itemIndex: number;
+    navigationElement?: HTMLElement;
+    static styles: import("lit").CSSResult[];
+    protected updated(changedProperties: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleSubMenuItemClick;
+    /**
+     * If a collapsable menuitem is not selected we can just pass the path.
+     * If it is selected, we remove the item from the path to collapse the menu again
+     */
+    private handleCollapsableSubMenuItemClick;
+    private getItemStyle;
+    private renderSubMenu;
+    render(): import("lit-html").TemplateResult<1>;
+}