@threadlabs/looma 0.1.24 → 0.1.26

package/dist/collection/components/ui-multi-combobox/ui-multi-combobox.js

@@ -0,0 +1,553 @@
+import { Host, h } from "@stencil/core";
+/** A multi-value combobox with removable, customizable selected items. */
+export class UIMultiCombobox {
+    host;
+    label = '';
+    placeholder = '';
+    items = [];
+    config = {};
+    query;
+    defaultQuery = '';
+    /** Characters that commit the current query and leave the input ready for the next item. */
+    tokenSeparators = [];
+    disabled = false;
+    readOnly = false;
+    required = false;
+    name = '';
+    queryChange;
+    addItem;
+    removeItem;
+    createItem;
+    optionsChange;
+    raw = '';
+    rows = [];
+    combobox;
+    filteredConfig;
+    filteredConfigSource;
+    filteredSelection = '';
+    componentWillLoad() { this.raw = this.query ?? this.defaultQuery; }
+    syncQuery() {
+        if (this.query !== undefined)
+            this.raw = this.query;
+    }
+    get selectedValues() { return new Set(this.items.map(item => item.value)); }
+    get comboboxConfig() {
+        const selectionKey = this.items.map(item => item.value).join('\u0000');
+        if (this.filteredConfig && this.filteredConfigSource === this.config && this.filteredSelection === selectionKey) {
+            return this.filteredConfig;
+        }
+        const ownerFilter = this.config.filter;
+        const selected = this.selectedValues;
+        this.filteredConfigSource = this.config;
+        this.filteredSelection = selectionKey;
+        this.filteredConfig = {
+            ...this.config,
+            filter: (option, query, context) => !selected.has(option.value)
+                && (ownerFilter ? ownerFilter(option, query, context) : option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase())),
+        };
+        return this.filteredConfig;
+    }
+    setQuery(query, trigger) {
+        if (this.query === undefined)
+            this.raw = query;
+        this.queryChange.emit({ query, display: query, trigger });
+    }
+    clearCommittedQuery(input, trigger) {
+        // Clear the native control before another key can arrive. Controlled adapters
+        // still receive query-change, but do not need to round-trip before typing resumes.
+        input.value = '';
+        this.raw = '';
+        this.setQuery('', trigger);
+    }
+    onQueryChange = (event) => {
+        event.stopPropagation();
+        this.setQuery(event.detail.query, event.detail.trigger);
+    };
+    onOptionsChange = (event) => {
+        event.stopPropagation();
+        this.rows = event.detail;
+        this.optionsChange.emit(event.detail);
+    };
+    onValueChange = (event) => {
+        event.stopPropagation();
+        if (event.detail.kind !== 'selection' || !event.detail.option)
+            return;
+        const item = event.detail.option;
+        this.addItem.emit({ item, index: this.items.length, trigger: event.detail.trigger });
+        // ui-combobox emits its selection value before the matching label query.
+        // Clear after both owner notifications so the stale label cannot win.
+        queueMicrotask(() => this.setQuery('', event.detail.trigger));
+    };
+    onCreateEntry = (event) => {
+        event.stopPropagation();
+        const query = event.detail.query.trim();
+        if (!query)
+            return;
+        this.setQuery('', event.detail.trigger);
+        this.createItem.emit({ query, trigger: event.detail.trigger });
+    };
+    commitQuery(input, trigger) {
+        const query = this.raw.trim();
+        if (!query)
+            return;
+        const normalizedQuery = query.toLocaleLowerCase();
+        const option = this.rows.find(row => row.label.trim().toLocaleLowerCase() === normalizedQuery);
+        if (option) {
+            this.clearCommittedQuery(input, trigger);
+            this.addItem.emit({ item: option, index: this.items.length, trigger });
+        }
+        else if (this.config.allowCreate) {
+            this.clearCommittedQuery(input, trigger);
+            this.createItem.emit({ query, trigger });
+        }
+    }
+    remove(index, trigger) {
+        const item = this.items[index];
+        if (!item || item.disabled || this.disabled || this.readOnly)
+            return;
+        this.removeItem.emit({ item, index, trigger });
+        requestAnimationFrame(() => {
+            const buttons = this.host.shadowRoot?.querySelectorAll('[part="item"]') ?? [];
+            const next = buttons[Math.min(index, buttons.length - 1)] ?? buttons[index - 1];
+            if (next && next.dataset.value !== item.value)
+                next.focus();
+            else
+                void this.focusInput();
+        });
+    }
+    focusItem(index) {
+        this.host.shadowRoot?.querySelectorAll('[part="item"]')[index]?.focus();
+    }
+    onItemKeyDown = (event, index) => {
+        if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
+            return;
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            event.stopPropagation();
+            this.focusItem(Math.max(0, index - 1));
+        }
+        else if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            event.stopPropagation();
+            if (index === this.items.length - 1)
+                void this.focusInput();
+            else
+                this.focusItem(index + 1);
+        }
+        else if (event.key === 'Backspace' || event.key === 'Delete') {
+            event.preventDefault();
+            event.stopPropagation();
+            this.remove(index, 'keyboard');
+        }
+    };
+    onKeyDown = (event) => {
+        if (event.defaultPrevented || event.isComposing || this.disabled || this.readOnly || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
+            return;
+        const input = event.composedPath().find(node => node instanceof HTMLInputElement);
+        if (!input)
+            return;
+        if (this.tokenSeparators.includes(event.key)) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.commitQuery(input, 'keyboard');
+            return;
+        }
+        if (this.raw || (input.selectionStart ?? 0) > 0)
+            return;
+        if (event.key === 'ArrowLeft' && this.items.length) {
+            event.preventDefault();
+            this.focusItem(this.items.length - 1);
+        }
+        else if (event.key === 'Backspace' && this.items.length) {
+            event.preventDefault();
+            this.remove(this.items.length - 1, 'keyboard');
+        }
+    };
+    async focusInput() { await this.combobox?.focusInput(); }
+    render() {
+        return h(Host, { key: 'c1acc758a2856e5bd022e076030798c9d63ff416', onKeyDown: this.onKeyDown }, h("ui-combobox", { key: '8f77d28aa1d228dd809f86695429328decaf7468', ref: element => this.combobox = element, label: this.label, "label-visibility": "sr-only", placeholder: this.placeholder, name: this.name, value: null, query: this.raw, config: this.comboboxConfig, size: "sm", disabled: this.disabled, readOnly: this.readOnly, required: this.required, "onQuery-change": this.onQueryChange, "onValue-change": this.onValueChange, "onCreate-entry": this.onCreateEntry, "onOptions-change": this.onOptionsChange }, h("div", { key: 'f4f0849c145d9bcc4d47103d3dc4fdce8009aeab', slot: "start", class: "items", role: "group", "aria-label": `Selected ${this.label}` }, this.items.map((item, index) => h("button", { type: "button", part: "item", class: "item", "data-value": item.value, tabIndex: -1, disabled: this.disabled || this.readOnly || item.disabled, "aria-label": `${item.label}, press Delete or Backspace to remove`, onKeyDown: event => this.onItemKeyDown(event, index) }, h("slot", { name: `item-${item.id}` }, h("ui-chip", { appearance: "pill" }, item.label))))), this.rows.map(option => h("span", { slot: `option-${option.id}` }, h("slot", { name: `option-${option.id}` }, option.label))), h("span", { key: '3cf42f492bd946ca130321a2c3fcf976602c6566', slot: "create" }, h("slot", { key: '6f158cb1d96c0d0401fe5302cabffd052498f651', name: "create" }, "Create \u201C", this.raw, "\u201D")), h("span", { key: '0f436aca38aecf9485963d6588c27ab3288ced55', slot: "loading" }, h("slot", { key: '6c079ac5bbf6fff57aa7fa6f0022a939c96a5cd0', name: "loading" }, "Loading suggestions\u2026")), h("span", { key: 'a7893e0ff0a1922a404e7c072338858d9e7fdf12', slot: "empty" }, h("slot", { key: 'd6831db76cc1252aa942ccdcfba36c8cf4c60d22', name: "empty" }, "No suggestions.")), h("span", { key: 'a096a393a167256cff11f77110ae29ac58a33779', slot: "error" }, h("slot", { key: '1bf52c85e911d9965b9b691d6ebf0b89bbea2d58', name: "error" }, "Unable to load suggestions.")), h("div", { key: 'b7d88c9b427305da8b986eb993b49e5c581c1445', slot: "footer" }, h("slot", { key: 'f84fdf78c3e373f4735ed88574af06f1ca3cc1b5', name: "footer" }))));
+    }
+    static get is() { return "ui-multi-combobox"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ui-multi-combobox.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ui-multi-combobox.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label",
+                "defaultValue": "''"
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placeholder",
+                "defaultValue": "''"
+            },
+            "items": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "readonly MultiComboboxItem[]",
+                    "resolved": "readonly MultiComboboxItem[]",
+                    "references": {
+                        "MultiComboboxItem": {
+                            "location": "import",
+                            "path": "../../field/multi-combobox",
+                            "id": "src/field/multi-combobox.ts::MultiComboboxItem",
+                            "referenceLocation": "MultiComboboxItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "config": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ComboboxConfig",
+                    "resolved": "ComboboxConfig",
+                    "references": {
+                        "ComboboxConfig": {
+                            "location": "import",
+                            "path": "../../field/combobox",
+                            "id": "src/field/combobox.ts::ComboboxConfig",
+                            "referenceLocation": "ComboboxConfig"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "{}"
+            },
+            "query": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "query"
+            },
+            "defaultQuery": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "default-query",
+                "defaultValue": "''"
+            },
+            "tokenSeparators": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "readonly string[]",
+                    "resolved": "readonly string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Characters that commit the current query and leave the input ready for the next item."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "readOnly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "readonly",
+                "defaultValue": "false"
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "required",
+                "defaultValue": "false"
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name",
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "raw": {},
+            "rows": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "queryChange",
+                "name": "query-change",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ query: string; display: string; trigger: 'keyboard' | 'pointer' | 'programmatic' }",
+                    "resolved": "{ query: string; display: string; trigger: \"keyboard\" | \"pointer\" | \"programmatic\"; }",
+                    "references": {}
+                }
+            }, {
+                "method": "addItem",
+                "name": "add-item",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "MultiComboboxItemChange",
+                    "resolved": "MultiComboboxItemChange",
+                    "references": {
+                        "MultiComboboxItemChange": {
+                            "location": "import",
+                            "path": "../../field/multi-combobox",
+                            "id": "src/field/multi-combobox.ts::MultiComboboxItemChange",
+                            "referenceLocation": "MultiComboboxItemChange"
+                        }
+                    }
+                }
+            }, {
+                "method": "removeItem",
+                "name": "remove-item",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "MultiComboboxItemChange",
+                    "resolved": "MultiComboboxItemChange",
+                    "references": {
+                        "MultiComboboxItemChange": {
+                            "location": "import",
+                            "path": "../../field/multi-combobox",
+                            "id": "src/field/multi-combobox.ts::MultiComboboxItemChange",
+                            "referenceLocation": "MultiComboboxItemChange"
+                        }
+                    }
+                }
+            }, {
+                "method": "createItem",
+                "name": "create-item",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "MultiComboboxCreate",
+                    "resolved": "MultiComboboxCreate",
+                    "references": {
+                        "MultiComboboxCreate": {
+                            "location": "import",
+                            "path": "../../field/multi-combobox",
+                            "id": "src/field/multi-combobox.ts::MultiComboboxCreate",
+                            "referenceLocation": "MultiComboboxCreate"
+                        }
+                    }
+                }
+            }, {
+                "method": "optionsChange",
+                "name": "options-change",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "readonly ComboboxOption[]",
+                    "resolved": "readonly ComboboxOption<unknown>[]",
+                    "references": {
+                        "ComboboxOption": {
+                            "location": "import",
+                            "path": "../../field/combobox",
+                            "id": "src/field/combobox.ts::ComboboxOption",
+                            "referenceLocation": "ComboboxOption"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "focusInput": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "query",
+                "methodName": "syncQuery"
+            }];
+    }
+}

package/dist/collection/components/ui-popover/ui-popover.js

@@ -105,7 +105,7 @@ export class UIPopover {
         }
     };
     render() {
-        return (h(Host, { key: '6a38873f2e4d085f733fa116057b1f55418e23ed', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("div", { key: '6fef6e37921e8c52994617719f1ebb6d9bd54ee2', class: "popover__surface" }, h("slot", { key: '5ee4269592219035a3185f8f06fd71ecb12e4e71' }))));
+        return (h(Host, { key: 'a4986ace0f3c586774a549cb844287b28ccd0531', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("div", { key: '8f2c589916d06138ef72bfe0d039893b3c59a7cc', class: "popover__surface" }, h("slot", { key: 'ee70e7dcc53a99b5c80e56862a6eb00edcfcf912' }))));
     }
     static get is() { return "ui-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-radio/ui-radio.js

@@ -62,7 +62,7 @@ export class UIRadio {
         });
     };
     render() {
-        return (h(Host, { key: 'a5220e72dbf1b55ca73a3e6234f31c99d806433a', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: '687e94b2036107c807e0319c3620bca7c06cbb26', ref: (el) => (this.slotRef = el) })));
+        return (h(Host, { key: 'f4700b43790accd29a6bcc55fcc862072e29c335', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: 'ed32c35f8f68c662a8b95e58b74c8c76c959ea49', ref: (el) => (this.slotRef = el) })));
     }
     static get is() { return "ui-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-radio-group/ui-radio-group.js

@@ -102,7 +102,7 @@ export class UIRadioGroup {
         }
     };
     render() {
-        return (h(Host, { key: '28c6eb6cc9520b570f40d2193d0c64a7a6c7db01', role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: '97814378181be78bfac6090ff173459e1f539728' })));
+        return (h(Host, { key: '1882ad7c092c6a138eab2a52c19beb9a950a8d5a', role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : undefined }, h("slot", { key: 'd5abade3d23963410cfbac17e80aa16dd21ccc6e' })));
     }
     static get is() { return "ui-radio-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-search-result-row/ui-search-result-row.js

@@ -31,7 +31,7 @@ export class UISearchResultRow {
         this.hasTrailing = slotHasContent(this.trailingSlot);
     };
     render() {
-        return (h(Host, { key: '01e795d1c723c4e56f5648c429b40fc7841ff9b5' }, h("button", { key: '7bdde5075c5a3112d14741aa87937e69a8f5fea9', class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: '39ba47af68a23875eebdbdf8f87ca7d94d42ec43', class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: 'f108b1c5d284057d5979bf4897f056543a1ff092', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), h("span", { key: '0daeb171b7010f37d959c91f2a87c1ae7e96a56f', class: "search-result-row__content", part: "content" }, h("span", { key: 'd7ec1b67a15fa9c79ea0fd23db73bd7bca40a8ce', class: "search-result-row__title", part: "title" }, h("slot", { key: '8c4a45511580a655e0593c8c57fd98838f2cb896', name: "title" })), h("span", { key: '0d30a58a7079ea0c8992c9b0b02b516a65350425', class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: '8de66e3b6adf89ed765ccc1c341ccac1b5513a6f', name: "meta", ref: (el) => (this.metaSlot = el), onSlotchange: this.syncSlots })), h("span", { key: '7c24542b9bb634a55530952c329242a351e813c3', class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: 'a5bfc4fd17b8535aa996e792498b33f25dd30ecd', name: "excerpt", ref: (el) => (this.excerptSlot = el), onSlotchange: this.syncSlots }))), h("span", { key: '25c74d8508a0b3b527ef5529a02e54e407cae5ae', class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: 'cba6f957de902b9ed3dc05c8b20794c9b69c85c6', name: "trailing", ref: (el) => (this.trailingSlot = el), onSlotchange: this.syncSlots })))));
+        return (h(Host, { key: 'eeda041dbcf8841cd53be9c532df208eb3be3d3b' }, h("button", { key: '71d3db6d2eca4f8d7796429f68ef73bf2c7b62f7', class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: 'f2260cab9f654e7f5e96a5e7e2a1cbbb5a55fde3', class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: '824fffc19c2b5712dae0c000f12cc36a0043a370', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), h("span", { key: '4e3728ea7d363f256f1b3283df6eb984cf3f570f', class: "search-result-row__content", part: "content" }, h("span", { key: '95009b1ce569fb4251df62334a5dd88f1de561af', class: "search-result-row__title", part: "title" }, h("slot", { key: '132beecf36471ae0db68d686829428225699c534', name: "title" })), h("span", { key: '0ad7c8d52aa40ccf62667d3ecca4d48b49917a9a', class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: '4b97129504571a676839287bd87e68d803f8bc99', name: "meta", ref: (el) => (this.metaSlot = el), onSlotchange: this.syncSlots })), h("span", { key: 'e6c73e653fb7dc213866a15870281f3f6d95a86b', class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: '49deae8194485304380b8b4b3d4fe96cd6623f4d', name: "excerpt", ref: (el) => (this.excerptSlot = el), onSlotchange: this.syncSlots }))), h("span", { key: 'c7c6f0b57668644a28d3c4c981b4db79a0e3c42a', class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: 'e6cbceeb41d23c9b7514f53663438069499d1a4d', name: "trailing", ref: (el) => (this.trailingSlot = el), onSlotchange: this.syncSlots })))));
     }
     static get is() { return "ui-search-result-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-search-shell/ui-search-shell.js

@@ -23,7 +23,7 @@ export class UISearchShell {
         this.hasFooter = slotHasContent(this.footerSlot);
     };
     render() {
-        return (h("div", { key: 'c3a4366e1f22b249233e42fdc83f1620613cce52', class: "search-shell", part: "base" }, h("slot", { key: '4f22e4a44fe7ae190a80a6e5cd695c15eb4f029d', name: "backdrop" }), h("div", { key: 'bf452dae29f0ab31266d848a4dd4b794997b34a7', class: "search-shell__panel", part: "panel" }, h("div", { key: 'c0ef7d1d8ea95853404d39ddac1bff566d38d18e', class: "search-shell__search", part: "search" }, h("slot", { key: '462532250d8ba36aad1d31fe10da642d79e59faf', name: "search" })), h("div", { key: '4f7d91272d15f6e37df6fba4ae563efae5701b93', class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: 'd761691c1dd2c3012075163bb7eb9ce7e5bf3ef4', name: "status", ref: (el) => (this.statusSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '1427a10b3f43ea31c2a482beb17f78d70b5fb2cf', class: "search-shell__body", part: "body" }, h("slot", { key: '6d6e8c2b4ee4833b5476795d4c7e184dda07f81e', name: "body" })), h("div", { key: '8f7d36040f7d21489c703b53581e392a2616963b', class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: '08b84f01091d95895ee8693e9b322511bf614342', name: "footer", ref: (el) => (this.footerSlot = el), onSlotchange: this.syncSlots })))));
+        return (h("div", { key: 'ae5baf1fae88f3c0ff8c98e68e1c31d7f19d7b6a', class: "search-shell", part: "base" }, h("slot", { key: '192d10867902bc4618762ab3ce1ca8a44229ec11', name: "backdrop" }), h("div", { key: '72bafd3ba7aadebcb011fb27f56793a9079bb2e1', class: "search-shell__panel", part: "panel" }, h("div", { key: 'c2d46c9099699cc1c2f357cb51d11ab0e6cf6c69', class: "search-shell__search", part: "search" }, h("slot", { key: '21f4ed690247fa794bd9322c75cee1721926087a', name: "search" })), h("div", { key: '84baba674456aa2a5878d5858d0e6531251440ce', class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: '6e7b6533a29231ebbcd41529d8120649ca4a1dd1', name: "status", ref: (el) => (this.statusSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '710d51d450132ad0f528b2eb2cd6f0312dbced2f', class: "search-shell__body", part: "body" }, h("slot", { key: '2c380ff4ad33ead6ca8c2611ebc024f125f0da48', name: "body" })), h("div", { key: '6923984a31c7bc23bae3ecee08d7acad14703a02', class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: '57c2eab7a3f46558ada8d1aa70d64f434bb8cdd6', name: "footer", ref: (el) => (this.footerSlot = el), onSlotchange: this.syncSlots })))));
     }
     static get is() { return "ui-search-shell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-select/ui-select.js

@@ -72,7 +72,7 @@ export class UISelect {
         });
     };
     render() {
-        return (h(Host, { key: '9a83a040bbad98355999c8099a78c6eba3ffc995', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: '4a70aa44651132899e283e45c32213cf3f00be24', ref: (el) => (this.slotRef = el) })));
+        return (h(Host, { key: '74cbe4a76a23af415c202c61951ad513b0ed6cb8', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: 'e86eb0cfb0d379cb3f8b2ea5ce3c69639d0cdda4', ref: (el) => (this.slotRef = el) })));
     }
     static get is() { return "ui-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-switch/ui-switch.js

@@ -41,7 +41,7 @@ export class UISwitch {
         this.toggle('pointer');
     };
     render() {
-        return (h(Host, { key: 'e11500e37da6a52c0cb4e143254363f85911aac1', role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: '777310a90b66f67e6a8eb0f77da5274e32f10db0', type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
+        return (h(Host, { key: 'a37ded5259d71a57308cba6dd158ae4ae81e4e8b', role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: '882f81f39d752430f1de1554a5d83176416f4617', type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
                 const input = e.target;
                 const checked = input.checked;
                 if (!isControlled(this.checked))
@@ -53,7 +53,7 @@ export class UISwitch {
                 });
                 if (isControlled(this.checked))
                     input.checked = this.internalChecked;
-            } }), h("slot", { key: '7d72db5b720c0af0c4561b485ca558de61e1ce6e' })));
+            } }), h("slot", { key: 'b3b2b5afae622d1ae79cadd84f60c6b6c2df55a4' })));
     }
     static get is() { return "ui-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-tabs/ui-tabs.js

@@ -92,7 +92,7 @@ export class UITabs {
         }
     };
     render() {
-        return (h(Host, { key: '8681e699c6afdbafd59ed986b8bf3c815b32cd1c', orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: '673f4db2ae0aded3bd40934c1fff518cf6f83837' })));
+        return (h(Host, { key: '19207153c7b7a6ea5f5ffb50439e99af70984b44', orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: '5045cd040eeccd028c00328206d47f7d17b622de' })));
     }
     static get is() { return "ui-tabs"; }
     static get encapsulation() { return "shadow"; }