@threadlabs/looma 0.1.28 → 0.2.0

package/dist/cjs/ui-context-menu.cjs.entry.js

@@ -220,7 +220,7 @@ const UIContextMenu = class {
         this.closeMenu('action', 'pointer');
     };
     render() {
-        return (index.h(index.Host, { key: '292937da8010dc741e3e845b6f7fd0fef6b8bda3', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, index.h("slot", { key: '4f08876237d1919803200226d956e67de35fffab', name: "trigger" }), index.h("div", { key: 'c2cc0218165d02cc4c7fd11bdc52a51d39897546', class: "menu", "data-open": this.internalOpen ? '' : undefined }, index.h("ui-menu", { key: '1c2c6e62c86f3a38f014976843f3354d312d0744', open: this.internalOpen }, index.h("slot", { key: 'baeca960ac6d2277a60dc567f6e4110904d67b5e' })))));
+        return (index.h(index.Host, { key: 'aaf9f27402b0c88cede3847ee9c8f61ac844f889', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, index.h("slot", { key: 'd801d564ec2ee073e517cb991c26efc61d3e499d', name: "trigger" }), index.h("div", { key: '4febcc5d76c79c2e5361db7b203e971582197fd2', class: "menu", "data-open": this.internalOpen ? '' : undefined }, index.h("ui-menu", { key: '7aace2479a8014a20da35f69bd3ed57b402f9ef2', open: this.internalOpen }, index.h("slot", { key: 'a31d703c437cf5d9ab82e5f7793caa093a312dfd' })))));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-dialog.cjs.entry.js

@@ -112,7 +112,7 @@ const UIDialog = class {
             this.accessibleLabel = nextLabel;
     };
     render() {
-        return (index.h(index.Host, { key: 'f5b4441f54505e40851dd239d12cf8ed09daabfe', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("dialog", { key: '6896de6166cc085d9bd581dc053705fbce6328d8', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.accessibleLabel }, index.h("slot", { key: '07515a7b8da25ccbd18bcde226129a569c999af7' }))));
+        return (index.h(index.Host, { key: 'b606ef8c95728b5538047a7134030455fedf69e4', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("dialog", { key: '85531d82c36e79230cbb22c105ff3821f1f35f58', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.accessibleLabel }, index.h("slot", { key: '8216096bc94e8261680664398691b8ea877daa0f' }))));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-disclosure.cjs.entry.js

@@ -96,7 +96,7 @@ const UIDisclosure = class {
         this.setOpen(!this.internalOpen, { reason: 'action', trigger: 'keyboard' });
     };
     render() {
-        return (index.h(index.Host, { key: '5c49c41703850437e8b3a1476f3333da83a4f133' }, index.h("slot", { key: '9a4856ad2ab237331b8485f6c3a423a43ddceb8d' })));
+        return (index.h(index.Host, { key: '91d1df53268f18c8c15192fb66b67baa7053fe93' }, index.h("slot", { key: '578c99f8fd09415c5e63e9f6a860fe204471da2f' })));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-editable.cjs.entry.js

@@ -44,9 +44,9 @@ const UIEditable = class {
     }
     focusEditor() {
         const editRoot = this.host.querySelector('[slot="edit"]');
-        const candidate = editRoot?.matches('input, textarea, select, button, [tabindex], ui-combobox, ui-multi-combobox')
+        const candidate = editRoot?.matches('input, textarea, select, button, [tabindex], ui-combobox')
             ? editRoot
-            : editRoot?.querySelector('input, textarea, select, button, [tabindex], ui-combobox, ui-multi-combobox');
+            : editRoot?.querySelector('input, textarea, select, button, [tabindex], ui-combobox');
         const focusInput = candidate?.focusInput;
         if (typeof focusInput === 'function')
             void focusInput.call(candidate);
@@ -87,7 +87,7 @@ const UIEditable = class {
         this.requestEdit(false, 'light-dismiss', 'pointer');
     };
     render() {
-        return index.h(index.Host, { key: '7f0c77aa06281c94407af1f060f5f2b2c34af394', "data-edit": this.internalEdit ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("div", { key: '4dc13c26dc4080ed0ad972aa677d9e844a0e7597', part: "preview", hidden: this.internalEdit }, index.h("slot", { key: '8332efed99f05173030d379088e8e97746f32ce6', name: "preview" })), index.h("div", { key: 'ec3e11ec9218077da5f17a0c724cfab17d56fb17', part: "edit", hidden: !this.internalEdit }, index.h("slot", { key: '46a4618614c6e55c0015d97e687a0f28e05eef38', name: "edit" })));
+        return index.h(index.Host, { key: 'c11babe81053ecc0fb6390507f74d5094c551f48', "data-edit": this.internalEdit ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("div", { key: 'fbb13fda25a177ff62f4bbb16b8fa7a8d1bfefb6', part: "preview", hidden: this.internalEdit }, index.h("slot", { key: '29537eed3c19da07a61b0236a563912eec332572', name: "preview" })), index.h("div", { key: 'a8cdb53c61041361ff97762bdf1e8e6992706751', part: "edit", hidden: !this.internalEdit }, index.h("slot", { key: '466c6bf07d44ab07ccab1fd138412e43a291dcca', name: "edit" })));
     }
     static get watchers() { return {
         "edit": [{

package/dist/cjs/ui-floating-action-button.cjs.entry.js

@@ -12,7 +12,7 @@ const UIFloatingActionButton = class {
     mobileOnly = false;
     label = '';
     render() {
-        return (index.h(index.Host, { key: '86f7c100efe7fdf900de7abbcc1a01c475b0da1d', "data-disabled": this.disabled ? '' : undefined }, index.h("button", { key: '91398faeb693dcbe11d58e59a183391ce6e4876c', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: 'd11b6f638b045d6835279f3381442983b40472d9' }))));
+        return (index.h(index.Host, { key: '54f6284109397d15e2b3ef92f68e9bd4cf91fbae', "data-disabled": this.disabled ? '' : undefined }, index.h("button", { key: '9ebad7e3bbc2bf18d4d5a04f37a9f2d77011ad34', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: '222c6807ae4639eb20dc25be08fe5f4e91c638de' }))));
     }
 };
 UIFloatingActionButton.style = uiFloatingActionButtonCss();

package/dist/cjs/ui-form-field.cjs.entry.js

@@ -106,7 +106,7 @@ const UIFormField = class {
         input.setAttribute('aria-invalid', this.invalid ? 'true' : 'false');
     }
     render() {
-        return (index.h(index.Host, { key: '3d331f3506c3853d751395569e87614c52ce0076', "data-invalid": this.invalid ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-required": this.required ? '' : undefined }, index.h("slot", { key: '1b582b4961a767230b19efa314943f8a5426270e', onSlotchange: this.scheduleWire })));
+        return (index.h(index.Host, { key: 'f052dbf0ba289bf187ea78c458260110fbfa059a', "data-invalid": this.invalid ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-required": this.required ? '' : undefined }, index.h("slot", { key: 'f26f48581b5781e8c3d7830ddd3707ea4fb04420', onSlotchange: this.scheduleWire })));
     }
 };
 UIFormField.style = uiFormFieldCss();

package/dist/cjs/ui-icon-button.cjs.entry.js

@@ -15,7 +15,7 @@ const UIIconButton = class {
     /** Reveals this control through a surrounding ui-affordance-scope. */
     anticipatory = false;
     render() {
-        return (index.h(index.Host, { key: '9e8ee3ff8c9f9ab5113a7635e49755e0eb998898', "data-disabled": this.disabled ? '' : undefined, "data-ui-affordance": this.anticipatory ? 'button' : undefined }, index.h("button", { key: '7f6dd5ae40b595634ba91834c2bb113687ee5cb8', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: 'c7a94d7fb54fbff44e372bf4f67bb29a40bfc45b' }))));
+        return (index.h(index.Host, { key: '8d0f84c9d3aaa69f47430369b511bb4160de5cc8', "data-disabled": this.disabled ? '' : undefined, "data-ui-affordance": this.anticipatory ? 'button' : undefined }, index.h("button", { key: 'b896cdb091e9733b2b8625463f1324819c23965c', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: '76ab5e5f4d34e3f0850287b4552dde060b3798e7' }))));
     }
 };
 UIIconButton.style = uiIconButtonCss();

package/dist/cjs/ui-input.cjs.entry.js

@@ -78,7 +78,7 @@ const UIInput = class {
         });
     };
     render() {
-        return (index.h(index.Host, { key: '90597a900e0504f0e729990dd8cbc84c35d8162f', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: '1c8ac0ad7e4d3a5a9b913c2687021ef7037ccfa7', ref: (el) => (this.slotRef = el) })));
+        return (index.h(index.Host, { key: '92505de6b1245569a6d4746418a70f8d7bc4eed9', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: 'd5743dc62037b5d7722cfbb64a582592327c75e5', ref: (el) => (this.slotRef = el) })));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/ui-menu-item.cjs.entry.js

@@ -11,7 +11,7 @@ const UIMenuItem = class {
     disabled = false;
     value = '';
     render() {
-        return (index.h(index.Host, { key: '856cf07264b2eb8e3e51305408855156e11d9a8b', role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "data-value": this.value || undefined }, index.h("span", { key: 'a56401f9b910175eb5683d1748f323dce0d55a9c', class: "menu-item__surface" }, index.h("slot", { key: '4ee22fd4cdb10ec822e4485e48ed8000a10512ae' }))));
+        return (index.h(index.Host, { key: 'd0f0886b18ebd01c0c2e20a2c1b1ecfd57eeb3e3', role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "data-value": this.value || undefined }, index.h("span", { key: '7fc584fb670b5b8ce0bbd3be1fea08f87de4a298', class: "menu-item__surface" }, index.h("slot", { key: '066fb08bc22996d439f3216e401a93a084e3e299' }))));
     }
 };
 UIMenuItem.style = uiMenuItemCss();

package/dist/cjs/ui-menu.cjs.entry.js

@@ -160,7 +160,7 @@ const UIMenu = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: '22689ca1b0514bb27a76bfb9a702c0d4ce49d136', role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? '' : undefined }, index.h("div", { key: 'cff891a33348f077631f1b92f1167285aafd25f1', class: "menu__surface" }, index.h("slot", { key: '3a0e9ff4f36b1afbe5f879e0e51ff4943279b5b5' }))));
+        return (index.h(index.Host, { key: '5b64cc53ca56ea04a63013c8cb61231c9b1045cc', role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? '' : undefined }, index.h("div", { key: '6410a56cc5efcffd0673c9abdf8f8aa45295c516', class: "menu__surface" }, index.h("slot", { key: '7e7f9d3b19bbf3024d61ecf44cd8b103748ef966' }))));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-popover.cjs.entry.js

@@ -113,7 +113,7 @@ const UIPopover = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: 'f63907b8e49b8264c291048c509b6164fdd60ca4', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("div", { key: '2425f4394749d994693f4a256256bd9e2f5daf60', class: "popover__surface" }, index.h("slot", { key: '3b6f925da371d43e828842c4027cddee673d7ab3' }))));
+        return (index.h(index.Host, { key: '65a0927abc40450205989704bfde2cf7fd80d1f9', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("div", { key: '255acaf99e0fe70a92048351b24bdfde1a4ea45f', class: "popover__surface" }, index.h("slot", { key: '9d2f6c9d5a0f7a2766225aef0ec5b98b33ec9f07' }))));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-radio-group.cjs.entry.js

@@ -109,7 +109,7 @@ const UIRadioGroup = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: '31d8dee04aad4ddbb0bfa617a4e6ed187eab6674', role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: '7134bcfa6b11cbe0d0d55a6593ea3fca921a71ec' })));
+        return (index.h(index.Host, { key: '9bdfe6b5209b5444cb27dde3226ec33866999c25', role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: 'b81a2f1e4c49000cfb5357570b460564ced48d91' })));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/ui-radio.cjs.entry.js

@@ -69,7 +69,7 @@ const UIRadio = class {
         });
     };
     render() {
-        return (index.h(index.Host, { key: '5bab1394b8238609e4382309e4b11bca82a60b12', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: '56ba5b7ec4ab53299c66689558338d2c6ab3e4f6', ref: (el) => (this.slotRef = el) })));
+        return (index.h(index.Host, { key: '32df72dff7253956875ef28f593462ddbbb90eef', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: '0c78f3e3bdf4d618547b267128c6fc0fdd651599', ref: (el) => (this.slotRef = el) })));
     }
     static get watchers() { return {
         "checked": [{

package/dist/cjs/ui-search-result-row.cjs.entry.js

@@ -39,7 +39,7 @@ const UISearchResultRow = class {
         this.hasTrailing = slotHasContent(this.trailingSlot);
     };
     render() {
-        return (index.h(index.Host, { key: '2e1a1fe613e499a8abaaf89c8cc071554b523157' }, index.h("button", { key: '2224a7593feb6c58b162ce820b2deb9bec4fa1b7', class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, index.h("span", { key: '87b86a7d31e15b401b933562adba9a24c88e341f', class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, index.h("slot", { key: '00d253826d2d0c60206e20b6428c3277024a24e0', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), index.h("span", { key: '3c4ad5b336450c29d56aea538dbc987b9a624c1d', class: "search-result-row__content", part: "content" }, index.h("span", { key: '305dc47dcac890ca968d622ce3dc18e88d646ab3', class: "search-result-row__title", part: "title" }, index.h("slot", { key: '5441b78d87cba9e48eb3b786e7ea914479f5ef15', name: "title" })), index.h("span", { key: 'bbd7769b81005b959e6d950255951f0089e9e716', class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, index.h("slot", { key: '8437dd124e858eadb942e2a05ccd87c14a8ea604', name: "meta", ref: (el) => (this.metaSlot = el), onSlotchange: this.syncSlots })), index.h("span", { key: '6939cb19881b17799205a54eda9d34e86563f994', class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, index.h("slot", { key: '2f41b9ec22a0260e4196553a655cc501384f2331', name: "excerpt", ref: (el) => (this.excerptSlot = el), onSlotchange: this.syncSlots }))), index.h("span", { key: '162de66c31688de9114233984448eb5b30d48dc3', class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, index.h("slot", { key: 'dfa3d5bbbe453a8fd1c3ddf9508bf33edf145dc6', name: "trailing", ref: (el) => (this.trailingSlot = el), onSlotchange: this.syncSlots })))));
+        return (index.h(index.Host, { key: '923d7ac982594e39c06421b60f115acbb395f169' }, index.h("button", { key: 'c97e45ba33297a8aeaa4a9726402c71e3ca73a7b', class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, index.h("span", { key: 'dea0781519760f5dc2b46902ef86f9e72ccfa6df', class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, index.h("slot", { key: 'e10026c17caaa3a21e9dd34c7faabfe9b97f2f5b', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), index.h("span", { key: 'e8bb06b45aff7ddbaa9a51cc7c53d797e68e8746', class: "search-result-row__content", part: "content" }, index.h("span", { key: '6e1c2d49029e1c1fdc2519f513ddedbe304ddb3e', class: "search-result-row__title", part: "title" }, index.h("slot", { key: '9653efc0b61c49d36034c4c75a3e9b3d7a6f837b', name: "title" })), index.h("span", { key: 'b10885a7649c75f9e6903354f5804f459aa883b7', class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, index.h("slot", { key: 'b3101183b0dfa0cc1ba8e62c1f8fc39ad865e1ae', name: "meta", ref: (el) => (this.metaSlot = el), onSlotchange: this.syncSlots })), index.h("span", { key: '430520c0e349344fc4c549cd36a0137d39fc8d24', class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, index.h("slot", { key: '4a90cefa9b1d2b2378d1a8aa166aa8fdebfbca42', name: "excerpt", ref: (el) => (this.excerptSlot = el), onSlotchange: this.syncSlots }))), index.h("span", { key: '769ed2f62ead7ce32b13cdad93a7bbb981b13b3c', class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, index.h("slot", { key: '86490f5fef29c6fa4d8ddf838de5f9aee8535db0', name: "trailing", ref: (el) => (this.trailingSlot = el), onSlotchange: this.syncSlots })))));
     }
 };
 UISearchResultRow.style = uiSearchResultRowCss();

package/dist/cjs/ui-search-shell.cjs.entry.js

@@ -31,7 +31,7 @@ const UISearchShell = class {
         this.hasFooter = slotHasContent(this.footerSlot);
     };
     render() {
-        return (index.h("div", { key: '508a5900288b0b7e0651d3a56e1f5a9094061952', class: "search-shell", part: "base" }, index.h("slot", { key: '54677a395d62aed4538bb36255046a1d679da312', name: "backdrop" }), index.h("div", { key: 'f738673e5a95509803d2c4682adb4aa48f7b798f', class: "search-shell__panel", part: "panel" }, index.h("div", { key: '8e4a14fcc5e7cc0ff3c2c94ad72cb6b4305d4fea', class: "search-shell__search", part: "search" }, index.h("slot", { key: '28f3d8439964423fe9beeac91490a70a30a36b6e', name: "search" })), index.h("div", { key: '8bcd00a532eea21a41a7771636bc038c27c55a31', class: "search-shell__status", part: "status", hidden: !this.hasStatus }, index.h("slot", { key: '4a4c9082f2645e80fdfa2a8b71a1747573d02f73', name: "status", ref: (el) => (this.statusSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '58439a3d479f042f827abce2a99dc1ae75db5ca1', class: "search-shell__body", part: "body" }, index.h("slot", { key: '5f6c4202b0abeb3708bed415a576e877c94f1eb1', name: "body" })), index.h("div", { key: '7a2887f7220619db2ccb5a907623c3e760d1e073', class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, index.h("slot", { key: '26c8f839b8add2b52c6940e67a6a7c94a8ffcf31', name: "footer", ref: (el) => (this.footerSlot = el), onSlotchange: this.syncSlots })))));
+        return (index.h("div", { key: '049a6451f10f1906881efc8fc2cdeba656e68733', class: "search-shell", part: "base" }, index.h("slot", { key: 'e807b035ccb9ec9425651b59a0d137ebc54329aa', name: "backdrop" }), index.h("div", { key: '5d785a0d4dab1fed7f6750b82485b9e50edd62d9', class: "search-shell__panel", part: "panel" }, index.h("div", { key: 'b41c40485d61d9436504483759a5f42d96e5aad2', class: "search-shell__search", part: "search" }, index.h("slot", { key: 'b19058bca701cc26d286c8694c7cdc6306e100c4', name: "search" })), index.h("div", { key: '260164b95427e03329f28247e8dbda867506e672', class: "search-shell__status", part: "status", hidden: !this.hasStatus }, index.h("slot", { key: '1d7c1e8c96e588b7c9c906cfaad91ba1cf77bf7c', name: "status", ref: (el) => (this.statusSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '49963c82e54aee2b5c4c4809ce2b152f770b4468', class: "search-shell__body", part: "body" }, index.h("slot", { key: 'ae32ec8c9ec89310ad1805f1c65bc8208ee12f29', name: "body" })), index.h("div", { key: 'f5fc9f356035e277e4c9bb0e188d7b4be3642c27', class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, index.h("slot", { key: 'dbf1022e49a054eee1c5e70b675c71d1cf3488bf', name: "footer", ref: (el) => (this.footerSlot = el), onSlotchange: this.syncSlots })))));
     }
 };
 UISearchShell.style = uiSearchShellCss();

package/dist/cjs/ui-select.cjs.entry.js

@@ -80,7 +80,7 @@ const UISelect = class {
         });
     };
     render() {
-        return (index.h(index.Host, { key: '5b77bfa817964325038cf338a1c0791abf8d2bfe', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: '9a9c8017e5e02d14945d6b7c84d68edf7b2ccaf8', ref: (el) => (this.slotRef = el) })));
+        return (index.h(index.Host, { key: '2b3348e1694cfd113163af3adf939fd64cb40654', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: '40e627125a906cf4bf294eb085c172a5370f3a54', ref: (el) => (this.slotRef = el) })));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/ui-switch.cjs.entry.js

@@ -49,7 +49,7 @@ const UISwitch = class {
         this.toggle('pointer');
     };
     render() {
-        return (index.h(index.Host, { key: 'e5ec7f2f91e860dd679098f30b40cbe0e52ccb1f', 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 }, index.h("input", { key: 'c21462377a81d7242633e7d358f56fd7a276f584', type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
+        return (index.h(index.Host, { key: 'eaee279bbc787c844f2ad265da03fca608d9c429', 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 }, index.h("input", { key: '2ebfa684bf08735a4e89a06001f6758885c40ffb', 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 (!controlledState.isControlled(this.checked))
@@ -61,7 +61,7 @@ const UISwitch = class {
                 });
                 if (controlledState.isControlled(this.checked))
                     input.checked = this.internalChecked;
-            } }), index.h("slot", { key: 'e3f4f032bc41784ed41591d4fd175b89a4162c49' })));
+            } }), index.h("slot", { key: 'ff9975d4ccbffbed2b97060eabf347653d5f5110' })));
     }
     static get watchers() { return {
         "checked": [{

package/dist/cjs/ui-tabs.cjs.entry.js

@@ -99,7 +99,7 @@ const UITabs = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: '908dc4228940bbf33530a2b9f5fb36421c51d1a1', orientation: this.orientation, "data-orientation": this.orientation }, index.h("slot", { key: 'ebfe8bc58d09fdce2815b26f29e2eba4e5f3c879' })));
+        return (index.h(index.Host, { key: '61044ac3f2fcb0f766d931416f42ff17ec94c00d', orientation: this.orientation, "data-orientation": this.orientation }, index.h("slot", { key: '3260c95bdd24581045b1c4e4d1b8f4d08daf02b4' })));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/ui-textarea.cjs.entry.js

@@ -79,7 +79,7 @@ const UITextarea = class {
         });
     };
     render() {
-        return (index.h(index.Host, { key: '4774b8d20cd4426b1c6205375fd9e4275bc24f08', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: '9b5489df35c29bf453d010f85bcb05dcc01fcce9', ref: (el) => (this.slotRef = el) })));
+        return (index.h(index.Host, { key: 'a554edb1a0ef40a2c116e3064e52af7474e065e4', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: 'a4eb8034ec11f8b3b06ace7287410fd839004593', ref: (el) => (this.slotRef = el) })));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/ui-toast-region.cjs.entry.js

@@ -77,7 +77,7 @@ const UIToastRegion = class {
         });
     };
     render() {
-        return (index.h(index.Host, { key: 'e3a71de7854b5937cc3f74858fc69f202fd93c71', role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? '' : undefined }, index.h("slot", { key: 'cdf6ea0118199d149ac08820c69ec8b54654be91' })));
+        return (index.h(index.Host, { key: '9f9c2e14150c631c0f7cb427c693dcd52c20897d', role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? '' : undefined }, index.h("slot", { key: '9e1d9ebb6b587afab2c4302241cecb03a321cee1' })));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-top-bar.cjs.entry.js

@@ -35,7 +35,7 @@ const UITopBar = class {
         this.hasActions = slotHasContent(this.actionsSlot);
     };
     render() {
-        return (index.h(index.Host, { key: '1f0cf8994e3a18d42415fa85f14d172cfaddbf8e' }, index.h("header", { key: 'e92afb06dad409b4a4e8fcc52bcad09b3e4531c4', class: "top-bar", part: "base" }, index.h("div", { key: '3d1458e841c7a600c98d6797b4ec97baee285de1', class: "top-bar__leading", hidden: !this.hasLeading }, index.h("slot", { key: '665e078f41410275cba3c55fec05159518a97a9e', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '7657a2c1e6c96660fa2ade470c8a4b0ecd30fcd9', class: "top-bar__title" }, index.h("slot", { key: '4d4f70c1a50aede4ef3a63176d714502b074a2cf' })), index.h("div", { key: '9409800ebaee24e4567de2126c0dd2544e741956', class: "top-bar__search", hidden: !this.hasSearch }, index.h("slot", { key: '2e66be8358235ae5ef10c7f9a115b08377ece3a7', name: "search", ref: (el) => (this.searchSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: 'e7fa28dddde4f0638a153ad0c8fcc3de94c0ecdc', class: "top-bar__actions", hidden: !this.hasActions }, index.h("slot", { key: '56c6620da69e2775a8a4d7306bb40b7a6713b100', name: "actions", ref: (el) => (this.actionsSlot = el), onSlotchange: this.syncSlots })))));
+        return (index.h(index.Host, { key: '1ef941e211c9536c034a40c0f7a255068595de10' }, index.h("header", { key: 'f1ea465d17753224d72971d26f70b546b93de8ba', class: "top-bar", part: "base" }, index.h("div", { key: '4eab975109467ad41e16527102b31e6e6d7421c8', class: "top-bar__leading", hidden: !this.hasLeading }, index.h("slot", { key: '3388d0e2346de4c08d85dd4c3a998e5f668a05f6', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '7b176d6e82da08eb495f3ca2c83505327c21f525', class: "top-bar__title" }, index.h("slot", { key: '8196e5489d2f43a72f794aad8ceaa44c358810e9' })), index.h("div", { key: '2b29c72174559865fb01b99cfab830f74640a8a5', class: "top-bar__search", hidden: !this.hasSearch }, index.h("slot", { key: '9597fde0cf05821e641471343a38dd3190f1e18f', name: "search", ref: (el) => (this.searchSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '1f19003e43fb28ac4ff4debd27e1a0fa9f342275', class: "top-bar__actions", hidden: !this.hasActions }, index.h("slot", { key: 'f6a84824d2806dc16b5fa82cc25dc1247a6a8ad1', name: "actions", ref: (el) => (this.actionsSlot = el), onSlotchange: this.syncSlots })))));
     }
 };
 UITopBar.style = uiTopBarCss();

package/dist/cjs/ui-tree-item.cjs.entry.js

@@ -119,10 +119,10 @@ const UITreeItem = class {
         const expanded = this.isExpanded();
         const disclosureLabel = `${expanded ? 'Collapse' : 'Expand'} ${this.label || 'item'}`;
         const dragLabel = `Drag ${this.label || 'item'} to reorder`;
-        return (index.h(index.Host, { key: '4a42d3c93b49ad82ae87496defe22f4abde13819', role: "treeitem", "aria-label": this.label || undefined, "aria-level": String(level), "aria-expanded": this.container ? String(expanded) : undefined, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "data-container": this.container ? '' : undefined, "data-selected": this.selected ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-drag-type": this.dragType || 'item', "data-drop-scope": this.dropScope || undefined, "data-accepts": this.accepts || undefined, tabIndex: this.disabled || !this.tabStop ? -1 : 0, style: {
+        return (index.h(index.Host, { key: '0ce6384903be2181055c76808cd4664dcfa8de54', role: "treeitem", "aria-label": this.label || undefined, "aria-level": String(level), "aria-expanded": this.container ? String(expanded) : undefined, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "data-container": this.container ? '' : undefined, "data-selected": this.selected ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-drag-type": this.dragType || 'item', "data-drop-scope": this.dropScope || undefined, "data-accepts": this.accepts || undefined, tabIndex: this.disabled || !this.tabStop ? -1 : 0, style: {
                 '--ui-tree-item-depth': String(level - 1),
                 'margin-inline-start': level > 1 ? 'var(--ui-tree-indent, 16px)' : '0px',
-            } }, index.h("div", { key: '9b62f172b2c0a80925404aee13895b3342d7dcb6', class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? (index.h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, index.h("span", { innerHTML: icons.loomaIconMarkup('grip-vertical') }))) : null, this.container ? (index.h("button", { class: "disclosure", part: "disclosure", type: "button", "aria-label": disclosureLabel, "aria-expanded": String(expanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, index.h("span", { class: { 'disclosure-icon': true, 'disclosure-icon--expanded': expanded }, innerHTML: icons.loomaIconMarkup('chevron-down') }))) : index.h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), index.h("span", { key: 'fe2e301bf43f1fdb524a004960855f63d05ce138', class: "leading", part: "leading" }, index.h("slot", { key: '6f569883ead32dff5340b1c1da74dc8fdade49e6', name: "leading" })), index.h("span", { key: '942e3bb0b6b4021166916777ab18dc868c39fbdc', class: "label", part: "label" }, index.h("slot", { key: '42b9d9f42fd7aaad35ed7091c39953710ebf5a58' })), index.h("span", { key: '8483a822895220d2bb2aa2cb0a45cd296062cae9', class: "actions", part: "actions" }, index.h("slot", { key: 'dae2b38eef43a061f40a7498d8f28e703e5468e3', name: "actions" })), index.h("span", { key: '0a9b7db9ab5e9a709f9f0a3a8d77bd1c044295c4', class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? (index.h("div", { class: "children", part: "children", role: "group", hidden: !expanded }, index.h("slot", { name: "children" }))) : null, index.h("span", { key: '641be80771d73d2c7193f2c762db1d0fe5c79e5d', class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })));
+            } }, index.h("div", { key: '7d6923da8fd8be7fffc7cf345ac4d1211217c21a', class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? (index.h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, index.h("span", { innerHTML: icons.loomaIconMarkup('grip-vertical') }))) : null, this.container ? (index.h("button", { class: "disclosure", part: "disclosure", type: "button", "aria-label": disclosureLabel, "aria-expanded": String(expanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, index.h("span", { class: { 'disclosure-icon': true, 'disclosure-icon--expanded': expanded }, innerHTML: icons.loomaIconMarkup('chevron-down') }))) : index.h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), index.h("span", { key: 'ef8959fc858b90c7ea26c8ff740cfe02fb372686', class: "leading", part: "leading" }, index.h("slot", { key: '1e00da2acd23ae6430e38b26502d9f3951461c93', name: "leading" })), index.h("span", { key: 'f37a63aa0c6e73f134442589314fae01e01cf782', class: "label", part: "label" }, index.h("slot", { key: 'f527d8a33927d72502d5cbbbe0cb5739d7bdbaf2' })), index.h("span", { key: 'de6492f81ac5747d913132c275abb9157d18deab', class: "actions", part: "actions" }, index.h("slot", { key: 'f5316e3a5fb67130ef1401253dc5ef6b7072840e', name: "actions" })), index.h("span", { key: '89da3b2bab7a953368810319148a644e62bc9a47', class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? (index.h("div", { class: "children", part: "children", role: "group", hidden: !expanded }, index.h("slot", { name: "children" }))) : null, index.h("span", { key: '9a66f1ba72290a037ef02ccbd49243463ba34b67', class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })));
     }
     static get watchers() { return {
         "expanded": [{

package/dist/cjs/ui-tree.cjs.entry.js

@@ -492,7 +492,7 @@ const UITree = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: '81fe656b4a7cdf8683f53aeee94fb53838950383', role: "tree", "aria-label": this.label || 'Tree' }, index.h("slot", { key: '941204b299eec2181228f536c017a17f026b2f3d' })));
+        return (index.h(index.Host, { key: 'bae06665078a67c59db2d9e72c7dea6ddeeb9e56', role: "tree", "aria-label": this.label || 'Tree' }, index.h("slot", { key: '232cb02f1a50bc5e18a92c0d8677e917870ec75e' })));
     }
 };
 UITree.style = uiTreeCss();

package/dist/collection/collection-manifest.json

@@ -19,7 +19,6 @@
     "components/ui-input/ui-input.js",
     "components/ui-menu/ui-menu.js",
     "components/ui-menu-item/ui-menu-item.js",
-    "components/ui-multi-combobox/ui-multi-combobox.js",
     "components/ui-popover/ui-popover.js",
     "components/ui-radio/ui-radio.js",
     "components/ui-radio-group/ui-radio-group.js",

package/dist/collection/components/ui-combobox/ui-combobox.css

@@ -22,3 +22,26 @@ input:disabled, button:disabled { color: var(--ui-text-muted); cursor: not-allow
 .sr-only { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
 @media (pointer: coarse) { button { min-inline-size: 2.75rem; min-block-size: 2.75rem; } }
 @media (forced-colors: active) { .field, .popup { border-color: CanvasText; } .option[data-active] { outline-color: Highlight; } }
+
+/* Multiple mode: chips wrap before the cursor on one flexible field line. */
+:host([multiple]) .field { flex-wrap: wrap; align-items: center; gap: var(--ui-space-1); min-block-size: var(--ui-multi-combobox-min-block-size, 2.5rem); padding: var(--ui-space-1); }
+:host([multiple]) input { flex: 1 0 var(--ui-multi-combobox-input-min-inline-size, 5rem); width: auto; min-block-size: 1.75rem; padding: var(--ui-space-0-5) var(--ui-space-1); }
+.items { display: contents; }
+.item {
+  appearance: none;
+  display: inline-flex;
+  min-inline-size: 0;
+  max-inline-size: min(100%, var(--ui-multi-combobox-item-max-inline-size, 12rem));
+  overflow: hidden;
+  padding: 0;
+  border: 0;
+  border-radius: var(--ui-radius-1);
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  cursor: default;
+}
+.item > slot { display: block; min-inline-size: 0; max-inline-size: 100%; overflow: hidden; }
+.item > slot::slotted(*) { min-inline-size: 0; max-inline-size: 100%; }
+.item:focus-visible { outline: 2px solid var(--ui-focus-ring); outline-offset: 1px; }
+.item:disabled { opacity: .6; }