@mattilsynet/design 3.3.10 → 3.4.1

package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js

@@ -1,79 +1,70 @@
-var Z = Object.defineProperty, N = Object.getOwnPropertySymbols, tt = Object.prototype.hasOwnProperty, et = Object.prototype.propertyIsEnumerable, P = (t, e, o) => e in t ? Z(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, ot = (t, e) => {
-  for (var o in e || (e = {}))
-    tt.call(e, o) && P(t, o, e[o]);
-  if (N)
-    for (var o of N(e))
-      et.call(e, o) && P(t, o, e[o]);
-  return t;
-}, D = () => typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", C = D(), $ = C ? navigator.userAgent : "", L = /android/i.test($), nt = /firefox/i.test($), O = /iPad|iPhone|iPod/.test($), H, it = C && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474
-/^Mac/i.test(((H = navigator.userAgentData) == null ? void 0 : H.platform) || navigator.platform), rt = C && window.CSSStyleSheet && document.adoptedStyleSheets, U = { once: !0, capture: !0, passive: !0 }, at = ":host(:not([hidden])) { display: block }", lt = "outline: 1px dotted; outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color", st = `${L ? "data" : "aria"}-multiselectable`, ut = typeof HTMLElement > "u" ? class {
-} : HTMLElement, a = (t, e, o) => o === void 0 ? t.getAttribute(e) : (o === null ? t.removeAttribute(e) : t.getAttribute(e) !== o && t.setAttribute(e, o), null), R = (t, ...e) => {
-  const [o, ...n] = e;
-  for (const i of o.split(" ")) t.addEventListener(i, ...n);
-  return () => j(t, ...e);
-}, j = (t, ...e) => {
-  const [o, ...n] = e;
-  for (const i of o.split(" ")) t.removeEventListener(i, ...n);
-}, dt = (t, e) => {
-  const o = t.shadowRoot || t.attachShadow({ mode: "open" });
-  if (o.querySelector("slot") || o.append(g("slot")), !o.querySelector("style"))
-    if (!rt) o.append(g("style", null, e));
-    else {
-      const n = new CSSStyleSheet();
-      n.replaceSync(e), o.adoptedStyleSheets = [n];
-    }
-  return o;
-}, ct = (t, e, o) => {
-  const n = new MutationObserver((r) => {
-    if (!D() || !t.isConnected) return i();
-    e(t, r);
-  }), i = Object.assign(() => n.disconnect(), {
-    takeRecords: () => n.takeRecords()
-    // Expose takeRecords - useful if mutating a attribute that is observed
-  });
-  return e(t), n.observe(t, o), i;
-}, vt = (t) => {
-  var e;
-  const o = ((e = t.getRootNode) == null ? void 0 : e.call(t)) || t.ownerDocument;
-  return o instanceof Document || o instanceof ShadowRoot ? o : document;
-}, B = (t) => vt(t).activeElement, pt = (t) => {
-  var e;
-  const o = a(t, "aria-label") || "";
-  return [
-    ...(((e = a(t, "aria-labelledby")) == null ? void 0 : e.split(" ")) || []).map((i) => document.getElementById(i.trim() || "-")),
-    // Get all labelledby elements
-    ...Array.from(t.labels || [])
-    // Get all <label> elements
-  ].reduce((i, r) => {
-    var l;
-    return i || ((l = r?.innerText) == null ? void 0 : l.trim()) || "";
-  }, o).trim();
-}, mt = (t) => {
-  if (!t || !C) return null;
-  if (window.uElementsId || (window.uElementsId = {}), !t.id) {
-    const e = t.nodeName.toLowerCase();
-    window.uElementsId[e] || (window.uElementsId[e] = 1), t.id = `:${e}${window.uElementsId[e]++}`;
-  }
-  return t.id;
-}, g = (t, e, o) => {
-  const n = document.createElement(t);
-  if (o && (n.textContent = o), e) for (const [i, r] of Object.entries(e)) a(n, i, r);
-  return n;
-}, ft = {
-  define: (t, e) => !D() || window.customElements.get(t) || window.customElements.define(t, e)
-}, F = (t, e, o = "") => {
-  var n, i;
-  const r = { bubbles: !0, composed: !0, data: e, inputType: o }, l = HTMLInputElement.prototype;
-  t.dispatchEvent(new InputEvent("beforeinput", r)), (i = (n = Object.getOwnPropertyDescriptor(l, "value")) == null ? void 0 : n.set) == null || i.call(t, e), t.dispatchEvent(new InputEvent("input", r)), t.dispatchEvent(new Event("change", { bubbles: !0 }));
-}, k = /* @__PURE__ */ new WeakSet(), W = (t, e) => (e?.type === "pointerdown" && (k.add(t), R(document, "pointerup", () => k.delete(t), U)), k.has(t)), ht = (t, e = "<slot></slot>") => `<template shadowrootmode="open">${e}<style>${t}</style></template>`, _t = (t) => {
-  const e = a(t, "form");
-  a(t, "form", "#"), setTimeout(bt, 0, t, e);
-}, bt = (t, e) => a(t, "form", e), b = (t) => {
-  var e;
-  return ((e = t?.textContent) == null ? void 0 : e.trim()) || "";
-}, p, yt = 0, V = 0, I = (t) => {
-  clearTimeout(V), p || (p = g("div", { "aria-live": "assertive" }), p.style.overflow = "hidden", p.style.position = "fixed", p.style.whiteSpace = "nowrap", p.style.width = "1px"), p.isConnected || document.body.append(p), t === "" && (p.textContent = ""), t && (p.textContent = `${t}${yt++ % 2 ? " " : ""}`, V = setTimeout(I, !it && nt ? 2e3 : 300, ""));
-}, X = `${at}
+//#region node_modules/@u-elements/u-combobox/dist/u-combobox.js
+var e = Object.defineProperty, t = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable, i = (t, n, r) => n in t ? e(t, n, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: r
+}) : t[n] = r, a = (e, a) => {
+	for (var o in a ||= {}) n.call(a, o) && i(e, o, a[o]);
+	if (t) for (var o of t(a)) r.call(a, o) && i(e, o, a[o]);
+	return e;
+}, o = () => typeof window < "u" && window.document !== void 0 && window.navigator !== void 0, s = o(), c = s ? navigator.userAgent : "", l = /android/i.test(c), u = /firefox/i.test(c), d = /iPad|iPhone|iPod/.test(c), ee = s && /^Mac/i.test(navigator.userAgentData?.platform || navigator.platform), te = s && window.CSSStyleSheet && document.adoptedStyleSheets, f = {
+	once: !0,
+	capture: !0,
+	passive: !0
+}, ne = ":host(:not([hidden])) { display: block }", re = "outline: 1px dotted; outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color", p = `${l ? "data" : "aria"}-multiselectable`, ie = typeof HTMLElement > "u" ? class {} : HTMLElement, m = (e, t, n) => n === void 0 ? e.getAttribute(t) : (n === null ? e.removeAttribute(t) : e.getAttribute(t) !== n && e.setAttribute(t, n), null), h = (e, ...t) => {
+	let [n, ...r] = t;
+	for (let t of n.split(" ")) e.addEventListener(t, ...r);
+	return () => g(e, ...t);
+}, g = (e, ...t) => {
+	let [n, ...r] = t;
+	for (let t of n.split(" ")) e.removeEventListener(t, ...r);
+}, _ = (e, t) => {
+	let n = e.shadowRoot || e.attachShadow({ mode: "open" });
+	if (n.querySelector("slot") || n.append(x("slot")), !n.querySelector("style")) if (!te) n.append(x("style", null, t));
+	else {
+		let e = new CSSStyleSheet();
+		e.replaceSync(t), n.adoptedStyleSheets = [e];
+	}
+	return n;
+}, v = (e, t, n) => {
+	let r = new MutationObserver((n) => {
+		if (!o() || !e.isConnected) return i();
+		t(e, n);
+	}), i = Object.assign(() => r.disconnect(), { takeRecords: () => r.takeRecords() });
+	return t(e), r.observe(e, n), i;
+}, y = (e) => {
+	let t = e.getRootNode?.call(e) || e.ownerDocument;
+	return t instanceof Document || t instanceof ShadowRoot ? t : document;
+}, b = (e) => y(e).activeElement, ae = (e) => {
+	let t = m(e, "aria-label") || "";
+	return [...(m(e, "aria-labelledby")?.split(" ") || []).map((e) => document.getElementById(e.trim() || "-")), ...Array.from(e.labels || [])].reduce((e, t) => e || (t?.innerText)?.trim() || "", t).trim();
+}, oe = (e) => {
+	if (!e || !s) return null;
+	if (window.uElementsId || (window.uElementsId = {}), !e.id) {
+		let t = e.nodeName.toLowerCase();
+		window.uElementsId[t] || (window.uElementsId[t] = 1), e.id = `:${t}${window.uElementsId[t]++}`;
+	}
+	return e.id;
+}, x = (e, t, n) => {
+	let r = document.createElement(e);
+	if (n && (r.textContent = n), t) for (let [e, n] of Object.entries(t)) m(r, e, n);
+	return r;
+}, S = { define: (e, t) => !o() || window.customElements.get(e) || window.customElements.define(e, t) }, C = (e, t, n = "") => {
+	var r;
+	let i = {
+		bubbles: !0,
+		composed: !0,
+		data: t,
+		inputType: n
+	}, a = HTMLInputElement.prototype;
+	e.dispatchEvent(new InputEvent("beforeinput", i)), (r = Object.getOwnPropertyDescriptor(a, "value")?.set) == null || r.call(e, t), e.dispatchEvent(new InputEvent("input", i)), e.dispatchEvent(new Event("change", { bubbles: !0 }));
+}, w = /* @__PURE__ */ new WeakSet(), T = (e, t) => (t?.type === "pointerdown" && (w.add(e), h(document, "pointerup", () => w.delete(e), f)), w.has(e)), E = (e, t = "<slot></slot>") => `<template shadowrootmode="open">${t}<style>${e}</style></template>`, D = (e) => {
+	let t = m(e, "form");
+	m(e, "form", "#"), setTimeout(se, 0, e, t);
+}, se = (e, t) => m(e, "form", t), O = (e) => (e?.textContent)?.trim() || "", k, ce = 0, A = 0, j = (e) => {
+	clearTimeout(A), k || (k = x("div", { "aria-live": "assertive" }), k.style.overflow = "hidden", k.style.position = "fixed", k.style.whiteSpace = "nowrap", k.style.width = "1px"), k.isConnected || document.body.append(k), e === "" && (k.textContent = ""), e && (k.textContent = `${e}${ce++ % 2 ? "\xA0" : ""}`, A = setTimeout(j, !ee && u ? 2e3 : 300, ""));
+}, M = `${ne}
 :is(:host(:not([data-multiple])), :host([data-multiple="false"])) [part="items"] { display: none }
 [role="listbox"] { display: inline-flex } /* Can not be "contents" as this confuses VoiceOver */
 ::slotted(button[type="reset"]),
@@ -86,224 +77,206 @@ var Z = Object.defineProperty, N = Object.getOwnPropertySymbols, tt = Object.pro
 ::slotted(button[type="reset"]:empty)::before { content: '\\00D7'; content: '\\00D7' / '' }
 ::slotted(button[aria-expanded="false"]:empty)::before { content: '\\25BC'; content: '\\25BC' / '' }
 ::slotted(button[aria-expanded="true"]:empty)::before { content: '\\25B2'; content: '\\25B2' / '' }
-::slotted(data:focus),::slotted(del:focus),::slotted(button[type="reset"]:focus) { ${lt} }`, Mt = ht(X), A = !1, m = "aria-label", gt = 'button[type="reset"],del', St = "button[aria-expanded]", wt = 'datalist,u-datalist,[role="listbox"]', Et = 'option,u-option,[role="option"]', q = "blur focus click input keydown pointerdown", w = "false", E = {
-  added: "Added",
-  clear: "Clear input",
-  empty: "No selected",
-  found: "Navigate left to find %d selected",
-  invalid: "Invalid value",
-  items: "Selected",
-  // Note: Not announced by NVDA
-  of: "of",
-  remove: "Press to remove",
-  removed: "Removed",
-  toggle: "Options"
-}, xt = class extends ut {
-  constructor() {
-    super(), this._focusMoved = !1, this._itemSingleVale = "", this._speak = "", this._texts = ot({}, E), this._value = "";
-    const t = dt(this, X);
-    this._listbox = t.querySelector('[role="listbox"]') || g("div"), this._listbox.innerHTML = '<slot name="items"></slot>', a(this._listbox, "aria-orientation", "horizontal"), a(this._listbox, "role", "listbox"), a(this._listbox, "part", "items"), a(this._listbox, "tabindex", "-1"), t.prepend(this._listbox);
-  }
-  // Locally store value to store value before input-click
-  static get observedAttributes() {
-    return Object.keys(E).map((t) => `data-sr-${t}`);
-  }
-  connectedCallback() {
-    R(this, q, this, !0), this._umutate = ct(this, Dt, {
-      attributeFilter: ["id", "value", "role", "aria-expanded"],
-      // Respond to changes in <data> value or id or role of <datalist>
-      attributes: !0,
-      characterData: !0,
-      // Respond to changes in <data> textContent
-      childList: !0,
-      subtree: !0
-    }), x(this), M(this);
-  }
-  attributeChangedCallback(t, e, o) {
-    const n = t.split("data-sr-")[1];
-    E[n] && (this._texts[n] = o || E[n]), n === "clear" && this.clear && a(this.clear, m, this._texts.clear);
-  }
-  disconnectedCallback() {
-    var t;
-    j(this, q, this, !0), (t = this._umutate) == null || t.call(this), this._umutate = this._clear = this._toggle = void 0, this._control = this._match = this._select = void 0, this._options = this._items = this._list = void 0;
-  }
-  handleEvent(t) {
-    var e, o, n;
-    (e = this.control) != null && e.disabled || (o = this.control) != null && o.readOnly || (t.type === "blur" && Ct(this), t.type === "click" && Tt(this, t), t.type === "focus" && I(), t.type === "input" && kt(this, t), t.type === "keydown" && Lt(this, t), t.type === "pointerdown" && (A = !!((n = this.list) != null && n.hidden), W(this, t)));
-  }
-  get multiple() {
-    var t;
-    return ((t = a(this, "data-multiple")) != null ? t : w) !== w;
-  }
-  set multiple(t) {
-    a(this, "data-multiple", t ? "" : null);
-  }
-  get creatable() {
-    var t;
-    return ((t = a(this, "data-creatable")) != null ? t : w) !== w;
-  }
-  set creatable(t) {
-    a(this, "data-creatable", t ? "" : null);
-  }
-  get control() {
-    var t;
-    return (t = this._control) != null && t.isConnected || (this._control = this.querySelector("input")), this._control;
-  }
-  get list() {
-    var t;
-    return (t = this._list) != null && t.isConnected || (this._list = this.querySelector(wt), this._options = void 0), this._list;
-  }
-  get clear() {
-    var t;
-    return (t = this._clear) != null && t.isConnected || (this._clear = this.querySelector(gt)), this._clear;
-  }
-  get toggle() {
-    var t;
-    return (t = this._toggle) != null && t.isConnected || (this._toggle = this.querySelector(St)), this._toggle;
-  }
-  get items() {
-    return this._items || (this._items = this.getElementsByTagName("data")), this._items;
-  }
-  get options() {
-    var t, e, o;
-    const n = !this._options && ((e = (t = this.list) == null ? void 0 : t.querySelector(Et)) == null ? void 0 : e.nodeName);
-    return n && (this._options = (o = this.list) == null ? void 0 : o.getElementsByTagName(n)), this._options || this.getElementsByTagName("-");
-  }
-  get values() {
-    return Array.from(this.items, ({ value: t }) => t);
-  }
-}, G = (t) => {
-  var e;
-  const { creatable: o, control: n, options: i, multiple: r } = t, l = ((e = n?.value) == null ? void 0 : e.trim()) || "", u = l.toLowerCase() || null;
-  let s = [...i].find(
-    (c) => K(c).trim().toLowerCase() === u
-  );
-  const d = { bubbles: !0, cancelable: !0, detail: s };
-  if (t.dispatchEvent(new CustomEvent("comboboxbeforematch", d)) || (s = [...i].find(Bt)), r) z(t);
-  else for (const c of i) J(c, c === s);
-  return !s && o && l ? { value: l, label: l } : s && { value: S(s), label: K(s) };
-}, y = (t, e, o = !0) => {
-  const { _texts: n, control: i, items: r, multiple: l } = t;
-  if (!e)
-    return l ? I(n.invalid) : !i?.value && r[0] ? y(t, r[0]) : x(t);
-  const u = [...r].findIndex((f) => f.value === e.value), s = r[u], d = s === B(t) && (l && (r[u - 1] || r[u + 1]) || i);
-  if (s && !o) return x(t);
-  d && d.focus(), t._focusMoved = !!d;
-  const c = g("data", { value: e.value }, e.label || e.value), v = { bubbles: !0, cancelable: !0, detail: s || c };
-  if (t.dispatchEvent(new CustomEvent("comboboxbeforeselect", v))) {
-    if (!l) for (const f of [...r]) f.remove();
-    s ? s.remove() : i?.insertAdjacentElement("beforebegin", c), t.dispatchEvent(new CustomEvent("comboboxafterselect", v));
-  }
-}, Ct = (t) => W(t) || setTimeout(It, 0, t), It = (t) => t.multiple || t.contains(B(t)) || y(t, t._match, !1), Tt = (t, e) => {
-  const { clientX: o, clientY: n, target: i } = e, { clear: r, control: l, items: u, toggle: s } = t;
-  if (s?.contains(i) && (l?.focus(), A && l?.click()), l && r?.contains(i))
-    return e.preventDefault(), F(l, "", "deleteContentBackward"), l.focus(), A || l.click();
-  for (const d of u) {
-    if (d.contains(i)) return y(t, d);
-    const c = d.getBoundingClientRect(), { top: v, right: f, bottom: h, left: T, width: _, height: Q } = c;
-    if (_ && Q && n >= v && n <= h && o >= T && o <= f) return d.focus();
-  }
-  i === t && l?.focus();
-}, kt = (t, e) => {
-  var o;
-  const { control: n, options: i, multiple: r } = t, l = n?.value || null, u = e instanceof InputEvent ? !e.inputType || e.inputType === "insertReplacementText" : !!n?.value;
-  if (u || (t._value = n?.value || ""), u) {
-    (o = e.stopImmediatePropagation) == null || o.call(e);
-    const s = [...i].find((d) => S(d) === l);
-    if (n && (n.value = t._value), s) return y(t, s, r);
-  } else r || (t._match = G(t));
-  M(t);
-}, Lt = (t, e) => {
-  e.ctrlKey || e.metaKey || e.shiftKey || e.key === "Alt" || (t.control === e.target ? Ot(t, e) : At(t, e));
-}, Ot = (t, e) => {
-  var o;
-  const { _match: n, clear: i, control: r, items: l, multiple: u } = t;
-  (e.key === "ArrowLeft" || e.key === "Backspace") && !r?.selectionEnd && ((o = l[l.length - 1]) == null || o.focus(), e.preventDefault()), e.key === "Enter" && r && (_t(r), y(t, u ? G(t) : n, u)), e.key === "Tab" && !e.shiftKey && i && !i.hidden && (e.preventDefault(), a(i, "aria-hidden", "false"), a(i, "tabindex", "0"), i.focus(), R(i, "blur", () => M(t), U));
-}, At = (t, e) => {
-  var o, n, i;
-  const { clear: r, control: l, items: u } = t, { key: s, repeat: d, target: c } = e, v = [...u].indexOf(c);
-  if ((s === " " || s === "Enter") && (u[v] || c === r))
-    return (o = u[v] || r) == null || o.click(), e.preventDefault();
-  if (u[v]) {
-    if (s.startsWith("Arrow") && e.preventDefault(), s === "ArrowLeft") return (n = u[v - 1]) == null ? void 0 : n.focus();
-    if (s === "ArrowRight") return (i = u[v + 1] || l) == null ? void 0 : i.focus();
-    if (s === "Backspace")
-      return e.preventDefault(), d || y(t, u[v]);
-    l?.focus();
-  }
-}, Dt = (t, e) => {
-  var o;
-  if (!t.control) return;
-  const { _texts: n, control: i, items: r, list: l, multiple: u, toggle: s } = t, d = [];
-  for (const { addedNodes: h, removedNodes: T } of e || []) {
-    for (const _ of h) _ instanceof HTMLDataElement && d.unshift(_);
-    for (const _ of T) _ instanceof HTMLDataElement && d.push(_);
-  }
-  const c = B(t);
-  if ((u ? d.length === 1 : d[0] === c) && t.contains(c)) {
-    const h = i ? a(i, m) : null;
-    t._speak = `${n[d[0].isConnected ? "added" : "removed"]} ${b(d[0])}, `, a(i, m, `${t._speak}${pt(i)}`), t._focusMoved || setTimeout(() => I(t._speak.slice(0, -2))), setTimeout($t, 300, t, h);
-  }
-  if (!u) {
-    const h = b(r[0]);
-    h !== t._itemSingleVale && x(t), t._itemSingleVale = h;
-  }
-  Y(t), z(t), Rt(t), s && a(s, "aria-expanded", `${!l?.hidden}`);
-  const f = `${r.length ? n.found.replace("%d", `${r.length}`) : n.empty}`;
-  a(i, "aria-description", u ? f : null), a(i, "list", mt(l)), a(t._listbox, m, n.items), (o = t._umutate) == null || o.takeRecords();
-}, $t = (t, e) => {
-  t._speak = "", t.control && a(t.control, m, e), Y(t);
-}, Y = (t) => {
-  const { _texts: e, _speak: o, items: n } = t;
-  let i = 0;
-  for (const r of n) {
-    const l = `${o}${b(r)}, ${e.remove}${O ? `, ${++i} ${e.of} ${n.length}` : ""}`;
-    a(r, m, l), a(r, "role", "option"), a(r, "slot", "items"), a(r, "tabindex", "-1"), a(r, "value", S(r));
-  }
-}, Rt = (t) => {
-  var e, o;
-  if ((e = t._select) != null && e.isConnected || (t._select = t.querySelector("select")), !t._select) return;
-  const { _select: n, items: i, multiple: r } = t, l = [];
-  let u = 0;
-  a(n, "multiple", r ? "" : null);
-  for (const s of i) {
-    const d = n?.options[u++], c = b(s), v = S(s);
-    d ? Object.assign(d, {
-      defaultSelected: !0,
-      selected: !0,
-      text: c,
-      value: v
-    }) : l.push(new Option(c, v, !0, !0));
-  }
-  if (l.length) n.append(...l);
-  else for (const s of [...n.options].slice(u)) s.remove();
-  (o = t._umutate) == null || o.takeRecords();
-}, M = (t) => {
-  const { clear: e, control: o, toggle: n } = t, i = !o?.value || o?.disabled || o?.readOnly;
-  e?.nodeName === "DEL" && a(e, "role", "button"), e && (a(e, m) || a(e, m, t._texts.clear), a(e, "aria-hidden", `${O || L}`), a(e, "hidden", i ? "" : null), a(e, "tabindex", "-1")), n && (a(n, m) || a(n, m, t._texts.toggle), a(n, "aria-hidden", `${O || L}`), a(n, "hidden", i ? null : ""), a(n, "tabindex", "-1"), a(n, "type", "button"));
-}, z = (t) => {
-  if (!t.list) return;
-  const { _texts: e, list: o, multiple: n, options: i, values: r } = t;
-  a(o, "data-sr-of", e.of), a(o, st, `${n}`);
-  for (const l of i) J(l, r.includes(S(l)));
-}, x = (t) => {
-  if (!t.control || t.multiple) return;
-  const { control: e, items: o } = t, n = b(o[0]), i = n ? "insertText" : "deleteContentBackward";
-  n !== e.value && F(e, n, i);
-}, K = (t) => {
-  var e;
-  return (e = a(t, "label")) != null ? e : b(t);
-}, S = (t) => {
-  var e;
-  return (e = a(t, "value")) != null ? e : b(t);
-}, J = (t, e) => a(t, "selected", e ? "" : null), Bt = (t) => {
-  var e;
-  return (e = t.selected) != null ? e : t.hasAttribute("selected");
-};
-ft.define("u-combobox", xt);
-export {
-  xt as UHTMLComboboxElement,
-  Mt as UHTMLComboboxShadowRoot,
-  X as UHTMLComboboxStyle
-};
-//# sourceMappingURL=u-combobox.js.map
+::slotted(data:focus),::slotted(del:focus),::slotted(button[type="reset"]:focus) { ${re} }`, N = E(M), P = !1, F = "aria-label", I = "button[type=\"reset\"],del", L = "button[aria-expanded]", R = "datalist,u-datalist,[role=\"listbox\"]", z = "option,u-option,[role=\"option\"]", B = "blur focus click input keydown pointerdown", V = "false", H = {
+	added: "Added",
+	clear: "Clear input",
+	empty: "No selected",
+	found: "Navigate left to find %d selected",
+	invalid: "Invalid value",
+	items: "Selected",
+	of: "of",
+	remove: "Press to remove",
+	removed: "Removed",
+	toggle: "Options"
+}, U = class extends ie {
+	constructor() {
+		super(), this._focusMoved = !1, this._itemSingleVale = "", this._speak = "", this._texts = a({}, H), this._value = "";
+		let e = _(this, M);
+		this._listbox = e.querySelector("[role=\"listbox\"]") || x("div"), this._listbox.innerHTML = "<slot name=\"items\"></slot>", m(this._listbox, "aria-orientation", "horizontal"), m(this._listbox, "role", "listbox"), m(this._listbox, "part", "items"), m(this._listbox, "tabindex", "-1"), e.prepend(this._listbox);
+	}
+	static get observedAttributes() {
+		return Object.keys(H).map((e) => `data-sr-${e}`);
+	}
+	connectedCallback() {
+		h(this, B, this, !0), this._umutate = v(this, K, {
+			attributeFilter: [
+				"id",
+				"value",
+				"role",
+				"aria-expanded"
+			],
+			attributes: !0,
+			characterData: !0,
+			childList: !0,
+			subtree: !0
+		}), X(this), J(this);
+	}
+	attributeChangedCallback(e, t, n) {
+		let r = e.split("data-sr-")[1];
+		H[r] && (this._texts[r] = n || H[r]), r === "clear" && this.clear && m(this.clear, F, this._texts.clear);
+	}
+	disconnectedCallback() {
+		var e;
+		g(this, B, this, !0), (e = this._umutate) == null || e.call(this), this._umutate = this._clear = this._toggle = void 0, this._control = this._match = this._select = void 0, this._options = this._items = this._list = void 0;
+	}
+	handleEvent(e) {
+		this.control?.disabled || this.control?.readOnly || (e.type === "blur" && le(this), e.type === "click" && de(this, e), e.type === "focus" && j(), e.type === "input" && fe(this, e), e.type === "keydown" && pe(this, e), e.type === "pointerdown" && (P = !!this.list?.hidden, T(this, e)));
+	}
+	get multiple() {
+		return (m(this, "data-multiple") ?? V) !== V;
+	}
+	set multiple(e) {
+		m(this, "data-multiple", e ? "" : null);
+	}
+	get creatable() {
+		return (m(this, "data-creatable") ?? V) !== V;
+	}
+	set creatable(e) {
+		m(this, "data-creatable", e ? "" : null);
+	}
+	get control() {
+		return this._control?.isConnected || (this._control = this.querySelector("input")), this._control;
+	}
+	get list() {
+		return this._list?.isConnected || (this._list = this.querySelector(R), this._options = void 0), this._list;
+	}
+	get clear() {
+		return this._clear?.isConnected || (this._clear = this.querySelector(I)), this._clear;
+	}
+	get toggle() {
+		return this._toggle?.isConnected || (this._toggle = this.querySelector(L)), this._toggle;
+	}
+	get items() {
+		return this._items ||= this.getElementsByTagName("data"), this._items;
+	}
+	get options() {
+		let e = !this._options && this.list?.querySelector(z)?.nodeName;
+		return e && (this._options = this.list?.getElementsByTagName(e)), this._options || this.getElementsByTagName("-");
+	}
+	get values() {
+		return Array.from(this.items, ({ value: e }) => e);
+	}
+}, W = (e) => {
+	let { creatable: t, control: n, options: r, multiple: i } = e, a = (n?.value)?.trim() || "", o = a.toLowerCase() || null, s = [...r].find((e) => Z(e).trim().toLowerCase() === o), c = {
+		bubbles: !0,
+		cancelable: !0,
+		detail: s
+	};
+	if (e.dispatchEvent(new CustomEvent("comboboxbeforematch", c)) || (s = [...r].find(ve)), i) Y(e);
+	else for (let e of r) $(e, e === s);
+	return !s && t && a ? {
+		value: a,
+		label: a
+	} : s && {
+		value: Q(s),
+		label: Z(s)
+	};
+}, G = (e, t, n = !0) => {
+	let { _texts: r, control: i, items: a, multiple: o } = e;
+	if (!t) return o ? j(r.invalid) : !i?.value && a[0] ? G(e, a[0]) : X(e);
+	let s = [...a].findIndex((e) => e.value === t.value), c = a[s], l = c === b(e) && (o && (a[s - 1] || a[s + 1]) || i);
+	if (c && !n) return X(e);
+	l && l.focus(), e._focusMoved = !!l;
+	let u = x("data", { value: t.value }, t.label || t.value), d = {
+		bubbles: !0,
+		cancelable: !0,
+		detail: c || u
+	};
+	if (e.dispatchEvent(new CustomEvent("comboboxbeforeselect", d))) {
+		if (!o) for (let e of [...a]) e.remove();
+		c ? c.remove() : i?.insertAdjacentElement("beforebegin", u), e.dispatchEvent(new CustomEvent("comboboxafterselect", d));
+	}
+}, le = (e) => T(e) || setTimeout(ue, 0, e), ue = (e) => e.multiple || e.contains(b(e)) || G(e, e._match, !1), de = (e, t) => {
+	let { clientX: n, clientY: r, target: i } = t, { clear: a, control: o, items: s, toggle: c } = e;
+	if (c?.contains(i) && (o?.focus(), P && o?.click()), o && a?.contains(i)) return t.preventDefault(), C(o, "", "deleteContentBackward"), o.focus(), P || o.click();
+	for (let t of s) {
+		if (t.contains(i)) return G(e, t);
+		let { top: a, right: o, bottom: s, left: c, width: l, height: u } = t.getBoundingClientRect();
+		if (l && u && r >= a && r <= s && n >= c && n <= o) return t.focus();
+	}
+	i === e && o?.focus();
+}, fe = (e, t) => {
+	var n;
+	let { control: r, options: i, multiple: a } = e, o = r?.value || null, s = t instanceof InputEvent ? !t.inputType || t.inputType === "insertReplacementText" : !!r?.value;
+	if (s || (e._value = r?.value || ""), s) {
+		(n = t.stopImmediatePropagation) == null || n.call(t);
+		let s = [...i].find((e) => Q(e) === o);
+		if (r && (r.value = e._value), s) return G(e, s, a);
+	} else a || (e._match = W(e));
+	J(e);
+}, pe = (e, t) => {
+	t.ctrlKey || t.metaKey || t.shiftKey || t.key === "Alt" || (e.control === t.target ? me(e, t) : he(e, t));
+}, me = (e, t) => {
+	var n;
+	let { _match: r, clear: i, control: a, items: o, multiple: s } = e;
+	(t.key === "ArrowLeft" || t.key === "Backspace") && !a?.selectionEnd && ((n = o[o.length - 1]) == null || n.focus(), t.preventDefault()), t.key === "Enter" && a && (D(a), G(e, s ? W(e) : r, s)), t.key === "Tab" && !t.shiftKey && i && !i.hidden && (t.preventDefault(), m(i, "aria-hidden", "false"), m(i, "tabindex", "0"), i.focus(), h(i, "blur", () => J(e), f));
+}, he = (e, t) => {
+	var n;
+	let { clear: r, control: i, items: a } = e, { key: o, repeat: s, target: c } = t, l = [...a].indexOf(c);
+	if ((o === " " || o === "Enter") && (a[l] || c === r)) return (n = a[l] || r) == null || n.click(), t.preventDefault();
+	if (a[l]) {
+		if (o.startsWith("Arrow") && t.preventDefault(), o === "ArrowLeft") return a[l - 1]?.focus();
+		if (o === "ArrowRight") return (a[l + 1] || i)?.focus();
+		if (o === "Backspace") return t.preventDefault(), s || G(e, a[l]);
+		i?.focus();
+	}
+}, K = (e, t) => {
+	var n;
+	if (!e.control) return;
+	let { _texts: r, control: i, items: a, list: o, multiple: s, toggle: c } = e, l = [];
+	for (let { addedNodes: e, removedNodes: n } of t || []) {
+		for (let t of e) t instanceof HTMLDataElement && l.unshift(t);
+		for (let e of n) e instanceof HTMLDataElement && l.push(e);
+	}
+	let u = b(e);
+	if ((s ? l.length === 1 : l[0] === u) && e.contains(u)) {
+		let t = i ? m(i, F) : null;
+		e._speak = `${r[l[0].isConnected ? "added" : "removed"]} ${O(l[0])}, `, m(i, F, `${e._speak}${ae(i)}`), e._focusMoved || setTimeout(() => j(e._speak.slice(0, -2))), setTimeout(ge, 300, e, t);
+	}
+	if (!s) {
+		let t = O(a[0]);
+		t !== e._itemSingleVale && X(e), e._itemSingleVale = t;
+	}
+	q(e), Y(e), _e(e), c && m(c, "aria-expanded", `${!o?.hidden}`);
+	let d = `${a.length ? r.found.replace("%d", `${a.length}`) : r.empty}`;
+	m(i, "aria-description", s ? d : null), m(i, "list", oe(o)), m(e._listbox, F, r.items), (n = e._umutate) == null || n.takeRecords();
+}, ge = (e, t) => {
+	e._speak = "", e.control && m(e.control, F, t), q(e);
+}, q = (e) => {
+	let { _texts: t, _speak: n, items: r } = e, i = 0;
+	for (let e of r) m(e, F, `${n}${O(e)}, ${t.remove}${d ? `, ${++i} ${t.of} ${r.length}` : ""}`), m(e, "role", "option"), m(e, "slot", "items"), m(e, "tabindex", "-1"), m(e, "value", Q(e));
+}, _e = (e) => {
+	var t;
+	if (e._select?.isConnected || (e._select = e.querySelector("select")), !e._select) return;
+	let { _select: n, items: r, multiple: i } = e, a = [], o = 0;
+	m(n, "multiple", i ? "" : null);
+	for (let e of r) {
+		let t = n?.options[o++], r = O(e), i = Q(e);
+		t ? Object.assign(t, {
+			defaultSelected: !0,
+			selected: !0,
+			text: r,
+			value: i
+		}) : a.push(new Option(r, i, !0, !0));
+	}
+	if (a.length) n.append(...a);
+	else for (let e of [...n.options].slice(o)) e.remove();
+	(t = e._umutate) == null || t.takeRecords();
+}, J = (e) => {
+	let { clear: t, control: n, toggle: r } = e, i = !n?.value || n?.disabled || n?.readOnly;
+	t?.nodeName === "DEL" && m(t, "role", "button"), t && (m(t, F) || m(t, F, e._texts.clear), m(t, "aria-hidden", `${d || l}`), m(t, "hidden", i ? "" : null), m(t, "tabindex", "-1")), r && (m(r, F) || m(r, F, e._texts.toggle), m(r, "aria-hidden", `${d || l}`), m(r, "hidden", i ? null : ""), m(r, "tabindex", "-1"), m(r, "type", "button"));
+}, Y = (e) => {
+	if (!e.list) return;
+	let { _texts: t, list: n, multiple: r, options: i, values: a } = e;
+	m(n, "data-sr-of", t.of), m(n, p, `${r}`);
+	for (let e of i) $(e, a.includes(Q(e)));
+}, X = (e) => {
+	if (!e.control || e.multiple) return;
+	let { control: t, items: n } = e, r = O(n[0]), i = r ? "insertText" : "deleteContentBackward";
+	r !== t.value && C(t, r, i);
+}, Z = (e) => m(e, "label") ?? O(e), Q = (e) => m(e, "value") ?? O(e), $ = (e, t) => m(e, "selected", t ? "" : null), ve = (e) => e.selected ?? e.hasAttribute("selected");
+S.define("u-combobox", U);
+//#endregion
+export { U as UHTMLComboboxElement, N as UHTMLComboboxShadowRoot, M as UHTMLComboboxStyle };
+
+//# sourceMappingURL=u-combobox.js.map