@threadlabs/looma 0.10.6 → 0.10.8

package/components/ui-avatar/ui-avatar.html

@@ -31,7 +31,7 @@
       border-radius: 999px;
       border: 1px solid var(--ui-avatar-border, var(--ui-border-strong));
       background: var(--ui-avatar-surface, var(--ui-accent-soft));
-      color: var(--ui-avatar-text, var(--ui-accent-solid));
+      color: var(--ui-avatar-text, var(--ui-accent-subtle-text, var(--ui-accent-solid)));
       font: inherit;
       font-size: var(--ui-font-size-sm);
       font-weight: 600;

package/components/ui-combobox/ui-combobox.js

@@ -139,7 +139,8 @@ export default function controller(host) {
       // When nothing matches what was typed, the offer to create it is the only choice, so it is
       // the one Enter makes, and it is highlighted as such.
       if (query && !host.state.rows.some((row) => !row.disabled) && canCreate()) host.state.active = host.state.rows.length;
-      host.dispatch("options-change", host.state.rows);
+      // Options in their declared shape: a row's `selected` flag is the list's own view state.
+      host.dispatch("options-change", host.state.rows.map(asItem));
     };
     applyOptions(current.options);
   };

package/components/ui-tree-item/ui-tree-item.js

@@ -9,6 +9,14 @@ function parentItem(element) {
 }
 
 /** Synchronizes an inferred tree hierarchy after nested component lowering. */
+// What a row click leaves alone: a control, or anything inside one, such as an item of the options
+// menu a row holds. Clicking those neither follows the row's link nor toggles a branch.
+const CONTROLS = [
+  "a", "button", "input", "select", "textarea", "label", "summary", '[contenteditable=""]', '[contenteditable="true"]',
+  ...["button", "link", "menu", "menuitem", "menuitemcheckbox", "menuitemradio", "listbox", "option", "checkbox",
+    "radio", "switch", "tab", "slider", "spinbutton", "combobox", "textbox", "dialog"].map((role) => `[role="${role}"]`),
+].join(", ");
+
 export default function controller(host) {
   const element = host.element;
   const { row, disclosure, children, actions, labelText } = host.refs;
@@ -60,7 +68,7 @@ export default function controller(host) {
   const onDisclosureClick = (event) => { event.stopPropagation(); setExpanded(!Boolean(host.state.internalExpanded), triggerFor(event)); };
   const onRowClick = (event) => {
     if (host.state.disabled) return;
-    const interactive = event.composedPath().some((node) => node instanceof HTMLElement && node.matches?.('a, button, input, select, textarea, [role="button"], [role="link"]'));
+    const interactive = event.composedPath().some((node) => node instanceof HTMLElement && node.matches?.(CONTROLS));
     if (interactive) return;
     if (isContainer()) {
       setExpanded(!Boolean(host.state.internalExpanded), triggerFor(event));