tyrell-components 1.0.0-RC11 → 1.0.0-RC13

package/lib/components/select.d.ts

@@ -0,0 +1,550 @@
+/**
+ * TySelect Web Component
+ *
+ * The select control — replaces ty-dropdown and ty-multiselect.
+ *
+ * Cardinality (native <select> semantics):
+ * - default: SINGLE select — scalar value, picking an option closes the popup
+ * - `multiple`: multi select — comma value / repeated FormData entries,
+ *   options toggle and the popup stays open
+ *
+ * Skins:
+ * - default: form FIELD — full width, --ty-input-* tokens, matches ty-input;
+ *   shows the selected label(s) inline
+ * - `compact`: content-hugging trigger for toolbars/filter bars; single shows
+ *   the selected label, multiple shows placeholder + count badge (pair with
+ *   <ty-selected-options>)
+ * - slot="trigger": consumer skin — replaces field/compact chrome entirely,
+ *   behavior/ARIA/form participation unchanged
+ *
+ * - ty-option children (ty-tag also accepted)
+ * - Desktop popup with smart positioning, mobile full-screen modal
+ * - Search / external-search / debounce, keyboard navigation
+ * - Form association: single submits one entry, multiple submits repeated
+ *   `name=` entries (HTMX-ready)
+ * - change event detail: { value, values, items: [{value, label, flavor}], action, item }
+ *   (`value` is a scalar for single, array for multiple)
+ *
+ * @example
+ * ```html
+ * <!-- Single select, field skin -->
+ * <ty-select label="Robot" name="robot">
+ *   <ty-option value="bobo">Bobo Robot</ty-option>
+ *   <ty-option value="eywa">EYWA Dataset Example</ty-option>
+ * </ty-select>
+ *
+ * <!-- Multi select, compact skin + out-of-band chips -->
+ * <ty-select multiple compact label="Robots" name="robots" id="robots">...</ty-select>
+ * <ty-selected-options for="robots"></ty-selected-options>
+ * ```
+ */
+import type { Flavor, Size } from "../types/common.js";
+import { TyComponent } from "../base/ty-component.js";
+import type { PropertyChange } from "../utils/property-manager.js";
+/**
+ * Tag data structure
+ */
+interface TagData {
+    value: string;
+    text: string;
+    element: HTMLElement;
+}
+/**
+ * Component state structure
+ */
+interface SelectState {
+    open: boolean;
+    search: string;
+    highlightedIndex: number;
+    filteredTags: TagData[];
+    selectedValues: string[];
+    mode: "desktop" | "mobile";
+}
+/**
+ * Ty Select Component
+ */
+export declare class TySelect extends TyComponent<SelectState> {
+    protected static properties: {
+        value: {
+            type: "string";
+            visual: boolean;
+            formValue: boolean;
+            emitChange: boolean;
+            default: string;
+            coerce: (v: any) => string;
+        };
+        name: {
+            type: "string";
+            default: string;
+        };
+        multiple: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        compact: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        placeholder: {
+            type: "string";
+            visual: boolean;
+            default: string;
+        };
+        label: {
+            type: "string";
+            visual: boolean;
+            default: string;
+        };
+        disabled: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        readonly: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        required: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        clearable: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+            aliases: {
+                "not-clearable": boolean;
+            };
+        };
+        externalSearch: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+            aliases: {
+                "external-search": boolean;
+            };
+        };
+        allowCreate: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+            aliases: {
+                "allow-create": boolean;
+            };
+        };
+        createTransform: {
+            type: "string";
+            visual: boolean;
+            default: string;
+            aliases: {
+                "create-transform": boolean;
+            };
+            coerce: (v: any) => "none" | "slug";
+        };
+        searchable: {
+            type: "string";
+            visual: boolean;
+            default: string;
+            coerce: (v: any) => "auto" | "always" | "never";
+        };
+        align: {
+            type: "string";
+            visual: boolean;
+            default: string;
+            validate: (v: any) => boolean;
+            coerce: (v: any) => "start" | "end";
+        };
+        size: {
+            type: "string";
+            visual: boolean;
+            default: string;
+            validate: (v: any) => boolean;
+            coerce: (v: any) => any;
+        };
+        debounce: {
+            type: "number";
+            default: number;
+            validate: (v: any) => boolean;
+            coerce: (v: any) => number;
+        };
+        "available-label": {
+            type: "string";
+            visual: boolean;
+            default: string;
+        };
+        "no-options-message": {
+            type: "string";
+            visual: boolean;
+            default: string;
+        };
+        loading: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        flavor: {
+            type: "string";
+            visual: boolean;
+            default: string;
+        };
+    };
+    private _name;
+    private _multiple;
+    private _compact;
+    private _placeholder;
+    private _label;
+    private _disabled;
+    private _readonly;
+    private _required;
+    private _clearable;
+    private _externalSearch;
+    private _allowCreate;
+    private _createTransform;
+    private _searchable;
+    private _loading;
+    private _scrollLockId;
+    private _size;
+    private _availableLabel;
+    private _noOptionsMessage;
+    private _state;
+    private _stubClickHandler;
+    private _tagClickHandler;
+    private _searchInputHandler;
+    private _blockSearchClick;
+    private _keyboardHandler;
+    private _debounce;
+    private _searchDebounceTimer;
+    private _optionsScrollbar;
+    private _childObserver;
+    private _selectedClone;
+    private _customFlavorSheet;
+    constructor();
+    /**
+     * Called when component is connected to DOM
+     * TyComponent handles property capture automatically
+     */
+    protected onConnect(): void;
+    /** Custom (non-built-in) flavors — see utils/flavor-sheet.ts. */
+    private _syncCustomFlavor;
+    /**
+     * Called when component is disconnected from DOM
+     * Clean up event listeners and timers
+     */
+    protected onDisconnect(): void;
+    /**
+     * Called when properties change
+     * Handle state synchronization BEFORE render
+     */
+    protected onPropertiesChanged(changes: PropertyChange[]): void;
+    /**
+     * Toggle the loading visual state on the open popup.
+     * Replaces the available-options area with a centered spinner; search input stays usable.
+     * Pulls the latest registered loader SVG on each call so registry changes
+     * take effect on the next loading toggle.
+     */
+    private applyLoadingState;
+    /**
+     * Get the form value for this component
+     * Returns FormData with multiple entries (HTMX standard)
+     */
+    protected getFormValue(): FormDataEntryValue | FormData | null;
+    /**
+     * Parse select value (comma-separated string to array)
+     */
+    private parseValue;
+    /**
+     * Initialize component state from attributes
+     * Reads from both property and attribute (like ClojureScript version)
+     */
+    private initializeState;
+    /**
+     * Get all option elements from the component (ty-option preferred, ty-tag accepted)
+     */
+    private getTagElements;
+    /**
+     * Extract value and text from a ty-tag element
+     */
+    private getTagData;
+    /**
+     * Select an option - attribute only. The option stays in the list with
+     * selected styling; chips are rendered out-of-band (ty-selected-options).
+     */
+    private selectTag;
+    /**
+     * Deselect an option - attribute only.
+     */
+    private deselectTag;
+    /**
+     * Get array of currently selected values from tags (ALWAYS reads from DOM)
+     */
+    private getSelectedValues;
+    /**
+     * Sync tag selection states with desired values
+     */
+    private syncSelectedTags;
+    /**
+     * role="option" for every current option/tag — separate from
+     * syncSelectedTags (which only runs when the `value` property changes)
+     * so it also covers the "nothing selected yet, value never touched"
+     * startup case. Idempotent; cheap to call from the child MutationObserver
+     * on every light-DOM change.
+     */
+    private ensureOptionRoles;
+    /**
+     * Central update function - synchronizes everything
+     * Uses TyComponent's property system for proper lifecycle
+     */
+    private updateComponentValue;
+    /**
+     * Build rich item info for values, read off the matching option elements
+     */
+    private getSelectedItems;
+    /**
+     * Calculate and set dropdown position with smart direction detection
+     */
+    private calculatePosition;
+    private _setupOptionsScrollbar;
+    private _destroyOptionsScrollbar;
+    /**
+     * Open dropdown dialog (desktop mode)
+     *
+     * `<dialog>.showModal()` puts the dialog in the top layer with a backdrop, but
+     * does NOT prevent the page behind it from scrolling. We use the shared scroll
+     * lock utility (overflow:hidden on <html>) to keep wheel/touch scrolling from
+     * leaking through to the body — same behavior <ty-dropdown> and <ty-modal>
+     * implement.
+     */
+    private openDropdown;
+    /**
+     * Close dropdown dialog (desktop mode)
+     */
+    private closeDropdown;
+    /**
+     * Open mobile modal (mobile mode)
+     * Now using <dialog> element for native z-index management
+     */
+    private openMobileModal;
+    /**
+     * Close mobile modal (mobile mode)
+     * Now using <dialog> element for native management
+     */
+    private closeMobileModal;
+    private handleStubClick;
+    /**
+     * .select-clear click — must stop propagation before it bubbles to the
+     * stub's own click handler (which would otherwise also open the dropdown).
+     */
+    private handleClearClick;
+    /**
+     * Keyboard-open the (closed) stub. The stub is a plain div with
+     * tabindex="0", not a native <button> — Enter/Space don't turn into
+     * click events on their own the way they do for real form controls, and
+     * without this a keyboard-only user could Tab to the field but never
+     * open it. document-level handleKeyboard() only runs once already open
+     * (it early-returns on !this._state.open), so this is the other half.
+     */
+    private handleStubKeydown;
+    private handleTagClick;
+    /**
+     * Select/toggle a tag by element — the part of handleTagClick that has no
+     * dependency on a real DOM event, so keyboard/programmatic callers (Enter
+     * on a highlighted option, allow-create's exact-match dedup) can call it
+     * directly instead of faking an Event object just to satisfy
+     * preventDefault()/stopPropagation().
+     */
+    private selectByTag;
+    /**
+     * allow-create: Enter with unmatched search text mints a new option.
+     * Returns true if it handled the key (created, or selected an existing
+     * exact match instead of duplicating) — false if there's nothing to do
+     * (blank query, or allow-create is off), so the caller's normal Enter
+     * handling (select highlighted, or no-op) proceeds.
+     */
+    private tryCreateFromSearch;
+    /**
+     * Multiple + allow-create: clear the search box and re-show the full
+     * (now-longer) option list so the next tag can be typed immediately —
+     * the tags-input pattern.
+     */
+    private clearSearchAfterCreate;
+    private blockSearchClick;
+    private handleSearchInput;
+    private handleKeyboard;
+    /**
+     * Filter tags based on search query
+     */
+    private filterTags;
+    /**
+     * Update visibility of tags based on filtered list
+     */
+    private updateTagVisibility;
+    /**
+     * Show/hide the dropdown options area
+     */
+    private updateOptionsVisibility;
+    /**
+     * Clear all tag highlights
+     */
+    private clearHighlights;
+    /**
+     * Highlight tag at specific index
+     */
+    private highlightTag;
+    /**
+     * Dispatch search event for external search handling
+     * With optional debounce support
+     */
+    private dispatchSearchEvent;
+    /**
+     * Fire the actual search event
+     */
+    private fireSearchEvent;
+    /**
+     * Dispatch lifecycle events for popup open/close.
+     * On open with external-search, also fire a `search` event with an empty
+     * query so consumers have a clean hook to reset/refetch the option list.
+     */
+    private fireOpenEvent;
+    private fireCloseEvent;
+    /**
+     * Dispatch custom change event
+     */
+    private dispatchChangeEvent;
+    /**
+     * Main render method (required by TyComponent)
+     * Delegates to mode-specific renderer
+     */
+    protected render(): void;
+    /**
+     * Reflect constraint validation to the owning <form> via ElementInternals.
+     * Without this `required` is only cosmetic — form.checkValidity() (and a
+     * real submit) never actually blocks on an empty required select. Mirrors
+     * ty-input's updateValidity(): empty + required => valueMissing; disabled
+     * fields are barred from constraint validation.
+     */
+    private updateValidity;
+    /**
+     * When a consumer slots their own trigger (slot="trigger"), strip the
+     * default field chrome so the trigger is styled entirely by the consumer.
+     */
+    private setupTriggerSlot;
+    /**
+     * Setup event listeners
+     */
+    private setupEventListeners;
+    /**
+     * Build CSS class list for stub
+     */
+    private buildStubClasses;
+    /**
+     * Render desktop mode with dialog
+     */
+    private renderDesktop;
+    /**
+     * Render mobile mode with full-screen modal
+     * Following dropdown.ts mobile structure
+     */
+    private renderMobile;
+    /**
+     * Setup event listeners for mobile mode
+     * Using <dialog> element - backdrop clicks handled natively
+     */
+    private setupMobileEventListeners;
+    /**
+     * Handle mobile stub click - open modal
+     */
+    private handleMobileStubClick;
+    /** Keyboard-open the (closed) mobile stub — see handleStubKeydown for why this is needed. */
+    private handleMobileStubKeydown;
+    /**
+     * Handle mobile tag click - select and potentially close
+     */
+    private handleMobileTagClick;
+    /**
+     * Update mobile options section state (count, empty state)
+     */
+    private updateMobileSelectedState;
+    /**
+     * Update selection display: count badge next to the placeholder
+     */
+    /**
+     * Should the popup show a search row? external-search always (the input is
+     * the mechanism); searchable always/never wins otherwise; 'auto' shows it
+     * only when the option list is long enough to need filtering.
+     */
+    private shouldShowSearch;
+    /**
+     * Toggle the search row (desktop header / mobile input) per shouldShowSearch.
+     */
+    private updateSearchVisibility;
+    /**
+     * Selection summary appropriate to cardinality × skin:
+     * - single (field or compact): the selected OPTION itself — cloned into
+     *   slot="selected" so rich HTML options display intact (dropdown parity);
+     *   placeholder when empty
+     * - multiple + field: joined labels (ellipsis via CSS), or placeholder
+     * - multiple + compact: placeholder + count badge
+     */
+    private updateSelectionDisplay;
+    /**
+     * Keep exactly one display clone (slot="selected", marked `cloned`) in our
+     * light DOM matching the given value — or none. The clone never counts as
+     * an option (getTagElements filters [cloned]) and ty-option's own
+     * :host([cloned]) styling strips its list-row chrome.
+     */
+    private syncSelectedClone;
+    /**
+     * Deselect a value programmatically WITH a change event.
+     * Used by out-of-band chip displays (ty-selected-options) so dismissing a chip
+     * fires change like any in-popup interaction (HTMX hx-trigger="change" etc.).
+     */
+    deselectValue(value: string): void;
+    /**
+     * Clear the entire selection programmatically WITH a change event
+     * (action: 'clear'). No-op if nothing is selected. Exists so slot="trigger"
+     * consumers (custom chrome, built-in clear UI hidden by design) can wire
+     * their own clear icon's click handler to it.
+     */
+    clear(): void;
+    get value(): string;
+    set value(val: string);
+    get name(): string;
+    set name(val: string);
+    get multiple(): boolean;
+    set multiple(value: boolean);
+    get compact(): boolean;
+    set compact(value: boolean);
+    get placeholder(): string;
+    set placeholder(val: string);
+    get label(): string;
+    set label(val: string);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get loading(): boolean;
+    set loading(value: boolean);
+    get readonly(): boolean;
+    set readonly(value: boolean);
+    get clearable(): boolean;
+    set clearable(value: boolean);
+    get required(): boolean;
+    set required(value: boolean);
+    get searchable(): "auto" | "always" | "never";
+    set searchable(value: "auto" | "always" | "never" | boolean);
+    get externalSearch(): boolean;
+    set externalSearch(value: boolean);
+    get debounce(): number;
+    set debounce(value: number | string);
+    get size(): Size;
+    set size(value: Size);
+    get align(): "start" | "end";
+    set align(value: "start" | "end");
+    get flavor(): Flavor;
+    set flavor(value: Flavor);
+    get form(): HTMLFormElement | null;
+}
+export {};
+//# sourceMappingURL=select.d.ts.map

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

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