@threadlabs/looma 0.25.6 → 0.26.0

package/vanilla/UiCombobox.js

@@ -1,296 +1,892 @@
-// Generated by HTML Next 1.0.0-alpha.29 for Vanilla DOM. Do not edit.
-import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
+// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, checkReference, clearRegion, KeyedList, negate, NONCONFORMING, readDeclared, readIndex, readMember, readsChanged, rec, recLength, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, writeText, dispatchDeclared, detailCheck, dispose, IndexedList, PositionalList, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkInteger, checkList, checkNull, checkObject, checkString, checkUnion, checkUnknown } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-combobox/ui-combobox.js";
 import "../styles/ui-combobox.css";
 
-const definition = {...{"contract":{"tag":"ui-combobox","props":{"allowCreate":{"type":"boolean","required":false,"target":{"attribute":"allowcreate"},"default":false},"allowFreeText":{"type":"boolean","required":false,"target":{"attribute":"allowfreetext"},"default":false},"autoHighlight":{"type":{"kind":"terminal","name":"keyword"},"values":["none","single"],"required":false,"target":{"attribute":"autohighlight"},"default":"none"},"clearable":{"type":"boolean","required":false,"target":{"attribute":"clearable"},"default":false},"disabled":{"type":"boolean","required":false,"target":{"attribute":"disabled"},"default":false},"disclosure":{"type":"boolean","required":false,"target":{"attribute":"disclosure"},"default":false},"filter":{"type":{"kind":"terminal","name":"keyword"},"values":["label","none"],"required":false,"target":{"attribute":"filter"},"default":"label"},"help":{"type":"string","required":false,"target":{"attribute":"help"},"default":""},"invalid":{"type":"boolean","required":false,"target":{"attribute":"invalid"},"default":false},"items":{"type":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"required":false,"target":{"attribute":"items"}},"label":{"type":"string","required":false,"target":{"attribute":"label"},"default":""},"labelVisibility":{"type":{"kind":"terminal","name":"keyword"},"values":["visible","sr-only"],"required":false,"target":{"attribute":"labelvisibility"},"default":"visible"},"loading":{"type":"boolean","required":false,"target":{"attribute":"aria-busy"},"default":false},"multiple":{"type":"boolean","required":false,"target":{"attribute":"data-multiple"},"default":false},"name":{"type":"string","required":false,"target":{"attribute":"name"},"default":""},"openOnFocus":{"type":"boolean","required":false,"target":{"attribute":"openonfocus"},"default":false},"placeholder":{"type":"string","required":false,"target":{"attribute":"placeholder"},"default":""},"query":{"type":"string","required":false,"target":{"attribute":"query"}},"readonly":{"type":"boolean","required":false,"target":{"attribute":"readonly"},"default":false},"required":{"type":"boolean","required":false,"target":{"attribute":"required"},"default":false},"selectOnTab":{"type":"boolean","required":false,"target":{"attribute":"selectontab"},"default":false},"selectedValues":{"type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"required":false,"target":{"attribute":"selectedvalues"}},"size":{"type":{"kind":"terminal","name":"keyword"},"values":["sm","md","lg"],"required":false,"target":{"attribute":"size"},"default":"md"},"tokenSeparators":{"type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"required":false,"target":{"attribute":"tokenseparators"}},"value":{"type":"string","required":false,"target":{"attribute":"value"}}}},"template":{"kind":"element","name":"div","attributes":[],"children":[{"kind":"element","name":"label","attributes":[{"kind":"attribute","name":"for","expression":"concat(uid, '-input')","expressionPlan":{"source":"concat(uid, '-input')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-input"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"sr-only","expression":"labelVisibility = 'sr-only'","expressionPlan":{"source":"labelVisibility = 'sr-only'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"labelVisibility"},"right":{"kind":"literal","value":"sr-only"}},"dependencies":["labelVisibility"]},"target":"class"}],"children":[{"kind":"text","value":"$label","expressionPlan":{"source":"$label","ast":{"kind":"id","name":"label"},"dependencies":["label"]}},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"text","value":"\n        *"}],"flow":{"kind":"if","test":"required","testPlan":{"source":"required","ast":{"kind":"id","name":"required"},"dependencies":["required"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"control"}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"field"}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"entry"}],"children":[{"kind":"slot","fallback":[],"name":"start"},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"class","value":"item"},{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"tabindex","value":"-1"},{"kind":"attribute","name":"data-index","expression":"index","expressionPlan":{"source":"index","ast":{"kind":"id","name":"index"},"dependencies":["index"]}},{"kind":"attribute","name":"disabled","expression":"disabled or readonly or item.disabled","expressionPlan":{"source":"disabled or readonly or item.disabled","ast":{"kind":"binary","op":"or","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"right":{"kind":"member","object":{"kind":"id","name":"item"},"key":"disabled"}},"dependencies":["disabled","item.disabled","readonly"]}},{"kind":"attribute","name":"aria-label","expression":"concat(item.label, ', press Delete or Backspace to remove')","expressionPlan":{"source":"concat(item.label, ', press Delete or Backspace to remove')","ast":{"kind":"call","fn":"concat","args":[{"kind":"member","object":{"kind":"id","name":"item"},"key":"label"},{"kind":"literal","value":", press Delete or Backspace to remove"}]},"dependencies":["item.label"]}}],"children":[{"kind":"slot","fallback":[{"kind":"element","name":"ui-badge","attributes":[],"children":[{"kind":"text","value":"$item.label","expressionPlan":{"source":"$item.label","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"label"},"dependencies":["item.label"]}}]}],"nameExpression":{"source":"concat('item-', item.id)","ast":{"kind":"call","fn":"concat","args":[{"kind":"literal","value":"item-"},{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"}]},"dependencies":["item.id"]}}],"flow":{"kind":"each","item":"item","list":"internalItems","listPlan":{"source":"internalItems","ast":{"kind":"id","name":"internalItems"},"dependencies":["internalItems"]},"index":"index","key":"item.id","keyPlan":{"source":"item.id","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"},"dependencies":["item.id"]}}}],"flow":{"kind":"if","test":"multiple","testPlan":{"source":"multiple","ast":{"kind":"id","name":"multiple"},"dependencies":["multiple"]}}},{"kind":"element","name":"input","attributes":[{"kind":"attribute","name":"id","expression":"concat(uid, '-input')","expressionPlan":{"source":"concat(uid, '-input')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-input"}]},"dependencies":["uid"]}},{"kind":"literal","name":"role","value":"combobox"},{"kind":"literal","name":"aria-autocomplete","value":"list"},{"kind":"literal","name":"autocomplete","value":"off"},{"kind":"attribute","name":"aria-controls","expression":"concat(uid, '-listbox')","expressionPlan":{"source":"concat(uid, '-listbox')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-listbox"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"aria-expanded","expression":"expanded","expressionPlan":{"source":"expanded","ast":{"kind":"id","name":"expanded"},"dependencies":["expanded"]}},{"kind":"attribute","name":"aria-invalid","expression":"invalid or validationStatus = 'error'","expressionPlan":{"source":"invalid or validationStatus = 'error'","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"invalid"},"right":{"kind":"binary","op":"=","left":{"kind":"id","name":"validationStatus"},"right":{"kind":"literal","value":"error"}}},"dependencies":["invalid","validationStatus"]}},{"kind":"attribute","name":"aria-busy","expression":"loading or validationStatus = 'pending'","expressionPlan":{"source":"loading or validationStatus = 'pending'","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"binary","op":"=","left":{"kind":"id","name":"validationStatus"},"right":{"kind":"literal","value":"pending"}}},"dependencies":["loading","validationStatus"]}},{"kind":"property","key":"value","name":"value","expression":"display","expressionPlan":{"source":"display","ast":{"kind":"id","name":"display"},"dependencies":["display"]}},{"kind":"attribute","name":"placeholder","expression":"placeholder","expressionPlan":{"source":"placeholder","ast":{"kind":"id","name":"placeholder"},"dependencies":["placeholder"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}},{"kind":"attribute","name":"readonly","expression":"readonly","expressionPlan":{"source":"readonly","ast":{"kind":"id","name":"readonly"},"dependencies":["readonly"]}},{"kind":"attribute","name":"required","expression":"required and not (multiple and internalItems.0)","expressionPlan":{"source":"required and not (multiple and internalItems.0)","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"required"},"right":{"kind":"unary","op":"not","operand":{"kind":"binary","op":"and","left":{"kind":"id","name":"multiple"},"right":{"kind":"index","object":{"kind":"id","name":"internalItems"},"index":{"kind":"literal","value":0}}}}},"dependencies":["internalItems.0","multiple","required"]}}],"children":[],"ref":"input"}]},{"kind":"element","name":"input","attributes":[{"kind":"literal","name":"type","value":"hidden"},{"kind":"attribute","name":"name","expression":"name","expressionPlan":{"source":"name","ast":{"kind":"id","name":"name"},"dependencies":["name"]}},{"kind":"attribute","name":"value","expression":"submitted","expressionPlan":{"source":"submitted","ast":{"kind":"id","name":"submitted"},"dependencies":["submitted"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[],"flow":{"kind":"if","test":"name and not multiple","testPlan":{"source":"name and not multiple","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"name"},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"multiple"}}},"dependencies":["multiple","name"]}}},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"input","attributes":[{"kind":"literal","name":"type","value":"hidden"},{"kind":"attribute","name":"name","expression":"name","expressionPlan":{"source":"name","ast":{"kind":"id","name":"name"},"dependencies":["name"]}},{"kind":"attribute","name":"value","expression":"item.value","expressionPlan":{"source":"item.value","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"value"},"dependencies":["item.value"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[],"flow":{"kind":"each","item":"item","list":"internalItems","listPlan":{"source":"internalItems","ast":{"kind":"id","name":"internalItems"},"dependencies":["internalItems"]},"key":"item.id","keyPlan":{"source":"item.id","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"},"dependencies":["item.id"]}}}],"flow":{"kind":"if","test":"name and multiple","testPlan":{"source":"name and multiple","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"name"},"right":{"kind":"id","name":"multiple"}},"dependencies":["multiple","name"]}}},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"data-combobox-action","value":"clear"},{"kind":"literal","name":"aria-label","value":"Clear"},{"kind":"attribute","name":"disabled","expression":"disabled or readonly or (not raw and (multiple or selected = null))","expressionPlan":{"source":"disabled or readonly or (not raw and (multiple or selected = null))","ast":{"kind":"binary","op":"or","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"right":{"kind":"binary","op":"and","left":{"kind":"unary","op":"not","operand":{"kind":"id","name":"raw"}},"right":{"kind":"binary","op":"or","left":{"kind":"id","name":"multiple"},"right":{"kind":"binary","op":"=","left":{"kind":"id","name":"selected"},"right":{"kind":"literal","value":null}}}}},"dependencies":["disabled","multiple","raw","readonly","selected"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"affordance-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"}],"children":[{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M7 7l10 10M17 7 7 17"}],"children":[]}]}],"flow":{"kind":"if","test":"clearable","testPlan":{"source":"clearable","ast":{"kind":"id","name":"clearable"},"dependencies":["clearable"]}}},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"data-combobox-action","value":"disclosure"},{"kind":"literal","name":"tabindex","value":"-1"},{"kind":"literal","name":"aria-label","value":"Show suggestions"},{"kind":"attribute","name":"aria-controls","expression":"concat(uid, '-listbox')","expressionPlan":{"source":"concat(uid, '-listbox')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-listbox"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"disabled","expression":"disabled or readonly","expressionPlan":{"source":"disabled or readonly","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"dependencies":["disabled","readonly"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"affordance-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2.25"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"m6 9 6 6 6-6"}],"children":[]}]}],"flow":{"kind":"if","test":"disclosure","testPlan":{"source":"disclosure","ast":{"kind":"id","name":"disclosure"},"dependencies":["disclosure"]}}}],"ref":"field"},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"class","value":"help"},{"kind":"attribute","name":"id","expression":"concat(uid, '-help')","expressionPlan":{"source":"concat(uid, '-help')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-help"}]},"dependencies":["uid"]}},{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"aria-label","value":"Help"},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"help-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"circle","attributes":[{"kind":"literal","name":"cx","value":"12"},{"kind":"literal","name":"cy","value":"12"},{"kind":"literal","name":"r","value":"10"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M12 17h.01"}],"children":[]}]}],"flow":{"kind":"if","test":"help","testPlan":{"source":"help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}}]},{"kind":"element","name":"ui-tooltip","attributes":[{"kind":"literal","name":"trigger","value":"click"},{"kind":"attribute","name":"id","expression":"concat(uid, '-help-text')","expressionPlan":{"source":"concat(uid, '-help-text')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-help-text"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"for","expression":"concat(uid, '-help')","expressionPlan":{"source":"concat(uid, '-help')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-help"}]},"dependencies":["uid"]}}],"children":[{"kind":"text","value":"$help","expressionPlan":{"source":"$help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}],"flow":{"kind":"if","test":"help","testPlan":{"source":"help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"popup"},{"kind":"attribute","name":"hidden","expression":"not expanded","expressionPlan":{"source":"not expanded","ast":{"kind":"unary","op":"not","operand":{"kind":"id","name":"expanded"}},"dependencies":["expanded"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"role","value":"listbox"},{"kind":"attribute","name":"id","expression":"concat(uid, '-listbox')","expressionPlan":{"source":"concat(uid, '-listbox')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-listbox"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"aria-label","expression":"concat(label, ' suggestions')","expressionPlan":{"source":"concat(label, ' suggestions')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"label"},{"kind":"literal","value":" suggestions"}]},"dependencies":["label"]}},{"kind":"attribute","name":"aria-busy","expression":"loading","expressionPlan":{"source":"loading","ast":{"kind":"id","name":"loading"},"dependencies":["loading"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"attribute","name":"role","expression":"group.role","expressionPlan":{"source":"group.role","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"role"},"dependencies":["group.role"]}},{"kind":"attribute","name":"aria-label","expression":"group.label","expressionPlan":{"source":"group.label","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"label"},"dependencies":["group.label"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"group"}],"children":[{"kind":"text","value":"$group.name","expressionPlan":{"source":"$group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}],"flow":{"kind":"if","test":"group.name","testPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"option"},{"kind":"attribute","name":"active","expression":"row.index = active","expressionPlan":{"source":"row.index = active","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},"right":{"kind":"id","name":"active"}},"dependencies":["active","row.index"]},"target":"class"},{"kind":"literal","name":"role","value":"option"},{"kind":"literal","name":"data-ui-choice-option","value":""},{"kind":"attribute","name":"data-multiple","expression":"multiple","expressionPlan":{"source":"multiple","ast":{"kind":"id","name":"multiple"},"dependencies":["multiple"]}},{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', row.index)","expressionPlan":{"source":"concat(uid, '-option-', row.index)","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"}]},"dependencies":["row.index","uid"]}},{"kind":"attribute","name":"aria-selected","expression":"row.selected","expressionPlan":{"source":"row.selected","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"selected"},"dependencies":["row.selected"]}},{"kind":"attribute","name":"aria-disabled","expression":"row.disabled","expressionPlan":{"source":"row.disabled","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"disabled"},"dependencies":["row.disabled"]}},{"kind":"attribute","name":"data-index","expression":"row.index","expressionPlan":{"source":"row.index","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},"dependencies":["row.index"]}},{"kind":"attribute","name":"aria-labelledby","expression":"row.labelledBy","expressionPlan":{"source":"row.labelledBy","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"labelledBy"},"dependencies":["row.labelledBy"]}},{"kind":"attribute","name":"aria-describedby","expression":"row.detail","expressionPlan":{"source":"row.detail","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"detail"},"dependencies":["row.detail"]}}],"children":[{"kind":"slot","fallback":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"detail"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"line"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"primary"},{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', row.index, '-label')","expressionPlan":{"source":"concat(uid, '-option-', row.index, '-label')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},{"kind":"literal","value":"-label"}]},"dependencies":["row.index","uid"]}}],"children":[{"kind":"text","value":"$row.label","expressionPlan":{"source":"$row.label","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"label"},"dependencies":["row.label"]}}]},{"kind":"element","name":"ui-badge","attributes":[{"kind":"attribute","name":"tone","expression":"row.tag.tone","expressionPlan":{"source":"row.tag.tone","ast":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"row"},"key":"tag"},"key":"tone"},"dependencies":["row.tag.tone"]}},{"kind":"attribute","name":"--ui-badge-color","expression":"row.tag.color","expressionPlan":{"source":"row.tag.color","ast":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"row"},"key":"tag"},"key":"color"},"dependencies":["row.tag.color"]},"target":"style"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', row.index, '-tag')","expressionPlan":{"source":"concat(uid, '-option-', row.index, '-tag')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},{"kind":"literal","value":"-tag"}]},"dependencies":["row.index","uid"]}}],"children":[{"kind":"text","value":"$row.tag.label","expressionPlan":{"source":"$row.tag.label","ast":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"row"},"key":"tag"},"key":"label"},"dependencies":["row.tag.label"]}}]}],"flow":{"kind":"if","test":"row.tag","testPlan":{"source":"row.tag","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"tag"},"dependencies":["row.tag"]}}}]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"description"},{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', row.index, '-description')","expressionPlan":{"source":"concat(uid, '-option-', row.index, '-description')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},{"kind":"literal","value":"-description"}]},"dependencies":["row.index","uid"]}}],"children":[{"kind":"text","value":"$row.description","expressionPlan":{"source":"$row.description","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"description"},"dependencies":["row.description"]}}],"flow":{"kind":"if","test":"row.description","testPlan":{"source":"row.description","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"description"},"dependencies":["row.description"]}}}],"flow":{"kind":"if","test":"row.detail","testPlan":{"source":"row.detail","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"detail"},"dependencies":["row.detail"]}}},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"primary"}],"children":[{"kind":"text","value":"$row.label","expressionPlan":{"source":"$row.label","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"label"},"dependencies":["row.label"]}}],"flow":{"kind":"if","test":"not row.detail","testPlan":{"source":"not row.detail","ast":{"kind":"unary","op":"not","operand":{"kind":"member","object":{"kind":"id","name":"row"},"key":"detail"}},"dependencies":["row.detail"]}}}],"nameExpression":{"source":"concat('option-', row.id)","ast":{"kind":"call","fn":"concat","args":[{"kind":"literal","value":"option-"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"id"}]},"dependencies":["row.id"]}}],"flow":{"kind":"each","item":"row","list":"group.rows","listPlan":{"source":"group.rows","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"rows"},"dependencies":["group.rows"]},"key":"row.id","keyPlan":{"source":"row.id","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"id"},"dependencies":["row.id"]}}}],"flow":{"kind":"each","item":"group","list":"groups","listPlan":{"source":"groups","ast":{"kind":"id","name":"groups"},"dependencies":["groups"]},"key":"group.name","keyPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"option"},{"kind":"attribute","name":"active","expression":"createIndex = active","expressionPlan":{"source":"createIndex = active","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"createIndex"},"right":{"kind":"id","name":"active"}},"dependencies":["active","createIndex"]},"target":"class"},{"kind":"literal","name":"role","value":"option"},{"kind":"literal","name":"data-ui-choice-option","value":""},{"kind":"attribute","name":"data-multiple","expression":"multiple","expressionPlan":{"source":"multiple","ast":{"kind":"id","name":"multiple"},"dependencies":["multiple"]}},{"kind":"literal","name":"aria-selected","value":"false"},{"kind":"attribute","name":"id","expression":"concat(uid, '-option-', createIndex)","expressionPlan":{"source":"concat(uid, '-option-', createIndex)","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-option-"},{"kind":"id","name":"createIndex"}]},"dependencies":["createIndex","uid"]}},{"kind":"attribute","name":"data-index","expression":"createIndex","expressionPlan":{"source":"createIndex","ast":{"kind":"id","name":"createIndex"},"dependencies":["createIndex"]}},{"kind":"directive","name":"value","expression":"concat('Create “', raw, '”')","expressionPlan":{"source":"concat('Create “', raw, '”')","ast":{"kind":"call","fn":"concat","args":[{"kind":"literal","value":"Create “"},{"kind":"id","name":"raw"},{"kind":"literal","value":"”"}]},"dependencies":["raw"]}}],"children":[],"flow":{"kind":"if","test":"creatable","testPlan":{"source":"creatable","ast":{"kind":"id","name":"creatable"},"dependencies":["creatable"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"}],"children":[{"kind":"text","value":"$message","expressionPlan":{"source":"$message","ast":{"kind":"id","name":"message"},"dependencies":["message"]}}],"flow":{"kind":"if","test":"message","testPlan":{"source":"message","ast":{"kind":"id","name":"message"},"dependencies":["message"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"}],"children":[{"kind":"slot","fallback":[{"kind":"text","value":"No suggestions."}],"name":"empty"}],"flow":{"kind":"if","test":"not loading and not rows.0 and not creatable and not lookupError","testPlan":{"source":"not loading and not rows.0 and not creatable and not lookupError","ast":{"kind":"binary","op":"and","left":{"kind":"binary","op":"and","left":{"kind":"binary","op":"and","left":{"kind":"unary","op":"not","operand":{"kind":"id","name":"loading"}},"right":{"kind":"unary","op":"not","operand":{"kind":"index","object":{"kind":"id","name":"rows"},"index":{"kind":"literal","value":0}}}},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"creatable"}}},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"lookupError"}}},"dependencies":["creatable","loading","lookupError","rows.0"]}}}],"ref":"listbox"},{"kind":"slot","fallback":[],"name":"footer"}],"ref":"popup"},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"},{"kind":"attribute","name":"id","expression":"concat(uid, '-validation')","expressionPlan":{"source":"concat(uid, '-validation')","ast":{"kind":"call","fn":"concat","args":[{"kind":"id","name":"uid"},{"kind":"literal","value":"-validation"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"hidden","expression":"not validation.issues.length","expressionPlan":{"source":"not validation.issues.length","ast":{"kind":"unary","op":"not","operand":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"validation"},"key":"issues"},"key":"length"}},"dependencies":["validation.issues.length"]}}],"children":[{"kind":"element","name":"div","attributes":[],"children":[{"kind":"text","value":"$issue.message","expressionPlan":{"source":"$issue.message","ast":{"kind":"member","object":{"kind":"id","name":"issue"},"key":"message"},"dependencies":["issue.message"]}}],"flow":{"kind":"each","item":"issue","list":"validation.issues","listPlan":{"source":"validation.issues","ast":{"kind":"member","object":{"kind":"id","name":"validation"},"key":"issues"},"dependencies":["validation.issues"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"sr-only"},{"kind":"literal","name":"role","value":"status"},{"kind":"literal","name":"aria-live","value":"polite"},{"kind":"literal","name":"aria-atomic","value":"true"}],"children":[{"kind":"text","value":"$statusText","expressionPlan":{"source":"$statusText","ast":{"kind":"id","name":"statusText"},"dependencies":["statusText"]}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"authored-options"},{"kind":"literal","name":"hidden","value":""},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[{"kind":"slot"}],"ref":"options"}]},"declarations":[{"kind":"state","name":"internalItems","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"raw","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"display","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"selected","shape":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"type":"string"},{"kind":"state","name":"expanded","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"rows","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"selected","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"active","type":"integer","value":"-1","expression":{"source":"-1","ast":{"kind":"unary","op":"-","operand":{"kind":"literal","value":1}},"dependencies":[]}},{"kind":"state","name":"helpOpen","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"lookupError","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"validation","shape":{"kind":"object","fields":[{"name":"status","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["pristine","pending","valid","warning","error"]},"optional":false},{"name":"touched","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"dirty","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"issues","type":{"kind":"list","item":{"kind":"object","fields":[{"name":"message","type":{"kind":"terminal","name":"string"},"optional":false}],"open":false}},"optional":false}],"open":true},"type":"object","value":"{ status: 'pristine', touched: false, dirty: false, issues: [] }","expression":{"source":"{\"status\":\"pristine\",\"touched\":false,\"dirty\":false,\"issues\":[]}","ast":{"kind":"object","pairs":[{"key":"status","value":{"kind":"literal","value":"pristine"}},{"key":"touched","value":{"kind":"literal","value":false}},{"key":"dirty","value":{"kind":"literal","value":false}},{"key":"issues","value":{"kind":"array","items":[]}}]},"dependencies":[]}},{"kind":"state","name":"uid","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"submitted","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"groups","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"name","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"role","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["group","presentation"]},"optional":false},{"name":"label","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"rows","type":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"selected","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"labelledBy","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"detail","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false}],"open":false}},"optional":false}],"open":false}},"type":"list","value":"[]","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"creatable","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"createIndex","type":"integer","value":"0","expression":{"source":"0","ast":{"kind":"literal","value":0},"dependencies":[]}},{"kind":"state","name":"message","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"statusText","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"validationStatus","type":"string","value":"pristine","expression":{"source":"\"pristine\"","ast":{"kind":"literal","value":"pristine"},"dependencies":[]}},{"kind":"event","name":"query-change","type":"object","shape":{"kind":"object","fields":[{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"display","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"value-change","type":"object","shape":{"kind":"object","fields":[{"name":"value","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"option","type":{"kind":"union","members":[{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"kind","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["selection","clear","free-entry","create"]},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"items-change","type":"list","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"free-entry","type":"object","shape":{"kind":"object","fields":[{"name":"value","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"option","type":{"kind":"union","members":[{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"kind","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["selection","clear","free-entry","create"]},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"create-entry","type":"object","shape":{"kind":"object","fields":[{"name":"value","type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"option","type":{"kind":"union","members":[{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},{"kind":"terminal","name":"null"}]},"optional":false},{"name":"kind","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["selection","clear","free-entry","create"]},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"validation-change","type":"object","shape":{"kind":"object","fields":[{"name":"status","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["pristine","pending","valid","warning","error"]},"optional":false},{"name":"touched","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"dirty","type":{"kind":"terminal","name":"boolean"},"optional":false},{"name":"issues","type":{"kind":"list","item":{"kind":"object","fields":[{"name":"message","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"path","type":{"kind":"list","item":{"kind":"terminal","name":"unknown"}},"optional":true},{"name":"severity","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["error","warning"]},"optional":true}],"open":false}},"optional":false},{"name":"output","type":{"kind":"terminal","name":"unknown"},"optional":true}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"options-change","type":"list","shape":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false}},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"add-item","type":"object","shape":{"kind":"object","fields":[{"name":"item","type":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},"optional":false},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"remove-item","type":"object","shape":{"kind":"object","fields":[{"name":"item","type":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true},{"name":"description","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"tag","type":{"kind":"object","fields":[{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"tone","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"]},"optional":true},{"name":"color","type":{"kind":"terminal","name":"string"},"optional":true}],"open":false},"optional":true}],"open":false},"optional":false},{"name":"index","type":{"kind":"terminal","name":"integer"},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"create-item","type":"object","shape":{"kind":"object","fields":[{"name":"query","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"selected-values-change","type":"object","shape":{"kind":"object","fields":[{"name":"selectedValues","type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"optional":false},{"name":"trigger","type":{"kind":"constrained","base":{"kind":"terminal","name":"keyword"},"values":["keyboard","pointer","programmatic"]},"optional":false}],"open":false},"bubbles":true,"composed":true,"cancelable":false}],"root":{"kind":"native","element":"div","choices":["div"]}},source:{file:import.meta.url},css:""};
+const T0 = ["",[],["label",[],0,1],["div",["class","control"],["div",["class","field"],["div",["class","entry"],4,1,["input",["role","combobox","aria-autocomplete","list","autocomplete","off"]]],1,1,1,1],1],1,["div",["class","popup"],["div",["role","listbox"],2,1,1,1],4],["div",["class","message"],2],["div",["class","sr-only","role","status","aria-live","polite","aria-atomic","true"],0],["div",["class","authored-options","hidden","","aria-hidden","true"],4]];
+const T1 = ["",[],"\n        *"];
+const T2 = ["",[]];
+const T3 = ["",[],2];
+const T4 = ["button",["class","item","type","button","tabindex","-1"],4];
+const T5 = ["",[],["ui-badge",[],0]];
+const T6 = ["input",["type","hidden"]];
+const T7 = ["",[],2];
+const T8 = ["input",["type","hidden"]];
+const T9 = ["button",["type","button","data-combobox-action","clear","aria-label","Clear"],["svg",["class","affordance-icon","aria-hidden","true","viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round"],["path",["d","M7 7l10 10M17 7 7 17"]]]];
+const T10 = ["button",["type","button","data-combobox-action","disclosure","tabindex","-1","aria-label","Show suggestions"],["svg",["class","affordance-icon","aria-hidden","true","viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2.25","stroke-linecap","round","stroke-linejoin","round"],["path",["d","m6 9 6 6 6-6"]]]];
+const T11 = ["button",["class","help","type","button","aria-label","Help"],["svg",["class","help-icon","aria-hidden","true","viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["circle",["cx","12","cy","12","r","10"]],["path",["d","M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3"]],["path",["d","M12 17h.01"]]]];
+const T12 = ["ui-tooltip",["trigger","click"],0];
+const T13 = ["div",[],1,2];
+const T14 = ["div",["class","group"],0];
+const T15 = ["div",["class","option","role","option","data-ui-choice-option",""],4];
+const T16 = ["",[],1,1];
+const T17 = ["span",["class","detail"],["span",["class","line"],["span",["class","primary"],0],1],1];
+const T18 = ["ui-badge",[],["span",[],0]];
+const T19 = ["span",["class","description"],0];
+const T20 = ["span",["class","primary"],0];
+const T21 = ["div",["class","option","role","option","data-ui-choice-option","","aria-selected","false"],0];
+const T22 = ["div",["class","message"],0];
+const T23 = ["div",["class","message"],4];
+const T24 = ["",[],"No suggestions."];
+const T25 = ["",[]];
+const T26 = ["div",[],0];
+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 C = (host) => controller.default(host);
 
-export function createUiCombobox(options = {}) {
+export function createUiCombobox(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
-  const projected = [];
   const element = document.createElement("div");
   for (const [name, value] of Object.entries(attributes)) {
     if (value === null || value === undefined || value === false) continue;
     element.setAttribute(name, value === true ? "" : String(value));
   }
   element.setAttribute("data-component", "ui-combobox");
-  const element0 = document.createElement("label");
-  const text1 = document.createTextNode("");
-  element0.append(text1);
-  const element2 = document.createElement("template");
-  element2.append("\n        *");
-  element0.append(element2);
-  element.append(element0);
-  const element3 = document.createElement("div");
-  element3.setAttribute("class", "control");
-  const element4 = document.createElement("div");
-  element4.setAttribute("class", "field");
-  const element5 = document.createElement("div");
-  element5.setAttribute("class", "entry");
-  if (slots["start"] ?? [].length > 0) {
-    for (const child of slots["start"] ?? []) {
-      const node = typeof child === "string" ? document.createTextNode(child) : child;
-      if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-      projected.push([node, "start"]);
-      element5.append(node);
-    }
-  } else {
-  }
-  const element6 = document.createElement("template");
-  const element7 = document.createElement("button");
-  element7.setAttribute("class", "item");
-  element7.setAttribute("type", "button");
-  element7.setAttribute("tabindex", "-1");
-  if (children.length > 0) {
-    for (const child of children) {
-      const node = typeof child === "string" ? document.createTextNode(child) : child;
-      if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-      projected.push([node, ""]);
-      element7.append(node);
-    }
-  } else {
-  const element8 = document.createElement("ui-badge");
-  const text9 = document.createTextNode("");
-  element8.append(text9);
-  element7.append(element8);
-  }
-  element6.append(element7);
-  element5.append(element6);
-  const element10 = document.createElement("input");
-  element10.setAttribute("role", "combobox");
-  element10.setAttribute("aria-autocomplete", "list");
-  element10.setAttribute("autocomplete", "off");
-  const value0 = componentProps["placeholder"] === undefined ? "" : componentProps["placeholder"];
-  if (value0 === null || value0 === undefined) element10.removeAttribute("placeholder");
-  else element10.setAttribute("placeholder", String(value0));
-  const value1 = componentProps["disabled"] === undefined ? false : componentProps["disabled"];
-  if (value1 === true) element10.setAttribute("disabled", "");
-  else element10.removeAttribute("disabled");
-  const value2 = componentProps["readonly"] === undefined ? false : componentProps["readonly"];
-  if (value2 === true) element10.setAttribute("readonly", "");
-  else element10.removeAttribute("readonly");
-  element5.append(element10);
-  element4.append(element5);
-  const element11 = document.createElement("input");
-  element11.setAttribute("type", "hidden");
-  const value3 = componentProps["name"] === undefined ? "" : componentProps["name"];
-  if (value3 === null || value3 === undefined) element11.removeAttribute("name");
-  else element11.setAttribute("name", String(value3));
-  const value4 = componentProps["disabled"] === undefined ? false : componentProps["disabled"];
-  if (value4 === true) element11.setAttribute("disabled", "");
-  else element11.removeAttribute("disabled");
-  element4.append(element11);
-  const element12 = document.createElement("template");
-  const element13 = document.createElement("input");
-  element13.setAttribute("type", "hidden");
-  const value5 = componentProps["name"] === undefined ? "" : componentProps["name"];
-  if (value5 === null || value5 === undefined) element13.removeAttribute("name");
-  else element13.setAttribute("name", String(value5));
-  const value6 = componentProps["disabled"] === undefined ? false : componentProps["disabled"];
-  if (value6 === true) element13.setAttribute("disabled", "");
-  else element13.removeAttribute("disabled");
-  element12.append(element13);
-  element4.append(element12);
-  const element14 = document.createElement("button");
-  element14.setAttribute("type", "button");
-  element14.setAttribute("data-combobox-action", "clear");
-  element14.setAttribute("aria-label", "Clear");
-  const element15 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  element15.setAttribute("class", "affordance-icon");
-  element15.setAttribute("aria-hidden", "true");
-  element15.setAttribute("viewBox", "0 0 24 24");
-  element15.setAttribute("fill", "none");
-  element15.setAttribute("stroke", "currentColor");
-  element15.setAttribute("stroke-width", "2");
-  element15.setAttribute("stroke-linecap", "round");
-  const element16 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element16.setAttribute("d", "M7 7l10 10M17 7 7 17");
-  element15.append(element16);
-  element14.append(element15);
-  element4.append(element14);
-  const element17 = document.createElement("button");
-  element17.setAttribute("type", "button");
-  element17.setAttribute("data-combobox-action", "disclosure");
-  element17.setAttribute("tabindex", "-1");
-  element17.setAttribute("aria-label", "Show suggestions");
-  const element18 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  element18.setAttribute("class", "affordance-icon");
-  element18.setAttribute("aria-hidden", "true");
-  element18.setAttribute("viewBox", "0 0 24 24");
-  element18.setAttribute("fill", "none");
-  element18.setAttribute("stroke", "currentColor");
-  element18.setAttribute("stroke-width", "2.25");
-  element18.setAttribute("stroke-linecap", "round");
-  element18.setAttribute("stroke-linejoin", "round");
-  const element19 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element19.setAttribute("d", "m6 9 6 6 6-6");
-  element18.append(element19);
-  element17.append(element18);
-  element4.append(element17);
-  element3.append(element4);
-  const element20 = document.createElement("button");
-  element20.setAttribute("class", "help");
-  element20.setAttribute("type", "button");
-  element20.setAttribute("aria-label", "Help");
-  const value7 = componentProps["disabled"] === undefined ? false : componentProps["disabled"];
-  if (value7 === true) element20.setAttribute("disabled", "");
-  else element20.removeAttribute("disabled");
-  const element21 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  element21.setAttribute("class", "help-icon");
-  element21.setAttribute("aria-hidden", "true");
-  element21.setAttribute("viewBox", "0 0 24 24");
-  element21.setAttribute("fill", "none");
-  element21.setAttribute("stroke", "currentColor");
-  element21.setAttribute("stroke-width", "2");
-  element21.setAttribute("stroke-linecap", "round");
-  element21.setAttribute("stroke-linejoin", "round");
-  const element22 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-  element22.setAttribute("cx", "12");
-  element22.setAttribute("cy", "12");
-  element22.setAttribute("r", "10");
-  element21.append(element22);
-  const element23 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element23.setAttribute("d", "M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3");
-  element21.append(element23);
-  const element24 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element24.setAttribute("d", "M12 17h.01");
-  element21.append(element24);
-  element20.append(element21);
-  element3.append(element20);
-  element.append(element3);
-  const element25 = document.createElement("ui-tooltip");
-  element25.setAttribute("trigger", "click");
-  const text26 = document.createTextNode("");
-  element25.append(text26);
-  element.append(element25);
-  const element27 = document.createElement("div");
-  element27.setAttribute("class", "popup");
-  const element28 = document.createElement("div");
-  element28.setAttribute("role", "listbox");
-  const value8 = componentProps["loading"] === undefined ? false : componentProps["loading"];
-  if (typeof value8 === "boolean") element28.setAttribute("aria-busy", String(value8));
-  else element28.removeAttribute("aria-busy");
-  const element29 = document.createElement("div");
-  const element30 = document.createElement("div");
-  element30.setAttribute("class", "group");
-  const text31 = document.createTextNode("");
-  element30.append(text31);
-  element29.append(element30);
-  const element32 = document.createElement("div");
-  element32.setAttribute("class", "option");
-  element32.setAttribute("role", "option");
-  element32.setAttribute("data-ui-choice-option", "");
-  const value9 = componentProps["multiple"] === undefined ? false : componentProps["multiple"];
-  if (value9 === true) element32.setAttribute("data-multiple", "");
-  else element32.removeAttribute("data-multiple");
-  if (children.length > 0) {
-    for (const child of children) {
-      const node = typeof child === "string" ? document.createTextNode(child) : child;
-      if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-      projected.push([node, ""]);
-      element32.append(node);
-    }
-  } else {
-  const element33 = document.createElement("span");
-  element33.setAttribute("class", "detail");
-  const element34 = document.createElement("span");
-  element34.setAttribute("class", "line");
-  const element35 = document.createElement("span");
-  element35.setAttribute("class", "primary");
-  const text36 = document.createTextNode("");
-  element35.append(text36);
-  element34.append(element35);
-  const element37 = document.createElement("ui-badge");
-  const element38 = document.createElement("span");
-  const text39 = document.createTextNode("");
-  element38.append(text39);
-  element37.append(element38);
-  element34.append(element37);
-  element33.append(element34);
-  const element40 = document.createElement("span");
-  element40.setAttribute("class", "description");
-  const text41 = document.createTextNode("");
-  element40.append(text41);
-  element33.append(element40);
-  element32.append(element33);
-  const element42 = document.createElement("span");
-  element42.setAttribute("class", "primary");
-  const text43 = document.createTextNode("");
-  element42.append(text43);
-  element32.append(element42);
-  }
-  element29.append(element32);
-  element28.append(element29);
-  const element44 = document.createElement("div");
-  element44.setAttribute("class", "option");
-  element44.setAttribute("role", "option");
-  element44.setAttribute("data-ui-choice-option", "");
-  const value10 = componentProps["multiple"] === undefined ? false : componentProps["multiple"];
-  if (value10 === true) element44.setAttribute("data-multiple", "");
-  else element44.removeAttribute("data-multiple");
-  element44.setAttribute("aria-selected", "false");
-  element28.append(element44);
-  const element45 = document.createElement("div");
-  element45.setAttribute("class", "message");
-  const text46 = document.createTextNode("");
-  element45.append(text46);
-  element28.append(element45);
-  const element47 = document.createElement("div");
-  element47.setAttribute("class", "message");
-  if (slots["empty"] ?? [].length > 0) {
-    for (const child of slots["empty"] ?? []) {
-      const node = typeof child === "string" ? document.createTextNode(child) : child;
-      if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-      projected.push([node, "empty"]);
-      element47.append(node);
-    }
-  } else {
-  element47.append("No suggestions.");
-  }
-  element28.append(element47);
-  element27.append(element28);
-  if (slots["footer"] ?? [].length > 0) {
-    for (const child of slots["footer"] ?? []) {
-      const node = typeof child === "string" ? document.createTextNode(child) : child;
-      if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-      projected.push([node, "footer"]);
-      element27.append(node);
-    }
-  } else {
-  }
-  element.append(element27);
-  const element48 = document.createElement("div");
-  element48.setAttribute("class", "message");
-  const element49 = document.createElement("div");
-  const text50 = document.createTextNode("");
-  element49.append(text50);
-  element48.append(element49);
-  element.append(element48);
-  const element51 = document.createElement("div");
-  element51.setAttribute("class", "sr-only");
-  element51.setAttribute("role", "status");
-  element51.setAttribute("aria-live", "polite");
-  element51.setAttribute("aria-atomic", "true");
-  const text52 = document.createTextNode("");
-  element51.append(text52);
-  element.append(element51);
-  const element53 = document.createElement("div");
-  element53.setAttribute("class", "authored-options");
-  element53.setAttribute("hidden", "");
-  element53.setAttribute("aria-hidden", "true");
-  if (children.length > 0) {
-    for (const child of children) {
-      const node = typeof child === "string" ? document.createTextNode(child) : child;
-      if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-      projected.push([node, ""]);
-      element53.append(node);
-    }
-  } else {
-  }
-  element.append(element53);
-  manageComponentLifecycle(element, definition, { props: componentProps, projected,
-    controller,
-  });
+  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 B = acceptProps(element, D, S.n, v, componentProps, [], html);
+  v[6] = negate(1, undefined);
+  const m1 = (d) => {
+    const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
+    const r = { n };
+    p1(r, -1, d);
+    return r;
+  };
+  const p1 = (r, c, d) => {
+  };
+  const m2 = (d) => {
+    const n = (P2 ??= buildTemplate(T2)).cloneNode(true);
+    const r = { n };
+    p2(r, -1, d);
+    return r;
+  };
+  const p2 = (r, c, d) => {
+  };
+  const m3 = (d) => {
+    const n = (P3 ??= buildTemplate(T3)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, L0: new PositionalList(t0, t0.nextSibling, m4, p4, (o) => readMember(o, "id"), "item") };
+    r.z = [() => { for (const row of r.L0.r) dispose(row); }];
+    p3(r, -1, d);
+    return r;
+  };
+  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);
+  };
+  const m4 = (o, j, l) => {
+    const n = (P4 ??= buildTemplate(T4)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { k: undefined, i: o, n, x: 0, y: 0, j, l, w: 0, v0: null, v1: null, v2: null, a1: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p4(r, -1, E);
+    return r;
+  };
+  const p4 = (r, c, d) => {
+    const o = r.i;
+    if (c & 1073741824) {
+      r.w = 0;
+      const x0 = r.j;
+      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"))));
+      const s1 = toAttribute(x1, "disabled");
+      if (s1 !== r.v1) writeAttribute(r.n, "disabled", r.v1 = s1);
+    }
+    if (c & 1073741824) {
+      const x2 = textCall("concat", [trackContainer(r, readMember(o, "label")), ", press Delete or Backspace to remove"]);
+      if (x2 !== NONCONFORMING) {
+        const s2 = toAttribute(x2, "aria-label");
+        if (s2 !== r.v2) writeAttribute(r.n, "aria-label", r.v2 = s2);
+      }
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a1, r.e0, toText(textCall("concat", ["item-", trackContainer(r, readMember(o, "id"))])), J, true, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m5(d, undefined, r); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p5(r.b0, c, d);
+  };
+  const m5 = (d, o, u) => {
+    const n = (P5 ??= buildTemplate(T5)).cloneNode(true);
+    const t0 = n.firstChild.firstChild;
+    const r = { n, u, a0: t0, w: 0, v0: "" };
+    p5(r, -1, d);
+    return r;
+  };
+  const p5 = (r, c, d) => {
+    if (c & 1073741824) {
+      r.w = 0;
+      const x0 = trackContainer(r, readMember(r.u.i, "label"));
+      const s0 = toText(x0);
+      if (s0 !== r.v0) r.a0.data = r.v0 = s0;
+    }
+  };
+  const m6 = (d) => {
+    const n = (P6 ??= buildTemplate(T6)).cloneNode(true);
+    const r = { n, v0: null, v1: null, v2: null };
+    p6(r, -1, d);
+    return r;
+  };
+  const p6 = (r, c, d) => {
+    if (c & 536870912) {
+      const x0 = v[32];
+      const s0 = toAttribute(x0, "name");
+      if (s0 !== r.v0) writeAttribute(r.n, "name", r.v0 = s0);
+    }
+    if (c & 2048) {
+      const x1 = v[11];
+      const s1 = toAttribute(x1, "value");
+      if (s1 !== r.v1) writeAttribute(r.n, "value", r.v1 = s1);
+    }
+    if (c & 4194304) {
+      const x2 = v[22];
+      const s2 = toAttribute(x2, "disabled");
+      if (s2 !== r.v2) writeAttribute(r.n, "disabled", r.v2 = s2);
+    }
+  };
+  const m7 = (d) => {
+    const n = (P7 ??= buildTemplate(T7)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, L0: new KeyedList(t0, t0.nextSibling, m8, p8, (o) => readMember(o, "id"), "item") };
+    p7(r, -1, d);
+    return r;
+  };
+  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);
+  };
+  const m8 = (o, j, l) => {
+    const n = (P8 ??= buildTemplate(T8)).cloneNode(true);
+    const r = { k: undefined, i: o, n, x: 0, y: 0, w: 0, v0: null, v1: null, v2: null };
+    p8(r, -1, E);
+    return r;
+  };
+  const p8 = (r, c, d) => {
+    const o = r.i;
+    if (c & 1073741824) r.w = 0;
+    if (c & 536870912) {
+      const x0 = v[32];
+      const s0 = toAttribute(x0, "name");
+      if (s0 !== r.v0) writeAttribute(r.n, "name", r.v0 = s0);
+    }
+    if (c & 1073741824) {
+      const x1 = trackContainer(r, readMember(o, "value"));
+      const s1 = toAttribute(x1, "value");
+      if (s1 !== r.v1) writeAttribute(r.n, "value", r.v1 = s1);
+    }
+    if (c & 4194304) {
+      const x2 = v[22];
+      const s2 = toAttribute(x2, "disabled");
+      if (s2 !== r.v2) writeAttribute(r.n, "disabled", r.v2 = s2);
+    }
+  };
+  const m9 = (d) => {
+    const n = (P9 ??= buildTemplate(T9)).cloneNode(true);
+    const r = { n, v0: null };
+    p9(r, -1, d);
+    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))));
+      const s0 = toAttribute(x0, "disabled");
+      if (s0 !== r.v0) writeAttribute(r.n, "disabled", r.v0 = s0);
+    }
+  };
+  const m10 = (d) => {
+    const n = (P10 ??= buildTemplate(T10)).cloneNode(true);
+    const r = { n, v0: null, v1: null };
+    p10(r, -1, d);
+    return r;
+  };
+  const p10 = (r, c, d) => {
+    if (c & 1024) {
+      const x0 = textCall("concat", [v[10], "-listbox"]);
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "aria-controls");
+        if (s0 !== r.v0) writeAttribute(r.n, "aria-controls", r.v0 = s0);
+      }
+    }
+    if (c & 541065216) {
+      const x1 = (truthy(v[22]) || truthy(v[36]));
+      const s1 = toAttribute(x1, "disabled");
+      if (s1 !== r.v1) writeAttribute(r.n, "disabled", r.v1 = s1);
+    }
+  };
+  const m11 = (d) => {
+    const n = (P11 ??= buildTemplate(T11)).cloneNode(true);
+    const r = { n, v0: null, v1: null };
+    p11(r, -1, d);
+    return r;
+  };
+  const p11 = (r, c, d) => {
+    if (c & 1024) {
+      const x0 = textCall("concat", [v[10], "-help"]);
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "id");
+        if (s0 !== r.v0) writeAttribute(r.n, "id", r.v0 = s0);
+      }
+    }
+    if (c & 4194304) {
+      const x1 = v[22];
+      const s1 = toAttribute(x1, "disabled");
+      if (s1 !== r.v1) writeAttribute(r.n, "disabled", r.v1 = s1);
+    }
+  };
+  const m12 = (d) => {
+    const n = (P12 ??= buildTemplate(T12)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, a1: t0, v0: null, v1: null, v2: "" };
+    p12(r, -1, d);
+    return r;
+  };
+  const p12 = (r, c, d) => {
+    if (c & 1024) {
+      const x0 = textCall("concat", [v[10], "-help-text"]);
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "id");
+        if (s0 !== r.v0) writeAttribute(r.n, "id", r.v0 = s0);
+      }
+      const x1 = textCall("concat", [v[10], "-help"]);
+      if (x1 !== NONCONFORMING) {
+        const s1 = toAttribute(x1, "for");
+        if (s1 !== r.v1) writeAttribute(r.n, "for", r.v1 = s1);
+      }
+    }
+    if (c & 33554432) {
+      const x2 = v[25];
+      const s2 = toText(x2);
+      if (s2 !== r.v2) r.a1.data = r.v2 = s2;
+    }
+  };
+  const m13 = (o, j, l) => {
+    const n = (P13 ??= buildTemplate(T13)).cloneNode(true);
+    const t0 = n.firstChild;
+    const t1 = t0.nextSibling.nextSibling;
+    const r = { k: undefined, i: o, n, x: 0, y: 0, w: 0, v0: null, v1: null, a1: t0, e0: t0.nextSibling, b0: undefined, q0: undefined, L1: new KeyedList(t1, t1.nextSibling, m15, p15, (o) => readMember(o, "id"), "row") };
+    r.z = [() => { for (const row of r.L1.r) dispose(row); }];
+    p13(r, -1, E);
+    return r;
+  };
+  const p13 = (r, c, d) => {
+    const o = r.i;
+    if (c & 1073741824) {
+      r.w = 0;
+      const x0 = trackContainer(r, readMember(o, "role"));
+      const s0 = toAttribute(x0, "role");
+      if (s0 !== r.v0) writeAttribute(r.n, "role", r.v0 = s0);
+      const x1 = trackContainer(r, readMember(o, "label"));
+      const s1 = toAttribute(x1, "aria-label");
+      if (s1 !== r.v1) writeAttribute(r.n, "aria-label", r.v1 = s1);
+    }
+    if (c & 1073741824) {
+      const f1 = [];
+      const t0 = truthy(recLength(f1, trackContainer(r, rec(f1, readMember(rec(f1, o), "name")))));
+      if (c === -1 || readsChanged(r.q0, f1)) {
+        r.q0 = f1;
+        {
+          r.b0 = undefined;
+          clearRegion(r.a1, r.e0);
+          if (t0) { r.b0 = m14(d, undefined, r); r.e0.before(r.b0.n); }
+        }
+      } else if (r.b0 !== undefined) p14(r.b0, c, d);
+    } else if (r.b0 !== undefined) p14(r.b0, c, d);
+    if (c & 1073741824) r.L1.update(readMember(o, "rows"), d, c);
+    if (c !== -1 && c & 536872000) r.L1.each(c, d);
+  };
+  const m14 = (d, o, u) => {
+    const n = (P14 ??= buildTemplate(T14)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, u, a0: t0, w: 0, v0: "" };
+    p14(r, -1, d);
+    return r;
+  };
+  const p14 = (r, c, d) => {
+    if (c & 1073741824) {
+      r.w = 0;
+      const x0 = trackContainer(r, readMember(r.u.i, "name"));
+      const s0 = toText(x0);
+      if (s0 !== r.v0) r.a0.data = r.v0 = s0;
+    }
+  };
+  const m15 = (o, j, l) => {
+    const n = (P15 ??= buildTemplate(T15)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { k: undefined, i: o, n, x: 0, y: 0, w: 0, v0: false, v1: null, v2: null, v3: null, v4: null, v5: null, v6: null, v7: null, a1: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p15(r, -1, E);
+    return r;
+  };
+  const p15 = (r, c, d) => {
+    const o = r.i;
+    if (c & 1073741824) r.w = 0;
+    if (c & 1073741888) {
+      const x0 = (checkReference(S, v[6], "i", "expression:$row.index = $active:active", "Reference `active` must satisfy integer.") ? (readMember(o, "index") === v[6]) : NONCONFORMING);
+      if (x0 !== NONCONFORMING) {
+        const s0 = x0;
+        if (s0 !== r.v0) r.n.classList.toggle("active", r.v0 = s0);
+      }
+    }
+    if (c & 536870912) {
+      const x1 = v[31];
+      const s1 = toAttribute(x1, "data-multiple");
+      if (s1 !== r.v1) writeAttribute(r.n, "data-multiple", r.v1 = s1);
+    }
+    if (c & 1073742848) {
+      const x2 = textCall("concat", [v[10], "-option-", trackContainer(r, readMember(o, "index"))]);
+      if (x2 !== NONCONFORMING) {
+        const s2 = toAttribute(x2, "id");
+        if (s2 !== r.v2) writeAttribute(r.n, "id", r.v2 = s2);
+      }
+    }
+    if (c & 1073741824) {
+      const x3 = trackContainer(r, readMember(o, "selected"));
+      const s3 = toAttribute(x3, "aria-selected");
+      if (s3 !== r.v3) writeAttribute(r.n, "aria-selected", r.v3 = s3);
+      const x4 = trackContainer(r, readMember(o, "disabled"));
+      const s4 = toAttribute(x4, "aria-disabled");
+      if (s4 !== r.v4) writeAttribute(r.n, "aria-disabled", r.v4 = s4);
+      const x5 = trackContainer(r, readMember(o, "index"));
+      const s5 = toAttribute(x5, "data-index");
+      if (s5 !== r.v5) writeAttribute(r.n, "data-index", r.v5 = s5);
+      const x6 = trackContainer(r, readMember(o, "labelledBy"));
+      const s6 = toAttribute(x6, "aria-labelledby");
+      if (s6 !== r.v6) writeAttribute(r.n, "aria-labelledby", r.v6 = s6);
+      const x7 = trackContainer(r, readMember(o, "detail"));
+      const s7 = toAttribute(x7, "aria-describedby");
+      if (s7 !== r.v7) writeAttribute(r.n, "aria-describedby", r.v7 = s7);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a1, r.e0, toText(textCall("concat", ["option-", trackContainer(r, readMember(o, "id"))])), J, true, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m16(d, undefined, r); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p16(r.b0, c, d);
+  };
+  const m16 = (d, o, u) => {
+    const n = (P16 ??= buildTemplate(T16)).cloneNode(true);
+    const t0 = n.firstChild;
+    const t1 = t0.nextSibling.nextSibling;
+    const r = { n, u, a0: t0, e0: t0.nextSibling, b0: undefined, q0: undefined, a1: t1, e1: t1.nextSibling, b1: undefined, q1: undefined };
+    p16(r, -1, d);
+    return r;
+  };
+  const p16 = (r, c, d) => {
+    if (c & 1073741824) {
+      const f2 = [];
+      const t0 = truthy(recLength(f2, trackContainer(r, rec(f2, readMember(rec(f2, r.u.i), "detail")))));
+      if (c === -1 || readsChanged(r.q0, f2)) {
+        r.q0 = f2;
+        {
+          r.b0 = undefined;
+          clearRegion(r.a0, r.e0);
+          if (t0) { r.b0 = m17(d, undefined, r); r.e0.before(r.b0.n); }
+        }
+      } else if (r.b0 !== undefined) p17(r.b0, c, d);
+    } else if (r.b0 !== undefined) p17(r.b0, c, d);
+    if (c & 1073741824) {
+      const f5 = [];
+      const t1 = !truthy(recLength(f5, trackContainer(r, rec(f5, readMember(rec(f5, r.u.i), "detail")))));
+      if (c === -1 || readsChanged(r.q1, f5)) {
+        r.q1 = f5;
+        {
+          r.b1 = undefined;
+          clearRegion(r.a1, r.e1);
+          if (t1) { r.b1 = m20(d, undefined, r); r.e1.before(r.b1.n); }
+        }
+      } else if (r.b1 !== undefined) p20(r.b1, c, d);
+    } else if (r.b1 !== undefined) p20(r.b1, c, d);
+  };
+  const m17 = (d, o, u) => {
+    const n = (P17 ??= buildTemplate(T17)).cloneNode(true);
+    const t0 = n.firstChild;
+    const t1 = t0.firstChild;
+    const t2 = t1.firstChild;
+    const t3 = t1.nextSibling;
+    const t4 = t0.nextSibling;
+    const r = { n, u, a0: t1, a1: t2, w: 0, v0: null, v1: "", a2: t3, e0: t3.nextSibling, b0: undefined, q0: undefined, a3: t4, e1: t4.nextSibling, b1: undefined, q1: undefined };
+    p17(r, -1, d);
+    return r;
+  };
+  const p17 = (r, c, d) => {
+    if (c & 1073741824) r.w = 0;
+    if (c & 1073742848) {
+      const x0 = textCall("concat", [v[10], "-option-", trackContainer(r, readMember(r.u.u.i, "index")), "-label"]);
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "id");
+        if (s0 !== r.v0) writeAttribute(r.a0, "id", r.v0 = s0);
+      }
+    }
+    if (c & 1073741824) {
+      const x1 = trackContainer(r, readMember(r.u.u.i, "label"));
+      const s1 = toText(x1);
+      if (s1 !== r.v1) r.a1.data = r.v1 = s1;
+    }
+    if (c & 1073741824) {
+      const f3 = [];
+      const t0 = truthy(recLength(f3, trackContainer(r, rec(f3, readMember(rec(f3, r.u.u.i), "tag")))));
+      if (c === -1 || readsChanged(r.q0, f3)) {
+        r.q0 = f3;
+        {
+          r.b0 = undefined;
+          clearRegion(r.a2, r.e0);
+          if (t0) { r.b0 = m18(d, undefined, r); r.e0.before(r.b0.n); }
+        }
+      } else if (r.b0 !== undefined) p18(r.b0, c, d);
+    } else if (r.b0 !== undefined) p18(r.b0, c, d);
+    if (c & 1073741824) {
+      const f4 = [];
+      const t1 = truthy(recLength(f4, trackContainer(r, rec(f4, readMember(rec(f4, r.u.u.i), "description")))));
+      if (c === -1 || readsChanged(r.q1, f4)) {
+        r.q1 = f4;
+        {
+          r.b1 = undefined;
+          clearRegion(r.a3, r.e1);
+          if (t1) { r.b1 = m19(d, undefined, r); r.e1.before(r.b1.n); }
+        }
+      } else if (r.b1 !== undefined) p19(r.b1, c, d);
+    } else if (r.b1 !== undefined) p19(r.b1, c, d);
+  };
+  const m18 = (d, o, u) => {
+    const n = (P18 ??= buildTemplate(T18)).cloneNode(true);
+    const t0 = n.firstChild;
+    const t1 = t0.firstChild;
+    const r = { n, u, a1: t0, a2: t1, w: 0, v0: null, v1: undefined, v2: null, v3: "" };
+    p18(r, -1, d);
+    return r;
+  };
+  const p18 = (r, c, d) => {
+    if (c & 1073741824) {
+      r.w = 0;
+      const x0 = trackContainer(r, readMember(readMember(r.u.u.u.i, "tag"), "tone"));
+      const s0 = toAttribute(x0, "tone");
+      if (s0 !== r.v0) writeAttribute(r.n, "tone", r.v0 = s0);
+      const x1 = trackContainer(r, readMember(readMember(r.u.u.u.i, "tag"), "color"));
+      const s1 = toText(x1);
+      if (s1 !== r.v1) r.n.style.setProperty("--ui-badge-color", r.v1 = s1);
+      const x2 = trackContainer(r, readMember(readMember(r.u.u.u.i, "tag"), "label"));
+      const s3 = toText(x2);
+      if (s3 !== r.v3) r.a2.data = r.v3 = s3;
+    }
+    if (c & 1073742848) {
+      const x3 = textCall("concat", [v[10], "-option-", trackContainer(r, readMember(r.u.u.u.i, "index")), "-tag"]);
+      if (x3 !== NONCONFORMING) {
+        const s2 = toAttribute(x3, "id");
+        if (s2 !== r.v2) writeAttribute(r.a1, "id", r.v2 = s2);
+      }
+    }
+  };
+  const m19 = (d, o, u) => {
+    const n = (P19 ??= buildTemplate(T19)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, u, a1: t0, w: 0, v0: null, v1: "" };
+    p19(r, -1, d);
+    return r;
+  };
+  const p19 = (r, c, d) => {
+    if (c & 1073741824) r.w = 0;
+    if (c & 1073742848) {
+      const x0 = textCall("concat", [v[10], "-option-", trackContainer(r, readMember(r.u.u.u.i, "index")), "-description"]);
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "id");
+        if (s0 !== r.v0) writeAttribute(r.n, "id", r.v0 = s0);
+      }
+    }
+    if (c & 1073741824) {
+      const x1 = trackContainer(r, readMember(r.u.u.u.i, "description"));
+      const s1 = toText(x1);
+      if (s1 !== r.v1) r.a1.data = r.v1 = s1;
+    }
+  };
+  const m20 = (d, o, u) => {
+    const n = (P20 ??= buildTemplate(T20)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, u, a0: t0, w: 0, v0: "" };
+    p20(r, -1, d);
+    return r;
+  };
+  const p20 = (r, c, d) => {
+    if (c & 1073741824) {
+      r.w = 0;
+      const x0 = trackContainer(r, readMember(r.u.u.i, "label"));
+      const s0 = toText(x0);
+      if (s0 !== r.v0) r.a0.data = r.v0 = s0;
+    }
+  };
+  const m21 = (d) => {
+    const n = (P21 ??= buildTemplate(T21)).cloneNode(true);
+    const r = { n, v0: false, v1: null, v2: null, v3: null, v4: undefined };
+    p21(r, -1, d);
+    return r;
+  };
+  const p21 = (r, c, d) => {
+    if (c & 16448) {
+      const x0 = (checkReference(S, v[6], "i", "expression:$createIndex = $active:active", "Reference `active` must satisfy integer.") ? (v[14] === v[6]) : NONCONFORMING);
+      if (x0 !== NONCONFORMING) {
+        const s0 = x0;
+        if (s0 !== r.v0) r.n.classList.toggle("active", r.v0 = s0);
+      }
+    }
+    if (c & 536870912) {
+      const x1 = v[31];
+      const s1 = toAttribute(x1, "data-multiple");
+      if (s1 !== r.v1) writeAttribute(r.n, "data-multiple", r.v1 = s1);
+    }
+    if (c & 17408) {
+      const x2 = textCall("concat", [v[10], "-option-", v[14]]);
+      if (x2 !== NONCONFORMING) {
+        const s2 = toAttribute(x2, "id");
+        if (s2 !== r.v2) writeAttribute(r.n, "id", r.v2 = s2);
+      }
+    }
+    if (c & 16384) {
+      const x3 = v[14];
+      const s3 = toAttribute(x3, "data-index");
+      if (s3 !== r.v3) writeAttribute(r.n, "data-index", r.v3 = s3);
+    }
+    if (c & 2) {
+      const x4 = textCall("concat", ["Create “", v[1], "”"]);
+      if (x4 !== NONCONFORMING) {
+        const s4 = toText(x4);
+        if (s4 !== r.v4) writeText(r.n, r.v4 = s4);
+      }
+    }
+  };
+  const m22 = (d) => {
+    const n = (P22 ??= buildTemplate(T22)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, a0: t0, v0: "" };
+    p22(r, -1, d);
+    return r;
+  };
+  const p22 = (r, c, d) => {
+    if (c & 32768) {
+      const x0 = v[15];
+      const s0 = toText(x0);
+      if (s0 !== r.v0) r.a0.data = r.v0 = s0;
+    }
+  };
+  const m23 = (d) => {
+    const n = (P23 ??= buildTemplate(T23)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p23(r, -1, d);
+    return r;
+  };
+  const p23 = (r, c, d) => {
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "empty", J, true, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m24(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p24(r.b0, c, d);
+  };
+  const m24 = (d) => {
+    const n = (P24 ??= buildTemplate(T24)).cloneNode(true);
+    const r = { n };
+    p24(r, -1, d);
+    return r;
+  };
+  const p24 = (r, c, d) => {
+  };
+  const m25 = (d) => {
+    const n = (P25 ??= buildTemplate(T25)).cloneNode(true);
+    const r = { n };
+    p25(r, -1, d);
+    return r;
+  };
+  const p25 = (r, c, d) => {
+  };
+  const m26 = (o, j, l) => {
+    const n = (P26 ??= buildTemplate(T26)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { k: undefined, i: o, n, x: 0, y: 0, a0: t0, w: 0, v0: "" };
+    p26(r, -1, E);
+    return r;
+  };
+  const p26 = (r, c, d) => {
+    const o = r.i;
+    if (c & 1073741824) {
+      r.w = 0;
+      const x0 = trackContainer(r, readMember(o, "message"));
+      const s0 = toText(x0);
+      if (s0 !== r.v0) r.a0.data = r.v0 = s0;
+    }
+  };
+  const m27 = (d) => {
+    const n = (P27 ??= buildTemplate(T27)).cloneNode(true);
+    const r = { n };
+    p27(r, -1, d);
+    return r;
+  };
+  const p27 = (r, c, d) => {
+  };
+  const p0 = (r, c, d) => {
+    if (c & 1024) {
+      const x0 = textCall("concat", [v[10], "-input"]);
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "for");
+        if (s0 !== r.v0) writeAttribute(r.a0, "for", r.v0 = s0);
+      }
+      if (x0 !== NONCONFORMING) {
+        const s3 = toAttribute(x0, "id");
+        if (s3 !== r.v3) writeAttribute(r.a6, "id", r.v3 = s3);
+      }
+      const x1 = textCall("concat", [v[10], "-listbox"]);
+      if (x1 !== NONCONFORMING) {
+        const s4 = toAttribute(x1, "aria-controls");
+        if (s4 !== r.v4) writeAttribute(r.a6, "aria-controls", r.v4 = s4);
+      }
+      if (x1 !== NONCONFORMING) {
+        const s14 = toAttribute(x1, "id");
+        if (s14 !== r.v14) writeAttribute(r.a14, "id", r.v14 = s14);
+      }
+      const x2 = textCall("concat", [v[10], "-validation"]);
+      if (x2 !== NONCONFORMING) {
+        const s17 = toAttribute(x2, "id");
+        if (s17 !== r.v17) writeAttribute(r.a20, "id", r.v17 = s17);
+      }
+    }
+    if (c & 536870912) {
+      const x3 = (v[29] === "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 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");
+      if (s5 !== r.v5) writeAttribute(r.a6, "aria-expanded", r.v5 = s5);
+      const x7 = !v[4];
+      const s13 = toAttribute(x7, "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 (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");
+      if (s7 !== r.v7) writeAttribute(r.a6, "aria-busy", r.v7 = s7);
+    }
+    if (c & 4) {
+      const f0 = [];
+      const x10 = rec(f0, v[2]);
+      if (c === -1 || c & 4 || readsChanged(r.v8, f0)) {
+        r.v8 = f0;
+        r.a6["value"] = x10;
+      }
+    }
+    if (c & 536870912) {
+      const x11 = v[34];
+      const s9 = toAttribute(x11, "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 (s10 !== r.v10) writeAttribute(r.a6, "disabled", r.v10 = s10);
+    }
+    if (c & 536870912) {
+      const x13 = v[36];
+      const s11 = toAttribute(x13, "readonly");
+      if (s11 !== r.v11) writeAttribute(r.a6, "readonly", r.v11 = s11);
+      const x14 = v[30];
+      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);
+      if (x15 !== NONCONFORMING) {
+        const s12 = toAttribute(x15, "required");
+        if (s12 !== r.v12) writeAttribute(r.a6, "required", r.v12 = s12);
+      }
+    }
+    if (c & 1073742336) {
+      const x16 = !truthy(readMember(readMember(v[9], "issues"), "length"));
+      const s18 = toAttribute(x16, "hidden");
+      if (s18 !== r.v18) writeAttribute(r.a20, "hidden", r.v18 = s18);
+    }
+    if (c & 65536) {
+      const x17 = v[16];
+      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]]);
+      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)) {
+        {
+          r.b0 = undefined;
+          clearRegion(r.a2, r.e0);
+          if (t0) { r.b0 = m1(d); r.e0.before(r.b0.n); }
+        }
+      } 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)) {
+        {
+          dispose(r.b2);
+          r.b2 = undefined;
+          clearRegion(r.a5, r.e2);
+          if (t2) { r.b2 = m3(d); r.e2.before(r.b2.n); }
+        }
+      } 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)) {
+        {
+          r.b3 = undefined;
+          clearRegion(r.a7, r.e3);
+          if (t3) { r.b3 = m6(d); r.e3.before(r.b3.n); }
+        }
+      } 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)) {
+        {
+          r.b4 = undefined;
+          clearRegion(r.a8, r.e4);
+          if (t4) { r.b4 = m7(d); r.e4.before(r.b4.n); }
+        }
+      } 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 (true) {
+        {
+          r.b5 = undefined;
+          clearRegion(r.a9, r.e5);
+          if (t5) { r.b5 = m9(d); r.e5.before(r.b5.n); }
+        }
+      } 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 (true) {
+        {
+          r.b6 = undefined;
+          clearRegion(r.a10, r.e6);
+          if (t6) { r.b6 = m10(d); r.e6.before(r.b6.n); }
+        }
+      } 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 (true) {
+        {
+          r.b7 = undefined;
+          clearRegion(r.a11, r.e7);
+          if (t7) { r.b7 = m11(d); r.e7.before(r.b7.n); }
+        }
+      } 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 (true) {
+        {
+          r.b8 = undefined;
+          clearRegion(r.a12, r.e8);
+          if (t8) { r.b8 = m12(d); r.e8.before(r.b8.n); }
+        }
+      } else if (r.b8 !== undefined) p12(r.b8, c, d);
+    } else if (r.b8 !== undefined) p12(r.b8, c, d);
+    if (c & 1073745920) r.L9.update(v[12], d, c);
+    if (c & 8192) {
+      const t10 = v[13];
+      if (true) {
+        {
+          r.b10 = undefined;
+          clearRegion(r.a16, r.e10);
+          if (t10) { r.b10 = m21(d); r.e10.before(r.b10.n); }
+        }
+      } else if (r.b10 !== undefined) p21(r.b10, c, d);
+    } else if (r.b10 !== undefined) p21(r.b10, c, d);
+    if (c & 32768) {
+      const t11 = truthy(v[15]);
+      if (true) {
+        {
+          r.b11 = undefined;
+          clearRegion(r.a17, r.e11);
+          if (t11) { r.b11 = m22(d); r.e11.before(r.b11.n); }
+        }
+      } else if (r.b11 !== undefined) p22(r.b11, c, d);
+    } 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)) {
+        r.q12 = f6;
+        if (t12 === NONCONFORMING) { if (r.b12 !== undefined) p23(r.b12, c, d); } else {
+          dispose(r.b12);
+          r.b12 = undefined;
+          clearRegion(r.a18, r.e12);
+          if (t12) { r.b12 = m23(d); r.e12.before(r.b12.n); }
+        }
+      } else if (r.b12 !== undefined) p23(r.b12, c, d);
+    } else if (r.b12 !== undefined) p23(r.b12, c, d);
+    if (c & 1073742336) { const l = (checkReference(S, readDeclared(v[9], ["issues"]), ["l",["o",["message","s"]]], "expression:$validation.issues:validation.issues", "Reference `validation.issues` must satisfy list(object({ message: string })).") ? readMember(v[9], "issues") : NONCONFORMING); if (l !== NONCONFORMING) { r.L14.update(l, d, c); } }
+    if (r.f1 === undefined) { r.f1 = 1; const at = fillSlot(r.a4, r.e1, "start", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b1 = m2(d); at.before(r.b1.n); } }
+    else if (r.b1 !== undefined) p2(r.b1, c, d);
+    if (r.f13 === undefined) { r.f13 = 1; const at = fillSlot(r.a19, r.e13, "footer", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b13 = m25(d); at.before(r.b13.n); } }
+    else if (r.b13 !== undefined) p25(r.b13, c, d);
+    if (r.f15 === undefined) { r.f15 = 1; const at = fillSlot(r.a24, r.e15, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b15 = m27(d); at.before(r.b15.n); } }
+    else if (r.b15 !== undefined) p27(r.b15, c, d);
+  };
+  const t0 = element.firstChild;
+  const t1 = t0.firstChild;
+  const t2 = t1.nextSibling;
+  const t3 = t0.nextSibling;
+  const t4 = t3.firstChild;
+  const t5 = t4.firstChild;
+  const t6 = t5.firstChild;
+  const t7 = t6.nextSibling.nextSibling;
+  const t8 = t7.nextSibling.nextSibling;
+  const t9 = t5.nextSibling;
+  const t10 = t9.nextSibling.nextSibling;
+  const t11 = t10.nextSibling.nextSibling;
+  const t12 = t11.nextSibling.nextSibling;
+  const t13 = t4.nextSibling;
+  const t14 = t3.nextSibling;
+  const t15 = t14.nextSibling.nextSibling;
+  const t16 = t15.firstChild;
+  const t17 = t16.firstChild;
+  const t18 = t17.nextSibling.nextSibling;
+  const t19 = t18.nextSibling.nextSibling;
+  const t20 = t19.nextSibling.nextSibling;
+  const t21 = t16.nextSibling;
+  const t22 = t15.nextSibling;
+  const t23 = t22.firstChild;
+  const t24 = t22.nextSibling;
+  const t25 = t24.firstChild;
+  const t26 = t24.nextSibling;
+  const t27 = t26.firstChild;
+  const R = { n: element, a0: t0, a1: t1, a6: t8, a13: t15, a14: t16, a20: t22, a22: t25, v0: null, v1: false, v2: "", v3: null, v4: null, v5: null, v6: null, v7: null, v8: undefined, v9: null, v10: null, v11: null, v12: null, v13: null, v14: null, v15: null, v16: null, v17: null, v18: null, v19: "", v20: undefined, a2: t2, e0: t2.nextSibling, b0: undefined, a4: t6, e1: t6.nextSibling, b1: undefined, f1: undefined, a5: t7, e2: t7.nextSibling, b2: undefined, a7: t9, e3: t9.nextSibling, b3: undefined, a8: t10, e4: t10.nextSibling, b4: undefined, a9: t11, e5: t11.nextSibling, b5: undefined, a10: t12, e6: t12.nextSibling, b6: undefined, a11: t13, e7: t13.nextSibling, b7: undefined, a12: t14, e8: t14.nextSibling, b8: undefined, L9: new KeyedList(t17, t17.nextSibling, m13, p13, (o) => readMember(o, "name"), "group"), a16: t18, e10: t18.nextSibling, b10: undefined, a17: t19, e11: t19.nextSibling, b11: undefined, a18: t20, e12: t20.nextSibling, b12: undefined, q12: undefined, a19: t21, e13: t21.nextSibling, b13: undefined, f13: undefined, L14: new IndexedList(t23, t23.nextSibling, m26, p26, undefined, "issue"), a24: t27, e15: t27.nextSibling, b15: undefined, f15: undefined };
+  const I = { B };
+  const J = project(I, children, slots);
+  I.R = new Set();
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  manageProps(I);
+  I.r["field"] = t4;
+  I.r["input"] = t8;
+  I.r["popup"] = t15;
+  I.r["listbox"] = t16;
+  I.r["options"] = t26;
   return element;
 }
-