@threadlabs/looma 0.26.22 → 0.26.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.26.22",
+  "version": "0.26.23",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",

package/vanilla/UiCombobox.d.ts

@@ -20,6 +20,7 @@ export interface UiComboboxProps {
   allowCreate?: boolean | null;
   allowFreeText?: boolean | null;
   autoHighlight?: "none" | "single" | null;
+  clearQueryOnBlur?: boolean | null;
   clearable?: boolean | null;
   disabled?: boolean | null;
   disclosure?: boolean | null;

package/vanilla/UiCombobox.js

@@ -34,7 +34,7 @@ const T27 = ["",[]];
 let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12, P13, P14, P15, P16, P17, P18, P19, P20, P21, P22, P23, P24, P25, P26, P27;
 const E = new Map();
 const S = { n: ["internalItems","raw","display","selected","expanded","rows","active","helpOpen","lookupError","validation","uid","submitted","groups","creatable","createIndex","message","statusText","validationStatus"], t: [["l",["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]]],"s","s",["u","s","z"],"b",["l",["o",["id","s","value","s","label","s","group","s","disabled","b","selected","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]]],"i","b","s",["o",["status",["p",formatOf(keywordFormat),false],"touched","b","dirty","b","issues",["l",["o",["message","s"]]]],1],"s","s",["l",["o",["name","s","role",["p",formatOf(keywordFormat),false],"label",["u","s","z"],"rows",["l",["o",["id","s","value","s","label","s","group","s","disabled","b","selected","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]],"index","i","labelledBy",["u","s","z"],"detail",["u","s","z"]]]]]]],"b","i","s","s","s"], f: import.meta.url, g: "ui-combobox", d: { "query-change": [detailCheck(checkObject([["query", checkString, false], ["display", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "value-change": [detailCheck(checkObject([["value", checkUnion([checkString, checkNull], "string | null"), false], ["query", checkString, false], ["option", checkUnion([checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), checkNull], "object({ id: string, value: string, label: string, group?: string, disabled?: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }) | null"), false], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "items-change": [detailCheck(checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false))), true, true, false], "free-entry": [detailCheck(checkObject([["value", checkUnion([checkString, checkNull], "string | null"), false], ["query", checkString, false], ["option", checkUnion([checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), checkNull], "object({ id: string, value: string, label: string, group?: string, disabled?: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }) | null"), false], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "create-entry": [detailCheck(checkObject([["value", checkUnion([checkString, checkNull], "string | null"), false], ["query", checkString, false], ["option", checkUnion([checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), checkNull], "object({ id: string, value: string, label: string, group?: string, disabled?: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }) | null"), false], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "validation-change": [detailCheck(checkObject([["status", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["pristine","pending","valid","warning","error"]}), false], ["touched", checkBoolean, false], ["dirty", checkBoolean, false], ["issues", checkList(checkObject([["message", checkString, false], ["path", checkList(checkUnknown), true], ["severity", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["error","warning"]}), true]], false)), false], ["output", checkUnknown, true]], false)), true, true, false], "options-change": [detailCheck(checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false))), true, true, false], "add-item": [detailCheck(checkObject([["item", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), false], ["index", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "remove-item": [detailCheck(checkObject([["item", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), false], ["index", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "create-item": [detailCheck(checkObject([["query", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "selected-values-change": [detailCheck(checkObject([["selectedValues", checkList(checkString), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { props: { "allowCreate": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "allowFreeText": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "autoHighlight": { "required":false,"values":["none","single"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "clearable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disclosure": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "filter": { "required":false,"values":["label","none"],"default":"label", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "help": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "invalid": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "items": { "required":false, c: checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false)), j: 1, m: ["l",["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]]] }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "labelVisibility": { "required":false,"values":["visible","sr-only"],"default":"visible", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "loading": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "multiple": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "openOnFocus": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "placeholder": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "query": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "readonly": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selectOnTab": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selectedValues": { "required":false, c: checkList(checkString), j: 1, m: ["l","s"] }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "tokenSeparators": { "required":false, c: checkList(checkString), j: 1, m: ["l","s"] }, "value": { "required":false, c: checkString, t: "string", j: 0, m: "s" } } };
+const D = { props: { "allowCreate": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "allowFreeText": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "autoHighlight": { "required":false,"values":["none","single"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "clearQueryOnBlur": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "clearable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disclosure": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "filter": { "required":false,"values":["label","none"],"default":"label", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "help": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "invalid": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "items": { "required":false, c: checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false)), j: 1, m: ["l",["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]]] }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "labelVisibility": { "required":false,"values":["visible","sr-only"],"default":"visible", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "loading": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "multiple": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "openOnFocus": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "placeholder": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "query": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "readonly": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selectOnTab": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selectedValues": { "required":false, c: checkList(checkString), j: 1, m: ["l","s"] }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "tokenSeparators": { "required":false, c: checkList(checkString), j: 1, m: ["l","s"] }, "value": { "required":false, c: checkString, t: "string", j: 0, m: "s" } } };
 const C = (host) => controller.default(host);
 
 export function createUiCombobox(options = {}, html) {
@@ -46,7 +46,7 @@ export function createUiCombobox(options = {}, html) {
   }
   element.setAttribute("data-component", "ui-combobox");
   element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
-  const v = [[], "", "", null, false, [], null, false, "", { "status": "pristine", "touched": false, "dirty": false, "issues": [] }, "", "", [], false, 0, "", "", "pristine", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null];
+  const v = [[], "", "", null, false, [], null, false, "", { "status": "pristine", "touched": false, "dirty": false, "issues": [] }, "", "", [], false, 0, "", "", "pristine", null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null];
   const B = acceptProps(element, D, S.n, v, componentProps, [], html);
   v[6] = negate(1, undefined);
   const m1 = (d) => {
@@ -75,7 +75,7 @@ export function createUiCombobox(options = {}, html) {
   };
   const p3 = (r, c, d) => {
     if (c & 1073741825) r.L0.update(v[0], d, c);
-    if (c !== -1 && c & 541065216) r.L0.each(c, d);
+    if (c !== -1 && c & 545259520) r.L0.each(c, d);
   };
   const m4 = (o, j, l) => {
     const n = (P4 ??= buildTemplate(T4)).cloneNode(true);
@@ -92,8 +92,8 @@ export function createUiCombobox(options = {}, html) {
       const s0 = toAttribute(x0, "data-index");
       if (s0 !== r.v0) writeAttribute(r.n, "data-index", r.v0 = s0);
     }
-    if (c & 1614807040) {
-      const x1 = ((truthy(v[22]) || truthy(v[36])) || truthy(trackContainer(r, readMember(o, "disabled"))));
+    if (c & 1619001344) {
+      const x1 = ((truthy(v[23]) || truthy(v[37])) || truthy(trackContainer(r, readMember(o, "disabled"))));
       const s1 = toAttribute(x1, "disabled");
       if (s1 !== r.v1) writeAttribute(r.n, "disabled", r.v1 = s1);
     }
@@ -131,7 +131,7 @@ export function createUiCombobox(options = {}, html) {
   };
   const p6 = (r, c, d) => {
     if (c & 536870912) {
-      const x0 = v[32];
+      const x0 = v[33];
       const s0 = toAttribute(x0, "name");
       if (s0 !== r.v0) writeAttribute(r.n, "name", r.v0 = s0);
     }
@@ -140,8 +140,8 @@ export function createUiCombobox(options = {}, html) {
       const s1 = toAttribute(x1, "value");
       if (s1 !== r.v1) writeAttribute(r.n, "value", r.v1 = s1);
     }
-    if (c & 4194304) {
-      const x2 = v[22];
+    if (c & 8388608) {
+      const x2 = v[23];
       const s2 = toAttribute(x2, "disabled");
       if (s2 !== r.v2) writeAttribute(r.n, "disabled", r.v2 = s2);
     }
@@ -155,7 +155,7 @@ export function createUiCombobox(options = {}, html) {
   };
   const p7 = (r, c, d) => {
     if (c & 1073741825) r.L0.update(v[0], d, c);
-    if (c !== -1 && c & 541065216) r.L0.each(c, d);
+    if (c !== -1 && c & 545259520) r.L0.each(c, d);
   };
   const m8 = (o, j, l) => {
     const n = (P8 ??= buildTemplate(T8)).cloneNode(true);
@@ -167,7 +167,7 @@ export function createUiCombobox(options = {}, html) {
     const o = r.i;
     if (c & 1073741824) r.w = 0;
     if (c & 536870912) {
-      const x0 = v[32];
+      const x0 = v[33];
       const s0 = toAttribute(x0, "name");
       if (s0 !== r.v0) writeAttribute(r.n, "name", r.v0 = s0);
     }
@@ -176,8 +176,8 @@ export function createUiCombobox(options = {}, html) {
       const s1 = toAttribute(x1, "value");
       if (s1 !== r.v1) writeAttribute(r.n, "value", r.v1 = s1);
     }
-    if (c & 4194304) {
-      const x2 = v[22];
+    if (c & 8388608) {
+      const x2 = v[23];
       const s2 = toAttribute(x2, "disabled");
       if (s2 !== r.v2) writeAttribute(r.n, "disabled", r.v2 = s2);
     }
@@ -189,8 +189,8 @@ export function createUiCombobox(options = {}, html) {
     return r;
   };
   const p9 = (r, c, d) => {
-    if (c & 541065226) {
-      const x0 = ((truthy(v[22]) || truthy(v[36])) || (!truthy(v[1]) && (truthy(v[31]) || (v[3] === null))));
+    if (c & 545259530) {
+      const x0 = ((truthy(v[23]) || truthy(v[37])) || (!truthy(v[1]) && (truthy(v[32]) || (v[3] === null))));
       const s0 = toAttribute(x0, "disabled");
       if (s0 !== r.v0) writeAttribute(r.n, "disabled", r.v0 = s0);
     }
@@ -209,8 +209,8 @@ export function createUiCombobox(options = {}, html) {
         if (s0 !== r.v0) writeAttribute(r.n, "aria-controls", r.v0 = s0);
       }
     }
-    if (c & 541065216) {
-      const x1 = (truthy(v[22]) || truthy(v[36]));
+    if (c & 545259520) {
+      const x1 = (truthy(v[23]) || truthy(v[37]));
       const s1 = toAttribute(x1, "disabled");
       if (s1 !== r.v1) writeAttribute(r.n, "disabled", r.v1 = s1);
     }
@@ -229,8 +229,8 @@ export function createUiCombobox(options = {}, html) {
         if (s0 !== r.v0) writeAttribute(r.n, "id", r.v0 = s0);
       }
     }
-    if (c & 4194304) {
-      const x1 = v[22];
+    if (c & 8388608) {
+      const x1 = v[23];
       const s1 = toAttribute(x1, "disabled");
       if (s1 !== r.v1) writeAttribute(r.n, "disabled", r.v1 = s1);
     }
@@ -255,8 +255,8 @@ export function createUiCombobox(options = {}, html) {
         if (s1 !== r.v1) writeAttribute(r.n, "for", r.v1 = s1);
       }
     }
-    if (c & 33554432) {
-      const x2 = v[25];
+    if (c & 67108864) {
+      const x2 = v[26];
       const s2 = toText(x2);
       if (s2 !== r.v2) r.a1.data = r.v2 = s2;
     }
@@ -329,7 +329,7 @@ export function createUiCombobox(options = {}, html) {
       }
     }
     if (c & 536870912) {
-      const x1 = v[31];
+      const x1 = v[32];
       const s1 = toAttribute(x1, "data-multiple");
       if (s1 !== r.v1) writeAttribute(r.n, "data-multiple", r.v1 = s1);
     }
@@ -526,7 +526,7 @@ export function createUiCombobox(options = {}, html) {
       }
     }
     if (c & 536870912) {
-      const x1 = v[31];
+      const x1 = v[32];
       const s1 = toAttribute(x1, "data-multiple");
       if (s1 !== r.v1) writeAttribute(r.n, "data-multiple", r.v1 = s1);
     }
@@ -643,66 +643,64 @@ export function createUiCombobox(options = {}, html) {
       }
     }
     if (c & 536870912) {
-      const x3 = (v[29] === "sr-only");
+      const x3 = (v[30] === "sr-only");
       const s1 = x3;
       if (s1 !== r.v1) r.a0.classList.toggle("sr-only", r.v1 = s1);
-    }
-    if (c & 268435456) {
-      const x4 = v[28];
+      const x4 = v[29];
       const s2 = toText(x4);
       if (s2 !== r.v2) r.a1.data = r.v2 = s2;
-      const x5 = textCall("concat", [v[28], " suggestions"]);
-      if (x5 !== NONCONFORMING) {
-        const s15 = toAttribute(x5, "aria-label");
-        if (s15 !== r.v15) writeAttribute(r.a14, "aria-label", r.v15 = s15);
-      }
     }
     if (c & 16) {
-      const x6 = v[4];
-      const s5 = toAttribute(x6, "aria-expanded");
+      const x5 = v[4];
+      const s5 = toAttribute(x5, "aria-expanded");
       if (s5 !== r.v5) writeAttribute(r.a6, "aria-expanded", r.v5 = s5);
-      const x7 = !v[4];
-      const s13 = toAttribute(x7, "hidden");
+      const x6 = !v[4];
+      const s13 = toAttribute(x6, "hidden");
       if (s13 !== r.v13) writeAttribute(r.a13, "hidden", r.v13 = s13);
     }
-    if (c & 67239936) {
-      const x8 = (truthy(v[26]) || (v[17] === "error"));
-      const s6 = toAttribute(x8, "aria-invalid");
+    if (c & 134348800) {
+      const x7 = (truthy(v[27]) || (v[17] === "error"));
+      const s6 = toAttribute(x7, "aria-invalid");
       if (s6 !== r.v6) writeAttribute(r.a6, "aria-invalid", r.v6 = s6);
     }
     if (c & 537001984) {
-      const x9 = (truthy(v[30]) || (v[17] === "pending"));
-      const s7 = toAttribute(x9, "aria-busy");
+      const x8 = (truthy(v[31]) || (v[17] === "pending"));
+      const s7 = toAttribute(x8, "aria-busy");
       if (s7 !== r.v7) writeAttribute(r.a6, "aria-busy", r.v7 = s7);
     }
     if (c & 4) {
       const f0 = [];
-      const x10 = rec(f0, v[2]);
+      const x9 = rec(f0, v[2]);
       if (c === -1 || c & 4 || readsChanged(r.v8, f0)) {
         r.v8 = f0;
-        r.a6["value"] = x10;
+        r.a6["value"] = x9;
       }
     }
     if (c & 536870912) {
-      const x11 = v[34];
-      const s9 = toAttribute(x11, "placeholder");
+      const x10 = v[35];
+      const s9 = toAttribute(x10, "placeholder");
       if (s9 !== r.v9) writeAttribute(r.a6, "placeholder", r.v9 = s9);
     }
-    if (c & 4194304) {
-      const x12 = v[22];
-      const s10 = toAttribute(x12, "disabled");
+    if (c & 8388608) {
+      const x11 = v[23];
+      const s10 = toAttribute(x11, "disabled");
       if (s10 !== r.v10) writeAttribute(r.a6, "disabled", r.v10 = s10);
     }
     if (c & 536870912) {
-      const x13 = v[36];
-      const s11 = toAttribute(x13, "readonly");
+      const x12 = v[37];
+      const s11 = toAttribute(x12, "readonly");
       if (s11 !== r.v11) writeAttribute(r.a6, "readonly", r.v11 = s11);
-      const x14 = v[30];
+      const x13 = textCall("concat", [v[29], " suggestions"]);
+      if (x13 !== NONCONFORMING) {
+        const s15 = toAttribute(x13, "aria-label");
+        if (s15 !== r.v15) writeAttribute(r.a14, "aria-label", r.v15 = s15);
+      }
+      const x14 = v[31];
       const s16 = toAttribute(x14, "aria-busy");
       if (s16 !== r.v16) writeAttribute(r.a14, "aria-busy", r.v16 = s16);
     }
     if (c & 1610612737) {
-      const x15 = (checkReference(S, readDeclared(v[0], ["0"]), ["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]], "expression:$required and not ($multiple and $internalItems.0):internalItems.0", "Reference `internalItems.0` must satisfy object({ id: string, value: string, label: string, group?: string, disabled?: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }).") ? (truthy(v[37]) && !(truthy(v[31]) && truthy(readIndex(v[0], 0)))) : NONCONFORMING);
+      const x15 = (checkReference(S, readDeclared(v[0], ["0"]), ["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]], "expression:$required and not ($multiple and $internalItems.0):internalItems.0", "Reference `internalItems.0` must satisfy object({ id: string, value: string, label: string, group?: string, disabled?: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }).") ? (truthy(v[38]) && !(truthy(v[32]) && truthy(readIndex(v[0], 0)))) : NONCONFORMING);
       if (x15 !== NONCONFORMING) {
         const s12 = toAttribute(x15, "required");
         if (s12 !== r.v12) writeAttribute(r.a6, "required", r.v12 = s12);
@@ -718,14 +716,14 @@ export function createUiCombobox(options = {}, html) {
       const s19 = toText(x17);
       if (s19 !== r.v19) r.a22.data = r.v19 = s19;
     }
-    if (c & 604110848) {
-      const x18 = hostState(["size","validationStatus","invalid","multiple"], [v[40], v[17], v[26], v[31]]);
+    if (c & 671219712) {
+      const x18 = hostState(["size","validationStatus","invalid","multiple"], [v[41], v[17], v[27], v[32]]);
       const s20 = x18;
       if (s20 !== r.v20) writeAttribute(r.n, "data-ui-combobox-state", (r.v20 = s20) === "" ? null : s20);
     }
     if (c & 536870912) {
-      const t0 = truthy(v[37]);
-      if (c === -1 || d.has(37)) {
+      const t0 = truthy(v[38]);
+      if (c === -1 || d.has(38)) {
         {
           r.b0 = undefined;
           clearRegion(r.a2, r.e0);
@@ -734,8 +732,8 @@ export function createUiCombobox(options = {}, html) {
       } else if (r.b0 !== undefined) p1(r.b0, c, d);
     } else if (r.b0 !== undefined) p1(r.b0, c, d);
     if (c & 536870912) {
-      const t2 = truthy(v[31]);
-      if (c === -1 || d.has(31)) {
+      const t2 = truthy(v[32]);
+      if (c === -1 || d.has(32)) {
         {
           dispose(r.b2);
           r.b2 = undefined;
@@ -745,8 +743,8 @@ export function createUiCombobox(options = {}, html) {
       } else if (r.b2 !== undefined) p3(r.b2, c, d);
     } else if (r.b2 !== undefined) p3(r.b2, c, d);
     if (c & 536870912) {
-      const t3 = (truthy(v[32]) && !truthy(v[31]));
-      if (c === -1 || d.has(32) || d.has(31)) {
+      const t3 = (truthy(v[33]) && !truthy(v[32]));
+      if (c === -1 || d.has(33) || d.has(32)) {
         {
           r.b3 = undefined;
           clearRegion(r.a7, r.e3);
@@ -755,8 +753,8 @@ export function createUiCombobox(options = {}, html) {
       } else if (r.b3 !== undefined) p6(r.b3, c, d);
     } else if (r.b3 !== undefined) p6(r.b3, c, d);
     if (c & 536870912) {
-      const t4 = (truthy(v[32]) && truthy(v[31]));
-      if (c === -1 || d.has(32) || d.has(31)) {
+      const t4 = (truthy(v[33]) && truthy(v[32]));
+      if (c === -1 || d.has(33) || d.has(32)) {
         {
           r.b4 = undefined;
           clearRegion(r.a8, r.e4);
@@ -764,8 +762,8 @@ export function createUiCombobox(options = {}, html) {
         }
       } else if (r.b4 !== undefined) p7(r.b4, c, d);
     } else if (r.b4 !== undefined) p7(r.b4, c, d);
-    if (c & 2097152) {
-      const t5 = truthy(v[21]);
+    if (c & 4194304) {
+      const t5 = truthy(v[22]);
       if (true) {
         {
           r.b5 = undefined;
@@ -774,8 +772,8 @@ export function createUiCombobox(options = {}, html) {
         }
       } else if (r.b5 !== undefined) p9(r.b5, c, d);
     } else if (r.b5 !== undefined) p9(r.b5, c, d);
-    if (c & 8388608) {
-      const t6 = truthy(v[23]);
+    if (c & 16777216) {
+      const t6 = truthy(v[24]);
       if (true) {
         {
           r.b6 = undefined;
@@ -784,8 +782,8 @@ export function createUiCombobox(options = {}, html) {
         }
       } else if (r.b6 !== undefined) p10(r.b6, c, d);
     } else if (r.b6 !== undefined) p10(r.b6, c, d);
-    if (c & 33554432) {
-      const t7 = truthy(v[25]);
+    if (c & 67108864) {
+      const t7 = truthy(v[26]);
       if (true) {
         {
           r.b7 = undefined;
@@ -794,8 +792,8 @@ export function createUiCombobox(options = {}, html) {
         }
       } else if (r.b7 !== undefined) p11(r.b7, c, d);
     } else if (r.b7 !== undefined) p11(r.b7, c, d);
-    if (c & 33554432) {
-      const t8 = truthy(v[25]);
+    if (c & 67108864) {
+      const t8 = truthy(v[26]);
       if (true) {
         {
           r.b8 = undefined;
@@ -827,8 +825,8 @@ export function createUiCombobox(options = {}, html) {
     } else if (r.b11 !== undefined) p22(r.b11, c, d);
     if (c & 1610621216) {
       const f6 = [];
-      const t12 = (checkReference(S, rec(f6, readDeclared(v[5], ["0"], f6)), ["o",["id","s","value","s","label","s","group","s","disabled","b","selected","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]], "expression:not $loading and not $rows.0 and not $creatable and not $lookupError:rows.0", "Reference `rows.0` must satisfy object({ id: string, value: string, label: string, group?: string, disabled: boolean, selected: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }).") ? (((!truthy(rec(f6, v[30])) && !truthy(recLength(f6, rec(f6, readIndex(rec(f6, v[5]), 0))))) && !rec(f6, v[13])) && !truthy(rec(f6, v[8]))) : NONCONFORMING);
-      if (c === -1 || c & 8480 || d.has(30) || readsChanged(r.q12, f6)) {
+      const t12 = (checkReference(S, rec(f6, readDeclared(v[5], ["0"], f6)), ["o",["id","s","value","s","label","s","group","s","disabled","b","selected","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]], "expression:not $loading and not $rows.0 and not $creatable and not $lookupError:rows.0", "Reference `rows.0` must satisfy object({ id: string, value: string, label: string, group?: string, disabled: boolean, selected: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }).") ? (((!truthy(rec(f6, v[31])) && !truthy(recLength(f6, rec(f6, readIndex(rec(f6, v[5]), 0))))) && !rec(f6, v[13])) && !truthy(rec(f6, v[8]))) : NONCONFORMING);
+      if (c === -1 || c & 8480 || d.has(31) || readsChanged(r.q12, f6)) {
         r.q12 = f6;
         if (t12 === NONCONFORMING) { if (r.b12 !== undefined) p23(r.b12, c, d); } else {
           dispose(r.b12);

package/vue/UiCombobox.d.ts

@@ -14,6 +14,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
         type: PropType<"none" | "single" | null>;
         default: string;
     };
+    clearQueryOnBlur: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
     clearable: {
         type: PropType<boolean | null>;
         default: boolean;
@@ -272,6 +276,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
         type: PropType<"none" | "single" | null>;
         default: string;
     };
+    clearQueryOnBlur: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
     clearable: {
         type: PropType<boolean | null>;
         default: boolean;
@@ -532,6 +540,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
     allowCreate: boolean | null;
     allowFreeText: boolean | null;
     autoHighlight: "none" | "single" | null;
+    clearQueryOnBlur: boolean | null;
     clearable: boolean | null;
     disclosure: boolean | null;
     items: readonly {

package/vue/UiCombobox.vue

@@ -57,6 +57,14 @@ const propValidityContract = {
       values: ['none', 'single'],
       default: 'none',
     },
+    clearQueryOnBlur: {
+      type: { kind: 'terminal', name: 'boolean' },
+      required: false,
+      target: { attribute: 'clearqueryonblur' },
+      description:
+        'In multiple mode, clears unfinished search text when focus leaves the whole combobox, preserving selected items. A controlled query reports query-change\n      with an empty query; the consumer must reflect it back. Does not choose or create an option. The default preserves unfinished text. Single mode keeps\n      its existing selection and free-text resolution.',
+      default: false,
+    },
     clearable: {
       type: { kind: 'terminal', name: 'boolean' },
       required: false,
@@ -271,6 +279,7 @@ const props = defineProps({
   allowCreate: { type: null as unknown as PropType<boolean | null>, default: false },
   allowFreeText: { type: null as unknown as PropType<boolean | null>, default: false },
   autoHighlight: { type: null as unknown as PropType<'none' | 'single' | null>, default: 'none' },
+  clearQueryOnBlur: { type: null as unknown as PropType<boolean | null>, default: false },
   clearable: { type: null as unknown as PropType<boolean | null>, default: false },
   disabled: { type: null as unknown as PropType<boolean | null>, default: false },
   disclosure: { type: null as unknown as PropType<boolean | null>, default: false },
@@ -318,6 +327,7 @@ const acceptedProps: Record<string, unknown> = {
   allowCreate: false,
   allowFreeText: false,
   autoHighlight: 'none',
+  clearQueryOnBlur: false,
   clearable: false,
   disabled: false,
   disclosure: false,
@@ -363,6 +373,13 @@ const checkedProps = computed(() => ({
     'autoHighlight',
     acceptedProps,
   ) as 'none' | 'single',
+  clearQueryOnBlur: checkedProp<boolean>(
+    props['clearQueryOnBlur'],
+    { kind: 'terminal', name: 'boolean' },
+    false,
+    'clearQueryOnBlur',
+    acceptedProps,
+  ) as boolean,
   clearable: checkedProp<boolean>(
     props['clearable'],
     { kind: 'terminal', name: 'boolean' },
@@ -1797,6 +1814,7 @@ useComponentHost(() => import('../components/ui-combobox/ui-combobox.js'), {
     'allowCreate',
     'allowFreeText',
     'autoHighlight',
+    'clearQueryOnBlur',
     'clearable',
     'disabled',
     'disclosure',
@@ -1911,6 +1929,13 @@ function uniqueKeys<T>(
     :data-allow-create="reflectedProp('allowCreate', 'allow-create', checkedProps.allowCreate, undefined, false)"
     :data-allow-free-text="reflectedProp('allowFreeText', 'allow-free-text', checkedProps.allowFreeText, undefined, false)"
     :data-auto-highlight="reflectedProp('autoHighlight', 'auto-highlight', checkedProps.autoHighlight, undefined, false)"
+    :data-clear-query-on-blur="reflectedProp(
+      'clearQueryOnBlur',
+      'clear-query-on-blur',
+      checkedProps.clearQueryOnBlur,
+      undefined,
+      false,
+    )"
     :data-clearable="reflectedProp('clearable', 'clearable', checkedProps.clearable, undefined, false)"
     :data-disabled="reflectedProp('disabled', 'disabled', checkedProps.disabled, undefined, false)"
     :data-disclosure="reflectedProp('disclosure', 'disclosure', checkedProps.disclosure, undefined, false)"

package/vue/chunks/UiCombobox.js

@@ -10,6 +10,7 @@ var _hoisted_1 = [
 	"data-allow-create",
 	"data-allow-free-text",
 	"data-auto-highlight",
+	"data-clear-query-on-blur",
 	"data-clearable",
 	"data-disabled",
 	"data-disclosure",
@@ -144,6 +145,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			type: null,
 			default: "none"
 		},
+		clearQueryOnBlur: {
+			type: null,
+			default: false
+		},
 		clearable: {
 			type: null,
 			default: false
@@ -282,6 +287,16 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				values: ["none", "single"],
 				default: "none"
 			},
+			clearQueryOnBlur: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "clearqueryonblur" },
+				description: "In multiple mode, clears unfinished search text when focus leaves the whole combobox, preserving selected items. A controlled query reports query-change\n      with an empty query; the consumer must reflect it back. Does not choose or create an option. The default preserves unfinished text. Single mode keeps\n      its existing selection and free-text resolution.",
+				default: false
+			},
 			clearable: {
 				type: {
 					kind: "terminal",
@@ -614,6 +629,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			allowCreate: false,
 			allowFreeText: false,
 			autoHighlight: "none",
+			clearQueryOnBlur: false,
 			clearable: false,
 			disabled: false,
 			disclosure: false,
@@ -650,6 +666,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				kind: "terminal",
 				name: "keyword"
 			}, false, "autoHighlight", acceptedProps),
+			clearQueryOnBlur: checkedProp(props["clearQueryOnBlur"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "clearQueryOnBlur", acceptedProps),
 			clearable: checkedProp(props["clearable"], {
 				kind: "terminal",
 				name: "boolean"
@@ -1724,6 +1744,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"allowCreate",
 				"allowFreeText",
 				"autoHighlight",
+				"clearQueryOnBlur",
 				"clearable",
 				"disabled",
 				"disclosure",
@@ -1817,6 +1838,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"data-allow-create": reflectedProp("allowCreate", "allow-create", checkedProps.value.allowCreate, void 0, false),
 				"data-allow-free-text": reflectedProp("allowFreeText", "allow-free-text", checkedProps.value.allowFreeText, void 0, false),
 				"data-auto-highlight": reflectedProp("autoHighlight", "auto-highlight", checkedProps.value.autoHighlight, void 0, false),
+				"data-clear-query-on-blur": reflectedProp("clearQueryOnBlur", "clear-query-on-blur", checkedProps.value.clearQueryOnBlur, void 0, false),
 				"data-clearable": reflectedProp("clearable", "clearable", checkedProps.value.clearable, void 0, false),
 				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
 				"data-disclosure": reflectedProp("disclosure", "disclosure", checkedProps.value.disclosure, void 0, false),
@@ -2068,6 +2090,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-2be0ffde"]]);
+}), [["__scopeId", "data-v-33359776"]]);
 //#endregion
 export { UiCombobox_default as t };