le-kit 0.5.3 → 0.6.0

package/dist/cjs/le-side-panel-toggle.cjs.entry.js

@@ -1,213 +0,0 @@
-'use strict';
-
-var index = require('./index-BzadfLTc.js');
-
-function parseShortcut(input) {
-    if (!input) {
-        return undefined;
-    }
-    const trimmed = input.trim();
-    if (!trimmed) {
-        return undefined;
-    }
-    const parts = trimmed
-        .split('+')
-        .map(p => p.trim())
-        .filter(Boolean);
-    if (parts.length === 0) {
-        return undefined;
-    }
-    const key = parts[parts.length - 1];
-    const mods = parts.slice(0, -1).map(m => m.toLowerCase());
-    const spec = {
-        key: key.toLowerCase(),
-        alt: mods.includes('alt') || mods.includes('option'),
-        ctrl: mods.includes('ctrl') || mods.includes('control'),
-        meta: mods.includes('meta') || mods.includes('cmd') || mods.includes('command'),
-        shift: mods.includes('shift'),
-    };
-    if (mods.includes('mod')) {
-        // mac: Cmd, others: Ctrl
-        const isMac = typeof navigator !== 'undefined' && /mac/i.test(navigator.platform);
-        if (isMac) {
-            spec.meta = true;
-        }
-        else {
-            spec.ctrl = true;
-        }
-    }
-    return spec;
-}
-function isEditableTarget(target) {
-    if (!(target instanceof HTMLElement)) {
-        return false;
-    }
-    const tag = target.tagName.toLowerCase();
-    if (tag === 'input' || tag === 'textarea' || tag === 'select') {
-        return true;
-    }
-    return target.isContentEditable;
-}
-const LeSidePanelToggle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.leSidePanelRequestToggle = index.createEvent(this, "leSidePanelRequestToggle");
-        /** Action to emit. Default toggles the panel. */
-        this.action = 'toggle';
-        /** Disables the toggle. */
-        this.disabled = false;
-        this.variant = 'solid';
-        this.color = 'primary';
-        this.size = 'medium';
-        this.selected = false;
-        this.fullWidth = false;
-        this.type = 'button';
-        this.align = 'center';
-        this.onDocumentKeyDown = (ev) => {
-            if (this.disabled) {
-                return;
-            }
-            const spec = this.shortcutSpec;
-            if (!spec) {
-                return;
-            }
-            if (isEditableTarget(ev.target)) {
-                return;
-            }
-            const key = (ev.key || '').toLowerCase();
-            if (key !== spec.key) {
-                return;
-            }
-            if (!!ev.altKey !== spec.alt) {
-                return;
-            }
-            if (!!ev.ctrlKey !== spec.ctrl) {
-                return;
-            }
-            if (!!ev.metaKey !== spec.meta) {
-                return;
-            }
-            if (!!ev.shiftKey !== spec.shift) {
-                return;
-            }
-            ev.preventDefault();
-            this.emitRequest();
-        };
-        this.onPanelStateChange = (ev) => {
-            const detail = ev.detail || {};
-            const requestedId = this.getResolvedPanelId() || '';
-            const eventId = detail.panelId || '';
-            if (requestedId !== eventId) {
-                return;
-            }
-            if (typeof detail.open === 'boolean') {
-                this.expanded = detail.open;
-                this.syncAriaExpanded();
-            }
-            if (typeof detail.collapsed === 'boolean') {
-                this.expanded = !detail.collapsed;
-                this.syncAriaExpanded();
-            }
-        };
-    }
-    onShortcutChanged() {
-        this.shortcutSpec = parseShortcut(this.shortcut);
-        this.syncShortcutListener();
-    }
-    connectedCallback() {
-        this.shortcutSpec = parseShortcut(this.shortcut);
-        this.forwardedNodes = Array.from(this.el.childNodes);
-        {
-            this.syncShortcutListener();
-            document.addEventListener('leSidePanelOpenChange', this.onPanelStateChange);
-            document.addEventListener('leSidePanelCollapsedChange', this.onPanelStateChange);
-        }
-    }
-    componentDidLoad() {
-        this.syncForwardedNodesIntoButton();
-        this.syncAriaExpanded();
-    }
-    componentDidRender() {
-        this.syncForwardedNodesIntoButton();
-        this.syncAriaExpanded();
-    }
-    disconnectedCallback() {
-        {
-            document.removeEventListener('keydown', this.onDocumentKeyDown, true);
-            document.removeEventListener('leSidePanelOpenChange', this.onPanelStateChange);
-            document.removeEventListener('leSidePanelCollapsedChange', this.onPanelStateChange);
-        }
-    }
-    syncShortcutListener() {
-        if (this.shortcutSpec) {
-            document.addEventListener('keydown', this.onDocumentKeyDown, true);
-        }
-        else {
-            document.removeEventListener('keydown', this.onDocumentKeyDown, true);
-        }
-    }
-    getResolvedPanelId() {
-        if (this.panelId) {
-            return this.panelId;
-        }
-        const closestPanel = this.el?.closest?.('le-side-panel');
-        if (closestPanel?.panelId) {
-            return closestPanel.panelId;
-        }
-        return undefined;
-    }
-    emitRequest() {
-        if (this.disabled) {
-            return;
-        }
-        this.leSidePanelRequestToggle.emit({
-            panelId: this.getResolvedPanelId(),
-            action: this.action,
-        });
-    }
-    syncForwardedNodesIntoButton() {
-        const btn = this.buttonEl;
-        if (!btn || !this.forwardedNodes || this.forwardedNodes.length === 0) {
-            return;
-        }
-        for (const node of this.forwardedNodes) {
-            if (!node) {
-                continue;
-            }
-            if (node.parentNode !== btn) {
-                try {
-                    btn.appendChild(node);
-                }
-                catch {
-                    // ignore
-                }
-            }
-        }
-    }
-    syncAriaExpanded() {
-        const value = typeof this.expanded === 'boolean' ? String(this.expanded) : null;
-        const hostBtn = this.buttonEl;
-        if (!hostBtn) {
-            return;
-        }
-        // Best-effort: set on the actual internal <button>/<a> inside le-button.
-        const inner = hostBtn.shadowRoot?.querySelector?.('[part="button"]') || null;
-        const target = inner || hostBtn;
-        if (value) {
-            target.setAttribute('aria-expanded', value);
-        }
-        else {
-            target.removeAttribute('aria-expanded');
-        }
-    }
-    render() {
-        return (index.h("le-button", { key: '172c8abec7d24a91974626d9bd083c7227400a2a', ref: el => (this.buttonEl = el), mode: this.mode, variant: this.variant, color: this.color, size: this.size, selected: this.selected, fullWidth: this.fullWidth, iconOnly: this.iconOnly, iconStart: this.iconStart, iconEnd: this.iconEnd, disabled: this.disabled, type: this.type, href: this.href, target: this.target, align: this.align, onClick: () => this.emitRequest() }));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "shortcut": ["onShortcutChanged"]
-    }; }
-};
-
-exports.le_side_panel_toggle = LeSidePanelToggle;
-//# sourceMappingURL=le-side-panel-toggle.entry.cjs.js.map