@aceshooting/lyra-ui 2.0.0 → 2.2.0

package/dist/components/export-button/export-button.class.js

@@ -0,0 +1,249 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { place } from '../../internal/positioner.js';
+import { nextId } from '../../internal/a11y.js';
+import { buildCsv, downloadBlob } from './csv.js';
+import { styles } from './export-button.styles.js';
+export class LyraExportButton extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.rows = [];
+        /** Column allow-list (and CSV header labels) for both export formats. Left
+         *  at its default empty array, both formats fall back to the union of the
+         *  rows' own keys instead (see `effectiveColumns()`), rather than CSV
+         *  degrading to a blank file while only JSON had a fallback. */
+        this.columns = [];
+        this.filename = 'export';
+        this.formats = ['csv'];
+        this.disabled = false;
+        /** Trigger button text, also feeds the format menu's `aria-label` (as
+         *  "`${label} format`") so assistive tech gets an accessible name for it. */
+        this.label = 'Export';
+        this.open = false;
+        this.menuId = nextId('export-menu');
+        /** Which menu item to focus the next time `open` flips true; reset after use. */
+        this.pendingMenuFocusIndex = 0;
+        this.onDocPointer = (e) => {
+            if (!e.composedPath().includes(this))
+                this.closeMenu();
+        };
+        this.onKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                if (this.open) {
+                    e.preventDefault();
+                    this.closeMenu();
+                    this.triggerEl?.focus();
+                }
+                return;
+            }
+            if (this.formats.length <= 1 || this.disabled)
+                return;
+            const items = this.menuItemEls();
+            const currentIndex = items.indexOf(e.target);
+            switch (e.key) {
+                case 'ArrowDown':
+                    e.preventDefault();
+                    this.focusMenuItemOnOpen(currentIndex === -1 ? 0 : currentIndex + 1);
+                    break;
+                case 'ArrowUp':
+                    e.preventDefault();
+                    this.focusMenuItemOnOpen(currentIndex === -1 ? items.length - 1 : currentIndex - 1);
+                    break;
+                case 'Home':
+                    if (this.open) {
+                        e.preventDefault();
+                        this.focusMenuItem(0);
+                    }
+                    break;
+                case 'End':
+                    if (this.open) {
+                        e.preventDefault();
+                        this.focusMenuItem(items.length - 1);
+                    }
+                    break;
+                case 'Tab':
+                    // No preventDefault -- native Tab navigation proceeds untouched, only
+                    // the now-stale open menu closes (mirrors lyra-menu's identical
+                    // Tab handling).
+                    this.closeMenu();
+                    break;
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.cleanup?.();
+        this.cleanup = undefined;
+        document.removeEventListener('pointerdown', this.onDocPointer);
+        this.open = false;
+    }
+    openMenu() {
+        if (this.open)
+            return;
+        this.open = true;
+    }
+    closeMenu() {
+        if (!this.open)
+            return;
+        this.open = false;
+    }
+    menuItemEls() {
+        return Array.from(this.renderRoot.querySelectorAll('[part="menu-item"]'));
+    }
+    /** Focuses the menu item at `index` (clamped), if the menu is already open and rendered. */
+    focusMenuItem(index) {
+        const items = this.menuItemEls();
+        if (items.length === 0)
+            return;
+        items[Math.max(0, Math.min(items.length - 1, index))]?.focus();
+    }
+    /** Opens the menu (if closed) and focuses `index`, or moves focus there directly if already open. */
+    focusMenuItemOnOpen(index) {
+        if (this.open) {
+            this.focusMenuItem(index);
+        }
+        else {
+            this.pendingMenuFocusIndex = index;
+            this.openMenu();
+        }
+    }
+    firstUpdated() {
+        // Single delegated listener catches Escape/Arrow/Home/End from the
+        // trigger button or any menu-item inside this shadow root.
+        this.renderRoot.addEventListener('keydown', this.onKeyDown);
+    }
+    updated(changed) {
+        if (changed.has('open')) {
+            this.cleanup?.();
+            this.cleanup = undefined;
+            // Reacting to the `open` property itself (not just inside
+            // openMenu()) means this fires however `open` became true -- via
+            // openMenu()'s own click path, or a consumer/test setting
+            // `el.open = true` directly (valid API on a `reflect: true`
+            // property), which bypasses openMenu() entirely.
+            document.removeEventListener('pointerdown', this.onDocPointer);
+            if (this.open) {
+                const anchor = this.triggerEl;
+                const menu = this.menuEl;
+                if (anchor && menu)
+                    this.cleanup = place(anchor, menu);
+                document.addEventListener('pointerdown', this.onDocPointer);
+                this.focusMenuItem(this.pendingMenuFocusIndex);
+                this.pendingMenuFocusIndex = 0;
+            }
+        }
+    }
+    /** Falls back to the union of the rows' own keys when `columns` is left at
+     *  its default empty array, so an unconfigured export still produces a
+     *  proper header + data file instead of blank lines. Both `rowsForExport()`
+     *  and the CSV branch of `doExport()` share this same fallback, rather than
+     *  only the JSON path having one. */
+    effectiveColumns() {
+        if (this.columns.length > 0)
+            return this.columns;
+        const keys = new Set();
+        for (const row of this.rows) {
+            for (const key of Object.keys(row))
+                keys.add(key);
+        }
+        return Array.from(keys, (key) => ({ key, label: key }));
+    }
+    /** Applies the same `columns` allow-list CSV exports use, so JSON can't leak fields CSV hides. */
+    rowsForExport() {
+        const keys = this.effectiveColumns().map((c) => c.key);
+        return this.rows.map((row) => {
+            const picked = {};
+            for (const key of keys)
+                picked[key] = row[key];
+            return picked;
+        });
+    }
+    doExport(format) {
+        if (this.disabled)
+            return;
+        this.closeMenu();
+        this.triggerEl?.focus();
+        const ev = this.emit('lyra-export', { format }, { cancelable: true });
+        if (ev.defaultPrevented)
+            return;
+        if (format === 'csv') {
+            downloadBlob(buildCsv(this.rows, this.effectiveColumns()), `${this.filename}.csv`, 'text/csv;charset=utf-8;');
+        }
+        else {
+            downloadBlob(JSON.stringify(this.rowsForExport(), null, 2), `${this.filename}.json`, 'application/json');
+        }
+        this.emit('lyra-export-complete', { format });
+    }
+    onTriggerClick() {
+        if (this.disabled)
+            return;
+        if (this.formats.length <= 1)
+            this.doExport(this.formats[0] ?? 'csv');
+        else
+            this.open ? this.closeMenu() : this.openMenu();
+    }
+    render() {
+        return html `
+      <button
+        part="trigger"
+        type="button"
+        ?disabled=${this.disabled}
+        aria-haspopup=${this.formats.length > 1 ? 'menu' : nothing}
+        aria-expanded=${this.formats.length > 1 ? (this.open ? 'true' : 'false') : nothing}
+        aria-controls=${this.formats.length > 1 ? this.menuId : nothing}
+        @click=${() => this.onTriggerClick()}
+      >
+        ${this.label}
+      </button>
+      ${this.formats.length > 1
+            ? html `<div id=${this.menuId} part="menu" role="menu" aria-label="${this.label} format">
+            ${this.formats.map((f) => html `<button
+                  part="menu-item"
+                  role="menuitem"
+                  type="button"
+                  ?disabled=${this.disabled}
+                  @click=${() => this.doExport(f)}
+                >
+                  ${f.toUpperCase()}
+                </button>`)}
+          </div>`
+            : nothing}
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraExportButton.prototype, "rows", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraExportButton.prototype, "columns", void 0);
+__decorate([
+    property()
+], LyraExportButton.prototype, "filename", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraExportButton.prototype, "formats", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraExportButton.prototype, "disabled", void 0);
+__decorate([
+    property()
+], LyraExportButton.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraExportButton.prototype, "open", void 0);
+__decorate([
+    query('[part="trigger"]')
+], LyraExportButton.prototype, "triggerEl", void 0);
+__decorate([
+    query('[part="menu"]')
+], LyraExportButton.prototype, "menuEl", void 0);
+//# sourceMappingURL=export-button.class.js.map

package/dist/components/export-button/export-button.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-button.class.js","sourceRoot":"","sources":["../../../src/components/export-button/export-button.class.ts"],"names":[],"mappings":"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"}

package/dist/components/export-button/export-button.d.ts

@@ -1,55 +1,2 @@
-import { type TemplateResult, type PropertyValues } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-import { type CsvColumn } from './csv.js';
-export type ExportFormat = 'csv' | 'json';
-/**
- * `<lyra-export-button>` — a CSV/JSON download button, single-format or a
- * format-choice menu. First-party invention; consolidates the ad-hoc
- * "export CSV" button pattern common across dashboard UIs.
- *
- * @customElement lyra-export-button
- * @event lyra-export - `detail: { format }`, cancelable — call `preventDefault()`
- *   to substitute the built-in client-side download with a server-generated one.
- * @event lyra-export-complete - Fired after a non-cancelled download completes.
- * @csspart trigger - The button that triggers the export (or opens the format menu).
- * @csspart menu - The format-choice menu, shown when more than one format is configured.
- * @csspart menu-item - A single format option inside the menu.
- */
-export declare class LyraExportButton extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    rows: Record<string, unknown>[];
-    columns: CsvColumn[];
-    filename: string;
-    formats: ExportFormat[];
-    disabled: boolean;
-    label: string;
-    open: boolean;
-    private triggerEl?;
-    private menuEl?;
-    private readonly menuId;
-    private cleanup?;
-    /** Which menu item to focus the next time `open` flips true; reset after use. */
-    private pendingMenuFocusIndex;
-    disconnectedCallback(): void;
-    private onDocPointer;
-    private openMenu;
-    private closeMenu;
-    private menuItemEls;
-    /** Focuses the menu item at `index` (clamped), if the menu is already open and rendered. */
-    private focusMenuItem;
-    /** Opens the menu (if closed) and focuses `index`, or moves focus there directly if already open. */
-    private focusMenuItemOnOpen;
-    private onKeyDown;
-    protected firstUpdated(): void;
-    protected updated(changed: PropertyValues): void;
-    /** Applies the same `columns` allow-list CSV exports use, so JSON can't leak fields CSV hides. */
-    private rowsForExport;
-    private doExport;
-    private onTriggerClick;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-export-button': LyraExportButton;
-    }
-}
+export * from './export-button.class.js';
+//# sourceMappingURL=export-button.d.ts.map

package/dist/components/export-button/export-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-button.d.ts","sourceRoot":"","sources":["../../../src/components/export-button/export-button.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/components/export-button/export-button.js

@@ -1,235 +1,5 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, nothing } from 'lit';
-import { property, query } from 'lit/decorators.js';
-import { LyraElement } from '../../internal/lyra-element.js';
+export * from './export-button.class.js';
+import { LyraExportButton } from './export-button.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import { place } from '../../internal/positioner.js';
-import { nextId } from '../../internal/a11y.js';
-import { buildCsv, downloadBlob } from './csv.js';
-import { styles } from './export-button.styles.js';
-/**
- * `<lyra-export-button>` — a CSV/JSON download button, single-format or a
- * format-choice menu. First-party invention; consolidates the ad-hoc
- * "export CSV" button pattern common across dashboard UIs.
- *
- * @customElement lyra-export-button
- * @event lyra-export - `detail: { format }`, cancelable — call `preventDefault()`
- *   to substitute the built-in client-side download with a server-generated one.
- * @event lyra-export-complete - Fired after a non-cancelled download completes.
- * @csspart trigger - The button that triggers the export (or opens the format menu).
- * @csspart menu - The format-choice menu, shown when more than one format is configured.
- * @csspart menu-item - A single format option inside the menu.
- */
-export class LyraExportButton extends LyraElement {
-    constructor() {
-        super(...arguments);
-        this.rows = [];
-        this.columns = [];
-        this.filename = 'export';
-        this.formats = ['csv'];
-        this.disabled = false;
-        this.label = 'Export';
-        this.open = false;
-        this.menuId = nextId('export-menu');
-        /** Which menu item to focus the next time `open` flips true; reset after use. */
-        this.pendingMenuFocusIndex = 0;
-        this.onDocPointer = (e) => {
-            if (!e.composedPath().includes(this))
-                this.closeMenu();
-        };
-        this.onKeyDown = (e) => {
-            if (e.key === 'Escape') {
-                if (this.open) {
-                    e.preventDefault();
-                    this.closeMenu();
-                    this.triggerEl?.focus();
-                }
-                return;
-            }
-            if (this.formats.length <= 1 || this.disabled)
-                return;
-            const items = this.menuItemEls();
-            const currentIndex = items.indexOf(e.target);
-            switch (e.key) {
-                case 'ArrowDown':
-                    e.preventDefault();
-                    this.focusMenuItemOnOpen(currentIndex === -1 ? 0 : currentIndex + 1);
-                    break;
-                case 'ArrowUp':
-                    e.preventDefault();
-                    this.focusMenuItemOnOpen(currentIndex === -1 ? items.length - 1 : currentIndex - 1);
-                    break;
-                case 'Home':
-                    if (this.open) {
-                        e.preventDefault();
-                        this.focusMenuItem(0);
-                    }
-                    break;
-                case 'End':
-                    if (this.open) {
-                        e.preventDefault();
-                        this.focusMenuItem(items.length - 1);
-                    }
-                    break;
-            }
-        };
-    }
-    static { this.styles = [LyraElement.styles, styles]; }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.cleanup?.();
-        this.cleanup = undefined;
-        document.removeEventListener('pointerdown', this.onDocPointer);
-        this.open = false;
-    }
-    openMenu() {
-        if (this.open)
-            return;
-        this.open = true;
-    }
-    closeMenu() {
-        if (!this.open)
-            return;
-        this.open = false;
-    }
-    menuItemEls() {
-        return Array.from(this.renderRoot.querySelectorAll('[part="menu-item"]'));
-    }
-    /** Focuses the menu item at `index` (clamped), if the menu is already open and rendered. */
-    focusMenuItem(index) {
-        const items = this.menuItemEls();
-        if (items.length === 0)
-            return;
-        items[Math.max(0, Math.min(items.length - 1, index))]?.focus();
-    }
-    /** Opens the menu (if closed) and focuses `index`, or moves focus there directly if already open. */
-    focusMenuItemOnOpen(index) {
-        if (this.open) {
-            this.focusMenuItem(index);
-        }
-        else {
-            this.pendingMenuFocusIndex = index;
-            this.openMenu();
-        }
-    }
-    firstUpdated() {
-        // Single delegated listener catches Escape/Arrow/Home/End from the
-        // trigger button or any menu-item inside this shadow root.
-        this.renderRoot.addEventListener('keydown', this.onKeyDown);
-    }
-    updated(changed) {
-        if (changed.has('open')) {
-            this.cleanup?.();
-            this.cleanup = undefined;
-            // Reacting to the `open` property itself (not just inside
-            // openMenu()) means this fires however `open` became true -- via
-            // openMenu()'s own click path, or a consumer/test setting
-            // `el.open = true` directly (valid API on a `reflect: true`
-            // property), which bypasses openMenu() entirely.
-            document.removeEventListener('pointerdown', this.onDocPointer);
-            if (this.open) {
-                const anchor = this.triggerEl;
-                const menu = this.menuEl;
-                if (anchor && menu)
-                    this.cleanup = place(anchor, menu);
-                document.addEventListener('pointerdown', this.onDocPointer);
-                this.focusMenuItem(this.pendingMenuFocusIndex);
-                this.pendingMenuFocusIndex = 0;
-            }
-        }
-    }
-    /** Applies the same `columns` allow-list CSV exports use, so JSON can't leak fields CSV hides. */
-    rowsForExport() {
-        if (this.columns.length === 0)
-            return this.rows;
-        const keys = this.columns.map((c) => c.key);
-        return this.rows.map((row) => {
-            const picked = {};
-            for (const key of keys)
-                picked[key] = row[key];
-            return picked;
-        });
-    }
-    doExport(format) {
-        this.closeMenu();
-        this.triggerEl?.focus();
-        const ev = this.emit('lyra-export', { format });
-        if (ev.defaultPrevented)
-            return;
-        if (format === 'csv') {
-            downloadBlob(buildCsv(this.rows, this.columns), `${this.filename}.csv`, 'text/csv;charset=utf-8;');
-        }
-        else {
-            downloadBlob(JSON.stringify(this.rowsForExport(), null, 2), `${this.filename}.json`, 'application/json');
-        }
-        this.emit('lyra-export-complete', { format });
-    }
-    onTriggerClick() {
-        if (this.disabled)
-            return;
-        if (this.formats.length <= 1)
-            this.doExport(this.formats[0] ?? 'csv');
-        else
-            this.open ? this.closeMenu() : this.openMenu();
-    }
-    render() {
-        return html `
-      <button
-        part="trigger"
-        type="button"
-        ?disabled=${this.disabled}
-        aria-haspopup=${this.formats.length > 1 ? 'menu' : nothing}
-        aria-expanded=${this.formats.length > 1 ? (this.open ? 'true' : 'false') : nothing}
-        aria-controls=${this.formats.length > 1 ? this.menuId : nothing}
-        @click=${() => this.onTriggerClick()}
-      >
-        ${this.label}
-      </button>
-      ${this.formats.length > 1
-            ? html `<div id=${this.menuId} part="menu" role="menu">
-            ${this.formats.map((f) => html `<button
-                  part="menu-item"
-                  role="menuitem"
-                  type="button"
-                  @click=${() => this.doExport(f)}
-                >
-                  ${f.toUpperCase()}
-                </button>`)}
-          </div>`
-            : nothing}
-    `;
-    }
-}
-__decorate([
-    property({ attribute: false })
-], LyraExportButton.prototype, "rows", void 0);
-__decorate([
-    property({ attribute: false })
-], LyraExportButton.prototype, "columns", void 0);
-__decorate([
-    property()
-], LyraExportButton.prototype, "filename", void 0);
-__decorate([
-    property({ attribute: false })
-], LyraExportButton.prototype, "formats", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraExportButton.prototype, "disabled", void 0);
-__decorate([
-    property()
-], LyraExportButton.prototype, "label", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraExportButton.prototype, "open", void 0);
-__decorate([
-    query('[part="trigger"]')
-], LyraExportButton.prototype, "triggerEl", void 0);
-__decorate([
-    query('[part="menu"]')
-], LyraExportButton.prototype, "menuEl", void 0);
 defineElement('export-button', LyraExportButton);
+//# sourceMappingURL=export-button.js.map

package/dist/components/export-button/export-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-button.js","sourceRoot":"","sources":["../../../src/components/export-button/export-button.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/components/export-button/export-button.styles.d.ts

@@ -1 +1,2 @@
 export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=export-button.styles.d.ts.map

package/dist/components/export-button/export-button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/export-button/export-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyFlB,CAAC"}

package/dist/components/export-button/export-button.styles.js

@@ -9,7 +9,7 @@ export const styles = css `
     align-items: center;
     gap: var(--lyra-space-xs);
     padding: var(--lyra-space-xs) var(--lyra-space-m);
-    border: 1px solid var(--lyra-color-border);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
     border-radius: var(--lyra-radius);
     background: var(--lyra-color-surface);
     color: var(--lyra-color-text);
@@ -42,15 +42,15 @@ export const styles = css `
        synchronous style pass as the open attribute write. */
     visibility: hidden;
     position: fixed;
-    z-index: 900;
-    min-inline-size: 8rem;
+    z-index: var(--lyra-layer-dropdown);
+    min-inline-size: var(--lyra-size-8rem);
     padding: var(--lyra-space-xs);
     background: var(--lyra-color-surface);
-    border: 1px solid var(--lyra-color-border);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
     border-radius: var(--lyra-radius);
     box-shadow: var(--lyra-shadow);
     opacity: 0;
-    transform: translateY(-4px);
+    transform: translateY(var(--lyra-size-neg-4px));
     transition:
       opacity var(--lyra-transition-fast),
       transform var(--lyra-transition-fast);
@@ -77,11 +77,16 @@ export const styles = css `
     cursor: pointer;
     border-radius: var(--lyra-radius);
   }
-  [part='menu-item']:hover {
+  [part='menu-item']:hover:not(:disabled) {
     background: var(--lyra-color-brand-quiet);
   }
   [part='menu-item']:focus-visible {
     outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
     outline-offset: var(--lyra-focus-ring-offset);
   }
+  [part='menu-item']:disabled {
+    opacity: var(--lyra-opacity-disabled);
+    cursor: not-allowed;
+  }
 `;
+//# sourceMappingURL=export-button.styles.js.map

package/dist/components/export-button/export-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-button.styles.js","sourceRoot":"","sources":["../../../src/components/export-button/export-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFxB,CAAC"}

package/dist/components/file-input/accept.d.ts

@@ -17,3 +17,4 @@
  * extension-only, when the file may well be accepted once dropped.
  */
 export declare function matchesAccept(file: File, accept: string, assumeExtensionMatch?: boolean): boolean;
+//# sourceMappingURL=accept.d.ts.map

package/dist/components/file-input/accept.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accept.d.ts","sourceRoot":"","sources":["../../../src/components/file-input/accept.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,oBAAoB,UAAQ,GAAG,OAAO,CAgB/F"}

package/dist/components/file-input/accept.js

@@ -28,8 +28,11 @@ export function matchesAccept(file, accept, assumeExtensionMatch = false) {
     return parts.some((p) => {
         if (p.startsWith('.'))
             return name === undefined ? assumeExtensionMatch : name.endsWith(p);
+        if (p === '*/*')
+            return true;
         if (p.endsWith('/*'))
             return type.startsWith(p.slice(0, -1));
         return type === p;
     });
 }
+//# sourceMappingURL=accept.js.map

package/dist/components/file-input/accept.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accept.js","sourceRoot":"","sources":["../../../src/components/file-input/accept.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,aAAa,CAAC,IAAU,EAAE,MAAc,EAAE,oBAAoB,GAAG,KAAK;IACpF,MAAM,KAAK,GAAG,MAAM;SACjB,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;SAClC,MAAM,CAAC,OAAO,CAAC,CAAC;IACnB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC;IACtC,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IAE7C,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;QACtB,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC;YAAE,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC3F,IAAI,CAAC,KAAK,KAAK;YAAE,OAAO,IAAI,CAAC;QAC7B,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7D,OAAO,IAAI,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;AACL,CAAC"}