tyrell-components 1.0.0-TC8 → 1.0.0-TC9

package/lib/components/file-upload.d.ts

@@ -0,0 +1,121 @@
+/**
+ * TyFileUpload Web Component
+ *
+ * Drop zone + file picker primitive. Replaces `<input type="file">` with
+ * a styleable, drag-and-drop-capable equivalent that works everywhere.
+ *
+ * - Click to browse or drag-and-drop
+ * - Multiple file support
+ * - Accept filter passed to the underlying file input
+ * - Emits `change` with `{ files, names }` on every selection
+ * - Form-associated: participates in FormData and form.reset()
+ *
+ * @example
+ * <ty-file-upload name="avatar" accept="image/*" label="Profile photo"></ty-file-upload>
+ * <ty-file-upload name="docs" multiple accept=".pdf,.docx" label="Attachments"></ty-file-upload>
+ */
+import { TyComponent } from "../base/ty-component.js";
+import type { PropertyChange } from "../utils/property-manager.js";
+interface FileUploadState {
+    listenersSetup: boolean;
+}
+export interface TyFileUploadElement extends HTMLElement {
+    multiple: boolean;
+    accept: string;
+    name: string;
+    disabled: boolean;
+    required: boolean;
+    label: string;
+    placeholder: string;
+    error: string;
+    files: File[];
+    form: HTMLFormElement | null;
+}
+export declare class TyFileUpload extends TyComponent<FileUploadState> implements TyFileUploadElement {
+    static formAssociated: boolean;
+    protected static properties: {
+        multiple: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        accept: {
+            type: "string";
+            visual: boolean;
+            default: string;
+        };
+        name: {
+            type: "string";
+            default: string;
+        };
+        disabled: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        required: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        label: {
+            type: "string";
+            visual: boolean;
+            default: string;
+        };
+        placeholder: {
+            type: "string";
+            visual: boolean;
+            default: string;
+        };
+        error: {
+            type: "string";
+            visual: boolean;
+            default: string;
+        };
+    };
+    private _files;
+    private _isDragging;
+    private _listenersSetup;
+    private _dropZoneClickHandler;
+    private _dropZoneKeydownHandler;
+    private _dropZoneFocusHandler;
+    private _dropZoneBlurHandler;
+    private _dragoverHandler;
+    private _dragleaveHandler;
+    private _dropHandler;
+    private _inputChangeHandler;
+    constructor();
+    protected onConnect(): void;
+    protected onDisconnect(): void;
+    protected onPropertiesChanged(_changes: PropertyChange[]): void;
+    protected onFormReset(): void;
+    protected getFormValue(): FormData | string | null;
+    get files(): File[];
+    get multiple(): boolean;
+    set multiple(v: boolean);
+    get accept(): string;
+    set accept(v: string);
+    get name(): string;
+    set name(v: string);
+    get disabled(): boolean;
+    set disabled(v: boolean);
+    get required(): boolean;
+    set required(v: boolean);
+    get label(): string;
+    set label(v: string);
+    get placeholder(): string;
+    set placeholder(v: string);
+    get error(): string;
+    set error(v: string);
+    get form(): HTMLFormElement | null;
+    private setFiles;
+    private removeFile;
+    private setupEventListeners;
+    private removeEventListeners;
+    private buildDropZoneClasses;
+    private renderFileList;
+    protected render(): void;
+}
+export {};
+//# sourceMappingURL=file-upload.d.ts.map

package/lib/components/file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../src/components/file-upload.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAInE,UAAU,eAAe;IACvB,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC;CAC9B;AAeD,qBAAa,YACX,SAAQ,WAAW,CAAC,eAAe,CACnC,YAAW,mBAAmB;IAE9B,MAAM,CAAC,cAAc,UAAQ;IAE7B,SAAS,CAAC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAwCzB;IAEF,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,eAAe,CAAkB;IAEzC,OAAO,CAAC,qBAAqB,CAAqC;IAClE,OAAO,CAAC,uBAAuB,CAA6C;IAC5E,OAAO,CAAC,qBAAqB,CAA6B;IAC1D,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,gBAAgB,CAAyC;IACjE,OAAO,CAAC,iBAAiB,CAAyC;IAClE,OAAO,CAAC,YAAY,CAAyC;IAC7D,OAAO,CAAC,mBAAmB,CAAqC;;IAOhE,SAAS,CAAC,SAAS,IAAI,IAAI;IAE3B,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI;IAE/D,SAAS,CAAC,WAAW,IAAI,IAAI;IAW7B,SAAS,CAAC,YAAY,IAAI,QAAQ,GAAG,MAAM,GAAG,IAAI;IAclD,IAAI,KAAK,IAAI,IAAI,EAAE,CAElB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,CAAC,EAAE,OAAO,EAEtB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IACD,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM,EAEnB;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IACD,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,EAEjB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,CAAC,EAAE,OAAO,EAEtB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,CAAC,EAAE,OAAO,EAEtB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,CAAC,EAAE,MAAM,EAElB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IACD,IAAI,WAAW,CAAC,CAAC,EAAE,MAAM,EAExB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,CAAC,EAAE,MAAM,EAElB;IAED,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAMD,OAAO,CAAC,QAAQ;IAkBhB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,mBAAmB;IAmF3B,OAAO,CAAC,oBAAoB;IA0C5B,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,cAAc;IAyCtB,SAAS,CAAC,MAAM,IAAI,IAAI;CAmHzB"}

package/lib/components/file-upload.js

@@ -0,0 +1,441 @@
+/**
+ * TyFileUpload Web Component
+ *
+ * Drop zone + file picker primitive. Replaces `<input type="file">` with
+ * a styleable, drag-and-drop-capable equivalent that works everywhere.
+ *
+ * - Click to browse or drag-and-drop
+ * - Multiple file support
+ * - Accept filter passed to the underlying file input
+ * - Emits `change` with `{ files, names }` on every selection
+ * - Form-associated: participates in FormData and form.reset()
+ *
+ * @example
+ * <ty-file-upload name="avatar" accept="image/*" label="Profile photo"></ty-file-upload>
+ * <ty-file-upload name="docs" multiple accept=".pdf,.docx" label="Attachments"></ty-file-upload>
+ */
+import { TyComponent } from "../base/ty-component.js";
+import { ensureStyles } from "../utils/styles.js";
+import { fileUploadStyles } from "../styles/file-upload.js";
+const UPLOAD_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>`;
+const FILE_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>`;
+const X_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>`;
+function formatBytes(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    if (bytes < 1024 * 1024 * 1024)
+        return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+    return `${(bytes / 1024 / 1024 / 1024).toFixed(1)} GB`;
+}
+export class TyFileUpload extends TyComponent {
+    constructor() {
+        super();
+        this._files = [];
+        this._isDragging = false;
+        this._listenersSetup = false;
+        this._dropZoneClickHandler = null;
+        this._dropZoneKeydownHandler = null;
+        this._dropZoneFocusHandler = null;
+        this._dropZoneBlurHandler = null;
+        this._dragoverHandler = null;
+        this._dragleaveHandler = null;
+        this._dropHandler = null;
+        this._inputChangeHandler = null;
+        ensureStyles(this.shadowRoot, { css: fileUploadStyles, id: "ty-file-upload" });
+    }
+    onConnect() { }
+    onDisconnect() {
+        this.removeEventListeners();
+    }
+    onPropertiesChanged(_changes) { }
+    onFormReset() {
+        this._files = [];
+        this.updateFormValue();
+        if (this._connected)
+            this.render();
+        const fileInput = this.shadowRoot?.querySelector(".file-input");
+        if (fileInput)
+            fileInput.value = "";
+    }
+    getFormValue() {
+        if (this._files.length === 0)
+            return null;
+        const fd = new FormData();
+        const fieldName = this.name || "files";
+        for (const file of this._files) {
+            fd.append(fieldName, file);
+        }
+        return fd;
+    }
+    // ============================================================================
+    // PUBLIC API
+    // ============================================================================
+    get files() {
+        return [...this._files];
+    }
+    get multiple() {
+        return this.getProperty("multiple");
+    }
+    set multiple(v) {
+        this.setProperty("multiple", v);
+    }
+    get accept() {
+        return this.getProperty("accept");
+    }
+    set accept(v) {
+        this.setProperty("accept", v);
+    }
+    get name() {
+        return this.getProperty("name");
+    }
+    set name(v) {
+        this.setProperty("name", v);
+    }
+    get disabled() {
+        return this.getProperty("disabled");
+    }
+    set disabled(v) {
+        this.setProperty("disabled", v);
+    }
+    get required() {
+        return this.getProperty("required");
+    }
+    set required(v) {
+        this.setProperty("required", v);
+    }
+    get label() {
+        return this.getProperty("label");
+    }
+    set label(v) {
+        this.setProperty("label", v);
+    }
+    get placeholder() {
+        return this.getProperty("placeholder");
+    }
+    set placeholder(v) {
+        this.setProperty("placeholder", v);
+    }
+    get error() {
+        return this.getProperty("error");
+    }
+    set error(v) {
+        this.setProperty("error", v);
+    }
+    get form() {
+        return this._internals.form;
+    }
+    // ============================================================================
+    // INTERNAL FILE MANAGEMENT
+    // ============================================================================
+    setFiles(newFiles) {
+        this._files = this.multiple ? newFiles : newFiles.slice(0, 1);
+        this.updateFormValue();
+        this.render();
+        const detail = {
+            value: this._files,
+            files: this._files,
+            names: this._files.map((f) => f.name),
+        };
+        setTimeout(() => {
+            this.dispatchEvent(new CustomEvent("change", { detail, bubbles: true, composed: true }));
+        }, 0);
+    }
+    removeFile(index) {
+        const updated = [...this._files];
+        updated.splice(index, 1);
+        this.setFiles(updated);
+        const fileInput = this.shadowRoot?.querySelector(".file-input");
+        if (fileInput)
+            fileInput.value = "";
+    }
+    // ============================================================================
+    // EVENT LISTENERS
+    // ============================================================================
+    setupEventListeners() {
+        if (this._listenersSetup)
+            return;
+        const shadow = this.shadowRoot;
+        const dropZone = shadow.querySelector(".drop-zone");
+        const fileInput = shadow.querySelector(".file-input");
+        this._dropZoneClickHandler = (e) => {
+            if (this.disabled)
+                return;
+            if (e.target.closest(".file-remove"))
+                return;
+            fileInput.click();
+        };
+        this._dropZoneKeydownHandler = (e) => {
+            if (this.disabled)
+                return;
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                fileInput.click();
+            }
+        };
+        this._dropZoneFocusHandler = () => {
+            dropZone.classList.add("focused");
+        };
+        this._dropZoneBlurHandler = () => {
+            dropZone.classList.remove("focused");
+        };
+        this._dragoverHandler = (e) => {
+            if (this.disabled)
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            if (!this._isDragging) {
+                this._isDragging = true;
+                dropZone.classList.add("drag-active");
+            }
+        };
+        this._dragleaveHandler = (e) => {
+            if (!dropZone.contains(e.relatedTarget)) {
+                this._isDragging = false;
+                dropZone.classList.remove("drag-active");
+            }
+        };
+        this._dropHandler = (e) => {
+            if (this.disabled)
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            this._isDragging = false;
+            dropZone.classList.remove("drag-active");
+            const files = Array.from(e.dataTransfer?.files ?? []);
+            if (files.length > 0)
+                this.setFiles(files);
+        };
+        this._inputChangeHandler = (e) => {
+            const input = e.target;
+            if (input.files && input.files.length > 0) {
+                this.setFiles(Array.from(input.files));
+            }
+        };
+        dropZone.addEventListener("click", this._dropZoneClickHandler);
+        dropZone.addEventListener("keydown", this._dropZoneKeydownHandler);
+        dropZone.addEventListener("focus", this._dropZoneFocusHandler);
+        dropZone.addEventListener("blur", this._dropZoneBlurHandler);
+        dropZone.addEventListener("dragover", this._dragoverHandler);
+        dropZone.addEventListener("dragleave", this._dragleaveHandler);
+        dropZone.addEventListener("drop", this._dropHandler);
+        fileInput.addEventListener("change", this._inputChangeHandler);
+        this._listenersSetup = true;
+    }
+    removeEventListeners() {
+        if (!this._listenersSetup)
+            return;
+        const shadow = this.shadowRoot;
+        if (!shadow)
+            return;
+        const dropZone = shadow.querySelector(".drop-zone");
+        const fileInput = shadow.querySelector(".file-input");
+        if (!dropZone || !fileInput)
+            return;
+        if (this._dropZoneClickHandler)
+            dropZone.removeEventListener("click", this._dropZoneClickHandler);
+        if (this._dropZoneKeydownHandler)
+            dropZone.removeEventListener("keydown", this._dropZoneKeydownHandler);
+        if (this._dropZoneFocusHandler)
+            dropZone.removeEventListener("focus", this._dropZoneFocusHandler);
+        if (this._dropZoneBlurHandler)
+            dropZone.removeEventListener("blur", this._dropZoneBlurHandler);
+        if (this._dragoverHandler)
+            dropZone.removeEventListener("dragover", this._dragoverHandler);
+        if (this._dragleaveHandler)
+            dropZone.removeEventListener("dragleave", this._dragleaveHandler);
+        if (this._dropHandler)
+            dropZone.removeEventListener("drop", this._dropHandler);
+        if (this._inputChangeHandler)
+            fileInput.removeEventListener("change", this._inputChangeHandler);
+        this._listenersSetup = false;
+    }
+    // ============================================================================
+    // RENDERING
+    // ============================================================================
+    buildDropZoneClasses() {
+        const classes = ["drop-zone"];
+        if (this._isDragging)
+            classes.push("drag-active");
+        if (this._files.length > 0)
+            classes.push("has-files");
+        if (this.disabled)
+            classes.push("disabled");
+        if (this.error)
+            classes.push("error");
+        return classes.join(" ");
+    }
+    renderFileList(fileList) {
+        fileList.innerHTML = "";
+        for (let i = 0; i < this._files.length; i++) {
+            const file = this._files[i];
+            const item = document.createElement("div");
+            item.className = "file-item";
+            const icon = document.createElement("span");
+            icon.className = "file-icon";
+            icon.innerHTML = FILE_ICON;
+            const name = document.createElement("span");
+            name.className = "file-name";
+            name.textContent = file.name;
+            name.title = file.name;
+            const size = document.createElement("span");
+            size.className = "file-size";
+            size.textContent = formatBytes(file.size);
+            const removeBtn = document.createElement("button");
+            removeBtn.className = "file-remove";
+            removeBtn.type = "button";
+            removeBtn.innerHTML = X_ICON;
+            removeBtn.setAttribute("aria-label", `Remove ${file.name}`);
+            const capturedIndex = i;
+            removeBtn.addEventListener("click", (e) => {
+                e.stopPropagation();
+                this.removeFile(capturedIndex);
+            });
+            item.appendChild(icon);
+            item.appendChild(name);
+            item.appendChild(size);
+            item.appendChild(removeBtn);
+            fileList.appendChild(item);
+        }
+    }
+    render() {
+        const shadow = this.shadowRoot;
+        let container = shadow.querySelector(".file-upload-container");
+        if (!container) {
+            container = document.createElement("div");
+            container.className = "file-upload-container";
+            const labelEl = document.createElement("div");
+            labelEl.className = "upload-label";
+            container.appendChild(labelEl);
+            const dropZone = document.createElement("div");
+            dropZone.className = "drop-zone";
+            dropZone.setAttribute("role", "button");
+            const fileInput = document.createElement("input");
+            fileInput.type = "file";
+            fileInput.className = "file-input";
+            fileInput.style.display = "none";
+            dropZone.appendChild(fileInput);
+            const uploadIcon = document.createElement("div");
+            uploadIcon.className = "upload-icon";
+            uploadIcon.innerHTML = UPLOAD_ICON;
+            dropZone.appendChild(uploadIcon);
+            const hintEl = document.createElement("div");
+            hintEl.className = "upload-hint";
+            dropZone.appendChild(hintEl);
+            const subHintEl = document.createElement("div");
+            subHintEl.className = "upload-sub-hint";
+            dropZone.appendChild(subHintEl);
+            container.appendChild(dropZone);
+            const fileList = document.createElement("div");
+            fileList.className = "file-list";
+            container.appendChild(fileList);
+            const errorEl = document.createElement("div");
+            errorEl.className = "error-message";
+            container.appendChild(errorEl);
+            shadow.appendChild(container);
+            this.setupEventListeners();
+        }
+        // Label
+        const labelEl = container.querySelector(".upload-label");
+        if (this.label) {
+            labelEl.style.display = "";
+            labelEl.innerHTML = "";
+            labelEl.appendChild(document.createTextNode(this.label));
+            if (this.required) {
+                const req = document.createElement("span");
+                req.className = "required-icon";
+                req.textContent = "*";
+                req.setAttribute("aria-hidden", "true");
+                labelEl.appendChild(req);
+            }
+        }
+        else {
+            labelEl.style.display = "none";
+        }
+        // Drop zone
+        const dropZone = container.querySelector(".drop-zone");
+        dropZone.className = this.buildDropZoneClasses();
+        dropZone.tabIndex = this.disabled ? -1 : 0;
+        dropZone.setAttribute("aria-disabled", String(this.disabled));
+        dropZone.setAttribute("aria-label", this.placeholder || "Upload files");
+        // File input
+        const fileInput = container.querySelector(".file-input");
+        fileInput.multiple = this.multiple;
+        fileInput.accept = this.accept;
+        fileInput.disabled = this.disabled;
+        // Upload icon — hide once files are selected to give room to the compact zone
+        const uploadIcon = container.querySelector(".upload-icon");
+        uploadIcon.style.display = this._files.length > 0 ? "none" : "";
+        // Hint text
+        const hintEl = container.querySelector(".upload-hint");
+        if (this._files.length > 0) {
+            hintEl.innerHTML = `<strong>${this._files.length} file${this._files.length !== 1 ? "s" : ""} selected</strong>`;
+        }
+        else {
+            hintEl.innerHTML = `Drop files here or <span class="browse-link">click to browse</span>`;
+        }
+        // Sub-hint
+        const subHintEl = container.querySelector(".upload-sub-hint");
+        if (this.accept && this._files.length === 0) {
+            subHintEl.textContent = `Accepted: ${this.accept}`;
+            subHintEl.style.display = "";
+        }
+        else {
+            subHintEl.style.display = "none";
+        }
+        // File list
+        const fileList = container.querySelector(".file-list");
+        this.renderFileList(fileList);
+        // Error message
+        const errorEl = container.querySelector(".error-message");
+        errorEl.textContent = this.error;
+        errorEl.style.display = this.error ? "" : "none";
+    }
+}
+TyFileUpload.formAssociated = true;
+TyFileUpload.properties = {
+    multiple: {
+        type: "boolean",
+        visual: true,
+        default: false,
+    },
+    accept: {
+        type: "string",
+        visual: true,
+        default: "",
+    },
+    name: {
+        type: "string",
+        default: "",
+    },
+    disabled: {
+        type: "boolean",
+        visual: true,
+        default: false,
+    },
+    required: {
+        type: "boolean",
+        visual: true,
+        default: false,
+    },
+    label: {
+        type: "string",
+        visual: true,
+        default: "",
+    },
+    placeholder: {
+        type: "string",
+        visual: true,
+        default: "Drop files here or click to browse",
+    },
+    error: {
+        type: "string",
+        visual: true,
+        default: "",
+    },
+};
+if (!customElements.get("ty-file-upload")) {
+    customElements.define("ty-file-upload", TyFileUpload);
+}
+//# sourceMappingURL=file-upload.js.map

package/lib/components/file-upload.js.map

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

package/lib/components/multiselect.d.ts

@@ -153,8 +153,12 @@ export declare class TyMultiselect extends TyComponent<MultiselectState> {
             visual: boolean;
             default: string;
         };
+        loading: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
     };
-    private _value;
     private _name;
     private _placeholder;
     private _label;
@@ -162,9 +166,9 @@ export declare class TyMultiselect extends TyComponent<MultiselectState> {
     private _readonly;
     private _required;
     private _externalSearch;
+    private _loading;
     private _scrollLockId;
     private _size;
-    private _flavor;
     private _selectedLabel;
     private _availableLabel;
     private _noSelectionMessage;
@@ -173,7 +177,6 @@ export declare class TyMultiselect extends TyComponent<MultiselectState> {
     set expandedSection(value: 'selected' | 'available');
     get expandedSection(): 'selected' | 'available';
     private _stubClickHandler;
-    private _outsideClickHandler;
     private _tagClickHandler;
     private _tagDismissHandler;
     private _searchInputHandler;
@@ -198,6 +201,13 @@ export declare class TyMultiselect extends TyComponent<MultiselectState> {
      * 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)
@@ -276,7 +286,6 @@ export declare class TyMultiselect extends TyComponent<MultiselectState> {
      */
     private closeMobileModal;
     private handleStubClick;
-    private handleOutsideClick;
     private handleTagClick;
     private handleTagDismiss;
     private blockSearchClick;
@@ -379,6 +388,8 @@ export declare class TyMultiselect extends TyComponent<MultiselectState> {
     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 required(): boolean;