@pine-ds/core 3.14.2 → 3.15.0

package/dist/esm/pds-multiselect.entry.js

@@ -2,9 +2,9 @@ import { r as registerInstance, c as createEvent, h, H as Host, a as getElement
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as size } from './floating-ui.dom-BO6p966C.js';
 import { d as debounceEvent } from './utils-tJa4KYNO.js';
 import { a as assignDescription, m as messageId } from './form-DwjNklzi.js';
-import { e as enlarge, b as danger } from './index-DY8eSueV.js';
+import { e as enlarge, b as danger } from './index-D094LgxJ.js';
 
-const pdsMultiselectCss = ":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-550);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__panel{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{pointer-events:none;width:100%}.pds-multiselect__option:hover,.pds-multiselect__option.pds-multiselect__option--highlighted{background:var(--pine-color-background-muted)}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}";
+const pdsMultiselectCss = ":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-550);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__panel{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{pointer-events:none;width:100%}.pds-multiselect__option:hover,.pds-multiselect__option.pds-multiselect__option--highlighted{background:var(--pine-color-background-muted)}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__create-option{color:var(--pine-color-text-strong);width:100%}.pds-multiselect__create-option pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}";
 
 const PdsMultiselect = class {
     constructor(hostRef) {
@@ -12,6 +12,7 @@ const PdsMultiselect = class {
         this.pdsMultiselectChange = createEvent(this, "pdsMultiselectChange");
         this.pdsMultiselectSearch = createEvent(this, "pdsMultiselectSearch");
         this.pdsMultiselectLoadOptions = createEvent(this, "pdsMultiselectLoadOptions");
+        this.pdsMultiselectCreate = createEvent(this, "pdsMultiselectCreate");
         /**
          * Placeholder text for the input field.
          */
@@ -32,6 +33,10 @@ const PdsMultiselect = class {
          * Debounce delay in milliseconds for search/fetch.
          */
         this.debounce = 300;
+        /**
+         * Timeout in milliseconds for async fetch requests.
+         */
+        this.fetchTimeout = 30000;
         /**
          * Maximum height of the dropdown before scrolling.
          */
@@ -64,6 +69,7 @@ const PdsMultiselect = class {
         this.selectedItems = [];
         this.currentPage = 1;
         this.hasMore = false;
+        this.creating = false;
         // Flag to prevent focusout from closing during open transition
         this.isOpening = false;
         this.handleTriggerClick = () => {
@@ -296,6 +302,10 @@ const PdsMultiselect = class {
             window.clearTimeout(this.fetchDebounceTimer);
             this.fetchDebounceTimer = undefined;
         }
+        if (this.fetchTimeoutTimer !== undefined) {
+            window.clearTimeout(this.fetchTimeoutTimer);
+            this.fetchTimeoutTimer = undefined;
+        }
         (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
         this.abortController = undefined;
     }
@@ -345,13 +355,22 @@ const PdsMultiselect = class {
     getFilteredOptions() {
         const allOptions = this.getAllOptions();
         const query = this.searchQuery.toLowerCase();
-        return allOptions.filter(opt => {
+        const filtered = allOptions.filter(opt => {
             // Filter by search query only - don't filter out selected items
             if (query) {
                 return opt.text.toLowerCase().includes(query);
             }
             return true;
         });
+        // Add create option if enabled and no matches found
+        if (this.createUrl && this.searchQuery.trim() && filtered.length === 0) {
+            return [{
+                    id: '__create__',
+                    text: this.searchQuery.trim(),
+                    isCreateOption: true,
+                }];
+        }
+        return filtered;
     }
     updateFormValue() {
         var _a;
@@ -379,11 +398,29 @@ const PdsMultiselect = class {
         var _a;
         if (!this.asyncUrl)
             return;
+        // Abort any pending request and clear existing timeout
         (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
+        if (this.fetchTimeoutTimer !== undefined) {
+            window.clearTimeout(this.fetchTimeoutTimer);
+            this.fetchTimeoutTimer = undefined;
+        }
         this.abortController = new AbortController();
         this.loading = true;
+        // Set up timeout for fetch request
+        this.fetchTimeoutTimer = window.setTimeout(() => {
+            var _a;
+            (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
+            this.fetchTimeoutTimer = undefined;
+        }, this.fetchTimeout);
         try {
-            const url = new URL(this.asyncUrl, window.location.origin);
+            // Guard against malformed asyncUrl
+            let url;
+            try {
+                url = new URL(this.asyncUrl, window.location.origin);
+            }
+            catch (urlError) {
+                throw new TypeError(`Invalid asyncUrl: ${this.asyncUrl}`);
+            }
             if (this.asyncMethod === 'GET') {
                 url.searchParams.set('search', query);
                 url.searchParams.set('page', String(page));
@@ -394,14 +431,28 @@ const PdsMultiselect = class {
                 } }, (this.asyncMethod === 'POST' && {
                 body: JSON.stringify({ search: query, page }),
             })));
+            // Clear timeout on successful response
+            if (this.fetchTimeoutTimer !== undefined) {
+                window.clearTimeout(this.fetchTimeoutTimer);
+                this.fetchTimeoutTimer = undefined;
+            }
             if (!response.ok)
                 throw new Error('Failed to fetch options');
             const data = await response.json();
             const formattedResults = data.results.map(item => {
+                // If formatResult is provided, use it
                 if (this.formatResult) {
                     return this.formatResult(item);
                 }
-                return Object.assign({ id: item.id, text: item.text }, item);
+                // Defensive check: ensure item is an object before spreading
+                if (typeof item === 'object' && item !== null) {
+                    return Object.assign({ id: item.id, text: item.text }, item);
+                }
+                // Handle primitives by converting to safe shape
+                return {
+                    id: String(item),
+                    text: String(item),
+                };
             });
             if (page === 1) {
                 this.internalOptions = formattedResults;
@@ -413,6 +464,11 @@ const PdsMultiselect = class {
             this.currentPage = page;
         }
         catch (error) {
+            // Clear timeout on error
+            if (this.fetchTimeoutTimer !== undefined) {
+                window.clearTimeout(this.fetchTimeoutTimer);
+                this.fetchTimeoutTimer = undefined;
+            }
             if (error.name !== 'AbortError') {
                 console.error('PdsMultiselect: Failed to fetch options', error);
             }
@@ -421,6 +477,59 @@ const PdsMultiselect = class {
             this.loading = false;
         }
     }
+    async createOption(query) {
+        if (!this.createUrl || !query.trim())
+            return;
+        // Reentrancy guard: prevent duplicate POSTs if creation is already in-flight
+        if (this.creating)
+            return;
+        this.creating = true;
+        try {
+            const url = new URL(this.createUrl, window.location.origin);
+            const response = await fetch(url.toString(), {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Accept': 'application/json',
+                },
+                body: JSON.stringify({ text: query.trim() }),
+            });
+            if (!response.ok)
+                throw new Error('Failed to create option');
+            const data = await response.json();
+            const newOption = Object.assign({ id: data.id, text: data.text }, data);
+            // Add to internal options
+            this.internalOptions = [...this.internalOptions, newOption];
+            // Select the new option
+            this.value = [...this.value, String(newOption.id)];
+            // Sync selected items
+            this.syncSelectedItems();
+            // Emit create event
+            this.pdsMultiselectCreate.emit({
+                query: query.trim(),
+                newOption,
+            });
+            // Emit change event
+            this.pdsMultiselectChange.emit({
+                values: this.value,
+                items: this.selectedItems,
+            });
+            // Clear search and keep dropdown open
+            this.searchQuery = '';
+            this.highlightedIndex = -1;
+            // Focus back on search input
+            requestAnimationFrame(() => {
+                var _a;
+                (_a = this.searchInputEl) === null || _a === void 0 ? void 0 : _a.focus();
+            });
+        }
+        catch (error) {
+            console.error('PdsMultiselect: Failed to create option', error);
+        }
+        finally {
+            this.creating = false;
+        }
+    }
     openDropdown() {
         if (this.disabled)
             return;
@@ -499,6 +608,14 @@ const PdsMultiselect = class {
     }
     toggleOption(option) {
         var _a;
+        // Handle create option
+        if (option.isCreateOption) {
+            // Prevent multiple create calls while one is in-flight
+            if (!this.creating) {
+                this.createOption(this.searchQuery);
+            }
+            return;
+        }
         const isSelected = this.value.includes(String(option.id));
         if (isSelected) {
             // Remove from selection
@@ -544,13 +661,17 @@ const PdsMultiselect = class {
         const hasSlottedLoading = !!this.el.querySelector('[slot="loading"]');
         return (h("div", { class: "pds-multiselect__panel", ref: el => (this.panelEl = el), style: { minWidth: this.minWidth } }, h("div", { class: "pds-multiselect__search" }, h("pds-icon", { name: "search", size: "small" }), h("input", { ref: el => (this.searchInputEl = el), type: "text", class: "pds-multiselect__search-input", placeholder: "Find...", value: this.searchQuery, "aria-label": "Search options", "aria-controls": `${this.componentId}-listbox`, "aria-activedescendant": this.highlightedIndex >= 0 ? `${this.componentId}-option-${this.highlightedIndex}` : undefined, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": "true", "aria-autocomplete": "list", autocomplete: "off", onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchInputKeyDown })), this.renderSelectedItemsList(), h("ul", { class: "pds-multiselect__listbox", role: "listbox", "aria-multiselectable": "true", "aria-label": this.label || 'Options', id: `${this.componentId}-listbox`, ref: el => (this.listboxEl = el), style: { maxHeight: this.maxHeight }, onScroll: this.handleScroll }, this.loading && (h("li", { class: "pds-multiselect__loading", role: "presentation" }, hasSlottedLoading ? (h("slot", { name: "loading" })) : (h("pds-loader", { size: "small" })))), !this.loading && filteredOptions.length === 0 && (h("li", { class: "pds-multiselect__empty", role: "presentation" }, hasSlottedEmpty ? (h("slot", { name: "empty" })) : (h("span", null, "No options found")))), filteredOptions.map((option, index) => {
             const isSelected = valueArray.includes(String(option.id));
-            const isHighlighted = index === this.highlightedIndex;
+            const isCreateOption = option.isCreateOption;
+            const isHighlighted = index === this.highlightedIndex && !isCreateOption;
             const optionId = `${this.componentId}-option-${index}`;
+            const isCreateDisabled = isCreateOption && this.creating;
             return (h("li", { key: String(option.id), id: optionId, class: {
                     'pds-multiselect__option': true,
                     'pds-multiselect__option--highlighted': isHighlighted,
                     'pds-multiselect__option--selected': isSelected,
-                }, role: "option", "aria-selected": isSelected ? 'true' : 'false', "data-index": index, onMouseDown: this.handleOptionMouseDown(option), onMouseEnter: this.handleOptionMouseEnter(index) }, h("pds-checkbox", { componentId: `${this.componentId}-checkbox-${index}`, checked: isSelected, label: option.text, style: { pointerEvents: 'none' } })));
+                    'pds-multiselect__option--create': isCreateOption,
+                    'pds-multiselect__option--disabled': isCreateDisabled,
+                }, role: "option", "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": isCreateDisabled ? 'true' : undefined, "aria-label": isCreateOption ? `Create new tag: ${option.text}` : undefined, "data-index": index, onMouseDown: this.handleOptionMouseDown(option), onMouseEnter: this.handleOptionMouseEnter(index) }, isCreateOption ? (h("pds-box", { class: "pds-multiselect__create-option", "align-items": "center", gap: "xs" }, h("pds-icon", { name: "add", size: "small" }), h("pds-text", null, "Add \"", option.text, "\""))) : (h("pds-checkbox", { componentId: `${this.componentId}-checkbox-${index}`, checked: isSelected, label: option.text, style: { pointerEvents: 'none' } }))));
         }), this.hasMore && !this.loading && (h("li", { class: "pds-multiselect__load-more", role: "presentation" }, h("pds-loader", { size: "small" }))))));
     }
     getTriggerText() {
@@ -562,19 +683,19 @@ const PdsMultiselect = class {
     }
     render() {
         const hasSelections = this.selectedItems.length > 0;
-        return (h(Host, { key: 'e7d872fd9bedb03390eaf8a2bd9c5d6ba1cc7ecc', "aria-disabled": this.disabled ? 'true' : null }, h("div", { key: '141dee3c657dd17d3389d4a25979d0f748e36361', class: "pds-multiselect" }, this.label && (h("label", { key: '386114a823424506857a1e927a2538e88d3c82f5', htmlFor: this.componentId, class: {
+        return (h(Host, { key: 'b03d0709427e89ae3971d2f1fdc42a6e6616e428', "aria-disabled": this.disabled ? 'true' : null }, h("div", { key: 'd71fc5ec468c6c54bafe93307a6b3e65c0fe5b81', class: "pds-multiselect" }, this.label && (h("label", { key: 'c15deeec84eac043bb7c8813327d0f942b892734', htmlFor: this.componentId, class: {
                 'pds-multiselect__label': true,
                 'visually-hidden': this.hideLabel,
-            } }, this.label)), h("div", { key: '9fc18bf93f981ee7f72f31c20f43f5251ed647e4', class: "pds-multiselect__wrapper", ref: el => (this.containerEl = el), onFocusout: this.handleContainerFocusOut, style: { width: this.triggerWidth } }, h("button", { key: '74e8eb5ef5984307dce779ef63d54e49e07497ea', ref: el => (this.triggerEl = el), type: "button", class: {
+            } }, this.label)), h("div", { key: 'f256795c69fd40f9c717d8c884d897032d3c4f49', class: "pds-multiselect__wrapper", ref: el => (this.containerEl = el), onFocusout: this.handleContainerFocusOut, style: { width: this.triggerWidth } }, h("button", { key: '131f3141229ee14418737010615e9e1f2f430c4f', ref: el => (this.triggerEl = el), type: "button", class: {
                 'pds-multiselect__trigger': true,
                 'pds-multiselect__trigger--open': this.isOpen,
                 'pds-multiselect__trigger--disabled': this.disabled,
                 'pds-multiselect__trigger--invalid': this.invalid || !!this.errorMessage,
                 'pds-multiselect__trigger--has-value': hasSelections,
-            }, id: this.componentId, disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-describedby": assignDescription(this.componentId, this.invalid || !!this.errorMessage, this.errorMessage || this.helperMessage), "aria-invalid": this.invalid || !!this.errorMessage ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, h("span", { key: 'fb7f9b9fffd46839ddc4ab0bb549b61de191f76c', class: {
+            }, id: this.componentId, disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-describedby": assignDescription(this.componentId, this.invalid || !!this.errorMessage, this.errorMessage || this.helperMessage), "aria-invalid": this.invalid || !!this.errorMessage ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, h("span", { key: '3e61f1728014a97a193b6fa6158f21abd0d169c3', class: {
                 'pds-multiselect__trigger-text': true,
                 'pds-multiselect__trigger-text--placeholder': !hasSelections,
-            } }, this.getTriggerText()), h("pds-icon", { key: '354e1c57758350d73557a6c94d0b31eb6732f12a', class: "pds-multiselect__icon", icon: enlarge })), this.renderDropdown()), this.helperMessage && !this.errorMessage && (h("p", { key: '3709f184a7972e1acfd3826faefc4ba139a8d518', class: "pds-multiselect__helper", id: messageId(this.componentId, 'helper') }, this.helperMessage)), this.errorMessage && (h("p", { key: '8029b58286455b7b4789a4336a79c324ca91ad74', class: "pds-multiselect__error", id: messageId(this.componentId, 'error') }, h("pds-icon", { key: 'cd781f3caed8b81deef2ce43f0a4406b6ed2d53c', icon: danger, size: "small" }), this.errorMessage)), h("div", { key: '7c303f4d64247b41b9e88892cfb8c02acd5d8d59', style: { display: 'none' } }, h("slot", { key: 'e9b384038e67bb951613933bbf68fd2b2efc71ef' })))));
+            } }, this.getTriggerText()), h("pds-icon", { key: '13bc74c492bf7ead5a77e42e92002b45389f1906', class: "pds-multiselect__icon", icon: enlarge })), this.renderDropdown()), this.helperMessage && !(this.errorMessage && this.errorMessage.length > 0) && (h("p", { key: '53d6219eb3b910a277b5025be11d2d0a742c0ee1', class: "pds-multiselect__helper", id: messageId(this.componentId, 'helper') }, this.helperMessage)), this.errorMessage && (h("p", { key: '475fd9c02f8cc3cdd1f1911b3e71dce32e2f1743', class: "pds-multiselect__error", id: messageId(this.componentId, 'error') }, h("pds-icon", { key: 'ab6fdb8a743caa1712fc30532c0c2b6099703564', icon: danger, size: "small" }), this.errorMessage)), h("div", { key: '64d5db05c6b0e04a6cbf899ccc30ee479c23e9d6', style: { display: 'none' } }, h("slot", { key: '378ceb06d78d5542ca40ed4852bb582da514028c' })))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/pds-multiselect.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-multiselect.entry.js","sources":["src/components/pds-multiselect/pds-multiselect.scss?tag=pds-multiselect&encapsulation=shadow","src/components/pds-multiselect/pds-multiselect.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n:host([aria-disabled=\"true\"]) {\n  .pds-multiselect__trigger {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  .pds-multiselect__icon {\n    color: var(--pine-color-text-disabled);\n  }\n}\n\n.pds-multiselect {\n  position: relative;\n}\n\n.pds-multiselect__label {\n  color: var(--pine-color-text-label);\n  display: block;\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-multiselect__wrapper {\n  position: relative;\n}\n\n.pds-multiselect__trigger {\n  align-items: center;\n  background: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-125);\n  cursor: pointer;\n  display: flex;\n  font: var(--pine-typography-body);\n  gap: var(--pine-dimension-xs);\n  justify-content: space-between;\n  letter-spacing: var(--pine-letter-spacing);\n  min-height: var(--pine-dimension-550);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n  position: relative;\n  text-align: start;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n  width: 100%;\n\n  &:hover:not(.pds-multiselect__trigger--disabled) {\n    border-color: var(--pine-color-border-hover);\n  }\n\n  &:focus:not(.pds-multiselect__trigger--disabled) {\n    border-color: var(--pine-color-border-active);\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &.pds-multiselect__trigger--open {\n    border-color: var(--pine-color-border-active);\n  }\n\n  &.pds-multiselect__trigger--invalid {\n    background-color: var(--pine-color-red-050);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n\n  &.pds-multiselect__trigger--disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n}\n\n.pds-multiselect__trigger-text {\n  color: var(--pine-color-text-strong);\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &.pds-multiselect__trigger-text--placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  .pds-multiselect__trigger--disabled & {\n    color: var(--pine-color-text-disabled);\n  }\n}\n\n.pds-multiselect__icon {\n  color: var(--pine-color-icon);\n  flex-shrink: var(--pine-dimension-none);\n}\n\n.pds-multiselect__panel {\n  background: var(--pine-color-background-container);\n  border-radius: var(--pine-dimension-125);\n  box-shadow: var(--pine-box-shadow);\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  z-index: var(--pine-z-index-raised);\n}\n\n.pds-multiselect__search {\n  align-items: center;\n  border-block-end: var(--pine-border);\n  border-block-end-color: var(--pine-color-border-subtle);\n  display: flex;\n  gap: var(--pine-dimension-xs);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n  pds-icon {\n    color: var(--pine-color-text-muted);\n    flex-shrink: var(--pine-dimension-none);\n  }\n}\n\n.pds-multiselect__search-input {\n  background: transparent;\n  border: var(--pine-dimension-none);\n  color: var(--pine-color-text-strong);\n  flex: 1;\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n  min-width: var(--pine-dimension-none);\n  outline: none;\n\n  &::placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n}\n\n.pds-multiselect__selected-section {\n  border-block-end: var(--pine-border);\n  border-block-end-color: var(--pine-color-border-subtle);\n  padding: var(--pine-dimension-xs);\n}\n\n.pds-multiselect__selected-list {\n  list-style: none;\n  margin: var(--pine-dimension-none);\n  padding: var(--pine-dimension-none);\n}\n\n.pds-multiselect__selected-item {\n  color: var(--pine-color-text-strong);\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n  overflow: hidden;\n  padding: var(--pine-dimension-2xs) var(--pine-dimension-xs);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.pds-multiselect__listbox {\n  background: transparent;\n  border: var(--pine-dimension-none);\n  box-sizing: border-box;\n  list-style: none;\n  margin: var(--pine-dimension-none);\n  overflow-y: auto;\n  padding: var(--pine-dimension-xs);\n}\n\n.pds-multiselect__option {\n  align-items: center;\n  background: transparent;\n  border-radius: var(--pine-dimension-xs);\n  cursor: pointer;\n  display: flex;\n  padding: var(--pine-dimension-2xs) var(--pine-dimension-xs);\n  transition: background 0.15s;\n\n  // Prevent checkbox label from triggering double events\n  pds-checkbox {\n    pointer-events: none;\n    width: 100%;\n  }\n\n  &:hover,\n  &.pds-multiselect__option--highlighted {\n    background: var(--pine-color-background-muted);\n  }\n\n  &:focus-visible {\n    outline: var(--pine-dimension-none);\n  }\n}\n\n.pds-multiselect__empty,\n.pds-multiselect__loading {\n  align-items: center;\n  color: var(--pine-color-text-muted);\n  display: flex;\n  font: var(--pine-typography-body);\n  justify-content: center;\n  padding: var(--pine-dimension-sm);\n}\n\n.pds-multiselect__load-more {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  padding: var(--pine-dimension-xs);\n}\n\n.pds-multiselect__helper {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm);\n  margin-block-start: var(--pine-dimension-2xs);\n  margin-inline-start: var(--pine-dimension-none);\n}\n\n.pds-multiselect__error {\n  align-items: flex-start;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  font: var(--pine-typography-body-sm);\n  gap: var(--pine-dimension-2xs);\n  margin-block-start: var(--pine-dimension-2xs);\n  margin-inline-start: var(--pine-dimension-none);\n\n  pds-icon {\n    flex-shrink: var(--pine-dimension-none);\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n\n.visually-hidden {\n  border: var(--pine-dimension-none);\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: var(--pine-dimension-none);\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport { computePosition, flip, offset, shift, size, autoUpdate } from '@floating-ui/dom';\nimport { debounceEvent } from '@utils/utils';\nimport { messageId, assignDescription } from '../../utils/form';\nimport { danger, enlarge } from '@pine-ds/icons/icons';\nimport type {\n  MultiselectOption,\n  MultiselectChangeEventDetail,\n  MultiselectSearchEventDetail,\n  MultiselectLoadOptionsEventDetail,\n  AsyncResponse,\n} from './multiselect-interface';\n\n/**\n * @slot (default) - Static option elements for the multiselect\n * @slot empty - Custom empty state message when no options match\n * @slot loading - Custom loading indicator\n */\n@Component({\n  tag: 'pds-multiselect',\n  styleUrl: 'pds-multiselect.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsMultiselect {\n  private triggerEl?: HTMLButtonElement;\n  private searchInputEl?: HTMLInputElement;\n  private containerEl?: HTMLElement;\n  private listboxEl?: HTMLElement;\n  private panelEl?: HTMLElement;\n  private internals?: ElementInternals;\n  private abortController?: AbortController;\n  private fetchDebounceTimer?: number;\n  private observer?: MutationObserver;\n  private cleanupAutoUpdate?: () => void;\n\n  @Element() el!: HTMLPdsMultiselectElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Text to be displayed as the multiselect label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Placeholder text for the input field.\n   */\n  @Prop() placeholder?: string = 'Select...';\n\n  /**\n   * Specifies the name. Submitted with the form as part of a name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Array of selected option values.\n   */\n  @Prop({ mutable: true }) value: string[] = [];\n\n  /**\n   * Determines whether or not the multiselect is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * URL endpoint for async data fetching.\n   */\n  @Prop() asyncUrl?: string;\n\n  /**\n   * HTTP method for async requests.\n   */\n  @Prop() asyncMethod: 'GET' | 'POST' = 'GET';\n\n  /**\n   * Debounce delay in milliseconds for search/fetch.\n   */\n  @Prop() debounce: number = 300;\n\n  /**\n   * Maximum number of selections allowed.\n   */\n  @Prop() maxSelections?: number;\n\n  /**\n   * Maximum height of the dropdown before scrolling.\n   */\n  @Prop() maxHeight: string = '300px';\n\n  /**\n   * Width of the trigger button (and reference for dropdown positioning).\n   */\n  @Prop() triggerWidth: string = '100%';\n\n  /**\n   * Minimum width of the dropdown panel.\n   */\n  @Prop() minWidth: string = '250px';\n\n  /**\n   * Width of the dropdown panel. Defaults to the trigger width.\n   */\n  @Prop() panelWidth?: string;\n\n  /**\n   * Visually hides the label but keeps it accessible.\n   */\n  @Prop() hideLabel: boolean = false;\n\n  /**\n   * Error message to display.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Helper message to display below the input.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * If true, the multiselect is in an invalid state.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * If true, the multiselect is required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether the component is currently loading async options.\n   */\n  @Prop({ mutable: true }) loading: boolean = false;\n\n  /**\n   * Options provided externally (for consumer-managed async).\n   */\n  @Prop() options?: MultiselectOption[];\n\n  /**\n   * Function to format async results. Receives raw API response item.\n   */\n  @Prop() formatResult?: (item: unknown) => MultiselectOption;\n\n  // Internal state\n  @State() isOpen: boolean = false;\n  @State() searchQuery: string = '';\n  @State() highlightedIndex: number = -1;\n  @State() internalOptions: MultiselectOption[] = [];\n  @State() selectedItems: MultiselectOption[] = [];\n  @State() currentPage: number = 1;\n  @State() hasMore: boolean = false;\n\n  // Flag to prevent focusout from closing during open transition\n  private isOpening: boolean = false;\n\n  /**\n   * Emitted when selection changes.\n   */\n  @Event() pdsMultiselectChange!: EventEmitter<MultiselectChangeEventDetail>;\n\n  /**\n   * Emitted on search input (for consumer-managed async).\n   */\n  @Event() pdsMultiselectSearch!: EventEmitter<MultiselectSearchEventDetail>;\n\n  /**\n   * Emitted to request more options (pagination).\n   */\n  @Event() pdsMultiselectLoadOptions!: EventEmitter<MultiselectLoadOptionsEventDetail>;\n\n  private originalSearchEmitter?: EventEmitter<MultiselectSearchEventDetail>;\n\n  connectedCallback() {\n    // Initialize ElementInternals for form association (only once per element instance)\n    if (this.el.attachInternals && !this.internals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  componentWillLoad() {\n    this.originalSearchEmitter = this.pdsMultiselectSearch;\n    this.syncSelectedItems();\n  }\n\n  componentDidLoad() {\n    this.setupDebounce();\n    this.setupMutationObserver();\n    this.setupSlotChangeListener();\n    this.updateFormValue();\n\n    // Ensure preselected values sync after DOM is fully ready\n    // This handles cases where slot content loads after initial render (e.g., in docs/MDX)\n    requestAnimationFrame(() => {\n      this.updateOptionsFromSlot();\n      this.syncSelectedItems();\n    });\n  }\n\n  private setupSlotChangeListener() {\n    const slot = this.el.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (slot) {\n      slot.addEventListener('slotchange', () => {\n        this.updateOptionsFromSlot();\n        this.syncSelectedItems();\n      });\n      // Also call it immediately in case content is already slotted\n      this.updateOptionsFromSlot();\n    }\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n    this.cleanupAutoUpdate?.();\n    this.clearAsyncFetchState();\n  }\n\n  @Watch('debounce')\n  protected setupDebounce() {\n    const { pdsMultiselectSearch, debounce, originalSearchEmitter } = this;\n    this.pdsMultiselectSearch = debounce === undefined\n      ? originalSearchEmitter ?? pdsMultiselectSearch\n      : debounceEvent(pdsMultiselectSearch, debounce);\n  }\n\n  @Watch('value')\n  protected valueChanged(newValue: string[] | string) {\n    // Handle JSON string values (from HTML attributes)\n    if (typeof newValue === 'string') {\n      try {\n        const parsed = JSON.parse(newValue);\n        if (Array.isArray(parsed)) {\n          this.value = parsed;\n          return; // The assignment will trigger this watcher again with the array\n        }\n      } catch {\n        // Not valid JSON, treat as single value\n        this.value = newValue ? [newValue] : [];\n        return;\n      }\n    }\n    this.syncSelectedItems();\n    this.updateFormValue();\n  }\n\n  @Watch('options')\n  protected optionsChanged() {\n    if (this.options) {\n      this.internalOptions = [...this.options];\n    }\n  }\n\n  @Watch('internalOptions')\n  protected internalOptionsChanged() {\n    // Re-sync selected items when options become available\n    // This handles the case where value is set before options are loaded (e.g., from slot)\n    this.syncSelectedItems();\n  }\n\n  /**\n   * Sets focus on the trigger button.\n   */\n  @Method()\n  async setFocus() {\n    this.triggerEl?.focus();\n  }\n\n  /**\n   * Handle global keyboard events for accessibility.\n   * Closes dropdown on Escape key press regardless of focus location.\n   */\n  @Listen('keydown', { target: 'window' })\n  handleWindowKeyDown(event: KeyboardEvent) {\n    if (!this.isOpen) return;\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.closeDropdown();\n      this.triggerEl?.focus();\n    }\n  }\n\n  private setupMutationObserver() {\n    this.observer = new MutationObserver(() => {\n      this.updateOptionsFromSlot();\n    });\n\n    this.observer.observe(this.el, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  private updateOptionsFromSlot() {\n    const slot = this.el.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (!slot) return;\n\n    const options = slot.assignedElements({ flatten: true })\n      .filter((el): el is HTMLOptionElement => el.tagName === 'OPTION')\n      .map(opt => ({\n        id: opt.value,\n        text: opt.textContent || opt.value,\n      }));\n\n    // Only update if we actually found options AND we're not using async/external options\n    // Don't clear internalOptions if slot returns empty (might be mid-DOM-update)\n    if (options.length > 0 && !this.asyncUrl && !this.options) {\n      this.internalOptions = options;\n    }\n  }\n\n  private clearAsyncFetchState() {\n    if (this.fetchDebounceTimer !== undefined) {\n      window.clearTimeout(this.fetchDebounceTimer);\n      this.fetchDebounceTimer = undefined;\n    }\n    this.abortController?.abort();\n    this.abortController = undefined;\n  }\n\n  private debouncedFetchAsyncOptions(query: string, page: number = 1) {\n    if (!this.asyncUrl) return;\n\n    if (this.fetchDebounceTimer !== undefined) {\n      window.clearTimeout(this.fetchDebounceTimer);\n    }\n\n    const delay = Math.max(0, this.debounce ?? 0);\n    this.fetchDebounceTimer = window.setTimeout(() => {\n      this.fetchDebounceTimer = undefined;\n      this.fetchOptions(query, page);\n    }, delay);\n  }\n\n  private syncSelectedItems() {\n    // Ensure value is an array (may be string from HTML attribute)\n    const valueArray = this.ensureValueArray();\n    const allOptions = this.getAllOptions();\n    this.selectedItems = valueArray\n      .map(val => allOptions.find(opt => String(opt.id) === String(val)))\n      .filter((opt): opt is MultiselectOption => opt !== undefined);\n  }\n\n  private ensureValueArray(): string[] {\n    // Handle JSON string values passed via HTML attribute\n    if (typeof this.value === 'string') {\n      try {\n        const parsed = JSON.parse(this.value as unknown as string);\n        if (Array.isArray(parsed)) {\n          this.value = parsed;\n          return parsed;\n        }\n      } catch {\n        // Not valid JSON, treat as single value\n        const singleValue = this.value as unknown as string;\n        this.value = singleValue ? [singleValue] : [];\n        return this.value;\n      }\n    }\n    return Array.isArray(this.value) ? this.value : [];\n  }\n\n  private getAllOptions(): MultiselectOption[] {\n    return this.options || this.internalOptions;\n  }\n\n  private getFilteredOptions(): MultiselectOption[] {\n    const allOptions = this.getAllOptions();\n    const query = this.searchQuery.toLowerCase();\n\n    return allOptions.filter(opt => {\n      // Filter by search query only - don't filter out selected items\n      if (query) {\n        return opt.text.toLowerCase().includes(query);\n      }\n      return true;\n    });\n  }\n\n  private updateFormValue() {\n    if (this.internals?.setFormValue) {\n      // Ensure value is an array before iterating\n      const valueArray = this.ensureValueArray();\n\n      // Submit as multiple values with same name (native select multiple behavior)\n      const formData = new FormData();\n      valueArray.forEach(val => {\n        if (this.name) {\n          formData.append(this.name, val);\n        }\n      });\n      this.internals.setFormValue(formData);\n\n      // Update validity state for required validation\n      if (this.required && valueArray.length === 0) {\n        this.internals.setValidity(\n          { valueMissing: true },\n          'Please select at least one option.',\n          this.triggerEl\n        );\n      } else {\n        this.internals.setValidity({});\n      }\n    }\n  }\n\n  private async fetchOptions(query: string, page: number = 1) {\n    if (!this.asyncUrl) return;\n\n    this.abortController?.abort();\n    this.abortController = new AbortController();\n\n    this.loading = true;\n\n    try {\n      const url = new URL(this.asyncUrl, window.location.origin);\n      if (this.asyncMethod === 'GET') {\n        url.searchParams.set('search', query);\n        url.searchParams.set('page', String(page));\n      }\n\n      const response = await fetch(url.toString(), {\n        method: this.asyncMethod,\n        signal: this.abortController.signal,\n        headers: {\n          'Content-Type': 'application/json',\n          'Accept': 'application/json',\n        },\n        ...(this.asyncMethod === 'POST' && {\n          body: JSON.stringify({ search: query, page }),\n        }),\n      });\n\n      if (!response.ok) throw new Error('Failed to fetch options');\n\n      const data: AsyncResponse = await response.json();\n\n      const formattedResults = data.results.map(item => {\n        if (this.formatResult) {\n          return this.formatResult(item);\n        }\n        return {\n          id: item.id,\n          text: item.text,\n          ...item,\n        };\n      });\n\n      if (page === 1) {\n        this.internalOptions = formattedResults;\n      } else {\n        this.internalOptions = [...this.internalOptions, ...formattedResults];\n      }\n\n      this.hasMore = data.totalCount ? this.internalOptions.length < data.totalCount : false;\n      this.currentPage = page;\n\n    } catch (error) {\n      if ((error as Error).name !== 'AbortError') {\n        console.error('PdsMultiselect: Failed to fetch options', error);\n      }\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  private handleTriggerClick = () => {\n    if (this.disabled) return;\n\n    if (this.isOpen) {\n      this.closeDropdown();\n    } else {\n      this.openDropdown();\n    }\n  };\n\n  private handleTriggerKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'ArrowUp':\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        if (!this.isOpen) {\n          this.openDropdown();\n        }\n        break;\n    }\n  };\n\n  private handleSearchInputChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.searchQuery = target.value;\n    this.highlightedIndex = -1;\n\n    // Emit search event for consumer-managed async\n    this.pdsMultiselectSearch.emit({ query: this.searchQuery });\n\n    // Fetch from async URL if configured\n    if (this.asyncUrl) {\n      this.debouncedFetchAsyncOptions(this.searchQuery, 1);\n    }\n  };\n\n  private handleSearchInputKeyDown = (e: KeyboardEvent) => {\n    const filteredOptions = this.getFilteredOptions();\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        this.highlightedIndex = Math.min(this.highlightedIndex + 1, filteredOptions.length - 1);\n        this.scrollOptionIntoView();\n        break;\n\n      case 'ArrowUp':\n        e.preventDefault();\n        this.highlightedIndex = Math.max(this.highlightedIndex - 1, 0);\n        this.scrollOptionIntoView();\n        break;\n\n      case 'Enter':\n        e.preventDefault();\n        if (this.highlightedIndex >= 0) {\n          const option = filteredOptions[this.highlightedIndex];\n          if (option) {\n            this.selectOption(option);\n          }\n        }\n        break;\n\n      // Escape is handled by the global @Listen('keydown') handler\n\n      case 'Tab':\n        this.closeDropdown();\n        break;\n    }\n  };\n\n  private handleContainerFocusOut = () => {\n    // Use setTimeout to delay the check - this allows click events and focus transitions to complete\n    // before we decide to close the dropdown\n    setTimeout(() => {\n      // Don't close if we're in the middle of opening or already closed\n      if (!this.isOpen || this.isOpening) return;\n\n      const activeElement = document.activeElement;\n\n      // Check if focus is within our component's shadow root\n      const isInShadowRoot = this.el.shadowRoot?.contains(activeElement);\n\n      // Also check if focus is on the host element itself\n      const isOnHost = activeElement === this.el;\n\n      if (!isInShadowRoot && !isOnHost) {\n        this.closeDropdown();\n      }\n    }, 0);\n  };\n\n  private openDropdown() {\n    if (this.disabled) return;\n\n    this.isOpening = true;\n    this.isOpen = true;\n    this.highlightedIndex = -1;\n\n    // Trigger initial fetch if async\n    if (this.asyncUrl && this.internalOptions.length === 0) {\n      this.debouncedFetchAsyncOptions(this.searchQuery, 1);\n    }\n\n    requestAnimationFrame(() => {\n      this.positionDropdown();\n      // Focus the search input after the panel is positioned\n      this.searchInputEl?.focus();\n      // Clear the opening flag after focus has moved\n      setTimeout(() => {\n        this.isOpening = false;\n      }, 50);\n    });\n  }\n\n  private closeDropdown() {\n    this.isOpen = false;\n    this.highlightedIndex = -1;\n    this.searchQuery = '';\n\n    // Clean up auto-update\n    if (this.cleanupAutoUpdate) {\n      this.cleanupAutoUpdate();\n      this.cleanupAutoUpdate = undefined;\n    }\n  }\n\n  private positionDropdown() {\n    if (!this.containerEl || !this.panelEl) return;\n    const referenceEl = this.triggerEl || this.containerEl;\n\n    const { minWidth, panelWidth } = this;\n\n    const updatePosition = () => {\n      computePosition(referenceEl!, this.panelEl!, {\n        placement: 'bottom-start',\n        strategy: 'absolute',\n        middleware: [\n          offset(12),\n          flip(),\n          shift({ padding: 8 }),\n          size({\n            apply: ({ rects, elements }) => {\n              Object.assign(elements.floating.style, {\n                width: panelWidth ?? `${rects.reference.width}px`,\n                minWidth,\n              });\n            },\n          }),\n        ],\n      }).then(({ x, y }) => {\n        if (this.panelEl) {\n          this.panelEl.style.left = `${x}px`;\n          this.panelEl.style.top = `${y}px`;\n        }\n      });\n    };\n\n    // Initial position\n    updatePosition();\n\n    // Set up auto-update for window resize and scroll\n    const cleanupAutoUpdate = autoUpdate(\n      referenceEl!,\n      this.panelEl,\n      updatePosition\n    );\n    this.cleanupAutoUpdate = () => {\n      cleanupAutoUpdate();\n      this.clearAsyncFetchState();\n    };\n  }\n\n  private scrollOptionIntoView() {\n    requestAnimationFrame(() => {\n      const highlighted = this.listboxEl?.querySelector(`[data-index=\"${this.highlightedIndex}\"]`) as HTMLElement;\n      highlighted?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    });\n  }\n\n  private toggleOption(option: MultiselectOption) {\n    const isSelected = this.value.includes(String(option.id));\n\n    if (isSelected) {\n      // Remove from selection\n      const newValue = this.value.filter(v => v !== String(option.id));\n      this.value = newValue;\n\n      const newSelectedItems = this.selectedItems.filter(item => String(item.id) !== String(option.id));\n\n      this.pdsMultiselectChange.emit({\n        values: newValue,\n        items: newSelectedItems,\n      });\n    } else {\n      // Add to selection\n      if (this.maxSelections && this.value.length >= this.maxSelections) {\n        return;\n      }\n\n      const newValue = [...this.value, String(option.id)];\n      this.value = newValue;\n\n      const newSelectedItems = [...this.selectedItems, option];\n\n      this.pdsMultiselectChange.emit({\n        values: newValue,\n        items: newSelectedItems,\n      });\n    }\n\n    // Keep focus on search input, don't close dropdown\n    this.searchInputEl?.focus();\n  }\n\n  private selectOption(option: MultiselectOption) {\n    // For keyboard navigation - toggle the option\n    this.toggleOption(option);\n  }\n\n  private handleOptionMouseDown = (option: MultiselectOption) => (e: MouseEvent) => {\n    e.preventDefault(); // Prevent focus change\n    this.toggleOption(option);\n  };\n\n  private handleOptionMouseEnter = (index: number) => () => {\n    this.highlightedIndex = index;\n  };\n\n\n  private handleScroll = (e: Event) => {\n    if (!this.asyncUrl || !this.hasMore || this.loading) return;\n\n    const target = e.target as HTMLElement;\n    const scrollBottom = target.scrollHeight - target.scrollTop - target.clientHeight;\n\n    // Load more when near bottom (within 50px)\n    if (scrollBottom < 50) {\n      this.pdsMultiselectLoadOptions.emit({\n        query: this.searchQuery,\n        page: this.currentPage + 1,\n      });\n      this.debouncedFetchAsyncOptions(this.searchQuery, this.currentPage + 1);\n    }\n  };\n\n\n  private renderSelectedItemsList() {\n    if (this.selectedItems.length === 0) return null;\n\n    return (\n      <div class=\"pds-multiselect__selected-section\">\n        <ul class=\"pds-multiselect__selected-list\" role=\"list\">\n          {this.selectedItems.map(item => (\n            <li key={String(item.id)} class=\"pds-multiselect__selected-item\">\n              {item.text}\n            </li>\n          ))}\n        </ul>\n      </div>\n    );\n  }\n\n  private renderDropdown() {\n    if (!this.isOpen) return null;\n\n    const filteredOptions = this.getFilteredOptions();\n    const valueArray = this.ensureValueArray();\n    const hasSlottedEmpty = !!this.el.querySelector('[slot=\"empty\"]');\n    const hasSlottedLoading = !!this.el.querySelector('[slot=\"loading\"]');\n\n    return (\n      <div\n        class=\"pds-multiselect__panel\"\n        ref={el => (this.panelEl = el)}\n        style={{ minWidth: this.minWidth }}\n      >\n        {/* Search input */}\n        <div class=\"pds-multiselect__search\">\n          <pds-icon name=\"search\" size=\"small\" />\n          <input\n            ref={el => (this.searchInputEl = el)}\n            type=\"text\"\n            class=\"pds-multiselect__search-input\"\n            placeholder=\"Find...\"\n            value={this.searchQuery}\n            aria-label=\"Search options\"\n            aria-controls={`${this.componentId}-listbox`}\n            aria-activedescendant={this.highlightedIndex >= 0 ? `${this.componentId}-option-${this.highlightedIndex}` : undefined}\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-expanded=\"true\"\n            aria-autocomplete=\"list\"\n            autocomplete=\"off\"\n            onInput={this.handleSearchInputChange}\n            onKeyDown={this.handleSearchInputKeyDown}\n          />\n        </div>\n\n        {/* Selected items section */}\n        {this.renderSelectedItemsList()}\n\n        {/* Options list */}\n        <ul\n          class=\"pds-multiselect__listbox\"\n          role=\"listbox\"\n          aria-multiselectable=\"true\"\n          aria-label={this.label || 'Options'}\n          id={`${this.componentId}-listbox`}\n          ref={el => (this.listboxEl = el)}\n          style={{ maxHeight: this.maxHeight }}\n          onScroll={this.handleScroll}\n        >\n          {this.loading && (\n            <li class=\"pds-multiselect__loading\" role=\"presentation\">\n              {hasSlottedLoading ? (\n                <slot name=\"loading\" />\n              ) : (\n                <pds-loader size=\"small\" />\n              )}\n            </li>\n          )}\n\n          {!this.loading && filteredOptions.length === 0 && (\n            <li class=\"pds-multiselect__empty\" role=\"presentation\">\n              {hasSlottedEmpty ? (\n                <slot name=\"empty\" />\n              ) : (\n                <span>No options found</span>\n              )}\n            </li>\n          )}\n\n          {filteredOptions.map((option, index) => {\n            const isSelected = valueArray.includes(String(option.id));\n            const isHighlighted = index === this.highlightedIndex;\n            const optionId = `${this.componentId}-option-${index}`;\n\n            return (\n              <li\n                key={String(option.id)}\n                id={optionId}\n                class={{\n                  'pds-multiselect__option': true,\n                  'pds-multiselect__option--highlighted': isHighlighted,\n                  'pds-multiselect__option--selected': isSelected,\n                }}\n                role=\"option\"\n                aria-selected={isSelected ? 'true' : 'false'}\n                data-index={index}\n                onMouseDown={this.handleOptionMouseDown(option)}\n                onMouseEnter={this.handleOptionMouseEnter(index)}\n              >\n                <pds-checkbox\n                  componentId={`${this.componentId}-checkbox-${index}`}\n                  checked={isSelected}\n                  label={option.text}\n                  style={{ pointerEvents: 'none' }}\n                />\n              </li>\n            );\n          })}\n\n          {this.hasMore && !this.loading && (\n            <li class=\"pds-multiselect__load-more\" role=\"presentation\">\n              <pds-loader size=\"small\" />\n            </li>\n          )}\n        </ul>\n      </div>\n    );\n  }\n\n  private getTriggerText(): string {\n    const count = this.selectedItems.length;\n    if (count === 0) {\n      return this.placeholder || 'Select...';\n    }\n    return `${count} item${count === 1 ? '' : 's'}`;\n  }\n\n  render() {\n    const hasSelections = this.selectedItems.length > 0;\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <div class=\"pds-multiselect\">\n          {this.label && (\n            <label\n              htmlFor={this.componentId}\n              class={{\n                'pds-multiselect__label': true,\n                'visually-hidden': this.hideLabel,\n              }}\n            >\n              {this.label}\n            </label>\n          )}\n\n          <div\n            class=\"pds-multiselect__wrapper\"\n            ref={el => (this.containerEl = el)}\n            onFocusout={this.handleContainerFocusOut}\n            style={{ width: this.triggerWidth }}\n          >\n            <button\n              ref={el => (this.triggerEl = el)}\n              type=\"button\"\n              class={{\n                'pds-multiselect__trigger': true,\n                'pds-multiselect__trigger--open': this.isOpen,\n                'pds-multiselect__trigger--disabled': this.disabled,\n                'pds-multiselect__trigger--invalid': this.invalid || !!this.errorMessage,\n                'pds-multiselect__trigger--has-value': hasSelections,\n              }}\n              id={this.componentId}\n              disabled={this.disabled}\n              aria-required={this.required ? 'true' : undefined}\n              aria-expanded={this.isOpen ? 'true' : 'false'}\n              aria-haspopup=\"listbox\"\n              aria-describedby={assignDescription(\n                this.componentId,\n                this.invalid || !!this.errorMessage,\n                this.errorMessage || this.helperMessage\n              )}\n              aria-invalid={this.invalid || !!this.errorMessage ? 'true' : undefined}\n              onClick={this.handleTriggerClick}\n              onKeyDown={this.handleTriggerKeyDown}\n            >\n              <span class={{\n                'pds-multiselect__trigger-text': true,\n                'pds-multiselect__trigger-text--placeholder': !hasSelections,\n              }}>\n                {this.getTriggerText()}\n              </span>\n              <pds-icon class=\"pds-multiselect__icon\" icon={enlarge} />\n            </button>\n\n            {this.renderDropdown()}\n          </div>\n\n          {this.helperMessage && !this.errorMessage && (\n            <p class=\"pds-multiselect__helper\" id={messageId(this.componentId, 'helper')}>\n              {this.helperMessage}\n            </p>\n          )}\n\n          {this.errorMessage && (\n            <p class=\"pds-multiselect__error\" id={messageId(this.componentId, 'error')}>\n              <pds-icon icon={danger} size=\"small\" />\n              {this.errorMessage}\n            </p>\n          )}\n\n          {/* Hidden slot for static options */}\n          <div style={{ display: 'none' }}>\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"pds-multiselect.entry.js","sources":["src/components/pds-multiselect/pds-multiselect.scss?tag=pds-multiselect&encapsulation=shadow","src/components/pds-multiselect/pds-multiselect.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n:host([aria-disabled=\"true\"]) {\n  .pds-multiselect__trigger {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  .pds-multiselect__icon {\n    color: var(--pine-color-text-disabled);\n  }\n}\n\n.pds-multiselect {\n  position: relative;\n}\n\n.pds-multiselect__label {\n  color: var(--pine-color-text-label);\n  display: block;\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-multiselect__wrapper {\n  position: relative;\n}\n\n.pds-multiselect__trigger {\n  align-items: center;\n  background: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: var(--pine-dimension-125);\n  cursor: pointer;\n  display: flex;\n  font: var(--pine-typography-body);\n  gap: var(--pine-dimension-xs);\n  justify-content: space-between;\n  letter-spacing: var(--pine-letter-spacing);\n  min-height: var(--pine-dimension-550);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n  position: relative;\n  text-align: start;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n  width: 100%;\n\n  &:hover:not(.pds-multiselect__trigger--disabled) {\n    border-color: var(--pine-color-border-hover);\n  }\n\n  &:focus:not(.pds-multiselect__trigger--disabled) {\n    border-color: var(--pine-color-border-active);\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &.pds-multiselect__trigger--open {\n    border-color: var(--pine-color-border-active);\n  }\n\n  &.pds-multiselect__trigger--invalid {\n    background-color: var(--pine-color-red-050);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n\n  &.pds-multiselect__trigger--disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n}\n\n.pds-multiselect__trigger-text {\n  color: var(--pine-color-text-strong);\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &.pds-multiselect__trigger-text--placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  .pds-multiselect__trigger--disabled & {\n    color: var(--pine-color-text-disabled);\n  }\n}\n\n.pds-multiselect__icon {\n  color: var(--pine-color-icon);\n  flex-shrink: var(--pine-dimension-none);\n}\n\n.pds-multiselect__panel {\n  background: var(--pine-color-background-container);\n  border-radius: var(--pine-dimension-125);\n  box-shadow: var(--pine-box-shadow);\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  z-index: var(--pine-z-index-raised);\n}\n\n.pds-multiselect__search {\n  align-items: center;\n  border-block-end: var(--pine-border);\n  border-block-end-color: var(--pine-color-border-subtle);\n  display: flex;\n  gap: var(--pine-dimension-xs);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n  pds-icon {\n    color: var(--pine-color-text-muted);\n    flex-shrink: var(--pine-dimension-none);\n  }\n}\n\n.pds-multiselect__search-input {\n  background: transparent;\n  border: var(--pine-dimension-none);\n  color: var(--pine-color-text-strong);\n  flex: 1;\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n  min-width: var(--pine-dimension-none);\n  outline: none;\n\n  &::placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n}\n\n.pds-multiselect__selected-section {\n  border-block-end: var(--pine-border);\n  border-block-end-color: var(--pine-color-border-subtle);\n  padding: var(--pine-dimension-xs);\n}\n\n.pds-multiselect__selected-list {\n  list-style: none;\n  margin: var(--pine-dimension-none);\n  padding: var(--pine-dimension-none);\n}\n\n.pds-multiselect__selected-item {\n  color: var(--pine-color-text-strong);\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n  overflow: hidden;\n  padding: var(--pine-dimension-2xs) var(--pine-dimension-xs);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.pds-multiselect__listbox {\n  background: transparent;\n  border: var(--pine-dimension-none);\n  box-sizing: border-box;\n  list-style: none;\n  margin: var(--pine-dimension-none);\n  overflow-y: auto;\n  padding: var(--pine-dimension-xs);\n}\n\n.pds-multiselect__option {\n  align-items: center;\n  background: transparent;\n  border-radius: var(--pine-dimension-xs);\n  cursor: pointer;\n  display: flex;\n  padding: var(--pine-dimension-2xs) var(--pine-dimension-xs);\n  transition: background 0.15s;\n\n  // Prevent checkbox label from triggering double events\n  pds-checkbox {\n    pointer-events: none;\n    width: 100%;\n  }\n\n  &:hover,\n  &.pds-multiselect__option--highlighted {\n    background: var(--pine-color-background-muted);\n  }\n\n  &:focus-visible {\n    outline: var(--pine-dimension-none);\n  }\n}\n\n.pds-multiselect__create-option {\n  color: var(--pine-color-text-strong);\n  width: 100%;\n\n  pds-icon {\n    color: var(--pine-color-text-muted);\n    flex-shrink: var(--pine-dimension-none);\n  }\n}\n\n.pds-multiselect__empty,\n.pds-multiselect__loading {\n  align-items: center;\n  color: var(--pine-color-text-muted);\n  display: flex;\n  font: var(--pine-typography-body);\n  justify-content: center;\n  padding: var(--pine-dimension-sm);\n}\n\n.pds-multiselect__load-more {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  padding: var(--pine-dimension-xs);\n}\n\n.pds-multiselect__helper {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm);\n  margin-block-start: var(--pine-dimension-2xs);\n  margin-inline-start: var(--pine-dimension-none);\n}\n\n.pds-multiselect__error {\n  align-items: flex-start;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  font: var(--pine-typography-body-sm);\n  gap: var(--pine-dimension-2xs);\n  margin-block-start: var(--pine-dimension-2xs);\n  margin-inline-start: var(--pine-dimension-none);\n\n  pds-icon {\n    flex-shrink: var(--pine-dimension-none);\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n\n.visually-hidden {\n  border: var(--pine-dimension-none);\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: var(--pine-dimension-none);\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport { computePosition, flip, offset, shift, size, autoUpdate } from '@floating-ui/dom';\nimport { debounceEvent } from '@utils/utils';\nimport { messageId, assignDescription } from '../../utils/form';\nimport { danger, enlarge } from '@pine-ds/icons/icons';\nimport type {\n  MultiselectOption,\n  MultiselectChangeEventDetail,\n  MultiselectSearchEventDetail,\n  MultiselectLoadOptionsEventDetail,\n  MultiselectCreateEventDetail,\n  AsyncResponse,\n  CreateResponse,\n} from './multiselect-interface';\n\n/**\n * @slot (default) - Static option elements for the multiselect\n * @slot empty - Custom empty state message when no options match\n * @slot loading - Custom loading indicator\n */\n@Component({\n  tag: 'pds-multiselect',\n  styleUrl: 'pds-multiselect.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsMultiselect {\n  private triggerEl?: HTMLButtonElement;\n  private searchInputEl?: HTMLInputElement;\n  private containerEl?: HTMLElement;\n  private listboxEl?: HTMLElement;\n  private panelEl?: HTMLElement;\n  private internals?: ElementInternals;\n  private abortController?: AbortController;\n  private fetchDebounceTimer?: number;\n  private fetchTimeoutTimer?: number;\n  private observer?: MutationObserver;\n  private cleanupAutoUpdate?: () => void;\n\n  @Element() el!: HTMLPdsMultiselectElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Text to be displayed as the multiselect label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Placeholder text for the input field.\n   */\n  @Prop() placeholder?: string = 'Select...';\n\n  /**\n   * Specifies the name. Submitted with the form as part of a name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Array of selected option values.\n   */\n  @Prop({ mutable: true }) value: string[] = [];\n\n  /**\n   * Determines whether or not the multiselect is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * URL endpoint for async data fetching.\n   */\n  @Prop() asyncUrl?: string;\n\n  /**\n   * HTTP method for async requests.\n   */\n  @Prop() asyncMethod: 'GET' | 'POST' = 'GET';\n\n  /**\n   * Debounce delay in milliseconds for search/fetch.\n   */\n  @Prop() debounce: number = 300;\n\n  /**\n   * Timeout in milliseconds for async fetch requests.\n   */\n  @Prop() fetchTimeout: number = 30000;\n\n  /**\n   * Maximum number of selections allowed.\n   */\n  @Prop() maxSelections?: number;\n\n  /**\n   * Maximum height of the dropdown before scrolling.\n   */\n  @Prop() maxHeight: string = '300px';\n\n  /**\n   * Width of the trigger button (and reference for dropdown positioning).\n   */\n  @Prop() triggerWidth: string = '100%';\n\n  /**\n   * Minimum width of the dropdown panel.\n   */\n  @Prop() minWidth: string = '250px';\n\n  /**\n   * Width of the dropdown panel. Defaults to the trigger width.\n   */\n  @Prop() panelWidth?: string;\n\n  /**\n   * Visually hides the label but keeps it accessible.\n   */\n  @Prop() hideLabel: boolean = false;\n\n  /**\n   * Error message to display.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Helper message to display below the input.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * If true, the multiselect is in an invalid state.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * If true, the multiselect is required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether the component is currently loading async options.\n   */\n  @Prop({ mutable: true }) loading: boolean = false;\n\n  /**\n   * Options provided externally (for consumer-managed async).\n   */\n  @Prop() options?: MultiselectOption[];\n\n  /**\n   * Function to format async results. Receives raw API response item.\n   */\n  @Prop() formatResult?: (item: unknown) => MultiselectOption;\n\n  /**\n   * URL endpoint for creating new options. When set, shows \"Add\" option when no matches found.\n   */\n  @Prop() createUrl?: string;\n\n  // Internal state\n  @State() isOpen: boolean = false;\n  @State() searchQuery: string = '';\n  @State() highlightedIndex: number = -1;\n  @State() internalOptions: MultiselectOption[] = [];\n  @State() selectedItems: MultiselectOption[] = [];\n  @State() currentPage: number = 1;\n  @State() hasMore: boolean = false;\n  @State() creating: boolean = false;\n\n  // Flag to prevent focusout from closing during open transition\n  private isOpening: boolean = false;\n\n  /**\n   * Emitted when selection changes.\n   */\n  @Event() pdsMultiselectChange!: EventEmitter<MultiselectChangeEventDetail>;\n\n  /**\n   * Emitted on search input (for consumer-managed async).\n   */\n  @Event() pdsMultiselectSearch!: EventEmitter<MultiselectSearchEventDetail>;\n\n  /**\n   * Emitted to request more options (pagination).\n   */\n  @Event() pdsMultiselectLoadOptions!: EventEmitter<MultiselectLoadOptionsEventDetail>;\n\n  /**\n   * Emitted when a new option is created.\n   */\n  @Event() pdsMultiselectCreate!: EventEmitter<MultiselectCreateEventDetail>;\n\n  private originalSearchEmitter?: EventEmitter<MultiselectSearchEventDetail>;\n\n  connectedCallback() {\n    // Initialize ElementInternals for form association (only once per element instance)\n    if (this.el.attachInternals && !this.internals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  componentWillLoad() {\n    this.originalSearchEmitter = this.pdsMultiselectSearch;\n    this.syncSelectedItems();\n  }\n\n  componentDidLoad() {\n    this.setupDebounce();\n    this.setupMutationObserver();\n    this.setupSlotChangeListener();\n    this.updateFormValue();\n\n    // Ensure preselected values sync after DOM is fully ready\n    // This handles cases where slot content loads after initial render (e.g., in docs/MDX)\n    requestAnimationFrame(() => {\n      this.updateOptionsFromSlot();\n      this.syncSelectedItems();\n    });\n  }\n\n  private setupSlotChangeListener() {\n    const slot = this.el.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (slot) {\n      slot.addEventListener('slotchange', () => {\n        this.updateOptionsFromSlot();\n        this.syncSelectedItems();\n      });\n      // Also call it immediately in case content is already slotted\n      this.updateOptionsFromSlot();\n    }\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n    this.cleanupAutoUpdate?.();\n    this.clearAsyncFetchState();\n  }\n\n  @Watch('debounce')\n  protected setupDebounce() {\n    const { pdsMultiselectSearch, debounce, originalSearchEmitter } = this;\n    this.pdsMultiselectSearch = debounce === undefined\n      ? originalSearchEmitter ?? pdsMultiselectSearch\n      : debounceEvent(pdsMultiselectSearch, debounce);\n  }\n\n  @Watch('value')\n  protected valueChanged(newValue: string[] | string) {\n    // Handle JSON string values (from HTML attributes)\n    if (typeof newValue === 'string') {\n      try {\n        const parsed = JSON.parse(newValue);\n        if (Array.isArray(parsed)) {\n          this.value = parsed;\n          return; // The assignment will trigger this watcher again with the array\n        }\n      } catch {\n        // Not valid JSON, treat as single value\n        this.value = newValue ? [newValue] : [];\n        return;\n      }\n    }\n    this.syncSelectedItems();\n    this.updateFormValue();\n  }\n\n  @Watch('options')\n  protected optionsChanged() {\n    if (this.options) {\n      this.internalOptions = [...this.options];\n    }\n  }\n\n  @Watch('internalOptions')\n  protected internalOptionsChanged() {\n    // Re-sync selected items when options become available\n    // This handles the case where value is set before options are loaded (e.g., from slot)\n    this.syncSelectedItems();\n  }\n\n  /**\n   * Sets focus on the trigger button.\n   */\n  @Method()\n  async setFocus() {\n    this.triggerEl?.focus();\n  }\n\n  /**\n   * Handle global keyboard events for accessibility.\n   * Closes dropdown on Escape key press regardless of focus location.\n   */\n  @Listen('keydown', { target: 'window' })\n  handleWindowKeyDown(event: KeyboardEvent) {\n    if (!this.isOpen) return;\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.closeDropdown();\n      this.triggerEl?.focus();\n    }\n  }\n\n  private setupMutationObserver() {\n    this.observer = new MutationObserver(() => {\n      this.updateOptionsFromSlot();\n    });\n\n    this.observer.observe(this.el, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  private updateOptionsFromSlot() {\n    const slot = this.el.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (!slot) return;\n\n    const options = slot.assignedElements({ flatten: true })\n      .filter((el): el is HTMLOptionElement => el.tagName === 'OPTION')\n      .map(opt => ({\n        id: opt.value,\n        text: opt.textContent || opt.value,\n      }));\n\n    // Only update if we actually found options AND we're not using async/external options\n    // Don't clear internalOptions if slot returns empty (might be mid-DOM-update)\n    if (options.length > 0 && !this.asyncUrl && !this.options) {\n      this.internalOptions = options;\n    }\n  }\n\n  private clearAsyncFetchState() {\n    if (this.fetchDebounceTimer !== undefined) {\n      window.clearTimeout(this.fetchDebounceTimer);\n      this.fetchDebounceTimer = undefined;\n    }\n    if (this.fetchTimeoutTimer !== undefined) {\n      window.clearTimeout(this.fetchTimeoutTimer);\n      this.fetchTimeoutTimer = undefined;\n    }\n    this.abortController?.abort();\n    this.abortController = undefined;\n  }\n\n  private debouncedFetchAsyncOptions(query: string, page: number = 1) {\n    if (!this.asyncUrl) return;\n\n    if (this.fetchDebounceTimer !== undefined) {\n      window.clearTimeout(this.fetchDebounceTimer);\n    }\n\n    const delay = Math.max(0, this.debounce ?? 0);\n    this.fetchDebounceTimer = window.setTimeout(() => {\n      this.fetchDebounceTimer = undefined;\n      this.fetchOptions(query, page);\n    }, delay);\n  }\n\n  private syncSelectedItems() {\n    // Ensure value is an array (may be string from HTML attribute)\n    const valueArray = this.ensureValueArray();\n    const allOptions = this.getAllOptions();\n    this.selectedItems = valueArray\n      .map(val => allOptions.find(opt => String(opt.id) === String(val)))\n      .filter((opt): opt is MultiselectOption => opt !== undefined);\n  }\n\n  private ensureValueArray(): string[] {\n    // Handle JSON string values passed via HTML attribute\n    if (typeof this.value === 'string') {\n      try {\n        const parsed = JSON.parse(this.value as unknown as string);\n        if (Array.isArray(parsed)) {\n          this.value = parsed;\n          return parsed;\n        }\n      } catch {\n        // Not valid JSON, treat as single value\n        const singleValue = this.value as unknown as string;\n        this.value = singleValue ? [singleValue] : [];\n        return this.value;\n      }\n    }\n    return Array.isArray(this.value) ? this.value : [];\n  }\n\n  private getAllOptions(): MultiselectOption[] {\n    return this.options || this.internalOptions;\n  }\n\n  private getFilteredOptions(): MultiselectOption[] {\n    const allOptions = this.getAllOptions();\n    const query = this.searchQuery.toLowerCase();\n\n    const filtered = allOptions.filter(opt => {\n      // Filter by search query only - don't filter out selected items\n      if (query) {\n        return opt.text.toLowerCase().includes(query);\n      }\n      return true;\n    });\n\n    // Add create option if enabled and no matches found\n    if (this.createUrl && this.searchQuery.trim() && filtered.length === 0) {\n      return [{\n        id: '__create__',\n        text: this.searchQuery.trim(),\n        isCreateOption: true,\n      }];\n    }\n\n    return filtered;\n  }\n\n  private updateFormValue() {\n    if (this.internals?.setFormValue) {\n      // Ensure value is an array before iterating\n      const valueArray = this.ensureValueArray();\n\n      // Submit as multiple values with same name (native select multiple behavior)\n      const formData = new FormData();\n      valueArray.forEach(val => {\n        if (this.name) {\n          formData.append(this.name, val);\n        }\n      });\n      this.internals.setFormValue(formData);\n\n      // Update validity state for required validation\n      if (this.required && valueArray.length === 0) {\n        this.internals.setValidity(\n          { valueMissing: true },\n          'Please select at least one option.',\n          this.triggerEl\n        );\n      } else {\n        this.internals.setValidity({});\n      }\n    }\n  }\n\n  private async fetchOptions(query: string, page: number = 1) {\n    if (!this.asyncUrl) return;\n\n    // Abort any pending request and clear existing timeout\n    this.abortController?.abort();\n    if (this.fetchTimeoutTimer !== undefined) {\n      window.clearTimeout(this.fetchTimeoutTimer);\n      this.fetchTimeoutTimer = undefined;\n    }\n\n    this.abortController = new AbortController();\n    this.loading = true;\n\n    // Set up timeout for fetch request\n    this.fetchTimeoutTimer = window.setTimeout(() => {\n      this.abortController?.abort();\n      this.fetchTimeoutTimer = undefined;\n    }, this.fetchTimeout);\n\n    try {\n      // Guard against malformed asyncUrl\n      let url: URL;\n      try {\n        url = new URL(this.asyncUrl, window.location.origin);\n      } catch (urlError) {\n        throw new TypeError(`Invalid asyncUrl: ${this.asyncUrl}`);\n      }\n\n      if (this.asyncMethod === 'GET') {\n        url.searchParams.set('search', query);\n        url.searchParams.set('page', String(page));\n      }\n\n      const response = await fetch(url.toString(), {\n        method: this.asyncMethod,\n        signal: this.abortController.signal,\n        headers: {\n          'Content-Type': 'application/json',\n          'Accept': 'application/json',\n        },\n        ...(this.asyncMethod === 'POST' && {\n          body: JSON.stringify({ search: query, page }),\n        }),\n      });\n\n      // Clear timeout on successful response\n      if (this.fetchTimeoutTimer !== undefined) {\n        window.clearTimeout(this.fetchTimeoutTimer);\n        this.fetchTimeoutTimer = undefined;\n      }\n\n      if (!response.ok) throw new Error('Failed to fetch options');\n\n      const data: AsyncResponse = await response.json();\n\n      const formattedResults = data.results.map(item => {\n        // If formatResult is provided, use it\n        if (this.formatResult) {\n          return this.formatResult(item);\n        }\n\n        // Defensive check: ensure item is an object before spreading\n        if (typeof item === 'object' && item !== null) {\n          return {\n            id: item.id,\n            text: item.text,\n            ...item,\n          } as MultiselectOption;\n        }\n\n        // Handle primitives by converting to safe shape\n        return {\n          id: String(item),\n          text: String(item),\n        } as MultiselectOption;\n      });\n\n      if (page === 1) {\n        this.internalOptions = formattedResults;\n      } else {\n        this.internalOptions = [...this.internalOptions, ...formattedResults];\n      }\n\n      this.hasMore = data.totalCount ? this.internalOptions.length < data.totalCount : false;\n      this.currentPage = page;\n\n    } catch (error) {\n      // Clear timeout on error\n      if (this.fetchTimeoutTimer !== undefined) {\n        window.clearTimeout(this.fetchTimeoutTimer);\n        this.fetchTimeoutTimer = undefined;\n      }\n\n      if ((error as Error).name !== 'AbortError') {\n        console.error('PdsMultiselect: Failed to fetch options', error);\n      }\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  private async createOption(query: string) {\n    if (!this.createUrl || !query.trim()) return;\n\n    // Reentrancy guard: prevent duplicate POSTs if creation is already in-flight\n    if (this.creating) return;\n\n    this.creating = true;\n\n    try {\n      const url = new URL(this.createUrl, window.location.origin);\n\n      const response = await fetch(url.toString(), {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n          'Accept': 'application/json',\n        },\n        body: JSON.stringify({ text: query.trim() }),\n      });\n\n      if (!response.ok) throw new Error('Failed to create option');\n\n      const data: CreateResponse = await response.json();\n\n      const newOption: MultiselectOption = {\n        id: data.id,\n        text: data.text,\n        ...data,\n      };\n\n      // Add to internal options\n      this.internalOptions = [...this.internalOptions, newOption];\n\n      // Select the new option\n      this.value = [...this.value, String(newOption.id)];\n\n      // Sync selected items\n      this.syncSelectedItems();\n\n      // Emit create event\n      this.pdsMultiselectCreate.emit({\n        query: query.trim(),\n        newOption,\n      });\n\n      // Emit change event\n      this.pdsMultiselectChange.emit({\n        values: this.value,\n        items: this.selectedItems,\n      });\n\n      // Clear search and keep dropdown open\n      this.searchQuery = '';\n      this.highlightedIndex = -1;\n\n      // Focus back on search input\n      requestAnimationFrame(() => {\n        this.searchInputEl?.focus();\n      });\n\n    } catch (error) {\n      console.error('PdsMultiselect: Failed to create option', error);\n    } finally {\n      this.creating = false;\n    }\n  }\n\n  private handleTriggerClick = () => {\n    if (this.disabled) return;\n\n    if (this.isOpen) {\n      this.closeDropdown();\n    } else {\n      this.openDropdown();\n    }\n  };\n\n  private handleTriggerKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'ArrowUp':\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        if (!this.isOpen) {\n          this.openDropdown();\n        }\n        break;\n    }\n  };\n\n  private handleSearchInputChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.searchQuery = target.value;\n    this.highlightedIndex = -1;\n\n    // Emit search event for consumer-managed async\n    this.pdsMultiselectSearch.emit({ query: this.searchQuery });\n\n    // Fetch from async URL if configured\n    if (this.asyncUrl) {\n      this.debouncedFetchAsyncOptions(this.searchQuery, 1);\n    }\n  };\n\n  private handleSearchInputKeyDown = (e: KeyboardEvent) => {\n    const filteredOptions = this.getFilteredOptions();\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        this.highlightedIndex = Math.min(this.highlightedIndex + 1, filteredOptions.length - 1);\n        this.scrollOptionIntoView();\n        break;\n\n      case 'ArrowUp':\n        e.preventDefault();\n        this.highlightedIndex = Math.max(this.highlightedIndex - 1, 0);\n        this.scrollOptionIntoView();\n        break;\n\n      case 'Enter':\n        e.preventDefault();\n        if (this.highlightedIndex >= 0) {\n          const option = filteredOptions[this.highlightedIndex];\n          if (option) {\n            this.selectOption(option);\n          }\n        }\n        break;\n\n      // Escape is handled by the global @Listen('keydown') handler\n\n      case 'Tab':\n        this.closeDropdown();\n        break;\n    }\n  };\n\n  private handleContainerFocusOut = () => {\n    // Use setTimeout to delay the check - this allows click events and focus transitions to complete\n    // before we decide to close the dropdown\n    setTimeout(() => {\n      // Don't close if we're in the middle of opening or already closed\n      if (!this.isOpen || this.isOpening) return;\n\n      const activeElement = document.activeElement;\n\n      // Check if focus is within our component's shadow root\n      const isInShadowRoot = this.el.shadowRoot?.contains(activeElement);\n\n      // Also check if focus is on the host element itself\n      const isOnHost = activeElement === this.el;\n\n      if (!isInShadowRoot && !isOnHost) {\n        this.closeDropdown();\n      }\n    }, 0);\n  };\n\n  private openDropdown() {\n    if (this.disabled) return;\n\n    this.isOpening = true;\n    this.isOpen = true;\n    this.highlightedIndex = -1;\n\n    // Trigger initial fetch if async\n    if (this.asyncUrl && this.internalOptions.length === 0) {\n      this.debouncedFetchAsyncOptions(this.searchQuery, 1);\n    }\n\n    requestAnimationFrame(() => {\n      this.positionDropdown();\n      // Focus the search input after the panel is positioned\n      this.searchInputEl?.focus();\n      // Clear the opening flag after focus has moved\n      setTimeout(() => {\n        this.isOpening = false;\n      }, 50);\n    });\n  }\n\n  private closeDropdown() {\n    this.isOpen = false;\n    this.highlightedIndex = -1;\n    this.searchQuery = '';\n\n    // Clean up auto-update\n    if (this.cleanupAutoUpdate) {\n      this.cleanupAutoUpdate();\n      this.cleanupAutoUpdate = undefined;\n    }\n  }\n\n  private positionDropdown() {\n    if (!this.containerEl || !this.panelEl) return;\n    const referenceEl = this.triggerEl || this.containerEl;\n\n    const { minWidth, panelWidth } = this;\n\n    const updatePosition = () => {\n      computePosition(referenceEl!, this.panelEl!, {\n        placement: 'bottom-start',\n        strategy: 'absolute',\n        middleware: [\n          offset(12),\n          flip(),\n          shift({ padding: 8 }),\n          size({\n            apply: ({ rects, elements }) => {\n              Object.assign(elements.floating.style, {\n                width: panelWidth ?? `${rects.reference.width}px`,\n                minWidth,\n              });\n            },\n          }),\n        ],\n      }).then(({ x, y }) => {\n        if (this.panelEl) {\n          this.panelEl.style.left = `${x}px`;\n          this.panelEl.style.top = `${y}px`;\n        }\n      });\n    };\n\n    // Initial position\n    updatePosition();\n\n    // Set up auto-update for window resize and scroll\n    const cleanupAutoUpdate = autoUpdate(\n      referenceEl!,\n      this.panelEl,\n      updatePosition\n    );\n    this.cleanupAutoUpdate = () => {\n      cleanupAutoUpdate();\n      this.clearAsyncFetchState();\n    };\n  }\n\n  private scrollOptionIntoView() {\n    requestAnimationFrame(() => {\n      const highlighted = this.listboxEl?.querySelector(`[data-index=\"${this.highlightedIndex}\"]`) as HTMLElement;\n      highlighted?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    });\n  }\n\n  private toggleOption(option: MultiselectOption) {\n    // Handle create option\n    if (option.isCreateOption) {\n      // Prevent multiple create calls while one is in-flight\n      if (!this.creating) {\n        this.createOption(this.searchQuery);\n      }\n      return;\n    }\n\n    const isSelected = this.value.includes(String(option.id));\n\n    if (isSelected) {\n      // Remove from selection\n      const newValue = this.value.filter(v => v !== String(option.id));\n      this.value = newValue;\n\n      const newSelectedItems = this.selectedItems.filter(item => String(item.id) !== String(option.id));\n\n      this.pdsMultiselectChange.emit({\n        values: newValue,\n        items: newSelectedItems,\n      });\n    } else {\n      // Add to selection\n      if (this.maxSelections && this.value.length >= this.maxSelections) {\n        return;\n      }\n\n      const newValue = [...this.value, String(option.id)];\n      this.value = newValue;\n\n      const newSelectedItems = [...this.selectedItems, option];\n\n      this.pdsMultiselectChange.emit({\n        values: newValue,\n        items: newSelectedItems,\n      });\n    }\n\n    // Keep focus on search input, don't close dropdown\n    this.searchInputEl?.focus();\n  }\n\n  private selectOption(option: MultiselectOption) {\n    // For keyboard navigation - toggle the option\n    this.toggleOption(option);\n  }\n\n  private handleOptionMouseDown = (option: MultiselectOption) => (e: MouseEvent) => {\n    e.preventDefault(); // Prevent focus change\n    this.toggleOption(option);\n  };\n\n  private handleOptionMouseEnter = (index: number) => () => {\n    this.highlightedIndex = index;\n  };\n\n\n  private handleScroll = (e: Event) => {\n    if (!this.asyncUrl || !this.hasMore || this.loading) return;\n\n    const target = e.target as HTMLElement;\n    const scrollBottom = target.scrollHeight - target.scrollTop - target.clientHeight;\n\n    // Load more when near bottom (within 50px)\n    if (scrollBottom < 50) {\n      this.pdsMultiselectLoadOptions.emit({\n        query: this.searchQuery,\n        page: this.currentPage + 1,\n      });\n      this.debouncedFetchAsyncOptions(this.searchQuery, this.currentPage + 1);\n    }\n  };\n\n\n  private renderSelectedItemsList() {\n    if (this.selectedItems.length === 0) return null;\n\n    return (\n      <div class=\"pds-multiselect__selected-section\">\n        <ul class=\"pds-multiselect__selected-list\" role=\"list\">\n          {this.selectedItems.map(item => (\n            <li key={String(item.id)} class=\"pds-multiselect__selected-item\">\n              {item.text}\n            </li>\n          ))}\n        </ul>\n      </div>\n    );\n  }\n\n  private renderDropdown() {\n    if (!this.isOpen) return null;\n\n    const filteredOptions = this.getFilteredOptions();\n    const valueArray = this.ensureValueArray();\n    const hasSlottedEmpty = !!this.el.querySelector('[slot=\"empty\"]');\n    const hasSlottedLoading = !!this.el.querySelector('[slot=\"loading\"]');\n\n    return (\n      <div\n        class=\"pds-multiselect__panel\"\n        ref={el => (this.panelEl = el)}\n        style={{ minWidth: this.minWidth }}\n      >\n        {/* Search input */}\n        <div class=\"pds-multiselect__search\">\n          <pds-icon name=\"search\" size=\"small\" />\n          <input\n            ref={el => (this.searchInputEl = el)}\n            type=\"text\"\n            class=\"pds-multiselect__search-input\"\n            placeholder=\"Find...\"\n            value={this.searchQuery}\n            aria-label=\"Search options\"\n            aria-controls={`${this.componentId}-listbox`}\n            aria-activedescendant={this.highlightedIndex >= 0 ? `${this.componentId}-option-${this.highlightedIndex}` : undefined}\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-expanded=\"true\"\n            aria-autocomplete=\"list\"\n            autocomplete=\"off\"\n            onInput={this.handleSearchInputChange}\n            onKeyDown={this.handleSearchInputKeyDown}\n          />\n        </div>\n\n        {/* Selected items section */}\n        {this.renderSelectedItemsList()}\n\n        {/* Options list */}\n        <ul\n          class=\"pds-multiselect__listbox\"\n          role=\"listbox\"\n          aria-multiselectable=\"true\"\n          aria-label={this.label || 'Options'}\n          id={`${this.componentId}-listbox`}\n          ref={el => (this.listboxEl = el)}\n          style={{ maxHeight: this.maxHeight }}\n          onScroll={this.handleScroll}\n        >\n          {this.loading && (\n            <li class=\"pds-multiselect__loading\" role=\"presentation\">\n              {hasSlottedLoading ? (\n                <slot name=\"loading\" />\n              ) : (\n                <pds-loader size=\"small\" />\n              )}\n            </li>\n          )}\n\n          {!this.loading && filteredOptions.length === 0 && (\n            <li class=\"pds-multiselect__empty\" role=\"presentation\">\n              {hasSlottedEmpty ? (\n                <slot name=\"empty\" />\n              ) : (\n                <span>No options found</span>\n              )}\n            </li>\n          )}\n\n          {filteredOptions.map((option, index) => {\n            const isSelected = valueArray.includes(String(option.id));\n            const isCreateOption = option.isCreateOption;\n            const isHighlighted = index === this.highlightedIndex && !isCreateOption;\n            const optionId = `${this.componentId}-option-${index}`;\n            const isCreateDisabled = isCreateOption && this.creating;\n\n            return (\n              <li\n                key={String(option.id)}\n                id={optionId}\n                class={{\n                  'pds-multiselect__option': true,\n                  'pds-multiselect__option--highlighted': isHighlighted,\n                  'pds-multiselect__option--selected': isSelected,\n                  'pds-multiselect__option--create': isCreateOption,\n                  'pds-multiselect__option--disabled': isCreateDisabled,\n                }}\n                role=\"option\"\n                aria-selected={isSelected ? 'true' : 'false'}\n                aria-disabled={isCreateDisabled ? 'true' : undefined}\n                aria-label={isCreateOption ? `Create new tag: ${option.text}` : undefined}\n                data-index={index}\n                onMouseDown={this.handleOptionMouseDown(option)}\n                onMouseEnter={this.handleOptionMouseEnter(index)}\n              >\n                {isCreateOption ? (\n                  <pds-box class=\"pds-multiselect__create-option\" align-items=\"center\" gap=\"xs\">\n                    <pds-icon name=\"add\" size=\"small\" />\n                    <pds-text>Add \"{option.text}\"</pds-text>\n                  </pds-box>\n                ) : (\n                  <pds-checkbox\n                    componentId={`${this.componentId}-checkbox-${index}`}\n                    checked={isSelected}\n                    label={option.text}\n                    style={{ pointerEvents: 'none' }}\n                  />\n                )}\n              </li>\n            );\n          })}\n\n          {this.hasMore && !this.loading && (\n            <li class=\"pds-multiselect__load-more\" role=\"presentation\">\n              <pds-loader size=\"small\" />\n            </li>\n          )}\n        </ul>\n      </div>\n    );\n  }\n\n  private getTriggerText(): string {\n    const count = this.selectedItems.length;\n    if (count === 0) {\n      return this.placeholder || 'Select...';\n    }\n    return `${count} item${count === 1 ? '' : 's'}`;\n  }\n\n  render() {\n    const hasSelections = this.selectedItems.length > 0;\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <div class=\"pds-multiselect\">\n          {this.label && (\n            <label\n              htmlFor={this.componentId}\n              class={{\n                'pds-multiselect__label': true,\n                'visually-hidden': this.hideLabel,\n              }}\n            >\n              {this.label}\n            </label>\n          )}\n\n          <div\n            class=\"pds-multiselect__wrapper\"\n            ref={el => (this.containerEl = el)}\n            onFocusout={this.handleContainerFocusOut}\n            style={{ width: this.triggerWidth }}\n          >\n            <button\n              ref={el => (this.triggerEl = el)}\n              type=\"button\"\n              class={{\n                'pds-multiselect__trigger': true,\n                'pds-multiselect__trigger--open': this.isOpen,\n                'pds-multiselect__trigger--disabled': this.disabled,\n                'pds-multiselect__trigger--invalid': this.invalid || !!this.errorMessage,\n                'pds-multiselect__trigger--has-value': hasSelections,\n              }}\n              id={this.componentId}\n              disabled={this.disabled}\n              aria-required={this.required ? 'true' : undefined}\n              aria-expanded={this.isOpen ? 'true' : 'false'}\n              aria-haspopup=\"listbox\"\n              aria-describedby={assignDescription(\n                this.componentId,\n                this.invalid || !!this.errorMessage,\n                this.errorMessage || this.helperMessage\n              )}\n              aria-invalid={this.invalid || !!this.errorMessage ? 'true' : undefined}\n              onClick={this.handleTriggerClick}\n              onKeyDown={this.handleTriggerKeyDown}\n            >\n              <span class={{\n                'pds-multiselect__trigger-text': true,\n                'pds-multiselect__trigger-text--placeholder': !hasSelections,\n              }}>\n                {this.getTriggerText()}\n              </span>\n              <pds-icon class=\"pds-multiselect__icon\" icon={enlarge} />\n            </button>\n\n            {this.renderDropdown()}\n          </div>\n\n          {this.helperMessage && !(this.errorMessage && this.errorMessage.length > 0) && (\n            <p class=\"pds-multiselect__helper\" id={messageId(this.componentId, 'helper')}>\n              {this.helperMessage}\n            </p>\n          )}\n\n          {this.errorMessage && (\n            <p class=\"pds-multiselect__error\" id={messageId(this.componentId, 'error')}>\n              <pds-icon icon={danger} size=\"small\" />\n              {this.errorMessage}\n            </p>\n          )}\n\n          {/* Hidden slot for static options */}\n          <div style={{ display: 'none' }}>\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/pds-popover.entry.js

@@ -556,7 +556,7 @@ const PdsPopover = class {
         }, 16); // ~1 frame at 60fps
     }
     render() {
-        return (h(Host, { key: '4cdcc590173cf0edc4412b611277d7cce152c567', id: this.componentId }, h("span", { key: '5136bc20db4630da4264d389e6ff2d25353900c6', class: "pds-popover__trigger-wrapper" }, h("slot", { key: '7127a728bc5b6458d339c54cdd795d9768219479', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), h("div", { key: '3ffd0aca1500b59f8e577c063d3ff766fc95a550', class: "pds-popover__content-slot-wrapper" }, h("slot", { key: '30093c1e7d9a94c5297386f07eb921be85e59a97', onSlotchange: this.handleContentSlotChange }))));
+        return (h(Host, { key: '835196832cb0dcec61f0bc6e5f4df08038335d5a', id: this.componentId }, h("span", { key: 'e4aadaa17ce565e00f5e038a92aae8957b22be64', class: "pds-popover__trigger-wrapper" }, h("slot", { key: '97fe58bed551bed9f3159faa430ef54fd09d2412', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), h("div", { key: '8d1330a58ff77182100fb40afa78ee89ccd3146f', class: "pds-popover__content-slot-wrapper" }, h("slot", { key: '5d1136682ba7bff4a4c904fb8310443e9feb9e5b', onSlotchange: this.handleContentSlotChange }))));
     }
     get el() { return getElement(this); }
 };