le-kit 0.5.3 → 0.6.0

package/dist/collection/components/le-navigation/le-navigation.js

@@ -1,690 +0,0 @@
-import { h, Host, } from "@stencil/core";
-import { classnames, generateId } from "../../utils/utils";
-/**
- * Navigation component with vertical (tree) and horizontal (menu) layouts.
- *
- * - Accepts items as `LeOption[]` or a JSON string.
- * - Supports hierarchical items via `children`.
- * - Supports persisted expansion via `open` on items.
- *
- * @slot hamburger-trigger - Custom trigger contents for the hamburger button
- * @slot more-trigger - Custom trigger contents for the "More" button
- *
- * @cmsEditable true
- * @cmsCategory Navigation
- */
-export class LeNavigation {
-    constructor() {
-        /**
-         * Navigation items.
-         * Can be passed as an array or JSON string (same pattern as le-select).
-         */
-        this.items = [];
-        /**
-         * Layout orientation.
-         */
-        this.orientation = 'horizontal';
-        /**
-         * Horizontal wrapping behavior.
-         * If false, overflow behavior depends on `overflowMode`.
-         */
-        this.wrap = false;
-        /**
-         * Overflow behavior for horizontal, non-wrapping menus.
-         * - more: moves overflow items into a "More" popover
-         * - hamburger: turns the whole nav into a hamburger popover
-         */
-        this.overflowMode = 'more';
-        /**
-         * Minimum number of visible top-level items required to use the "More" overflow.
-         * If fewer would be visible, the navigation falls back to hamburger.
-         */
-        this.minVisibleItemsForMore = 2;
-        /**
-         * Alignment of the menu items within the navigation bar.
-         */
-        this.align = 'start';
-        /**
-         * Active url for automatic selection.
-         */
-        this.activeUrl = '';
-        /**
-         * Enables a search input for the vertical navigation.
-         */
-        this.searchable = false;
-        /**
-         * Placeholder text for the search input.
-         */
-        this.searchPlaceholder = 'Search...';
-        /**
-         * Text shown when no items match the filter.
-         */
-        this.emptyText = 'No results found';
-        /**
-         * Whether submenu popovers should include a filter input.
-         */
-        this.submenuSearchable = false;
-        this.searchQuery = '';
-        this.openState = {};
-        /** IDs of items currently in overflow (from le-bar) */
-        this.overflowIds = [];
-        /** Whether hamburger mode is active (from le-bar) */
-        this.hamburgerActive = false;
-        this.submenuQueries = {};
-        /** Whether the overflow popover is open */
-        this.overflowPopoverOpen = false;
-        this.popoverRefs = new Map();
-        this.instanceId = generateId('le-nav');
-        this.handleItemSelect = (e, item, id) => {
-            if (item.disabled) {
-                e.preventDefault();
-                e.stopPropagation();
-                return;
-            }
-            const emitted = this.leNavItemSelect.emit({
-                item,
-                id,
-                href: item.href,
-                originalEvent: e,
-            });
-            if (emitted.defaultPrevented) {
-                e.preventDefault();
-            }
-        };
-        this.handleToggle = (e, item, id) => {
-            e.preventDefault();
-            e.stopPropagation();
-            if (item.disabled)
-                return;
-            const next = !this.isOpen(item, id);
-            this.setOpen(id, next);
-            this.leNavItemToggle.emit({
-                item,
-                id,
-                open: next,
-                originalEvent: e,
-            });
-        };
-        this.handleSearchInput = (e) => {
-            const target = e.target;
-            this.searchQuery = target.value;
-        };
-        this.handleSubmenuSearchInput = (submenuId, e) => {
-            const target = e.target;
-            const value = target.value;
-            if (this.submenuQueries[submenuId] === value)
-                return;
-            this.submenuQueries = {
-                ...this.submenuQueries,
-                [submenuId]: value,
-            };
-            // Position may change as items filter.
-            requestAnimationFrame(() => this.popoverRefs.get(submenuId)?.updatePosition());
-        };
-        this.handleBarOverflowChange = (e) => {
-            this.overflowIds = e.detail.overflowingIds || [];
-            this.hamburgerActive = e.detail.hamburgerActive || false;
-        };
-        this.openOverflowPopover = () => {
-            this.overflowPopoverOpen = true;
-        };
-        this.closeOverflowPopover = () => {
-            this.overflowPopoverOpen = false;
-        };
-    }
-    partFromOptionPart(base, part) {
-        const raw = (part ?? '').trim();
-        if (!raw)
-            return base;
-        const tokens = raw
-            .split(/\s+/)
-            .map(t => t.replace(/[^a-zA-Z0-9_-]/g, ''))
-            .filter(Boolean);
-        if (tokens.length === 0)
-            return base;
-        return [base, ...tokens.map(t => `${base}-${t}`)].join(' ');
-    }
-    handleLayoutInputsChange() {
-        // Reset overflow state when layout inputs change
-        this.overflowIds = [];
-        this.hamburgerActive = false;
-    }
-    disconnectedCallback() {
-        // Cleanup if needed
-    }
-    get parsedItems() {
-        if (typeof this.items === 'string') {
-            try {
-                return JSON.parse(this.items);
-            }
-            catch {
-                return [];
-            }
-        }
-        return this.items;
-    }
-    getItemId(item, path) {
-        return item.id ?? `${this.instanceId}:${path}`;
-    }
-    getChildItems(item) {
-        return Array.isArray(item.children) ? item.children : [];
-    }
-    isOpen(item, id) {
-        const fromState = this.openState[id];
-        if (typeof fromState === 'boolean')
-            return fromState;
-        return !!item.open;
-    }
-    setOpen(id, open) {
-        if (this.openState[id] === open)
-            return;
-        this.openState = {
-            ...this.openState,
-            [id]: open,
-        };
-    }
-    matchesQuery(option, query) {
-        if (!query)
-            return true;
-        const q = query.toLowerCase();
-        return (option.label.toLowerCase().includes(q) ||
-            (option.description?.toLowerCase().includes(q) ?? false));
-    }
-    filterTree(items, query, pathPrefix, autoOpen) {
-        if (!query)
-            return items;
-        const result = [];
-        items.forEach((item, index) => {
-            const path = pathPrefix ? `${pathPrefix}.${index}` : String(index);
-            const id = this.getItemId(item, path);
-            const children = this.getChildItems(item);
-            const filteredChildren = this.filterTree(children, query, path, autoOpen);
-            const selfMatch = this.matchesQuery(item, query);
-            const childMatch = filteredChildren.length > 0;
-            if (selfMatch || childMatch) {
-                if (childMatch) {
-                    autoOpen.add(id);
-                }
-                if (childMatch && filteredChildren !== children) {
-                    result.push({
-                        ...item,
-                        children: filteredChildren,
-                    });
-                }
-                else {
-                    result.push(item);
-                }
-            }
-        });
-        return result;
-    }
-    renderVerticalList(items, { depth, pathPrefix, autoOpenIds, searchable, searchQuery, searchPlaceholder, emptyText, submenuId, closePopover, }) {
-        const query = searchQuery ?? '';
-        const openFromSearch = autoOpenIds ?? new Set();
-        const filtered = query ? this.filterTree(items, query, pathPrefix, openFromSearch) : items;
-        return (h("div", { class: classnames('nav-vertical', { 'is-submenu': !!submenuId }) }, searchable && (h("div", { class: "nav-search" }, h("le-string-input", { mode: "default", class: "nav-search-input", placeholder: searchPlaceholder ?? 'Search...', value: query, onInput: (e) => submenuId ? this.handleSubmenuSearchInput(submenuId, e) : this.handleSearchInput(e) }))), filtered.length === 0 ? (h("div", { class: "nav-empty" }, emptyText ?? this.emptyText)) : (h("ul", { class: "nav-list", role: "tree" }, filtered.map((item, index) => {
-            const path = pathPrefix ? `${pathPrefix}.${index}` : String(index);
-            const id = this.getItemId(item, path);
-            const children = this.getChildItems(item);
-            const hasChildren = children.length > 0;
-            const open = hasChildren && (this.isOpen(item, id) || openFromSearch.has(id));
-            const paddingLeft = `calc(var(--le-nav-item-padding-x) + ${depth} * var(--le-spacing-4))`;
-            const TagType = item.href && !item.disabled ? 'a' : 'button';
-            const attrs = TagType === 'a'
-                ? { href: item.href, role: 'treeitem' }
-                : { type: 'button', role: 'treeitem' };
-            const itemPart = this.partFromOptionPart('item', item.part);
-            return (h("li", { class: classnames('nav-node', {
-                    'disabled': item.disabled,
-                    'selected': item.selected || (this.activeUrl && item.href === this.activeUrl),
-                    open,
-                    'has-children': hasChildren,
-                }), key: id, role: "none" }, h("div", { class: "nav-row", style: { paddingLeft } }, hasChildren ? (h("button", { type: "button", class: "nav-toggle", "aria-label": open ? 'Collapse' : 'Expand', "aria-expanded": open ? 'true' : 'false', onClick: (e) => this.handleToggle(e, item, id), disabled: item.disabled }, h("le-icon", { name: "chevron-down", class: "nav-chevron", "aria-hidden": "true" }))) : (h("span", { class: "nav-toggle-spacer", "aria-hidden": "true" })), h(TagType, { class: "nav-item", part: itemPart, ...attrs, "aria-disabled": item.disabled ? 'true' : undefined, onClick: (e) => {
-                    // For buttons, also toggle if this is a purely structural node.
-                    this.handleItemSelect(e, item, id);
-                    if (!item.href && hasChildren && !item.disabled) {
-                        this.handleToggle(e, item, id);
-                        return;
-                    }
-                    if (!item.disabled && closePopover) {
-                        closePopover();
-                    }
-                } }, item.iconStart && (h("span", { class: "nav-icon", "aria-hidden": "true" }, item.iconStart)), h("span", { class: "nav-text" }, h("span", { class: "nav-label" }, item.label), item.description && (h("span", { class: "nav-description" }, item.description))), item.iconEnd && (h("span", { class: "nav-icon nav-icon-end", "aria-hidden": "true" }, item.iconEnd)))), hasChildren && (h("le-collapse", { class: "nav-children", closed: !open, noFading: true, role: "group" }, this.renderVerticalList(children, {
-                depth: depth + 1,
-                pathPrefix: path,
-                autoOpenIds: openFromSearch,
-                submenuId,
-                closePopover,
-            })))));
-        })))));
-    }
-    renderHorizontalItem(item, index) {
-        const id = this.getItemId(item, String(index));
-        const children = this.getChildItems(item);
-        const hasChildren = children.length > 0;
-        if (!hasChildren) {
-            const TagType = item.href && !item.disabled ? 'a' : 'button';
-            const attrs = TagType === 'a'
-                ? { href: item.href, role: 'menuitem' }
-                : { type: 'button', role: 'menuitem' };
-            const itemPart = this.partFromOptionPart('item', item.part);
-            return (h("div", { class: "h-item", "data-bar-id": id }, h(TagType, { class: classnames('h-link', {
-                    disabled: item.disabled,
-                    selected: item.selected || (this.activeUrl && item.href === this.activeUrl),
-                }), part: itemPart, ...attrs, "aria-disabled": item.disabled ? 'true' : undefined, onClick: (e) => this.handleItemSelect(e, item, id) }, item.iconStart && (h("span", { class: "nav-icon", "aria-hidden": "true" }, item.iconStart)), h("span", { class: "h-label" }, item.label), item.iconEnd && (h("span", { class: "nav-icon nav-icon-end", "aria-hidden": "true" }, item.iconEnd)))));
-        }
-        const submenuId = id;
-        const itemPart = this.partFromOptionPart('item', item.part);
-        return (h("div", { class: "h-item", "data-bar-id": id }, h("le-popover", { ref: el => {
-                if (el)
-                    this.popoverRefs.set(submenuId, el);
-            }, mode: "default", offset: 8, showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "start", minWidth: "240px" }, h("div", { slot: "trigger", class: classnames('h-trigger', {
-                disabled: item.disabled,
-                selected: item.selected || (this.activeUrl && item.href === this.activeUrl),
-            }), part: itemPart, role: "menuitem", "aria-disabled": item.disabled ? 'true' : undefined, onClick: (e) => {
-                // Don’t let le-popover auto-toggle from its internal wrapper.
-                e.stopPropagation();
-                if (item.disabled)
-                    return;
-                if (item.href) {
-                    this.handleItemSelect(e, item, id);
-                    this.popoverRefs.get(submenuId)?.hide();
-                }
-                else {
-                    this.popoverRefs.get(submenuId)?.toggle();
-                }
-            } }, item.href ? (h("a", { class: "h-link", href: item.href, onClick: (e) => {
-                e.stopPropagation();
-                this.handleItemSelect(e, item, id);
-            } }, item.iconStart && (h("span", { class: "nav-icon", "aria-hidden": "true" }, item.iconStart)), h("span", { class: "h-label" }, item.label), h("span", { class: "nav-chevron", "aria-hidden": "true" }, h("le-icon", { name: "chevron-down" })))) : (h("button", { type: "button", class: "h-link", onClick: (e) => {
-                e.stopPropagation();
-                if (item.disabled)
-                    return;
-                this.popoverRefs.get(submenuId)?.toggle();
-            } }, item.iconStart && (h("span", { class: "nav-icon", "aria-hidden": "true" }, item.iconStart)), h("span", { class: "h-label" }, item.label), h("span", { class: "nav-chevron", "aria-hidden": "true" }, h("le-icon", { name: "chevron-down" }))))), h("div", { class: "popover-menu" }, this.renderVerticalList(children, {
-            depth: 0,
-            pathPrefix: String(index),
-            searchable: this.submenuSearchable,
-            searchQuery: this.submenuQueries[submenuId] ?? '',
-            searchPlaceholder: this.searchPlaceholder,
-            emptyText: this.emptyText,
-            submenuId,
-            closePopover: () => this.popoverRefs.get(submenuId)?.hide(),
-        })))));
-    }
-    getOverflowMode() {
-        if (this.wrap)
-            return 'wrap';
-        return this.overflowMode;
-    }
-    getBarAlignment() {
-        // Map le-navigation align to le-bar alignItems
-        // 'space-between' doesn't map directly, use 'stretch' as closest
-        if (this.align === 'space-between')
-            return 'stretch';
-        return this.align;
-    }
-    renderOverflowPopover() {
-        const items = this.parsedItems;
-        const overflowSet = new Set(this.overflowIds || []);
-        // Determine which items to show in the popover
-        let itemsToShow;
-        if (this.hamburgerActive) {
-            // In hamburger mode, show all items
-            itemsToShow = items;
-        }
-        else {
-            // In "more" mode, show only overflow items
-            itemsToShow = items.filter((item, index) => {
-                const id = this.getItemId(item, String(index));
-                return overflowSet.has(id);
-            });
-        }
-        if (itemsToShow.length === 0)
-            return null;
-        const isHamburger = this.hamburgerActive;
-        return (h("le-popover", { mode: "default", offset: 8, open: this.overflowPopoverOpen, showClose: false, closeOnClickOutside: true, closeOnEscape: true, position: "bottom", align: "end", minWidth: "260px", onLePopoverClose: this.closeOverflowPopover }, h("button", { slot: "trigger", type: "button", class: "overflow-trigger", part: isHamburger ? 'hamburger-trigger' : 'more-trigger', "aria-label": isHamburger ? 'Open menu' : 'More', onClick: this.openOverflowPopover }, h("slot", { name: isHamburger ? 'hamburger-trigger' : 'more-trigger' }, h("le-icon", { name: isHamburger ? 'hamburger' : 'ellipsis-horizontal' }))), h("div", { class: "popover-menu" }, this.renderVerticalList(itemsToShow, {
-            depth: 0,
-            pathPrefix: '',
-            closePopover: this.closeOverflowPopover,
-        }))));
-    }
-    renderHorizontal() {
-        const items = this.parsedItems;
-        const overflowMode = this.getOverflowMode();
-        const showOverflowButton = (this.overflowIds?.length ?? 0) > 0 || this.hamburgerActive;
-        return (h("div", { class: "nav-horizontal-wrapper" }, h("le-bar", { class: classnames('nav-bar', {
-                'align-end': this.align === 'end',
-                'align-center': this.align === 'center',
-                'align-space-between': this.align === 'space-between',
-            }), overflow: overflowMode, alignItems: this.getBarAlignment(), disablePopover: true, minVisibleItems: this.minVisibleItemsForMore, onLeBarOverflowChange: this.handleBarOverflowChange }, items.map((item, index) => this.renderHorizontalItem(item, index))), showOverflowButton && this.renderOverflowPopover()));
-    }
-    render() {
-        const items = this.parsedItems;
-        if (this.orientation === 'horizontal') {
-            return (h(Host, null, h("le-component", { component: "le-navigation" }, this.renderHorizontal())));
-        }
-        return (h(Host, null, h("le-component", { component: "le-navigation" }, this.renderVerticalList(items, {
-            depth: 0,
-            pathPrefix: '',
-            searchable: this.searchable,
-            searchQuery: this.searchQuery,
-            searchPlaceholder: this.searchPlaceholder,
-            emptyText: this.emptyText,
-        }))));
-    }
-    static get is() { return "le-navigation"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["le-navigation.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["le-navigation.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "items": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "LeOption[] | string",
-                    "resolved": "LeOption[] | string",
-                    "references": {
-                        "LeOption": {
-                            "location": "import",
-                            "path": "../../types/options",
-                            "id": "src/types/options.ts::LeOption"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Navigation items.\nCan be passed as an array or JSON string (same pattern as le-select)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "items",
-                "defaultValue": "[]"
-            },
-            "orientation": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'vertical' | 'horizontal'",
-                    "resolved": "\"horizontal\" | \"vertical\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Layout orientation."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "orientation",
-                "defaultValue": "'horizontal'"
-            },
-            "wrap": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Horizontal wrapping behavior.\nIf false, overflow behavior depends on `overflowMode`."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "wrap",
-                "defaultValue": "false"
-            },
-            "overflowMode": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'more' | 'hamburger'",
-                    "resolved": "\"hamburger\" | \"more\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Overflow behavior for horizontal, non-wrapping menus.\n- more: moves overflow items into a \"More\" popover\n- hamburger: turns the whole nav into a hamburger popover"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "overflow-mode",
-                "defaultValue": "'more'"
-            },
-            "minVisibleItemsForMore": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Minimum number of visible top-level items required to use the \"More\" overflow.\nIf fewer would be visible, the navigation falls back to hamburger."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "min-visible-items-for-more",
-                "defaultValue": "2"
-            },
-            "align": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'start' | 'end' | 'center' | 'space-between'",
-                    "resolved": "\"center\" | \"end\" | \"space-between\" | \"start\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Alignment of the menu items within the navigation bar."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "align",
-                "defaultValue": "'start'"
-            },
-            "activeUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Active url for automatic selection."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "active-url",
-                "defaultValue": "''"
-            },
-            "searchable": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Enables a search input for the vertical navigation."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "searchable",
-                "defaultValue": "false"
-            },
-            "searchPlaceholder": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Placeholder text for the search input."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "search-placeholder",
-                "defaultValue": "'Search...'"
-            },
-            "emptyText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Text shown when no items match the filter."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "empty-text",
-                "defaultValue": "'No results found'"
-            },
-            "submenuSearchable": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether submenu popovers should include a filter input."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "submenu-searchable",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "searchQuery": {},
-            "openState": {},
-            "overflowIds": {},
-            "hamburgerActive": {},
-            "submenuQueries": {},
-            "overflowPopoverOpen": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "leNavItemSelect",
-                "name": "leNavItemSelect",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fired when a navigation item is activated.\n\nThis event is cancelable. Call `event.preventDefault()` to prevent\ndefault browser navigation and implement custom routing."
-                },
-                "complexType": {
-                    "original": "LeNavigationItemSelectDetail",
-                    "resolved": "LeNavigationItemSelectDetail",
-                    "references": {
-                        "LeNavigationItemSelectDetail": {
-                            "location": "local",
-                            "path": "/home/runner/work/le-kit/le-kit/src/components/le-navigation/le-navigation.tsx",
-                            "id": "src/components/le-navigation/le-navigation.tsx::LeNavigationItemSelectDetail"
-                        }
-                    }
-                }
-            }, {
-                "method": "leNavItemToggle",
-                "name": "leNavItemToggle",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fired when a tree branch is toggled."
-                },
-                "complexType": {
-                    "original": "LeNavigationItemToggleDetail",
-                    "resolved": "LeNavigationItemToggleDetail",
-                    "references": {
-                        "LeNavigationItemToggleDetail": {
-                            "location": "local",
-                            "path": "/home/runner/work/le-kit/le-kit/src/components/le-navigation/le-navigation.tsx",
-                            "id": "src/components/le-navigation/le-navigation.tsx::LeNavigationItemToggleDetail"
-                        }
-                    }
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "items",
-                "methodName": "handleLayoutInputsChange"
-            }, {
-                "propName": "orientation",
-                "methodName": "handleLayoutInputsChange"
-            }, {
-                "propName": "wrap",
-                "methodName": "handleLayoutInputsChange"
-            }, {
-                "propName": "overflowMode",
-                "methodName": "handleLayoutInputsChange"
-            }];
-    }
-}
-//# sourceMappingURL=le-navigation.js.map