@plusui/library 0.1.0

package/dist/components/select/select.d.ts

@@ -0,0 +1,160 @@
+import { Tailwind } from '../base/tailwind-base';
+import { PropertyValues } from 'lit';
+import { PlusSelectItem } from '../select-item';
+/**
+ * A select component that provides a collapsible menu with selectable options.
+ * Uses Floating UI for intelligent positioning of the select menu.
+ *
+ * @tag plus-select
+ * @slot - The default slot for the select trigger button content
+ * @slot suffix - Slot for adding content to the right side of the trigger button
+ * @slot select-item - Slot for select menu items
+ * @csspart base - The component's base wrapper
+ * @csspart select - The select trigger input
+ * @csspart select-box - The select list container
+ * @event plus-select-open - Emitted when the select is opened
+ * @event plus-select-close - Emitted when the select is closed
+ * @event plus-select-selected-item - Emitted when an item is selected, with the selected item in detail
+ */
+export default class PlusSelect extends Tailwind {
+    /**
+     * CSS styles for the component, including Tailwind base styles and custom styles.
+     */
+    static styles: import("lit").CSSResult[];
+    /**
+     * Queries all select items assigned to the 'select-item' slot.
+     * @private
+     */
+    slots: PlusSelectItem[];
+    /**
+     * Sets the size of the select button.
+     * @values 'sm' | 'md' | 'lg'
+     * @default 'md'
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Placeholder text for the select trigger input.
+     * @default ''
+     */
+    placeholder: string;
+    /**
+     * Label text for the select.
+     * @default ''
+     */
+    label: string;
+    /**
+     * Indicates if the select is in an error state.
+     * @default false
+     */
+    error: boolean;
+    /**
+     * Disables the select, preventing interaction.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Marks the select as required.
+     * @default false
+     */
+    required: boolean;
+    /**
+     * Makes the select read-only, preventing changes.
+     * @default false
+     */
+    readonly: boolean;
+    /**
+     * Caption text displayed below the select.
+     */
+    caption?: string;
+    /**
+     * Enables a clear button to reset the selection.
+     * @default false
+     */
+    clearable: boolean;
+    /**
+     * Tracks the visibility state of the select menu.
+     * @private
+     */
+    private isVisible;
+    /**
+     * Stores the currently selected select item.
+     * @private
+     */
+    private selectedItem;
+    /**
+     * Reference to the select trigger input element.
+     * @private
+     */
+    private targetElement;
+    /**
+     * Reference to the select menu container.
+     * @private
+     */
+    private selectBox;
+    /**
+     * Cleanup function for Floating UI's autoUpdate.
+     * @private
+     */
+    private cleanup?;
+    /**
+     * Unique ID for ARIA relationship between the trigger and select menu.
+     * @private
+     */
+    private selectId;
+    /**
+     * Updates the select menu's position using Floating UI.
+     * @private
+     */
+    private updatePosition;
+    /**
+     * Handles click events on the select trigger input to toggle the menu.
+     * @private
+     */
+    private handleClick;
+    /**
+     * Handles keyboard navigation for select items.
+     * @param event - The keyboard event
+     * @private
+     */
+    private handleKeyDown;
+    /**
+     * Handles click events on select items to select them.
+     * @param event - The click event
+     * @private
+     */
+    private handleItemClick;
+    /**
+     * Handles changes to the 'select-item' slot to update item properties.
+     * @private
+     */
+    private handleSlotChange;
+    /**
+     * Initializes the component after it is first updated.
+     * @param changedProperties - Map of changed properties
+     * @private
+     */
+    firstUpdated(changedProperties: PropertyValues): void;
+    /**
+     * Handles clicks outside the select to close it.
+     * @param event - The click event
+     * @private
+     */
+    private handleOutsideClick;
+    /**
+     * Cleans up the Floating UI autoUpdate subscription.
+     * @private
+     */
+    private cleanupAutoUpdate;
+    /**
+     * Cleans up event listeners and subscriptions when the component is removed from the DOM.
+     * @private
+     */
+    disconnectedCallback(): void;
+    /**
+     * Renders the select component.
+     * @returns The rendered template
+     */
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { PlusSelect };
+//# sourceMappingURL=select.d.ts.map

package/dist/components/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAUhD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,QAAQ;IAC9C;;OAEG;IACH,OAAgB,MAAM,4BAUpB;IAEF;;;OAGG;IAEH,KAAK,EAAG,cAAc,EAAE,CAAC;IAEzB;;;;OAIG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IAEH,WAAW,EAAE,MAAM,CAAM;IAEzB;;;OAGG;IAEH,KAAK,EAAE,MAAM,CAAM;IAEnB;;;OAGG;IAEH,KAAK,EAAE,OAAO,CAAS;IAEvB;;;OAGG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAE1B;;;OAGG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAE1B;;;OAGG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAE1B;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IAEH,SAAS,EAAE,OAAO,CAAS;IAE3B;;;OAGG;IAEH,OAAO,CAAC,SAAS,CAAkB;IAEnC;;;OAGG;IAEH,OAAO,CAAC,YAAY,CAA+B;IAEnD;;;OAGG;IACH,OAAO,CAAC,aAAa,CAA4B;IAEjD;;;OAGG;IACH,OAAO,CAAC,SAAS,CAA4B;IAE7C;;;OAGG;IACH,OAAO,CAAC,OAAO,CAAC,CAAa;IAE7B;;;OAGG;IACH,OAAO,CAAC,QAAQ,CAAkE;IAElF;;;OAGG;IACH,OAAO,CAAC,cAAc,CAkBpB;IAEF;;;OAGG;IACH,OAAO,CAAC,WAAW,CAoBjB;IAEF;;;;OAIG;IACH,OAAO,CAAC,aAAa,CAwCnB;IAEF;;;;OAIG;IACH,OAAO,CAAC,eAAe,CAcrB;IAEF;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAKtB;IAEF;;;;OAIG;IACM,YAAY,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IA2B9D;;;;OAIG;IACH,OAAO,CAAC,kBAAkB,CAWxB;IAEF;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACM,oBAAoB,IAAI,IAAI;IAerC;;;OAGG;IACM,MAAM;CAkChB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/select/select.js

@@ -0,0 +1,377 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { o } from '../../query-assigned-elements-B8Evmg7O.js';
+import Tailwind from '../base/tailwind-base.js';
+import { i, x } from '../../lit-element-ByzbtpGk.js';
+import { c as computePosition, o as offset, s as shift, f as flip, b as autoUpdate } from '../../floating-ui.dom-OBaMlALa.js';
+import { selectStyle } from './select.style.js';
+import '../../base-Cl6v8-BZ.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-B9iart53.js';
+
+/**
+ * A select component that provides a collapsible menu with selectable options.
+ * Uses Floating UI for intelligent positioning of the select menu.
+ *
+ * @tag plus-select
+ * @slot - The default slot for the select trigger button content
+ * @slot suffix - Slot for adding content to the right side of the trigger button
+ * @slot select-item - Slot for select menu items
+ * @csspart base - The component's base wrapper
+ * @csspart select - The select trigger input
+ * @csspart select-box - The select list container
+ * @event plus-select-open - Emitted when the select is opened
+ * @event plus-select-close - Emitted when the select is closed
+ * @event plus-select-selected-item - Emitted when an item is selected, with the selected item in detail
+ */
+class PlusSelect extends Tailwind {
+    constructor() {
+        super(...arguments);
+        /**
+         * Sets the size of the select button.
+         * @values 'sm' | 'md' | 'lg'
+         * @default 'md'
+         */
+        this.size = 'md';
+        /**
+         * Placeholder text for the select trigger input.
+         * @default ''
+         */
+        this.placeholder = '';
+        /**
+         * Label text for the select.
+         * @default ''
+         */
+        this.label = '';
+        /**
+         * Indicates if the select is in an error state.
+         * @default false
+         */
+        this.error = false;
+        /**
+         * Disables the select, preventing interaction.
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Marks the select as required.
+         * @default false
+         */
+        this.required = false;
+        /**
+         * Makes the select read-only, preventing changes.
+         * @default false
+         */
+        this.readonly = false;
+        /**
+         * Enables a clear button to reset the selection.
+         * @default false
+         */
+        this.clearable = false;
+        /**
+         * Tracks the visibility state of the select menu.
+         * @private
+         */
+        this.isVisible = false;
+        /**
+         * Stores the currently selected select item.
+         * @private
+         */
+        this.selectedItem = null;
+        /**
+         * Reference to the select trigger input element.
+         * @private
+         */
+        this.targetElement = null;
+        /**
+         * Reference to the select menu container.
+         * @private
+         */
+        this.selectBox = null;
+        /**
+         * Unique ID for ARIA relationship between the trigger and select menu.
+         * @private
+         */
+        this.selectId = `select-${Math.random().toString(36).substring(2, 9)}`;
+        /**
+         * Updates the select menu's position using Floating UI.
+         * @private
+         */
+        this.updatePosition = () => {
+            if (!this.selectBox || !this.targetElement)
+                return;
+            requestAnimationFrame(() => {
+                computePosition(this.targetElement, this.selectBox, {
+                    placement: 'bottom-start',
+                    middleware: [
+                        offset(6),
+                        shift({ padding: 4, boundary: document.documentElement }),
+                        flip({
+                            fallbackPlacements: ['top-start', 'bottom-start'],
+                            padding: 4,
+                        }),
+                    ],
+                }).then(({ x, y }) => {
+                    Object.assign(this.selectBox.style, { left: `${x}px`, top: `${y}px` });
+                });
+            });
+        };
+        /**
+         * Handles click events on the select trigger input to toggle the menu.
+         * @private
+         */
+        this.handleClick = () => {
+            if (this.disabled || this.readonly)
+                return;
+            this.isVisible = !this.isVisible;
+            if (this.isVisible) {
+                if (!this.targetElement || !this.selectBox) {
+                    console.error('Target element or select-box is not available');
+                    return;
+                }
+                this.updatePosition();
+                this.cleanup = autoUpdate(this.targetElement, this.selectBox, this.updatePosition);
+                this.emit('plus-select-open');
+            }
+            else {
+                this.cleanupAutoUpdate();
+                this.emit('plus-select-close');
+            }
+        };
+        /**
+         * Handles keyboard navigation for select items.
+         * @param event - The keyboard event
+         * @private
+         */
+        this.handleKeyDown = (event) => {
+            if (this.disabled || this.readonly)
+                return;
+            const items = this.slots.filter((item) => !item.disabled);
+            const currentIndex = items.indexOf(this.selectedItem);
+            let newIndex = currentIndex;
+            switch (event.key) {
+                case 'ArrowDown':
+                    newIndex = (currentIndex + 1) % items.length;
+                    break;
+                case 'ArrowUp':
+                    newIndex = (currentIndex - 1 + items.length) % items.length;
+                    break;
+                case 'Enter':
+                case ' ':
+                    if (this.selectedItem) {
+                        this.handleItemClick(new Event('click'));
+                    }
+                    break;
+                case 'Escape':
+                    this.isVisible = false;
+                    this.cleanupAutoUpdate();
+                    break;
+                case 'Tab':
+                    this.isVisible = false;
+                    this.cleanupAutoUpdate();
+                    break;
+                default:
+                    return;
+            }
+            if (newIndex !== currentIndex) {
+                this.selectedItem = items[newIndex];
+                this.slots.forEach((item) => {
+                    item.selected = item === this.selectedItem;
+                });
+            }
+            event.preventDefault();
+        };
+        /**
+         * Handles click events on select items to select them.
+         * @param event - The click event
+         * @private
+         */
+        this.handleItemClick = (event) => {
+            const target = event.target;
+            const clickedItem = this.slots.find((item) => item.contains(target));
+            if (clickedItem && !clickedItem.disabled) {
+                this.selectedItem = clickedItem;
+                this.slots.forEach((item) => {
+                    item.selected = item === clickedItem;
+                });
+                this.emit('plus-select-selected-item', {
+                    detail: { selectedItem: this.selectedItem },
+                });
+                this.isVisible = false;
+                this.cleanupAutoUpdate();
+            }
+        };
+        /**
+         * Handles changes to the 'select-item' slot to update item properties.
+         * @private
+         */
+        this.handleSlotChange = () => {
+            this.slots.forEach((item) => {
+                item.size = this.size;
+                item.disabled = this.disabled || item.disabled;
+            });
+        };
+        /**
+         * Handles clicks outside the select to close it.
+         * @param event - The click event
+         * @private
+         */
+        this.handleOutsideClick = (event) => {
+            const path = event.composedPath();
+            if (this.selectBox &&
+                this.targetElement &&
+                !path.includes(this.selectBox) &&
+                !path.includes(this.targetElement)) {
+                this.isVisible = false;
+                this.cleanupAutoUpdate();
+            }
+        };
+    }
+    /**
+     * Initializes the component after it is first updated.
+     * @param changedProperties - Map of changed properties
+     * @private
+     */
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.targetElement = this.shadowRoot?.querySelector('plus-input') || null;
+        this.selectBox = this.shadowRoot?.querySelector('.select-box') || null;
+        this.selectedItem = this.slots.find((item) => item.selected) || null;
+        const slot = this.shadowRoot?.querySelector('slot[name="select-item"]');
+        slot?.addEventListener('slotchange', this.handleSlotChange);
+        this.handleSlotChange();
+        if (this.targetElement) {
+            this.targetElement.addEventListener('click', this.handleClick);
+            this.targetElement.addEventListener('keydown', this.handleKeyDown);
+        }
+        else {
+            console.error('Target element (plus-input) not found');
+        }
+        if (this.selectBox) {
+            this.selectBox.addEventListener('click', this.handleItemClick);
+        }
+        else {
+            console.error('Select box not found');
+        }
+        document.addEventListener('click', this.handleOutsideClick, true);
+    }
+    /**
+     * Cleans up the Floating UI autoUpdate subscription.
+     * @private
+     */
+    cleanupAutoUpdate() {
+        if (this.cleanup) {
+            this.cleanup();
+            this.cleanup = undefined;
+        }
+    }
+    /**
+     * Cleans up event listeners and subscriptions when the component is removed from the DOM.
+     * @private
+     */
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.cleanupAutoUpdate();
+        if (this.targetElement) {
+            this.targetElement.removeEventListener('click', this.handleClick);
+            this.targetElement.removeEventListener('keydown', this.handleKeyDown);
+        }
+        if (this.selectBox) {
+            this.selectBox.removeEventListener('click', this.handleItemClick);
+        }
+        document.removeEventListener('click', this.handleOutsideClick, true);
+        const slot = this.shadowRoot?.querySelector('slot[name="select-item"]');
+        slot?.removeEventListener('slotchange', this.handleSlotChange);
+    }
+    /**
+     * Renders the select component.
+     * @returns The rendered template
+     */
+    render() {
+        return x `
+      <plus-input
+        .value=${(this.selectedItem?.text || this.selectedItem?.outerText) ??
+            ''}
+        .error=${this.error}
+        .caption=${this.caption}
+        .clearable=${this.clearable}
+        .disabled=${this.disabled}
+        .readonly=${this.readonly}
+        .size=${this.size}
+        .placeholder=${this.placeholder}
+        .label=${this.label}
+        .required=${this.required}
+        .isSelect=${true}
+        aria-expanded=${this.isVisible}
+        aria-haspopup="listbox"
+        aria-autocomplete="none"
+        role="combobox"
+        part="select"
+        suffix-icon=${this.isVisible ? 'chevron-up' : 'chevron-down'}
+      ></plus-input>
+      <div
+        id=${this.selectId}
+        class=${selectStyle({ isOpen: this.isVisible })}
+        role="listbox"
+        aria-label="Select options"
+        ?hidden=${!this.isVisible}
+        part="select-box"
+      >
+        <slot name="select-item"></slot>
+      </div>
+    `;
+    }
+}
+/**
+ * CSS styles for the component, including Tailwind base styles and custom styles.
+ */
+PlusSelect.styles = [
+    ...Tailwind.styles,
+    i `
+      :host {
+        display: block;
+        min-width: 256px;
+        width: fit-content;
+        height: fit-content;
+      }
+    `,
+];
+__decorate([
+    o({ selector: 'plus-select-item', slot: 'select-item' })
+], PlusSelect.prototype, "slots", void 0);
+__decorate([
+    n({ type: String })
+], PlusSelect.prototype, "size", void 0);
+__decorate([
+    n({ type: String })
+], PlusSelect.prototype, "placeholder", void 0);
+__decorate([
+    n({ type: String })
+], PlusSelect.prototype, "label", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusSelect.prototype, "error", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusSelect.prototype, "disabled", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusSelect.prototype, "required", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusSelect.prototype, "readonly", void 0);
+__decorate([
+    n({ type: String })
+], PlusSelect.prototype, "caption", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusSelect.prototype, "clearable", void 0);
+__decorate([
+    r()
+], PlusSelect.prototype, "isVisible", void 0);
+__decorate([
+    r()
+], PlusSelect.prototype, "selectedItem", void 0);
+
+export { PlusSelect, PlusSelect as default };

package/dist/components/select/select.js.map

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

package/dist/components/select/select.style.d.ts

@@ -0,0 +1,37 @@
+export declare const selectStyle: import("tailwind-variants").TVReturnType<{
+    isOpen: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    isOpen: {
+        true: string;
+        false: string;
+    };
+}, {
+    isOpen: {
+        true: string;
+        false: string;
+    };
+}>, {
+    isOpen: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    isOpen: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    isOpen: {
+        true: string;
+        false: string;
+    };
+}, {
+    isOpen: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;
+//# sourceMappingURL=select.style.d.ts.map

package/dist/components/select/select.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.style.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAUtB,CAAC"}

package/dist/components/select/select.style.js

@@ -0,0 +1,15 @@
+import { c as ce } from '../../index-B9iart53.js';
+
+const selectStyle = ce({
+    base: [
+        'select-box antialiased flex flex-col max-w-80 max-h-80 absolute z-10 w-full shadow-lg overflow-y-auto',
+    ],
+    variants: {
+        isOpen: {
+            true: '',
+            false: 'hidden',
+        },
+    },
+});
+
+export { selectStyle };

package/dist/components/select/select.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.style.js","sourceRoot":"","sources":["../../../src/components/select/select.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE;QACJ,uGAAuG;KACxG;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,QAAQ;SAChB;KACF;CACF,CAAC,CAAC"}

package/dist/components/select-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './select-item.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/select-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select-item/index.ts"],"names":[],"mappings":"AAEA,cAAc,kBAAkB,CAAC"}

package/dist/components/select-item/index.js

@@ -0,0 +1,13 @@
+import PlusSelectItem from './select-item.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../base/tailwind-base.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../if-defined-D-m3dgRf.js';
+import '../../live-BOAtKRUN.js';
+import '../../directive-DZCF8pFJ.js';
+
+customElements.define('plus-select-item', PlusSelectItem);
+
+export { PlusSelectItem };

package/dist/components/select-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/select-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,cAAc,kBAAkB,CAAC;AAEjC,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC"}