@brightspot/ui 1.6.0 → 1.8.0

package/dist/components/dropdown/DropdownMenu.js

@@ -0,0 +1,295 @@
+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 { LitElement, html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
+import { ReadyMixin } from '../../util/ReadyMixin.js';
+/**
+ * A menu container component that provides keyboard navigation and ARIA menu semantics.
+ *
+ * Contains `btu-dropdown-item` children and manages roving tabindex, typeahead search,
+ * and keyboard navigation following the WAI-ARIA Menu Button Pattern.
+ *
+ * @element btu-dropdown-menu
+ *
+ * @fires {CustomEvent} btu-dropdown-menu-ready - Fired after first render
+ *
+ * @slot - Menu items (`btu-dropdown-item` elements)
+ *
+ * @cssprop --dropdown-empty-color - Empty state text color (default: gray-400)
+ *
+ * @example
+ * ```html
+ * <btu-dropdown-menu name="Sort By" header checkbox>
+ *   <btu-dropdown-item label="Name" selected></btu-dropdown-item>
+ *   <btu-dropdown-item label="Date"></btu-dropdown-item>
+ *   <btu-dropdown-item label="Size"></btu-dropdown-item>
+ * </btu-dropdown-menu>
+ * ```
+ */
+export default class DropdownMenu extends EventEmitterMixin(ReadyMixin(LitElement)) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Accessible name for the menu, displayed in header when header is true.
+         * @attr
+         */
+        this.name = '';
+        /**
+         * Show header bar with menu name.
+         * @attr
+         */
+        this.header = false;
+        /**
+         * Enable checkbox mode for items (menuitemcheckbox role).
+         * @attr
+         */
+        this.checkbox = false;
+        /**
+         * Show icons before each item.
+         * @attr
+         */
+        this.icon = false;
+        /**
+         * Fallback Lucide icon symbol for items without their own.
+         * @attr icon-symbol
+         */
+        this.iconSymbol = '';
+        /**
+         * Show favorite toggle on each item.
+         * @attr
+         */
+        this.favorites = false;
+        /**
+         * Show keyboard shortcut text on each item.
+         * @attr
+         */
+        this.shortcuts = false;
+        /**
+         * Message displayed when the menu has no focusable items.
+         * @attr empty-message
+         */
+        this.emptyMessage = 'No items available';
+        /** @internal */
+        this._typeaheadBuffer = '';
+        /** @internal */
+        this._typeaheadTimeout = null;
+        /** @internal */
+        this._handleKeydown = (e) => {
+            const focusable = this._getFocusableItems();
+            if (focusable.length === 0)
+                return;
+            const currentIndex = this._getCurrentFocusIndex(focusable);
+            switch (e.key) {
+                case 'ArrowDown': {
+                    e.preventDefault();
+                    const next = this._findNextIndex(focusable, currentIndex, 1);
+                    this.focusItem(focusable[next]);
+                    break;
+                }
+                case 'ArrowUp': {
+                    e.preventDefault();
+                    const prev = this._findNextIndex(focusable, currentIndex, -1);
+                    this.focusItem(focusable[prev]);
+                    break;
+                }
+                case 'Home': {
+                    e.preventDefault();
+                    this.focusItem(focusable[0]);
+                    break;
+                }
+                case 'End': {
+                    e.preventDefault();
+                    this.focusItem(focusable[focusable.length - 1]);
+                    break;
+                }
+                case 'Enter': {
+                    e.preventDefault();
+                    if (currentIndex >= 0) {
+                        focusable[currentIndex].activate();
+                    }
+                    break;
+                }
+                case ' ': {
+                    e.preventDefault();
+                    if (currentIndex >= 0) {
+                        focusable[currentIndex].activate();
+                    }
+                    break;
+                }
+                case 'Escape': {
+                    // Bubble up to Dropdown to handle close
+                    break;
+                }
+                case 'Tab': {
+                    // Bubble up to Dropdown to handle close + focus restore
+                    break;
+                }
+                default: {
+                    // Typeahead: printable characters
+                    if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+                        this._handleTypeahead(e.key, focusable);
+                    }
+                    break;
+                }
+            }
+        };
+    }
+    createRenderRoot() {
+        this.renderOptions.renderBefore ??= this.firstChild;
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'menu');
+        if (this.name) {
+            this.setAttribute('aria-label', this.name);
+        }
+        this.addEventListener('keydown', this._handleKeydown);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('keydown', this._handleKeydown);
+        if (this._typeaheadTimeout) {
+            clearTimeout(this._typeaheadTimeout);
+        }
+    }
+    firstUpdated() {
+        this._configureItems();
+        this.emit('btu-dropdown-menu-ready');
+    }
+    updated() {
+        this._configureItems();
+        if (this.name) {
+            this.setAttribute('aria-label', this.name);
+        }
+        else {
+            this.removeAttribute('aria-label');
+        }
+    }
+    /** Configure all child items with menu-level settings */
+    _configureItems() {
+        const items = this._getAllItems();
+        items.forEach(item => {
+            item._configure({
+                checkbox: this.checkbox,
+                icon: this.icon,
+                iconSymbol: this.iconSymbol,
+                favorites: this.favorites,
+                shortcuts: this.shortcuts,
+            });
+        });
+    }
+    /** Get all btu-dropdown-item children */
+    _getAllItems() {
+        return Array.from(this.querySelectorAll('btu-dropdown-item'));
+    }
+    /** Get only focusable items (default type, skip dividers/subheads) */
+    _getFocusableItems() {
+        return this._getAllItems().filter(item => item.focusable);
+    }
+    /** @internal Focus a specific item by updating tabindex */
+    focusItem(item) {
+        const focusable = this._getFocusableItems();
+        focusable.forEach(i => {
+            const el = i.querySelector('[role="menuitem"], [role="menuitemcheckbox"]');
+            if (el)
+                el.setAttribute('tabindex', '-1');
+        });
+        const target = item.querySelector('[role="menuitem"], [role="menuitemcheckbox"]');
+        if (target) {
+            target.setAttribute('tabindex', '0');
+            target.focus();
+        }
+    }
+    /** @internal Focus the first non-disabled focusable item (or first checked in checkbox mode) */
+    focusFirst() {
+        const items = this._getFocusableItems();
+        if (this.checkbox) {
+            const checked = items.find(i => i.selected && !i.disabled);
+            if (checked) {
+                this.focusItem(checked);
+                return;
+            }
+        }
+        const first = items.find(i => !i.disabled) || items[0];
+        if (first)
+            this.focusItem(first);
+    }
+    /** @internal Focus the last non-disabled focusable item */
+    focusLast() {
+        const items = this._getFocusableItems();
+        const last = [...items].reverse().find(i => !i.disabled) || items[items.length - 1];
+        if (last)
+            this.focusItem(last);
+    }
+    /** Find the current focused item index */
+    _getCurrentFocusIndex(focusable) {
+        const active = document.activeElement;
+        return focusable.findIndex(item => item.contains(active));
+    }
+    /** Find next index wrapping around, moving in direction (+1 or -1) */
+    _findNextIndex(focusable, current, direction) {
+        const len = focusable.length;
+        if (current < 0)
+            return direction === 1 ? 0 : len - 1;
+        const next = (current + direction + len) % len;
+        return next;
+    }
+    /** Typeahead character matching with 500ms accumulation */
+    _handleTypeahead(char, focusable) {
+        this._typeaheadBuffer += char.toLowerCase();
+        if (this._typeaheadTimeout) {
+            clearTimeout(this._typeaheadTimeout);
+        }
+        this._typeaheadTimeout = setTimeout(() => {
+            this._typeaheadBuffer = '';
+        }, 500);
+        const match = focusable.find(item => item.label.toLowerCase().startsWith(this._typeaheadBuffer));
+        if (match) {
+            this.focusItem(match);
+        }
+    }
+    /** Check whether the menu has zero focusable items */
+    get _isEmpty() {
+        return this._getFocusableItems().length === 0;
+    }
+    render() {
+        return html `${this.header && this.name ? html `<div class="btu-dropdown-header">${this.name}</div>` : nothing}${this
+            ._isEmpty
+            ? html `<div class="btu-dropdown-empty" role="status">${this.emptyMessage}</div>`
+            : nothing}`;
+    }
+}
+__decorate([
+    property({ type: String })
+], DropdownMenu.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean })
+], DropdownMenu.prototype, "header", void 0);
+__decorate([
+    property({ type: Boolean })
+], DropdownMenu.prototype, "checkbox", void 0);
+__decorate([
+    property({ type: Boolean })
+], DropdownMenu.prototype, "icon", void 0);
+__decorate([
+    property({ type: String, attribute: 'icon-symbol' })
+], DropdownMenu.prototype, "iconSymbol", void 0);
+__decorate([
+    property({ type: Boolean })
+], DropdownMenu.prototype, "favorites", void 0);
+__decorate([
+    property({ type: Boolean })
+], DropdownMenu.prototype, "shortcuts", void 0);
+__decorate([
+    property({ type: String, attribute: 'empty-message' })
+], DropdownMenu.prototype, "emptyMessage", void 0);
+if (!customElements.get('btu-dropdown-menu')) {
+    customElements.define('btu-dropdown-menu', DropdownMenu);
+}
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/components/dropdown/DropdownMenu.js.map

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

package/dist/components/icon-button/IconButton.d.ts

@@ -0,0 +1,85 @@
+import { LitElement } from 'lit';
+import '../icon/Icon.js';
+export type IconButtonType = 'primary' | 'primary-clear' | 'primary-stroke' | 'secondary' | 'secondary-clear' | 'secondary-stroke' | 'tertiary' | 'tertiary-clear' | 'tertiary-stroke';
+declare const SIZE_MAP: {
+    readonly small: {
+        readonly buttonSize: "sm";
+        readonly iconSize: "sm";
+    };
+    readonly medium: {
+        readonly buttonSize: "md";
+        readonly iconSize: "md";
+    };
+    readonly large: {
+        readonly buttonSize: "lg";
+        readonly iconSize: "lg";
+    };
+};
+export type IconButtonSize = keyof typeof SIZE_MAP;
+declare const IconButton_base: (new (...args: any[]) => import("../../util/TooltipMixin.js").TooltipMixinInterface) & (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
+/**
+ * Surfaces the different actions someone can perform in an interface where space is limited.
+ *
+ * Uses an icon to communicate the action and supports multiple visual types and sizes.
+ * Tooltip support is built-in for accessibility in compact layouts.
+ *
+ * @element btu-icon-button
+ *
+ * @fires {CustomEvent} btu-icon-button-ready - Fired after first render and initialization
+ * @fires {CustomEvent<{name: string | undefined}>} btu-icon-button-click - Fired when the button is clicked
+ *
+ * @example
+ * ```html
+ * <btu-icon-button icon-symbol="trash-2" tooltip="Delete" aria-label="Delete item"></btu-icon-button>
+ * <btu-icon-button icon-symbol="pencil" type="secondary" size="small" aria-label="Edit"></btu-icon-button>
+ * <btu-icon-button icon-symbol="x" type="primary" destructive aria-label="Remove"></btu-icon-button>
+ * ```
+ */
+export default class IconButton extends IconButton_base {
+    /**
+     * Optional name for the button which can be used to identify the button in a callback.
+     * @attr
+     */
+    name: string | undefined;
+    /**
+     * Specifies the type of icon-button, controlling the visual style.
+     * @attr
+     */
+    type: IconButtonType;
+    /**
+     * Lucide icon name.
+     * @attr icon-symbol
+     */
+    iconSymbol: string | undefined;
+    /**
+     * Specifies the size of icon-button.
+     * @attr
+     */
+    size: IconButtonSize;
+    /**
+     * Specifies an icon-button will be used to take any destructive action overriding the
+     * default color used for the icon-button type with the error color.
+     * @attr
+     */
+    destructive: boolean;
+    /**
+     * Disables the button, preventing interaction and indicating an inactive state.
+     * @attr
+     */
+    disabled: boolean;
+    createRenderRoot(): this;
+    willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private _relayTooltipAttrs;
+    firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private _handleClick;
+    private _buildButtonClasses;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'btu-icon-button': IconButton;
+    }
+}
+export {};
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/components/icon-button/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAMtC,OAAO,iBAAiB,CAAA;AAExB,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,iBAAiB,GACjB,kBAAkB,GAClB,UAAU,GACV,gBAAgB,GAChB,iBAAiB,CAAA;AAerB,QAAA,MAAM,QAAQ;;;;;;;;;;;;;CAIJ,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,QAAQ,CAAA;;AAElD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAAuD;IAC7F;;;OAGG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAExB;;;OAGG;IAEH,IAAI,EAAE,cAAc,CAAY;IAEhC;;;OAGG;IAEH,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAE9B;;;OAGG;IAEH,IAAI,EAAE,cAAc,CAAW;IAE/B;;;;OAIG;IAEH,WAAW,UAAQ;IAEnB;;;OAGG;IAEH,QAAQ,UAAQ;IAEhB,gBAAgB;IAIhB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAc3E,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQxE,OAAO,CAAC,kBAAkB;IAqB1B,YAAY,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAW7E,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,mBAAmB;IAW3B,MAAM;CAiBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,UAAU,CAAA;KAC9B;CACF"}

package/dist/components/icon-button/IconButton.js

@@ -0,0 +1,171 @@
+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 { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
+import { ReadyMixin } from '../../util/ReadyMixin.js';
+import { TooltipMixin } from '../../util/TooltipMixin.js';
+import '../icon/Icon.js';
+// Tailwind content scanning requires complete class names (no template literals).
+const TYPE_COLOR_CLASSES = {
+    primary: ['btu-button-primary'],
+    'primary-clear': ['btu-button-primary', 'btu-button-fill-none'],
+    'primary-stroke': ['btu-button-primary', 'btu-button-fill-none', 'btu-button-outline'],
+    secondary: ['btu-button-gray'],
+    'secondary-clear': ['btu-button-gray', 'btu-button-fill-none'],
+    'secondary-stroke': ['btu-button-gray', 'btu-button-fill-none', 'btu-button-outline'],
+    tertiary: ['btu-button-teal'],
+    'tertiary-clear': ['btu-button-teal', 'btu-button-fill-none'],
+    'tertiary-stroke': ['btu-button-teal', 'btu-button-fill-none', 'btu-button-outline'],
+};
+const SIZE_MAP = {
+    small: { buttonSize: 'sm', iconSize: 'sm' },
+    medium: { buttonSize: 'md', iconSize: 'md' },
+    large: { buttonSize: 'lg', iconSize: 'lg' },
+};
+/**
+ * Surfaces the different actions someone can perform in an interface where space is limited.
+ *
+ * Uses an icon to communicate the action and supports multiple visual types and sizes.
+ * Tooltip support is built-in for accessibility in compact layouts.
+ *
+ * @element btu-icon-button
+ *
+ * @fires {CustomEvent} btu-icon-button-ready - Fired after first render and initialization
+ * @fires {CustomEvent<{name: string | undefined}>} btu-icon-button-click - Fired when the button is clicked
+ *
+ * @example
+ * ```html
+ * <btu-icon-button icon-symbol="trash-2" tooltip="Delete" aria-label="Delete item"></btu-icon-button>
+ * <btu-icon-button icon-symbol="pencil" type="secondary" size="small" aria-label="Edit"></btu-icon-button>
+ * <btu-icon-button icon-symbol="x" type="primary" destructive aria-label="Remove"></btu-icon-button>
+ * ```
+ */
+export default class IconButton extends TooltipMixin(EventEmitterMixin(ReadyMixin(LitElement))) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Specifies the type of icon-button, controlling the visual style.
+         * @attr
+         */
+        this.type = 'primary';
+        /**
+         * Specifies the size of icon-button.
+         * @attr
+         */
+        this.size = 'medium';
+        /**
+         * Specifies an icon-button will be used to take any destructive action overriding the
+         * default color used for the icon-button type with the error color.
+         * @attr
+         */
+        this.destructive = false;
+        /**
+         * Disables the button, preventing interaction and indicating an inactive state.
+         * @attr
+         */
+        this.disabled = false;
+    }
+    createRenderRoot() {
+        return this;
+    }
+    willUpdate(changedProperties) {
+        super.willUpdate(changedProperties);
+        if (changedProperties.has('type') && !(this.type in TYPE_COLOR_CLASSES)) {
+            console.warn(`[btu-icon-button] Unrecognized type: "${this.type}". Falling back to "primary".`);
+            this.type = 'primary';
+        }
+        if (changedProperties.has('size') && !(this.size in SIZE_MAP)) {
+            console.warn(`[btu-icon-button] Unrecognized size: "${this.size}". Falling back to "medium".`);
+            this.size = 'medium';
+        }
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        // TooltipMixin sets anchor-name and aria-describedby on the host,
+        // but they belong on the inner <button> (the visible/focusable control).
+        this._relayTooltipAttrs();
+    }
+    _relayTooltipAttrs() {
+        const button = this.querySelector('button');
+        if (!button)
+            return;
+        // Move anchor-name so tooltip centers on the button, not the host
+        const anchorName = this.style.getPropertyValue('anchor-name');
+        if (anchorName) {
+            this.style.removeProperty('anchor-name');
+            button.style.setProperty('anchor-name', anchorName);
+        }
+        // Move aria-describedby so screen readers announce the tooltip on focus
+        const tooltipEl = this.querySelector('[data-tooltip-internal]');
+        if (tooltipEl) {
+            this.removeAttribute('aria-describedby');
+            button.setAttribute('aria-describedby', tooltipEl.id);
+        }
+        else {
+            button.removeAttribute('aria-describedby');
+        }
+    }
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        if (!this.getAttribute('aria-label')?.trim() && !this.tooltip?.trim()) {
+            console.warn(`[btu-icon-button] No accessible name provided. Set "aria-label" or "tooltip" for screen readers.`, this);
+        }
+        this.emit('btu-icon-button-ready');
+    }
+    _handleClick() {
+        this.emit('btu-icon-button-click', { name: this.name });
+    }
+    _buildButtonClasses() {
+        const { buttonSize } = SIZE_MAP[this.size] ?? SIZE_MAP.medium;
+        const typeConfig = TYPE_COLOR_CLASSES[this.type] ?? TYPE_COLOR_CLASSES.primary;
+        const colorClass = this.destructive ? 'btu-button-error' : typeConfig[0];
+        const modifiers = typeConfig.slice(1);
+        return ['btu-button', 'btu-button-text-hidden', colorClass, ...modifiers, `btu-button-${buttonSize}`]
+            .filter(Boolean)
+            .join(' ');
+    }
+    render() {
+        const { iconSize } = SIZE_MAP[this.size] ?? SIZE_MAP.medium;
+        const ariaLabel = this.getAttribute('aria-label')?.trim() || this.tooltip?.trim() || undefined;
+        return html `
+      <button
+        type="button"
+        class="${this._buildButtonClasses()}"
+        aria-label=${ifDefined(ariaLabel)}
+        name=${ifDefined(this.name)}
+        ?disabled=${this.disabled}
+        @click="${this._handleClick}"
+      >
+        <btu-icon symbol="${ifDefined(this.iconSymbol)}" size="${iconSize}"></btu-icon>
+      </button>
+    `;
+    }
+}
+__decorate([
+    property()
+], IconButton.prototype, "name", void 0);
+__decorate([
+    property()
+], IconButton.prototype, "type", void 0);
+__decorate([
+    property({ attribute: 'icon-symbol' })
+], IconButton.prototype, "iconSymbol", void 0);
+__decorate([
+    property()
+], IconButton.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean })
+], IconButton.prototype, "destructive", void 0);
+__decorate([
+    property({ type: Boolean })
+], IconButton.prototype, "disabled", void 0);
+if (!customElements.get('btu-icon-button')) {
+    customElements.define('btu-icon-button', IconButton);
+}
+//# sourceMappingURL=IconButton.js.map

package/dist/components/icon-button/IconButton.js.map

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

package/dist/components/pagination/Pagination.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import '../circular-progress/CircularProgress.js';
-import '../icon/Icon.js';
 declare const Pagination_base: (new (...args: any[]) => import("../../util/EventEmitterMixin.js").EventEmitterMixinInterface) & (new (...args: any[]) => import("../../util/ReadyMixin.js").ReadyMixinInterface) & typeof LitElement;
 /**
  * A pagination component for navigating through paged content.

package/dist/components/pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAA;AAK/C,OAAO,0CAA0C,CAAA;AACjD,OAAO,iBAAiB,CAAA;;AAExB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAAyC;IAC/E;;;OAGG;IAEH,IAAI,SAAI;IAER;;;OAGG;IAEH,QAAQ,SAAI;IAEZ;;;OAGG;IAEH,QAAQ,UAAQ;IAEhB;;;OAGG;IAEH,OAAO,UAAQ;IAEf;;;OAGG;IAEH,gBAAgB,UAAO;IAEvB;;;OAGG;IAEH,eAAe,UAAO;IAEtB;;;OAGG;IAEH,eAAe,SAAe;IAE9B;;;OAGG;IAEH,UAAU,SAAI;IAEd;;;OAGG;IAEH,eAAe,UAAO;IAEtB;;;OAGG;IAEH,cAAc,UAAQ;IAEtB;;;OAGG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAEzB,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAQ;IAE9B,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAQ;IAE7B,OAAO,KAAK,sBAAsB,GAMjC;IAED,OAAO,KAAK,WAAW,GAGtB;IAED,OAAO,KAAK,UAAU,GAGrB;IAED,OAAO,KAAK,QAAQ,GAGnB;IAED,iBAAiB,IAAI,IAAI;IAOzB,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAmClB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAe5C,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,iBAAiB;IAezB,MAAM;CAkFP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,UAAU,CAAA;KAC7B;CACF"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAA;AAK/C,OAAO,0CAA0C,CAAA;;AAGjD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAAyC;IAC/E;;;OAGG;IAEH,IAAI,SAAI;IAER;;;OAGG;IAEH,QAAQ,SAAI;IAEZ;;;OAGG;IAEH,QAAQ,UAAQ;IAEhB;;;OAGG;IAEH,OAAO,UAAQ;IAEf;;;OAGG;IAEH,gBAAgB,UAAO;IAEvB;;;OAGG;IAEH,eAAe,UAAO;IAEtB;;;OAGG;IAEH,eAAe,SAAe;IAE9B;;;OAGG;IAEH,UAAU,SAAI;IAEd;;;OAGG;IAEH,eAAe,UAAO;IAEtB;;;OAGG;IAEH,cAAc,UAAQ;IAEtB;;;OAGG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAEzB,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAQ;IAE9B,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IAErC,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAQ;IAE7B,OAAO,KAAK,sBAAsB,GAMjC;IAED,OAAO,KAAK,WAAW,GAGtB;IAED,OAAO,KAAK,UAAU,GAGrB;IAED,OAAO,KAAK,QAAQ,GAGnB;IAED,iBAAiB,IAAI,IAAI;IAOzB,gBAAgB;IAIhB,UAAU,IAAI,IAAI;IAmClB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAe5C,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,iBAAiB;IAezB,MAAM;CAkFP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,UAAU,CAAA;KAC7B;CACF"}