@verbb/plugin-kit-web 2.0.22 → 2.0.24

package/dist/chunks/{icons-BR8JcQj2.js.map → icons-k1pvx6yX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icons-BR8JcQj2.js","names":[],"sources":["../../src/icons/translation-icon.ts","../../src/icons/index.ts"],"sourcesContent":["const TRANSLATION_ICON_PATH = 'M64 64C28.7 64 0 92.7 0 128L0 384c0 35.3 28.7 64 64 64l208 0 32 0 16 0 256 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64L320 64l-16 0-32 0L64 64zm512 48c8.8 0 16 7.2 16 16l0 256c0 8.8-7.2 16-16 16l-256 0 0-288 256 0zM178.3 175.9l64 144c4.5 10.1-.1 21.9-10.2 26.4s-21.9-.1-26.4-10.2L196.8 316l-73.6 0-8.9 20.1c-4.5 10.1-16.3 14.6-26.4 10.2s-14.6-16.3-10.2-26.4l64-144c3.2-7.2 10.4-11.9 18.3-11.9s15.1 4.7 18.3 11.9zM179 276l-19-42.8L141 276l38 0zM456 164c-11 0-20 9-20 20l0 4-52 0c-11 0-20 9-20 20s9 20 20 20l72 0 35.1 0c-7.3 16.7-17.4 31.9-29.8 45l-.5-.5-14.6-14.6c-7.8-7.8-20.5-7.8-28.3 0s-7.8 20.5 0 28.3L430 298.3c-5.9 3.6-12.1 6.9-18.5 9.8l-3.6 1.6c-10.1 4.5-14.6 16.3-10.2 26.4s16.3 14.6 26.4 10.2l3.6-1.6c12-5.3 23.4-11.8 34-19.4c4.3 3 8.6 5.8 13.1 8.5l18.9 11.3c9.5 5.7 21.8 2.6 27.4-6.9s2.6-21.8-6.9-27.4l-18.9-11.3c-.9-.5-1.8-1.1-2.7-1.6c17.2-18.8 30.7-40.9 39.6-65.4L534 228l2 0c11 0 20-9 20-20s-9-20-20-20l-16 0-44 0 0-4c0-11-9-20-20-20z';\n\nexport const createTranslationIconElement = (): SVGSVGElement => {\n    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n    svg.setAttribute('aria-hidden', 'true');\n    svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n    svg.setAttribute('viewBox', '0 0 640 512');\n\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n    path.setAttribute('d', TRANSLATION_ICON_PATH);\n    svg.append(path);\n\n    return svg;\n};\n","export { renderIconHtml, createIconElement, type RenderIconOptions } from './render.js';\nexport { createTranslationIconElement } from './translation-icon.js';\n\nexport * from '@verbb/plugin-kit-icons';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAM,wBAAwB;AAE9B,IAAa,qCAAoD;CAC7D,MAAM,MAAM,SAAS,gBAAgB,8BAA8B,MAAM;AACzE,KAAI,aAAa,eAAe,OAAO;AACvC,KAAI,aAAa,SAAS,6BAA6B;AACvD,KAAI,aAAa,WAAW,cAAc;CAE1C,MAAM,OAAO,SAAS,gBAAgB,8BAA8B,OAAO;AAC3E,MAAK,aAAa,KAAK,sBAAsB;AAC7C,KAAI,OAAO,KAAK;AAEhB,QAAO"}
+{"version":3,"file":"icons-k1pvx6yX.js","names":[],"sources":["../../src/icons/translation-icon.ts","../../src/icons/index.ts"],"sourcesContent":["const TRANSLATION_ICON_PATH = 'M64 64C28.7 64 0 92.7 0 128L0 384c0 35.3 28.7 64 64 64l208 0 32 0 16 0 256 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64L320 64l-16 0-32 0L64 64zm512 48c8.8 0 16 7.2 16 16l0 256c0 8.8-7.2 16-16 16l-256 0 0-288 256 0zM178.3 175.9l64 144c4.5 10.1-.1 21.9-10.2 26.4s-21.9-.1-26.4-10.2L196.8 316l-73.6 0-8.9 20.1c-4.5 10.1-16.3 14.6-26.4 10.2s-14.6-16.3-10.2-26.4l64-144c3.2-7.2 10.4-11.9 18.3-11.9s15.1 4.7 18.3 11.9zM179 276l-19-42.8L141 276l38 0zM456 164c-11 0-20 9-20 20l0 4-52 0c-11 0-20 9-20 20s9 20 20 20l72 0 35.1 0c-7.3 16.7-17.4 31.9-29.8 45l-.5-.5-14.6-14.6c-7.8-7.8-20.5-7.8-28.3 0s-7.8 20.5 0 28.3L430 298.3c-5.9 3.6-12.1 6.9-18.5 9.8l-3.6 1.6c-10.1 4.5-14.6 16.3-10.2 26.4s16.3 14.6 26.4 10.2l3.6-1.6c12-5.3 23.4-11.8 34-19.4c4.3 3 8.6 5.8 13.1 8.5l18.9 11.3c9.5 5.7 21.8 2.6 27.4-6.9s2.6-21.8-6.9-27.4l-18.9-11.3c-.9-.5-1.8-1.1-2.7-1.6c17.2-18.8 30.7-40.9 39.6-65.4L534 228l2 0c11 0 20-9 20-20s-9-20-20-20l-16 0-44 0 0-4c0-11-9-20-20-20z';\n\nexport const createTranslationIconElement = (): SVGSVGElement => {\n    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n    svg.setAttribute('aria-hidden', 'true');\n    svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n    svg.setAttribute('viewBox', '0 0 640 512');\n\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n    path.setAttribute('d', TRANSLATION_ICON_PATH);\n    svg.append(path);\n\n    return svg;\n};\n","export { renderIconHtml, createIconElement, type RenderIconOptions } from './render.js';\nexport { createTranslationIconElement } from './translation-icon.js';\n\nexport * from '@verbb/plugin-kit-icons';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAM,wBAAwB;AAE9B,IAAa,qCAAoD;CAC7D,MAAM,MAAM,SAAS,gBAAgB,8BAA8B,KAAK;CACxE,IAAI,aAAa,eAAe,MAAM;CACtC,IAAI,aAAa,SAAS,4BAA4B;CACtD,IAAI,aAAa,WAAW,aAAa;CAEzC,MAAM,OAAO,SAAS,gBAAgB,8BAA8B,MAAM;CAC1E,KAAK,aAAa,KAAK,qBAAqB;CAC5C,IAAI,OAAO,IAAI;CAEf,OAAO;AACX"}

package/dist/chunks/{mirror-validator-DCjNYrrx.js → mirror-validator-BkZlEv1Z.js}

@@ -29,4 +29,4 @@ function MirrorValidator() {
 //#endregion
 export { MirrorValidator as t };
 
-//# sourceMappingURL=mirror-validator-DCjNYrrx.js.map
+//# sourceMappingURL=mirror-validator-BkZlEv1Z.js.map

package/dist/chunks/{mirror-validator-DCjNYrrx.js.map → mirror-validator-BkZlEv1Z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"mirror-validator-DCjNYrrx.js","names":[],"sources":["../../src/validators/mirror-validator.ts"],"sourcesContent":["import type { PkValidator, ValidityKey } from './types.js';\n\n/** Delegates validity to the shadow native control —  `MirrorValidator`. */\nexport function MirrorValidator(): PkValidator {\n    return {\n        checkValidity(element) {\n            const formControl = element.input;\n            const result = {\n                message: '',\n                isValid: true,\n                invalidKeys: [] as ReturnType<PkValidator['checkValidity']>['invalidKeys'],\n            };\n\n            if (!formControl) {\n                return result;\n            }\n\n            let isValid = true;\n\n            if ('checkValidity' in formControl && typeof formControl.checkValidity === 'function') {\n                isValid = formControl.checkValidity();\n            }\n\n            if (isValid) {\n                return result;\n            }\n\n            result.isValid = false;\n\n            if ('validationMessage' in formControl && typeof formControl.validationMessage === 'string') {\n                result.message = formControl.validationMessage;\n            }\n\n            if (!('validity' in formControl) || !formControl.validity) {\n                result.invalidKeys.push('customError');\n                return result;\n            }\n\n            for (const key of Object.keys(formControl.validity)) {\n                if (key === 'valid') {\n                    continue;\n                }\n\n                const validityKey = key as ValidityKey;\n\n                if (formControl.validity[validityKey]) {\n                    result.invalidKeys.push(validityKey);\n                }\n            }\n\n            return result;\n        },\n    };\n}\n"],"mappings":";;AAGA,SAAgB,kBAA+B;AAC3C,QAAO,EACH,cAAc,SAAS;EACnB,MAAM,cAAc,QAAQ;EAC5B,MAAM,SAAS;GACX,SAAS;GACT,SAAS;GACT,aAAa,EAAE;GAClB;AAED,MAAI,CAAC,YACD,QAAO;EAGX,IAAI,UAAU;AAEd,MAAI,mBAAmB,eAAe,OAAO,YAAY,kBAAkB,WACvE,WAAU,YAAY,eAAe;AAGzC,MAAI,QACA,QAAO;AAGX,SAAO,UAAU;AAEjB,MAAI,uBAAuB,eAAe,OAAO,YAAY,sBAAsB,SAC/E,QAAO,UAAU,YAAY;AAGjC,MAAI,EAAE,cAAc,gBAAgB,CAAC,YAAY,UAAU;AACvD,UAAO,YAAY,KAAK,cAAc;AACtC,UAAO;;AAGX,OAAK,MAAM,OAAO,OAAO,KAAK,YAAY,SAAS,EAAE;AACjD,OAAI,QAAQ,QACR;GAGJ,MAAM,cAAc;AAEpB,OAAI,YAAY,SAAS,aACrB,QAAO,YAAY,KAAK,YAAY;;AAI5C,SAAO;IAEd"}
+{"version":3,"file":"mirror-validator-BkZlEv1Z.js","names":[],"sources":["../../src/validators/mirror-validator.ts"],"sourcesContent":["import type { PkValidator, ValidityKey } from './types.js';\n\n/** Delegates validity to the shadow native control —  `MirrorValidator`. */\nexport function MirrorValidator(): PkValidator {\n    return {\n        checkValidity(element) {\n            const formControl = element.input;\n            const result = {\n                message: '',\n                isValid: true,\n                invalidKeys: [] as ReturnType<PkValidator['checkValidity']>['invalidKeys'],\n            };\n\n            if (!formControl) {\n                return result;\n            }\n\n            let isValid = true;\n\n            if ('checkValidity' in formControl && typeof formControl.checkValidity === 'function') {\n                isValid = formControl.checkValidity();\n            }\n\n            if (isValid) {\n                return result;\n            }\n\n            result.isValid = false;\n\n            if ('validationMessage' in formControl && typeof formControl.validationMessage === 'string') {\n                result.message = formControl.validationMessage;\n            }\n\n            if (!('validity' in formControl) || !formControl.validity) {\n                result.invalidKeys.push('customError');\n                return result;\n            }\n\n            for (const key of Object.keys(formControl.validity)) {\n                if (key === 'valid') {\n                    continue;\n                }\n\n                const validityKey = key as ValidityKey;\n\n                if (formControl.validity[validityKey]) {\n                    result.invalidKeys.push(validityKey);\n                }\n            }\n\n            return result;\n        },\n    };\n}\n"],"mappings":";;AAGA,SAAgB,kBAA+B;CAC3C,OAAO,EACH,cAAc,SAAS;EACnB,MAAM,cAAc,QAAQ;EAC5B,MAAM,SAAS;GACX,SAAS;GACT,SAAS;GACT,aAAa,CAAC;EAClB;EAEA,IAAI,CAAC,aACD,OAAO;EAGX,IAAI,UAAU;EAEd,IAAI,mBAAmB,eAAe,OAAO,YAAY,kBAAkB,YACvE,UAAU,YAAY,cAAc;EAGxC,IAAI,SACA,OAAO;EAGX,OAAO,UAAU;EAEjB,IAAI,uBAAuB,eAAe,OAAO,YAAY,sBAAsB,UAC/E,OAAO,UAAU,YAAY;EAGjC,IAAI,EAAE,cAAc,gBAAgB,CAAC,YAAY,UAAU;GACvD,OAAO,YAAY,KAAK,aAAa;GACrC,OAAO;EACX;EAEA,KAAK,MAAM,OAAO,OAAO,KAAK,YAAY,QAAQ,GAAG;GACjD,IAAI,QAAQ,SACR;GAGJ,MAAM,cAAc;GAEpB,IAAI,YAAY,SAAS,cACrB,OAAO,YAAY,KAAK,WAAW;EAE3C;EAEA,OAAO;CACX,EACJ;AACJ"}

package/dist/chunks/{option-filter-BQqr8Z21.js → option-filter-BkKyBg8L.js}

@@ -1,4 +1,4 @@
-import { t as syncListboxSeparators } from "./sync-listbox-separators-B1-V0oJi.js";
+import { t as syncListboxSeparators } from "./sync-listbox-separators-saLEtPpJ.js";
 //#region src/utils/popup-content-exit.ts
 /**
 * Wait for `pk-popup-content-out` on a listbox panel, then clear the `closing` class.
@@ -118,4 +118,4 @@ function matchesOptionFilter(option, query, filter) {
 //#endregion
 export { waitForPopupContentExitAnimation as i, AsyncOptionFetcher as n, syncFilteredOptions as r, matchesOptionFilter as t };
 
-//# sourceMappingURL=option-filter-BQqr8Z21.js.map
+//# sourceMappingURL=option-filter-BkKyBg8L.js.map

package/dist/chunks/{option-filter-BQqr8Z21.js.map → option-filter-BkKyBg8L.js.map}

@@ -1 +1 @@
-{"version":3,"file":"option-filter-BQqr8Z21.js","names":[],"sources":["../../src/utils/popup-content-exit.ts","../../src/internal/sync-filtered-options.ts","../../src/utils/async-option-fetch.ts","../../src/utils/option-filter.ts"],"sourcesContent":["/**\n * Wait for `pk-popup-content-out` on a listbox panel, then clear the `closing` class.\n * Shared by Combobox and Autocomplete so exit motion stays one implementation.\n */\nexport function waitForPopupContentExitAnimation(\n    panel: HTMLElement | null | undefined,\n    fallbackMs = 150,\n): Promise<void> {\n    if (!panel) {\n        return Promise.resolve();\n    }\n\n    return new Promise((resolve) => {\n        let settled = false;\n\n        const finish = (): void => {\n            if (settled) {\n                return;\n            }\n\n            settled = true;\n            panel.removeEventListener('animationend', onAnimationEnd);\n            window.clearTimeout(fallback);\n            panel.classList.remove('closing');\n            resolve();\n        };\n\n        const onAnimationEnd = (event: AnimationEvent): void => {\n            if (event.target === panel && event.animationName.startsWith('pk-popup-content-out')) {\n                finish();\n            }\n        };\n\n        panel.classList.add('closing');\n        panel.addEventListener('animationend', onAnimationEnd);\n        const fallback = window.setTimeout(finish, fallbackMs);\n    });\n}\n","import type { PkOption } from '../components/select/pk-option.js';\nimport { syncListboxSeparators } from './sync-listbox-separators.js';\n\nexport type SyncFilteredOptionsConfig = {\n    /** Host that owns `pk-option` / `pk-option-group` / `pk-separator` children. */\n    host: HTMLElement;\n    options: PkOption[];\n    /** Options that should remain visible (already filtered). */\n    visible: PkOption[];\n    /** Prefix for `optionId` values (e.g. listbox id). */\n    listboxId: string;\n    /** Lowercased query for `matchQuery` highlight; empty when closed / unfiltered. */\n    filterQuery: string;\n    /**\n     * Whether each option is “selected” for checkmarks.\n     * Autocomplete always returns false — the freeform text is the value.\n     */\n    isSelected: (value: string) => boolean;\n};\n\n/**\n * Apply filter visibility, match highlight, option ids, and group empty markers.\n * Shared by Combobox and Autocomplete — not a full listbox controller.\n */\nexport function syncFilteredOptions(config: SyncFilteredOptionsConfig): void {\n    const {\n        host, options, visible, listboxId, filterQuery, isSelected,\n    } = config;\n\n    for (const option of options) {\n        option.selected = isSelected(option.value);\n        option.hidden = !visible.includes(option);\n        option.optionId = `${listboxId}-option-${option.value}`;\n        option.matchQuery = filterQuery;\n    }\n\n    for (const group of host.querySelectorAll('pk-option-group')) {\n        const groupOptions = [...group.querySelectorAll('pk-option')];\n        // Use data-pk-filter-empty — not `hidden` — so clearing the query can\n        // resurrect options. `hidden` is reserved for intentional author hide.\n        const filterEmpty = groupOptions.length > 0\n            && groupOptions.every((option) => option.hidden);\n\n        group.toggleAttribute('data-pk-filter-empty', filterEmpty);\n    }\n\n    syncListboxSeparators(host);\n}\n","/**\n * Debounced async option fetch with abort + stale-request guards.\n * Used by Combobox and Autocomplete so both share one loading lifecycle.\n */\nexport type PkAsyncOptionItem = {\n    value: string;\n    label: string;\n};\n\nexport type PkAsyncOptionFetchHandler = (\n    query: string,\n    signal: AbortSignal,\n) => Promise<PkAsyncOptionItem[]>;\n\nexport type PkAsyncOptionFetchCallbacks = {\n    /** Called when a fetch starts (non-empty query). */\n    onLoading?: () => void;\n    /** Apply results for the latest request (may be empty). */\n    onResults: (items: PkAsyncOptionItem[]) => void;\n    /** Called when a non-abort failure occurs for the latest request. */\n    onError?: (message: string) => void;\n    /** Called when loading ends for the latest request (success or error). */\n    onSettled?: () => void;\n    /** Empty query — typically show selected meta or clear. */\n    onEmptyQuery?: () => void;\n    /** Log context when a fetch throws (defaults to \"options\"). */\n    errorLabel?: string;\n    debounceMs?: number;\n};\n\nexport class AsyncOptionFetcher {\n    private timer: number | null = null;\n    private requestId = 0;\n    private abortController: AbortController | null = null;\n    private readonly debounceMs: number;\n    private readonly errorLabel: string;\n    private readonly callbacks: PkAsyncOptionFetchCallbacks;\n\n    constructor(\n        private readonly getHandler: () => PkAsyncOptionFetchHandler | null,\n        callbacks: PkAsyncOptionFetchCallbacks,\n    ) {\n        this.callbacks = callbacks;\n        this.debounceMs = callbacks.debounceMs ?? 200;\n        this.errorLabel = callbacks.errorLabel ?? 'options';\n    }\n\n    schedule(query: string): void {\n        if (this.timer !== null) {\n            window.clearTimeout(this.timer);\n        }\n\n        this.timer = window.setTimeout(() => {\n            this.timer = null;\n            void this.run(query);\n        }, this.debounceMs);\n    }\n\n    cancel(): void {\n        if (this.timer !== null) {\n            window.clearTimeout(this.timer);\n            this.timer = null;\n        }\n\n        this.abortController?.abort();\n        this.abortController = null;\n    }\n\n    private async run(query: string): Promise<void> {\n        const handler = this.getHandler();\n\n        if (!handler) {\n            return;\n        }\n\n        const requestId = ++this.requestId;\n        this.abortController?.abort();\n        this.abortController = new AbortController();\n\n        if (!query) {\n            this.callbacks.onEmptyQuery?.();\n            return;\n        }\n\n        this.callbacks.onLoading?.();\n\n        try {\n            const results = await handler(query, this.abortController.signal);\n\n            if (requestId !== this.requestId) {\n                return;\n            }\n\n            this.callbacks.onResults(results);\n        } catch (error) {\n            if (this.abortController?.signal.aborted || requestId !== this.requestId) {\n                return;\n            }\n\n            if (error instanceof DOMException && error.name === 'AbortError') {\n                return;\n            }\n\n            console.error(`Failed to load ${this.errorLabel}:`, error);\n            this.callbacks.onError?.('Failed to load options. Please try again.');\n            this.callbacks.onResults([]);\n        } finally {\n            if (requestId === this.requestId) {\n                this.callbacks.onSettled?.();\n            }\n        }\n    }\n}\n","import type { PkOption } from '../components/select/pk-option.js';\n\n/** Custom option filter — `(option, query) => boolean`. Query is already lowercased. */\nexport type PkOptionFilter = (option: PkOption, query: string) => boolean;\n\n/**\n * Default Combobox / Autocomplete filter: label, value, or full search text substring.\n * Rich options may set a short `label` for the closed input — still match subtitle text.\n */\nexport function defaultOptionFilter(option: PkOption, query: string): boolean {\n    const label = option.getLabel().toLowerCase();\n    const value = option.value.toLowerCase();\n    const searchText = (option.getSearchText?.() ?? label).toLowerCase();\n\n    return label.includes(query) || value.includes(query) || searchText.includes(query);\n}\n\n/** Resolve a custom filter or the default substring match. */\nexport function matchesOptionFilter(\n    option: PkOption,\n    query: string,\n    filter: PkOptionFilter | null | undefined,\n): boolean {\n    if (filter) {\n        return filter(option, query);\n    }\n\n    return defaultOptionFilter(option, query);\n}\n"],"mappings":"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"}
+{"version":3,"file":"option-filter-BkKyBg8L.js","names":[],"sources":["../../src/utils/popup-content-exit.ts","../../src/internal/sync-filtered-options.ts","../../src/utils/async-option-fetch.ts","../../src/utils/option-filter.ts"],"sourcesContent":["/**\n * Wait for `pk-popup-content-out` on a listbox panel, then clear the `closing` class.\n * Shared by Combobox and Autocomplete so exit motion stays one implementation.\n */\nexport function waitForPopupContentExitAnimation(\n    panel: HTMLElement | null | undefined,\n    fallbackMs = 150,\n): Promise<void> {\n    if (!panel) {\n        return Promise.resolve();\n    }\n\n    return new Promise((resolve) => {\n        let settled = false;\n\n        const finish = (): void => {\n            if (settled) {\n                return;\n            }\n\n            settled = true;\n            panel.removeEventListener('animationend', onAnimationEnd);\n            window.clearTimeout(fallback);\n            panel.classList.remove('closing');\n            resolve();\n        };\n\n        const onAnimationEnd = (event: AnimationEvent): void => {\n            if (event.target === panel && event.animationName.startsWith('pk-popup-content-out')) {\n                finish();\n            }\n        };\n\n        panel.classList.add('closing');\n        panel.addEventListener('animationend', onAnimationEnd);\n        const fallback = window.setTimeout(finish, fallbackMs);\n    });\n}\n","import type { PkOption } from '../components/select/pk-option.js';\nimport { syncListboxSeparators } from './sync-listbox-separators.js';\n\nexport type SyncFilteredOptionsConfig = {\n    /** Host that owns `pk-option` / `pk-option-group` / `pk-separator` children. */\n    host: HTMLElement;\n    options: PkOption[];\n    /** Options that should remain visible (already filtered). */\n    visible: PkOption[];\n    /** Prefix for `optionId` values (e.g. listbox id). */\n    listboxId: string;\n    /** Lowercased query for `matchQuery` highlight; empty when closed / unfiltered. */\n    filterQuery: string;\n    /**\n     * Whether each option is “selected” for checkmarks.\n     * Autocomplete always returns false — the freeform text is the value.\n     */\n    isSelected: (value: string) => boolean;\n};\n\n/**\n * Apply filter visibility, match highlight, option ids, and group empty markers.\n * Shared by Combobox and Autocomplete — not a full listbox controller.\n */\nexport function syncFilteredOptions(config: SyncFilteredOptionsConfig): void {\n    const {\n        host, options, visible, listboxId, filterQuery, isSelected,\n    } = config;\n\n    for (const option of options) {\n        option.selected = isSelected(option.value);\n        option.hidden = !visible.includes(option);\n        option.optionId = `${listboxId}-option-${option.value}`;\n        option.matchQuery = filterQuery;\n    }\n\n    for (const group of host.querySelectorAll('pk-option-group')) {\n        const groupOptions = [...group.querySelectorAll('pk-option')];\n        // Use data-pk-filter-empty — not `hidden` — so clearing the query can\n        // resurrect options. `hidden` is reserved for intentional author hide.\n        const filterEmpty = groupOptions.length > 0\n            && groupOptions.every((option) => option.hidden);\n\n        group.toggleAttribute('data-pk-filter-empty', filterEmpty);\n    }\n\n    syncListboxSeparators(host);\n}\n","/**\n * Debounced async option fetch with abort + stale-request guards.\n * Used by Combobox and Autocomplete so both share one loading lifecycle.\n */\nexport type PkAsyncOptionItem = {\n    value: string;\n    label: string;\n};\n\nexport type PkAsyncOptionFetchHandler = (\n    query: string,\n    signal: AbortSignal,\n) => Promise<PkAsyncOptionItem[]>;\n\nexport type PkAsyncOptionFetchCallbacks = {\n    /** Called when a fetch starts (non-empty query). */\n    onLoading?: () => void;\n    /** Apply results for the latest request (may be empty). */\n    onResults: (items: PkAsyncOptionItem[]) => void;\n    /** Called when a non-abort failure occurs for the latest request. */\n    onError?: (message: string) => void;\n    /** Called when loading ends for the latest request (success or error). */\n    onSettled?: () => void;\n    /** Empty query — typically show selected meta or clear. */\n    onEmptyQuery?: () => void;\n    /** Log context when a fetch throws (defaults to \"options\"). */\n    errorLabel?: string;\n    debounceMs?: number;\n};\n\nexport class AsyncOptionFetcher {\n    private timer: number | null = null;\n    private requestId = 0;\n    private abortController: AbortController | null = null;\n    private readonly debounceMs: number;\n    private readonly errorLabel: string;\n    private readonly callbacks: PkAsyncOptionFetchCallbacks;\n\n    constructor(\n        private readonly getHandler: () => PkAsyncOptionFetchHandler | null,\n        callbacks: PkAsyncOptionFetchCallbacks,\n    ) {\n        this.callbacks = callbacks;\n        this.debounceMs = callbacks.debounceMs ?? 200;\n        this.errorLabel = callbacks.errorLabel ?? 'options';\n    }\n\n    schedule(query: string): void {\n        if (this.timer !== null) {\n            window.clearTimeout(this.timer);\n        }\n\n        this.timer = window.setTimeout(() => {\n            this.timer = null;\n            void this.run(query);\n        }, this.debounceMs);\n    }\n\n    cancel(): void {\n        if (this.timer !== null) {\n            window.clearTimeout(this.timer);\n            this.timer = null;\n        }\n\n        this.abortController?.abort();\n        this.abortController = null;\n    }\n\n    private async run(query: string): Promise<void> {\n        const handler = this.getHandler();\n\n        if (!handler) {\n            return;\n        }\n\n        const requestId = ++this.requestId;\n        this.abortController?.abort();\n        this.abortController = new AbortController();\n\n        if (!query) {\n            this.callbacks.onEmptyQuery?.();\n            return;\n        }\n\n        this.callbacks.onLoading?.();\n\n        try {\n            const results = await handler(query, this.abortController.signal);\n\n            if (requestId !== this.requestId) {\n                return;\n            }\n\n            this.callbacks.onResults(results);\n        } catch (error) {\n            if (this.abortController?.signal.aborted || requestId !== this.requestId) {\n                return;\n            }\n\n            if (error instanceof DOMException && error.name === 'AbortError') {\n                return;\n            }\n\n            console.error(`Failed to load ${this.errorLabel}:`, error);\n            this.callbacks.onError?.('Failed to load options. Please try again.');\n            this.callbacks.onResults([]);\n        } finally {\n            if (requestId === this.requestId) {\n                this.callbacks.onSettled?.();\n            }\n        }\n    }\n}\n","import type { PkOption } from '../components/select/pk-option.js';\n\n/** Custom option filter — `(option, query) => boolean`. Query is already lowercased. */\nexport type PkOptionFilter = (option: PkOption, query: string) => boolean;\n\n/**\n * Default Combobox / Autocomplete filter: label, value, or full search text substring.\n * Rich options may set a short `label` for the closed input — still match subtitle text.\n */\nexport function defaultOptionFilter(option: PkOption, query: string): boolean {\n    const label = option.getLabel().toLowerCase();\n    const value = option.value.toLowerCase();\n    const searchText = (option.getSearchText?.() ?? label).toLowerCase();\n\n    return label.includes(query) || value.includes(query) || searchText.includes(query);\n}\n\n/** Resolve a custom filter or the default substring match. */\nexport function matchesOptionFilter(\n    option: PkOption,\n    query: string,\n    filter: PkOptionFilter | null | undefined,\n): boolean {\n    if (filter) {\n        return filter(option, query);\n    }\n\n    return defaultOptionFilter(option, query);\n}\n"],"mappings":"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"}

package/dist/chunks/{overlay-lifecycle-D0pkTQyI.js → overlay-lifecycle-C582MGBJ.js}

@@ -41,4 +41,4 @@ var PkAfterHideEvent = class extends Event {
 //#endregion
 export { PkShowEvent as i, PkAfterShowEvent as n, PkHideEvent as r, PkAfterHideEvent as t };
 
-//# sourceMappingURL=overlay-lifecycle-D0pkTQyI.js.map
+//# sourceMappingURL=overlay-lifecycle-C582MGBJ.js.map

package/dist/chunks/{overlay-lifecycle-D0pkTQyI.js.map → overlay-lifecycle-C582MGBJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"overlay-lifecycle-D0pkTQyI.js","names":[],"sources":["../../src/events/overlay-lifecycle.ts"],"sourcesContent":["export type PkOverlaySource = 'close-button' | 'light-dismiss' | 'pointer-dismiss' | 'escape' | 'api' | 'unknown';\n\n/** Mirrors  `pk-show`. */\nexport class PkShowEvent extends Event {\n    constructor() {\n        super('pk-show', { bubbles: true, cancelable: false, composed: true });\n    }\n}\n\nexport class PkAfterShowEvent extends Event {\n    constructor() {\n        super('pk-after-show', { bubbles: true, cancelable: false, composed: true });\n    }\n}\n\n/** Mirrors  `pk-hide` (cancelable). */\nexport class PkHideEvent extends Event {\n    readonly detail: { source: PkOverlaySource };\n\n    constructor(source: PkOverlaySource = 'unknown') {\n        super('pk-hide', { bubbles: true, cancelable: true, composed: true });\n        this.detail = { source };\n    }\n}\n\nexport class PkAfterHideEvent extends Event {\n    constructor() {\n        super('pk-after-hide', { bubbles: true, cancelable: false, composed: true });\n    }\n}\n\ndeclare global {\n    interface GlobalEventHandlersEventMap {\n        'pk-show': PkShowEvent;\n        'pk-after-show': PkAfterShowEvent;\n        'pk-hide': PkHideEvent;\n        'pk-after-hide': PkAfterHideEvent;\n    }\n}\n"],"mappings":";;AAGA,IAAa,cAAb,cAAiC,MAAM;CACnC,cAAc;AACV,QAAM,WAAW;GAAE,SAAS;GAAM,YAAY;GAAO,UAAU;GAAM,CAAC;;;AAI9E,IAAa,mBAAb,cAAsC,MAAM;CACxC,cAAc;AACV,QAAM,iBAAiB;GAAE,SAAS;GAAM,YAAY;GAAO,UAAU;GAAM,CAAC;;;;AAKpF,IAAa,cAAb,cAAiC,MAAM;CAGnC,YAAY,SAA0B,WAAW;AAC7C,QAAM,WAAW;GAAE,SAAS;GAAM,YAAY;GAAM,UAAU;GAAM,CAAC;AACrE,OAAK,SAAS,EAAE,QAAQ;;;AAIhC,IAAa,mBAAb,cAAsC,MAAM;CACxC,cAAc;AACV,QAAM,iBAAiB;GAAE,SAAS;GAAM,YAAY;GAAO,UAAU;GAAM,CAAC"}
+{"version":3,"file":"overlay-lifecycle-C582MGBJ.js","names":[],"sources":["../../src/events/overlay-lifecycle.ts"],"sourcesContent":["export type PkOverlaySource = 'close-button' | 'light-dismiss' | 'pointer-dismiss' | 'escape' | 'api' | 'unknown';\n\n/** Mirrors  `pk-show`. */\nexport class PkShowEvent extends Event {\n    constructor() {\n        super('pk-show', { bubbles: true, cancelable: false, composed: true });\n    }\n}\n\nexport class PkAfterShowEvent extends Event {\n    constructor() {\n        super('pk-after-show', { bubbles: true, cancelable: false, composed: true });\n    }\n}\n\n/** Mirrors  `pk-hide` (cancelable). */\nexport class PkHideEvent extends Event {\n    readonly detail: { source: PkOverlaySource };\n\n    constructor(source: PkOverlaySource = 'unknown') {\n        super('pk-hide', { bubbles: true, cancelable: true, composed: true });\n        this.detail = { source };\n    }\n}\n\nexport class PkAfterHideEvent extends Event {\n    constructor() {\n        super('pk-after-hide', { bubbles: true, cancelable: false, composed: true });\n    }\n}\n\ndeclare global {\n    interface GlobalEventHandlersEventMap {\n        'pk-show': PkShowEvent;\n        'pk-after-show': PkAfterShowEvent;\n        'pk-hide': PkHideEvent;\n        'pk-after-hide': PkAfterHideEvent;\n    }\n}\n"],"mappings":";;AAGA,IAAa,cAAb,cAAiC,MAAM;CACnC,cAAc;EACV,MAAM,WAAW;GAAE,SAAS;GAAM,YAAY;GAAO,UAAU;EAAK,CAAC;CACzE;AACJ;AAEA,IAAa,mBAAb,cAAsC,MAAM;CACxC,cAAc;EACV,MAAM,iBAAiB;GAAE,SAAS;GAAM,YAAY;GAAO,UAAU;EAAK,CAAC;CAC/E;AACJ;;AAGA,IAAa,cAAb,cAAiC,MAAM;CAGnC,YAAY,SAA0B,WAAW;EAC7C,MAAM,WAAW;GAAE,SAAS;GAAM,YAAY;GAAM,UAAU;EAAK,CAAC;EACpE,KAAK,SAAS,EAAE,OAAO;CAC3B;AACJ;AAEA,IAAa,mBAAb,cAAsC,MAAM;CACxC,cAAc;EACV,MAAM,iBAAiB;GAAE,SAAS;GAAM,YAAY;GAAO,UAAU;EAAK,CAAC;CAC/E;AACJ"}