@threadlabs/looma 0.10.7 → 0.10.9

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

@@ -223,7 +223,7 @@ export default function controller(host) {
       search("selection");
       input.focus();
       return;
-    } else if (option) commit(option.value, option.label, option, "selection", trigger);
+    } else if (option) commit(option.value, option.label, asItem(option), "selection", trigger);
     else if (canCreate() && index === host.state.rows.length) commit(null, host.state.raw, null, "create", trigger);
     else return;
     close();

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));