@mattilsynet/design 1.3.0 → 1.3.2

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

@@ -1,14 +1,14 @@
-var j = Object.defineProperty, C = Object.getOwnPropertySymbols, W = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable, O = (t, e, i) => e in t ? j(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, Y = (t, e) => {
+var W = Object.defineProperty, C = Object.getOwnPropertySymbols, X = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable, O = (t, e, i) => e in t ? W(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, q = (t, e) => {
   for (var i in e || (e = {}))
-    W.call(e, i) && O(t, i, e[i]);
+    X.call(e, i) && O(t, i, e[i]);
   if (C)
     for (var i of C(e))
-      X.call(e, i) && O(t, i, e[i]);
+      Y.call(e, i) && O(t, i, e[i]);
   return t;
-}, f = typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", y = f && /android/i.test(navigator.userAgent), T = f && /iPad|iPhone|iPod/.test(navigator.userAgent), P;
-f && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474
-/^Mac/i.test(((P = navigator.userAgentData) == null ? void 0 : P.platform) || navigator.platform);
-var q = `${y ? "data" : "aria"}-labelledby`, z = ":host(:not([hidden])) { display: block }", G = "outline: 1px dotted; outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color", D = typeof HTMLElement > "u" ? class {
+}, h = typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", y = h && /android/i.test(navigator.userAgent), T = h && /iPad|iPhone|iPod/.test(navigator.userAgent), k;
+h && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474
+/^Mac/i.test(((k = navigator.userAgentData) == null ? void 0 : k.platform) || navigator.platform);
+var z = `${y ? "data" : "aria"}-labelledby`, G = ":host(:not([hidden])) { display: block }", J = "outline: 1px dotted; outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color", D = typeof HTMLElement > "u" ? class {
 } : HTMLElement;
 function r(t, e, i) {
   return i === void 0 ? t.getAttribute(e) : (i === null ? t.removeAttribute(e) : t.getAttribute(e) !== i && t.setAttribute(e, i), null);
@@ -16,11 +16,11 @@ function r(t, e, i) {
 var M = (t, e, i) => {
   for (const o of i[0].split(","))
     i[0] = o, Element.prototype[`${t}EventListener`].apply(e, i);
-}, m = (t, ...e) => M("add", t, e), E = (t, ...e) => M("remove", t, e), J = (t, e) => t.attachShadow({ mode: "open" }).append(
-  x("slot"),
+}, m = (t, ...e) => M("add", t, e), E = (t, ...e) => M("remove", t, e), Q = (t, e) => t.attachShadow({ mode: "open" }).append(
+  I("slot"),
   // Unnamed slot does automatically render all top element nodes
-  x("style", e)
-), _ = /* @__PURE__ */ new WeakMap(), k = (t, e) => {
+  I("style", e)
+), _ = /* @__PURE__ */ new WeakMap(), P = (t, e) => {
   if (e === void 0) return _.get(t);
   try {
     _.get(t).disconnect(), _.delete(t);
@@ -36,22 +36,21 @@ var M = (t, e, i) => {
   var e;
   const i = ((e = t.getRootNode) == null ? void 0 : e.call(t)) || t.ownerDocument;
   return i instanceof Document || i instanceof ShadowRoot ? i : document;
-}, Q = 0, L = (t) => t ? (t.id || (t.id = `:${t.nodeName.toLowerCase()}${(++Q).toString(32)}`), t.id) : "", x = (t, e, i) => {
+}, Z = 0, S = (t) => t ? (t.id || (t.id = `:${t.nodeName.toLowerCase()}${(++Z).toString(32)}`), t.id) : "", I = (t, e, i) => {
   const o = document.createElement(t);
   return e && (o.textContent = e), o;
 }, B = {
-  define: (t, e) => !f || window.customElements.get(t) || window.customElements.define(t, e)
-}, Z = (t) => {
-  const e = x("div");
-  return e.style.cssText = "position:fixed;overflow:hidden;width:1px;white-space:nowrap", r(e, "aria-live", t), e;
-}, tt = (t, e, i = "") => {
+  define: (t, e) => !h || window.customElements.get(t) || window.customElements.define(t, e)
+}, l, tt = 0, N = (t) => {
+  l || (l = I("div"), l.style.cssText = "position:fixed;overflow:hidden;width:1px;white-space:nowrap", r(l, "aria-live", "assertive")), l.isConnected || document.body.append(l), t && (l.textContent = `${t}${tt++ % 2 ? " " : ""}`);
+}, et = (t, e, i = "") => {
   var o, s;
   const n = { bubbles: !0, composed: !0, data: e, inputType: i }, a = HTMLInputElement.prototype;
   t.dispatchEvent(new InputEvent("beforeinput", n)), (s = (o = Object.getOwnPropertyDescriptor(a, "value")) == null ? void 0 : o.set) == null || s.call(t, e), t.dispatchEvent(new InputEvent("input", n)), t.dispatchEvent(new Event("change", { bubbles: !0 }));
-}, w = "disabled", v = "selected", et = class extends D {
+}, w = "disabled", p = "selected", it = class extends D {
   // Using ES2015 syntax for backwards compatibility
   static get observedAttributes() {
-    return [w, v];
+    return [w, p];
   }
   connectedCallback() {
     T || (this.tabIndex = -1), this.hasAttribute("role") || r(this, "role", "option"), this.attributeChangedCallback();
@@ -61,10 +60,10 @@ var M = (t, e, i) => {
   }
   /** Sets or retrieves whether the option in the list box is the default item. */
   get defaultSelected() {
-    return this[v];
+    return this[p];
   }
   set defaultSelected(t) {
-    this[v] = t;
+    this[p] = t;
   }
   get disabled() {
     return r(this, w) !== null;
@@ -92,10 +91,10 @@ var M = (t, e, i) => {
     r(this, "label", t);
   }
   get selected() {
-    return r(this, v) !== null;
+    return r(this, p) !== null;
   }
   set selected(t) {
-    r(this, v, t ? "" : null);
+    r(this, p, t ? "" : null);
   }
   /** Sets or retrieves the text string specified by the option tag. */
   get text() {
@@ -114,28 +113,29 @@ var M = (t, e, i) => {
     r(this, "value", t);
   }
 };
-B.define("u-option", et);
-var A, it = 0, l, $ = 0, I = !1, ot = T || y, N = "click,focusout,input,keydown,mousedown,mouseup", U = "focus,focusin,blur,focusout", g = {
+B.define("u-option", it);
+var A, $ = 0, x = !1, ot = T || y, U = "click,focusout,input,keydown,mousedown,mouseup", V = "focus,focusin,blur,focusout", g = {
   singular: "%d hit",
   plural: "%d hits"
 }, rt = class extends D {
   constructor() {
-    super(), this._texts = Y({}, g), this._value = "", J(
+    super(), this._texts = q({}, g), this._value = "", Q(
       this,
-      `${z}
+      `${G}
 			::slotted(u-option) { display: block; cursor: pointer }
-			::slotted(u-option:focus) { ${G} }
+			::slotted(u-option:focus) { ${J} }
 			::slotted(u-option[aria-hidden="true"]),
 			::slotted(u-option[disabled]),
 			::slotted(u-option[hidden]) { display: none !important }`
     );
   }
+  // Used to prevent unnecessary announcements
   // Using ES2015 syntax for backwards compatibility
   static get observedAttributes() {
     return ["id", ...Object.keys(g).map((t) => `data-sr-${t}`)];
   }
   connectedCallback() {
-    this.hidden = !0, this._root = H(this), r(this, "role", "listbox"), r(this, "tabindex", "-1"), m(this._root, "focusin", this), m(this._root, "focus", this, !0), k(this, {
+    this.hidden = !0, this._root = H(this), r(this, "role", "listbox"), r(this, "tabindex", "-1"), m(this._root, "focusin", this), m(this._root, "focus", this, !0), P(this, {
       attributeFilter: ["disabled", "hidden", "label", "value"],
       attributes: !0,
       childList: !0,
@@ -143,74 +143,72 @@ var A, it = 0, l, $ = 0, I = !1, ot = T || y, N = "click,focusout,input,keydown,
     }), setTimeout(() => this.attributeChangedCallback());
   }
   disconnectedCallback() {
-    E(this._root || this, "focus", this, !0), E(this._root || this, "focusin", this), k(this, !1), S(this), this._root = void 0;
+    E(this._root || this, "focus", this, !0), E(this._root || this, "focusin", this), P(this, !1), L(this), this._root = void 0;
   }
   attributeChangedCallback(t, e, i) {
     const o = t == null ? void 0 : t.split("data-sr-")[1], s = `input[list="${this.id}"]`;
     if (g[o]) this._texts[o] = i || g[o];
     else if (this._root)
       for (const n of this._root.querySelectorAll(s))
-        F(this, n);
+        R(this, n);
   }
   handleEvent(t) {
     const { target: e, type: i } = t;
-    t.defaultPrevented || (i === "click" && st(this, t), (i === "focus" || i === "focusin") && nt(this, t), (i === "blur" || i === "focusout") && at(this, t), i === "keydown" && ut(this, t), i === "mousedown" && (I = this.contains(e)), i === "mouseup" && (I = !1), (i === "mutation" || i === "input") && (clearTimeout($), $ = setTimeout(K, 0, this, t)));
+    t.defaultPrevented || (i === "click" && st(this, t), (i === "focus" || i === "focusin") && nt(this, t), (i === "blur" || i === "focusout") && at(this, t), i === "keydown" && ut(this, t), i === "mousedown" && (x = this.contains(e)), i === "mouseup" && (x = !1), (i === "mutation" || i === "input") && (clearTimeout($), $ = setTimeout(j, 0, this, t)));
   }
   get options() {
     return this.getElementsByTagName("u-option");
   }
-}, V = (t) => t.checkVisibility ? t.checkVisibility() : !!(t.offsetHeight && t.offsetHeight), h = (t, e) => {
+}, F = (t) => t.checkVisibility ? t.checkVisibility() : !!(t.offsetHeight && t.offsetHeight), v = (t, e) => {
   var i;
-  t.hidden === e && (t.hidden = !e, t._input && F(t, t._input, e), t.popover && ((i = t._input) != null && i.isConnected) && (r(t._input, "popovertarget", L(t)), r(t, "popover", "manual"), t.togglePopover(e)), e && K(t));
-}, S = (t) => {
-  t._input && (E(t._input || t, U, t), E(t._root || t, N, t), h(t, !1), t._input = void 0);
-}, F = (t, e, i = !1) => {
-  m(e, U, t, !0), r(e, "aria-autocomplete", "list"), r(e, "aria-controls", L(t)), r(e, "aria-expanded", `${ot ? i : "true"}`), r(e, "autocomplete", "off"), r(e, "role", "combobox");
+  t.hidden === e && (t.hidden = !e, t._input && R(t, t._input, e), t.popover && ((i = t._input) != null && i.isConnected) && (r(t._input, "popovertarget", S(t)), r(t, "popover", "manual"), t.togglePopover(e)), e && j(t));
+}, L = (t) => {
+  t._input && (E(t._input || t, V, t), E(t._root || t, U, t), v(t, !1), t._input = void 0);
+}, R = (t, e, i = !1) => {
+  m(e, V, t, !0), r(e, "aria-autocomplete", "list"), r(e, "aria-controls", S(t)), r(e, "aria-expanded", `${ot ? i : "true"}`), r(e, "autocomplete", "off"), r(e, "role", "combobox");
 }, nt = (t, e) => {
   var i;
   const o = e.target instanceof HTMLInputElement;
-  o && e.isTrusted && e.stopImmediatePropagation(), l || (l = Z("assertive")), l.isConnected || document.body.appendChild(l), t._input !== e.target && o && e.target.list === t && (t._input && S(t), t._input = e.target, t._input.dispatchEvent(new FocusEvent("focus")), t._input.dispatchEvent(new FocusEvent("focusin", { bubbles: !0 })), r(t, q, L((i = t._input.labels) == null ? void 0 : i[0])), m(t._root || t, N, t), h(t, !0));
+  o && e.isTrusted && e.stopImmediatePropagation(), t._input !== e.target && o && e.target.list === t && (t._input && L(t), t._input = e.target, t._input.dispatchEvent(new FocusEvent("focus")), t._input.dispatchEvent(new FocusEvent("focusin", { bubbles: !0 })), r(t, z, S((i = t._input.labels) == null ? void 0 : i[0])), m(t._root || t, U, t), v(t, !0), N());
 }, at = (t, e) => {
-  !y && !I && t._input && setTimeout(R, 0, t), e.target === t._input && e.isTrusted && e.stopImmediatePropagation();
-}, R = (t) => {
+  !y && !x && t._input && setTimeout(K, 0, t), e.target === t._input && e.isTrusted && e.stopImmediatePropagation();
+}, K = (t) => {
   var e;
   const i = ((e = t._root) == null ? void 0 : e.activeElement) || null, o = t._input;
   o && o !== i && !t.contains(i) && (o.dispatchEvent(new FocusEvent("blur", { relatedTarget: i })), o.dispatchEvent(
     new FocusEvent("focusout", { bubbles: !0, relatedTarget: i })
-  ), S(t));
+  ), L(t));
 }, st = (t, { target: e }) => {
   var i;
-  if (!t._input || t._input === e) return h(t, !0);
+  if (!t._input || t._input === e) return v(t, !0);
   for (const o of t.options)
     if (o.contains(e))
-      return r(t, "aria-multiselectable") !== "true" && ((i = t._input) == null || i.focus(), h(t, !1)), tt(t._input, o.value);
-  y && R(t);
+      return r(t, "aria-multiselectable") !== "true" && ((i = t._input) == null || i.focus(), v(t, !1)), et(t._input, o.value);
+  y && K(t);
 }, ut = (t, e) => {
   var i;
   if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || e.key === "Tab")
     return;
-  h(t, e.key !== "Escape");
-  const { key: o, target: s } = e, n = [...t.options].filter(V), a = n.indexOf(s);
+  v(t, e.key !== "Escape");
+  const { key: o, target: s } = e, n = [...t.options].filter(F), a = n.indexOf(s);
   let d = -1;
   if (o === "ArrowDown" && (d = (a + 1) % n.length), o === "ArrowUp" && (d = (~a ? a : n.length) - 1), ~a && ((o === "Home" || o === "PageUp") && (d = 0), (o === "End" || o === "PageDown") && (d = n.length - 1), o === "Enter"))
     return n[a].click(), e.preventDefault();
   if (n[d]) for (const c of n) c.tabIndex = -1;
   n[d] && e.preventDefault(), (i = n[d] || t._input) == null || i.focus();
-}, K = (t, e) => {
+}, j = (t, e) => {
   const { _texts: i, _root: o, _input: s, options: n } = t, a = (s == null ? void 0 : s.value.toLowerCase().trim()) || "", d = !t.hasAttribute("data-nofilter"), c = [];
   for (const u of n) {
-    const p = `${u.disabled || u.hidden || d && !u.label.toLowerCase().includes(a)}`;
-    r(u, "aria-hidden", p), V(u) && c.push(u);
+    const b = `${u.disabled || u.hidden || d && !u.label.toLowerCase().includes(a)}`;
+    r(u, "aria-hidden", b), F(u) && c.push(u);
   }
-  const { length: b } = c;
+  const { length: f } = c;
   clearTimeout(A), A = setTimeout(() => {
-    if (t.hidden || (e == null ? void 0 : e.type) !== "input" || (o == null ? void 0 : o.activeElement) !== s)
-      return;
-    const u = `${`${i[b === 1 ? "singular" : "plural"]}`.replace("%d", `${b}`)}`, p = `${!b && t.innerText.trim() || u}${++it % 2 ? " " : ""}`;
-    a !== t._value && l && (l.textContent = p), t._value = a;
-  }, 1e3), T && c.forEach((u, p) => r(u, "title", `${p + 1}/${b}`));
+    const u = `${!f && t.innerText.trim() || `${i[f === 1 ? "singular" : "plural"]}`.replace("%d", `${f}`)}`;
+    (e == null ? void 0 : e.type) === "input" && a !== t._value && !t.hidden && (o == null ? void 0 : o.activeElement) === s && N(u), t._value = a;
+  }, 1e3), T && c.forEach((u, b) => r(u, "title", `${b + 1}/${f}`));
 };
-f && Object.defineProperty(HTMLInputElement.prototype, "list", {
+h && Object.defineProperty(HTMLInputElement.prototype, "list", {
   configurable: !0,
   enumerable: !0,
   get() {

package/mtds/external/@u-elements/u-datalist/dist/u-datalist.js.map

@@ -1 +1 @@
-{"version":3,"file":"u-datalist.js","sources":["../../../../../node_modules/@u-elements/u-datalist/dist/u-datalist.js"],"sourcesContent":["var __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\n\n// ../utils.ts\nvar IS_BROWSER = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.navigator !== \"undefined\";\nvar IS_ANDROID = IS_BROWSER && /android/i.test(navigator.userAgent);\nvar IS_IOS = IS_BROWSER && /iPad|iPhone|iPod/.test(navigator.userAgent);\nvar _a;\nIS_BROWSER && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474\n/^Mac/i.test(((_a = navigator.userAgentData) == null ? void 0 : _a.platform) || navigator.platform);\nvar SAFE_LABELLEDBY = `${IS_ANDROID ? \"data\" : \"aria\"}-labelledby`;\nvar DISPLAY_BLOCK = \":host(:not([hidden])) { display: block }\";\nvar FOCUS_OUTLINE = \"outline: 1px dotted; outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color\";\nvar UHTMLElement = typeof HTMLElement === \"undefined\" ? class {\n} : HTMLElement;\nfunction attr(el, name, value) {\n  if (value === void 0) return el.getAttribute(name);\n  if (value === null) el.removeAttribute(name);\n  else if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n  return null;\n}\nvar events = (action, element, rest) => {\n  for (const type of rest[0].split(\",\")) {\n    rest[0] = type;\n    Element.prototype[`${action}EventListener`].apply(element, rest);\n  }\n};\nvar on = (element, ...rest) => events(\"add\", element, rest);\nvar off = (element, ...rest) => events(\"remove\", element, rest);\nvar attachStyle = (element, css) => element.attachShadow({ mode: \"open\" }).append(\n  createElement(\"slot\"),\n  // Unnamed slot does automatically render all top element nodes\n  createElement(\"style\", css)\n);\nvar observers = /* @__PURE__ */ new WeakMap();\nvar mutationObserver = (element, options) => {\n  if (options === void 0) return observers.get(element);\n  try {\n    observers.get(element).disconnect();\n    observers.delete(element);\n  } catch (err) {\n  }\n  if (options) {\n    const observer = new MutationObserver(\n      (detail) => element.handleEvent({ type: \"mutation\", detail })\n    );\n    observer.observe(element, options);\n    observers.set(element, observer);\n  }\n};\nvar getRoot = (node) => {\n  var _a2;\n  const root = ((_a2 = node.getRootNode) == null ? void 0 : _a2.call(node)) || node.ownerDocument;\n  return root instanceof Document || root instanceof ShadowRoot ? root : document;\n};\nvar id = 0;\nvar useId = (el) => {\n  if (!el) return \"\";\n  if (!el.id) el.id = `:${el.nodeName.toLowerCase()}${(++id).toString(32)}`;\n  return el.id;\n};\nvar createElement = (tagName, text, attrs) => {\n  const el = document.createElement(tagName);\n  if (text) el.textContent = text;\n  return el;\n};\nvar customElements = {\n  define: (name, instance) => !IS_BROWSER || window.customElements.get(name) || window.customElements.define(name, instance)\n};\nvar createAriaLive = (mode) => {\n  const live = createElement(\"div\");\n  live.style.cssText = \"position:fixed;overflow:hidden;width:1px;white-space:nowrap\";\n  attr(live, \"aria-live\", mode);\n  return live;\n};\nvar setValue = (input, data, type = \"\") => {\n  var _a2, _b;\n  const event = { bubbles: true, composed: true, data, inputType: type };\n  const proto = HTMLInputElement.prototype;\n  input.dispatchEvent(new InputEvent(\"beforeinput\", event));\n  (_b = (_a2 = Object.getOwnPropertyDescriptor(proto, \"value\")) == null ? void 0 : _a2.set) == null ? void 0 : _b.call(input, data);\n  input.dispatchEvent(new InputEvent(\"input\", event));\n  input.dispatchEvent(new Event(\"change\", { bubbles: true }));\n};\n\n// u-option.ts\nvar DISABLED = \"disabled\";\nvar SELECTED = \"selected\";\nvar UHTMLOptionElement = class extends UHTMLElement {\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return [DISABLED, SELECTED];\n  }\n  connectedCallback() {\n    if (!IS_IOS) this.tabIndex = -1;\n    if (!this.hasAttribute(\"role\")) attr(this, \"role\", \"option\");\n    this.attributeChangedCallback();\n  }\n  attributeChangedCallback() {\n    attr(this, \"aria-disabled\", `${this.disabled}`);\n    attr(this, \"aria-selected\", `${this.selected}`);\n  }\n  /** Sets or retrieves whether the option in the list box is the default item. */\n  get defaultSelected() {\n    return this[SELECTED];\n  }\n  set defaultSelected(value) {\n    this[SELECTED] = value;\n  }\n  get disabled() {\n    return attr(this, DISABLED) !== null;\n  }\n  set disabled(value) {\n    attr(this, DISABLED, value ? \"\" : null);\n  }\n  /** Retrieves a reference to the form that the object is embedded in. */\n  get form() {\n    return this.closest(\"form\");\n  }\n  /** Sets or retrieves the ordinal position of an option in a list box. */\n  get index() {\n    var _a2;\n    return [\n      ...((_a2 = this.parentElement) == null ? void 0 : _a2.options) || [this]\n    ].indexOf(this);\n  }\n  /** Sets or retrieves a value that you can use to implement your own label functionality for the object. */\n  get label() {\n    var _a2;\n    return (_a2 = attr(this, \"label\")) != null ? _a2 : this.text;\n  }\n  set label(value) {\n    attr(this, \"label\", value);\n  }\n  get selected() {\n    return attr(this, SELECTED) !== null;\n  }\n  set selected(value) {\n    attr(this, SELECTED, value ? \"\" : null);\n  }\n  /** Sets or retrieves the text string specified by the option tag. */\n  get text() {\n    var _a2;\n    return ((_a2 = this.textContent) == null ? void 0 : _a2.trim()) || \"\";\n  }\n  set text(text) {\n    this.textContent = text;\n  }\n  /** Sets or retrieves the value which is returned to the server when the form control is submitted. */\n  get value() {\n    var _a2;\n    return (_a2 = attr(this, \"value\")) != null ? _a2 : this.text;\n  }\n  set value(value) {\n    attr(this, \"value\", value);\n  }\n};\ncustomElements.define(\"u-option\", UHTMLOptionElement);\n\n// u-datalist.ts\nvar LIVE_TIMER;\nvar LIVE_SR_FIX = 0;\nvar LIVE;\nvar INPUT_DEBOUNCE = 0;\nvar IS_PRESS = false;\nvar IS_MOBILE = IS_IOS || IS_ANDROID;\nvar EVENTS = \"click,focusout,input,keydown,mousedown,mouseup\";\nvar EVENTS_INPUT = \"focus,focusin,blur,focusout\";\nvar TEXTS = {\n  singular: \"%d hit\",\n  plural: \"%d hits\"\n};\nvar UHTMLDataListElement = class extends UHTMLElement {\n  constructor() {\n    super();\n    this._texts = __spreadValues({}, TEXTS);\n    this._value = \"\";\n    attachStyle(\n      this,\n      `${DISPLAY_BLOCK}\n\t\t\t::slotted(u-option) { display: block; cursor: pointer }\n\t\t\t::slotted(u-option:focus) { ${FOCUS_OUTLINE} }\n\t\t\t::slotted(u-option[aria-hidden=\"true\"]),\n\t\t\t::slotted(u-option[disabled]),\n\t\t\t::slotted(u-option[hidden]) { display: none !important }`\n    );\n  }\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return [\"id\", ...Object.keys(TEXTS).map((key) => `data-sr-${key}`)];\n  }\n  connectedCallback() {\n    this.hidden = true;\n    this._root = getRoot(this);\n    attr(this, \"role\", \"listbox\");\n    attr(this, \"tabindex\", \"-1\");\n    on(this._root, \"focusin\", this);\n    on(this._root, \"focus\", this, true);\n    mutationObserver(this, {\n      attributeFilter: [\"disabled\", \"hidden\", \"label\", \"value\"],\n      attributes: true,\n      childList: true,\n      subtree: true\n    });\n    setTimeout(() => this.attributeChangedCallback());\n  }\n  disconnectedCallback() {\n    off(this._root || this, \"focus\", this, true);\n    off(this._root || this, \"focusin\", this);\n    mutationObserver(this, false);\n    disconnectInput(this);\n    this._root = void 0;\n  }\n  attributeChangedCallback(prop, _prev, next) {\n    const text = prop == null ? void 0 : prop.split(\"data-sr-\")[1];\n    const css = `input[list=\"${this.id}\"]`;\n    if (TEXTS[text]) this._texts[text] = next || TEXTS[text];\n    else if (this._root)\n      for (const input of this._root.querySelectorAll(css))\n        setupInput(this, input);\n  }\n  handleEvent(event) {\n    const { target, type } = event;\n    if (event.defaultPrevented) return;\n    if (type === \"click\") onClick(this, event);\n    if (type === \"focus\" || type === \"focusin\") onFocus(this, event);\n    if (type === \"blur\" || type === \"focusout\") onBlur(this, event);\n    if (type === \"keydown\") onKeyDown(this, event);\n    if (type === \"mousedown\") IS_PRESS = this.contains(target);\n    if (type === \"mouseup\") IS_PRESS = false;\n    if (type === \"mutation\" || type === \"input\") {\n      clearTimeout(INPUT_DEBOUNCE);\n      INPUT_DEBOUNCE = setTimeout(onInput, 0, this, event);\n    }\n  }\n  get options() {\n    return this.getElementsByTagName(\"u-option\");\n  }\n};\nvar isVisible = (el) => el.checkVisibility ? el.checkVisibility() : !!(el.offsetHeight && el.offsetHeight);\nvar setExpanded = (self, open) => {\n  var _a2;\n  if (self.hidden !== open) return;\n  self.hidden = !open;\n  if (self._input) setupInput(self, self._input, open);\n  if (self.popover && ((_a2 = self._input) == null ? void 0 : _a2.isConnected)) {\n    attr(self._input, \"popovertarget\", useId(self));\n    attr(self, \"popover\", \"manual\");\n    self.togglePopover(open);\n  }\n  if (open) onInput(self);\n};\nvar disconnectInput = (self) => {\n  if (!self._input) return;\n  off(self._input || self, EVENTS_INPUT, self);\n  off(self._root || self, EVENTS, self);\n  setExpanded(self, false);\n  self._input = void 0;\n};\nvar setupInput = (self, input, open = false) => {\n  on(input, EVENTS_INPUT, self, true);\n  attr(input, \"aria-autocomplete\", \"list\");\n  attr(input, \"aria-controls\", useId(self));\n  attr(input, \"aria-expanded\", `${IS_MOBILE ? open : \"true\"}`);\n  attr(input, \"autocomplete\", \"off\");\n  attr(input, \"role\", \"combobox\");\n};\nvar onFocus = (self, event) => {\n  var _a2;\n  const isInput = event.target instanceof HTMLInputElement;\n  if (isInput && event.isTrusted) event.stopImmediatePropagation();\n  if (!LIVE) LIVE = createAriaLive(\"assertive\");\n  if (!LIVE.isConnected) document.body.appendChild(LIVE);\n  if (self._input !== event.target && isInput && event.target.list === self) {\n    if (self._input) disconnectInput(self);\n    self._input = event.target;\n    self._input.dispatchEvent(new FocusEvent(\"focus\"));\n    self._input.dispatchEvent(new FocusEvent(\"focusin\", { bubbles: true }));\n    attr(self, SAFE_LABELLEDBY, useId((_a2 = self._input.labels) == null ? void 0 : _a2[0]));\n    on(self._root || self, EVENTS, self);\n    setExpanded(self, true);\n  }\n};\nvar onBlur = (self, event) => {\n  if (!IS_ANDROID && !IS_PRESS && self._input) setTimeout(onBlurred, 0, self);\n  if (event.target === self._input && event.isTrusted)\n    event.stopImmediatePropagation();\n};\nvar onBlurred = (self) => {\n  var _a2;\n  const relatedTarget = ((_a2 = self._root) == null ? void 0 : _a2.activeElement) || null;\n  const input = self._input;\n  if (input && input !== relatedTarget && !self.contains(relatedTarget)) {\n    input.dispatchEvent(new FocusEvent(\"blur\", { relatedTarget }));\n    input.dispatchEvent(\n      new FocusEvent(\"focusout\", { bubbles: true, relatedTarget })\n    );\n    disconnectInput(self);\n  }\n};\nvar onClick = (self, { target }) => {\n  var _a2;\n  if (!self._input || self._input === target) return setExpanded(self, true);\n  for (const opt of self.options)\n    if (opt.contains(target)) {\n      if (attr(self, \"aria-multiselectable\") !== \"true\") {\n        (_a2 = self._input) == null ? void 0 : _a2.focus();\n        setExpanded(self, false);\n      }\n      return setValue(self._input, opt.value);\n    }\n  if (IS_ANDROID) onBlurred(self);\n};\nvar onKeyDown = (self, e) => {\n  var _a2;\n  if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || e.key === \"Tab\")\n    return;\n  setExpanded(self, e.key !== \"Escape\");\n  const { key, target } = e;\n  const options = [...self.options].filter(isVisible);\n  const prev = options.indexOf(target);\n  let next = -1;\n  if (key === \"ArrowDown\") next = (prev + 1) % options.length;\n  if (key === \"ArrowUp\") next = (~prev ? prev : options.length) - 1;\n  if (~prev) {\n    if (key === \"Home\" || key === \"PageUp\") next = 0;\n    if (key === \"End\" || key === \"PageDown\") next = options.length - 1;\n    if (key === \"Enter\") {\n      options[prev].click();\n      return e.preventDefault();\n    }\n  }\n  if (options[next]) for (const option of options) option.tabIndex = -1;\n  if (options[next]) e.preventDefault();\n  (_a2 = options[next] || self._input) == null ? void 0 : _a2.focus();\n};\nvar onInput = (self, e) => {\n  const { _texts, _root, _input, options } = self;\n  const value = (_input == null ? void 0 : _input.value.toLowerCase().trim()) || \"\";\n  const filter = !self.hasAttribute(\"data-nofilter\");\n  const visible = [];\n  for (const opt of options) {\n    const hidden = `${opt.disabled || opt.hidden || filter && !opt.label.toLowerCase().includes(value)}`;\n    attr(opt, \"aria-hidden\", hidden);\n    if (isVisible(opt)) visible.push(opt);\n  }\n  const { length: total } = visible;\n  clearTimeout(LIVE_TIMER);\n  LIVE_TIMER = setTimeout(() => {\n    if (self.hidden || (e == null ? void 0 : e.type) !== \"input\" || (_root == null ? void 0 : _root.activeElement) !== _input)\n      return;\n    const hitsText = `${`${_texts[total === 1 ? \"singular\" : \"plural\"]}`.replace(\"%d\", `${total}`)}`;\n    const liveText = `${!total && self.innerText.trim() || hitsText}${++LIVE_SR_FIX % 2 ? \"\\xA0\" : \"\"}`;\n    if (value !== self._value && LIVE) LIVE.textContent = liveText;\n    self._value = value;\n  }, 1e3);\n  if (IS_IOS)\n    visible.forEach((opt, idx) => attr(opt, \"title\", `${idx + 1}/${total}`));\n};\nif (IS_BROWSER)\n  Object.defineProperty(HTMLInputElement.prototype, \"list\", {\n    configurable: true,\n    enumerable: true,\n    get() {\n      return getRoot(this).getElementById(attr(this, \"list\") || \"\");\n    }\n  });\ncustomElements.define(\"u-datalist\", UHTMLDataListElement);\n\nexport { UHTMLDataListElement };\n"],"names":["__defProp","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","IS_BROWSER","IS_ANDROID","IS_IOS","_a","SAFE_LABELLEDBY","DISPLAY_BLOCK","FOCUS_OUTLINE","UHTMLElement","attr","el","name","events","action","element","rest","type","on","off","attachStyle","css","createElement","observers","mutationObserver","options","observer","detail","getRoot","node","_a2","root","id","useId","tagName","text","attrs","customElements","instance","createAriaLive","mode","live","setValue","input","data","_b","event","proto","DISABLED","SELECTED","UHTMLOptionElement","LIVE_TIMER","LIVE_SR_FIX","LIVE","INPUT_DEBOUNCE","IS_PRESS","IS_MOBILE","EVENTS","EVENTS_INPUT","TEXTS","UHTMLDataListElement","disconnectInput","_prev","next","setupInput","target","onClick","onFocus","onBlur","onKeyDown","onInput","isVisible","setExpanded","self","open","isInput","onBlurred","relatedTarget","opt","prev","option","_texts","_root","_input","filter","visible","hidden","total","hitsText","liveText","idx"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"u-datalist.js","sources":["../../../../../node_modules/@u-elements/u-datalist/dist/u-datalist.js"],"sourcesContent":["var __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\n\n// ../utils.ts\nvar IS_BROWSER = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.navigator !== \"undefined\";\nvar IS_ANDROID = IS_BROWSER && /android/i.test(navigator.userAgent);\nvar IS_IOS = IS_BROWSER && /iPad|iPhone|iPod/.test(navigator.userAgent);\nvar _a;\nIS_BROWSER && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474\n/^Mac/i.test(((_a = navigator.userAgentData) == null ? void 0 : _a.platform) || navigator.platform);\nvar SAFE_LABELLEDBY = `${IS_ANDROID ? \"data\" : \"aria\"}-labelledby`;\nvar DISPLAY_BLOCK = \":host(:not([hidden])) { display: block }\";\nvar FOCUS_OUTLINE = \"outline: 1px dotted; outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color\";\nvar UHTMLElement = typeof HTMLElement === \"undefined\" ? class {\n} : HTMLElement;\nfunction attr(el, name, value) {\n  if (value === void 0) return el.getAttribute(name);\n  if (value === null) el.removeAttribute(name);\n  else if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n  return null;\n}\nvar events = (action, element, rest) => {\n  for (const type of rest[0].split(\",\")) {\n    rest[0] = type;\n    Element.prototype[`${action}EventListener`].apply(element, rest);\n  }\n};\nvar on = (element, ...rest) => events(\"add\", element, rest);\nvar off = (element, ...rest) => events(\"remove\", element, rest);\nvar attachStyle = (element, css) => element.attachShadow({ mode: \"open\" }).append(\n  createElement(\"slot\"),\n  // Unnamed slot does automatically render all top element nodes\n  createElement(\"style\", css)\n);\nvar observers = /* @__PURE__ */ new WeakMap();\nvar mutationObserver = (element, options) => {\n  if (options === void 0) return observers.get(element);\n  try {\n    observers.get(element).disconnect();\n    observers.delete(element);\n  } catch (err) {\n  }\n  if (options) {\n    const observer = new MutationObserver(\n      (detail) => element.handleEvent({ type: \"mutation\", detail })\n    );\n    observer.observe(element, options);\n    observers.set(element, observer);\n  }\n};\nvar getRoot = (node) => {\n  var _a2;\n  const root = ((_a2 = node.getRootNode) == null ? void 0 : _a2.call(node)) || node.ownerDocument;\n  return root instanceof Document || root instanceof ShadowRoot ? root : document;\n};\nvar id = 0;\nvar useId = (el) => {\n  if (!el) return \"\";\n  if (!el.id) el.id = `:${el.nodeName.toLowerCase()}${(++id).toString(32)}`;\n  return el.id;\n};\nvar createElement = (tagName, text, attrs) => {\n  const el = document.createElement(tagName);\n  if (text) el.textContent = text;\n  return el;\n};\nvar customElements = {\n  define: (name, instance) => !IS_BROWSER || window.customElements.get(name) || window.customElements.define(name, instance)\n};\nvar LIVE;\nvar LIVE_SR_FIX = 0;\nvar speak = (text) => {\n  if (!LIVE) {\n    LIVE = createElement(\"div\");\n    LIVE.style.cssText = \"position:fixed;overflow:hidden;width:1px;white-space:nowrap\";\n    attr(LIVE, \"aria-live\", \"assertive\");\n  }\n  if (!LIVE.isConnected) document.body.append(LIVE);\n  if (text) LIVE.textContent = `${text}${LIVE_SR_FIX++ % 2 ? \"\\xA0\" : \"\"}`;\n};\nvar setValue = (input, data, type = \"\") => {\n  var _a2, _b;\n  const event = { bubbles: true, composed: true, data, inputType: type };\n  const proto = HTMLInputElement.prototype;\n  input.dispatchEvent(new InputEvent(\"beforeinput\", event));\n  (_b = (_a2 = Object.getOwnPropertyDescriptor(proto, \"value\")) == null ? void 0 : _a2.set) == null ? void 0 : _b.call(input, data);\n  input.dispatchEvent(new InputEvent(\"input\", event));\n  input.dispatchEvent(new Event(\"change\", { bubbles: true }));\n};\n\n// u-option.ts\nvar DISABLED = \"disabled\";\nvar SELECTED = \"selected\";\nvar UHTMLOptionElement = class extends UHTMLElement {\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return [DISABLED, SELECTED];\n  }\n  connectedCallback() {\n    if (!IS_IOS) this.tabIndex = -1;\n    if (!this.hasAttribute(\"role\")) attr(this, \"role\", \"option\");\n    this.attributeChangedCallback();\n  }\n  attributeChangedCallback() {\n    attr(this, \"aria-disabled\", `${this.disabled}`);\n    attr(this, \"aria-selected\", `${this.selected}`);\n  }\n  /** Sets or retrieves whether the option in the list box is the default item. */\n  get defaultSelected() {\n    return this[SELECTED];\n  }\n  set defaultSelected(value) {\n    this[SELECTED] = value;\n  }\n  get disabled() {\n    return attr(this, DISABLED) !== null;\n  }\n  set disabled(value) {\n    attr(this, DISABLED, value ? \"\" : null);\n  }\n  /** Retrieves a reference to the form that the object is embedded in. */\n  get form() {\n    return this.closest(\"form\");\n  }\n  /** Sets or retrieves the ordinal position of an option in a list box. */\n  get index() {\n    var _a2;\n    return [\n      ...((_a2 = this.parentElement) == null ? void 0 : _a2.options) || [this]\n    ].indexOf(this);\n  }\n  /** Sets or retrieves a value that you can use to implement your own label functionality for the object. */\n  get label() {\n    var _a2;\n    return (_a2 = attr(this, \"label\")) != null ? _a2 : this.text;\n  }\n  set label(value) {\n    attr(this, \"label\", value);\n  }\n  get selected() {\n    return attr(this, SELECTED) !== null;\n  }\n  set selected(value) {\n    attr(this, SELECTED, value ? \"\" : null);\n  }\n  /** Sets or retrieves the text string specified by the option tag. */\n  get text() {\n    var _a2;\n    return ((_a2 = this.textContent) == null ? void 0 : _a2.trim()) || \"\";\n  }\n  set text(text) {\n    this.textContent = text;\n  }\n  /** Sets or retrieves the value which is returned to the server when the form control is submitted. */\n  get value() {\n    var _a2;\n    return (_a2 = attr(this, \"value\")) != null ? _a2 : this.text;\n  }\n  set value(value) {\n    attr(this, \"value\", value);\n  }\n};\ncustomElements.define(\"u-option\", UHTMLOptionElement);\n\n// u-datalist.ts\nvar LIVE_TIMER;\nvar INPUT_DEBOUNCE = 0;\nvar IS_PRESS = false;\nvar IS_MOBILE = IS_IOS || IS_ANDROID;\nvar EVENTS = \"click,focusout,input,keydown,mousedown,mouseup\";\nvar EVENTS_INPUT = \"focus,focusin,blur,focusout\";\nvar TEXTS = {\n  singular: \"%d hit\",\n  plural: \"%d hits\"\n};\nvar UHTMLDataListElement = class extends UHTMLElement {\n  constructor() {\n    super();\n    this._texts = __spreadValues({}, TEXTS);\n    this._value = \"\";\n    attachStyle(\n      this,\n      `${DISPLAY_BLOCK}\n\t\t\t::slotted(u-option) { display: block; cursor: pointer }\n\t\t\t::slotted(u-option:focus) { ${FOCUS_OUTLINE} }\n\t\t\t::slotted(u-option[aria-hidden=\"true\"]),\n\t\t\t::slotted(u-option[disabled]),\n\t\t\t::slotted(u-option[hidden]) { display: none !important }`\n    );\n  }\n  // Used to prevent unnecessary announcements\n  // Using ES2015 syntax for backwards compatibility\n  static get observedAttributes() {\n    return [\"id\", ...Object.keys(TEXTS).map((key) => `data-sr-${key}`)];\n  }\n  connectedCallback() {\n    this.hidden = true;\n    this._root = getRoot(this);\n    attr(this, \"role\", \"listbox\");\n    attr(this, \"tabindex\", \"-1\");\n    on(this._root, \"focusin\", this);\n    on(this._root, \"focus\", this, true);\n    mutationObserver(this, {\n      attributeFilter: [\"disabled\", \"hidden\", \"label\", \"value\"],\n      attributes: true,\n      childList: true,\n      subtree: true\n    });\n    setTimeout(() => this.attributeChangedCallback());\n  }\n  disconnectedCallback() {\n    off(this._root || this, \"focus\", this, true);\n    off(this._root || this, \"focusin\", this);\n    mutationObserver(this, false);\n    disconnectInput(this);\n    this._root = void 0;\n  }\n  attributeChangedCallback(prop, _prev, next) {\n    const text = prop == null ? void 0 : prop.split(\"data-sr-\")[1];\n    const css = `input[list=\"${this.id}\"]`;\n    if (TEXTS[text]) this._texts[text] = next || TEXTS[text];\n    else if (this._root)\n      for (const input of this._root.querySelectorAll(css))\n        setupInput(this, input);\n  }\n  handleEvent(event) {\n    const { target, type } = event;\n    if (event.defaultPrevented) return;\n    if (type === \"click\") onClick(this, event);\n    if (type === \"focus\" || type === \"focusin\") onFocus(this, event);\n    if (type === \"blur\" || type === \"focusout\") onBlur(this, event);\n    if (type === \"keydown\") onKeyDown(this, event);\n    if (type === \"mousedown\") IS_PRESS = this.contains(target);\n    if (type === \"mouseup\") IS_PRESS = false;\n    if (type === \"mutation\" || type === \"input\") {\n      clearTimeout(INPUT_DEBOUNCE);\n      INPUT_DEBOUNCE = setTimeout(onInput, 0, this, event);\n    }\n  }\n  get options() {\n    return this.getElementsByTagName(\"u-option\");\n  }\n};\nvar isVisible = (el) => el.checkVisibility ? el.checkVisibility() : !!(el.offsetHeight && el.offsetHeight);\nvar setExpanded = (self, open) => {\n  var _a2;\n  if (self.hidden !== open) return;\n  self.hidden = !open;\n  if (self._input) setupInput(self, self._input, open);\n  if (self.popover && ((_a2 = self._input) == null ? void 0 : _a2.isConnected)) {\n    attr(self._input, \"popovertarget\", useId(self));\n    attr(self, \"popover\", \"manual\");\n    self.togglePopover(open);\n  }\n  if (open) onInput(self);\n};\nvar disconnectInput = (self) => {\n  if (!self._input) return;\n  off(self._input || self, EVENTS_INPUT, self);\n  off(self._root || self, EVENTS, self);\n  setExpanded(self, false);\n  self._input = void 0;\n};\nvar setupInput = (self, input, open = false) => {\n  on(input, EVENTS_INPUT, self, true);\n  attr(input, \"aria-autocomplete\", \"list\");\n  attr(input, \"aria-controls\", useId(self));\n  attr(input, \"aria-expanded\", `${IS_MOBILE ? open : \"true\"}`);\n  attr(input, \"autocomplete\", \"off\");\n  attr(input, \"role\", \"combobox\");\n};\nvar onFocus = (self, event) => {\n  var _a2;\n  const isInput = event.target instanceof HTMLInputElement;\n  if (isInput && event.isTrusted) event.stopImmediatePropagation();\n  if (self._input !== event.target && isInput && event.target.list === self) {\n    if (self._input) disconnectInput(self);\n    self._input = event.target;\n    self._input.dispatchEvent(new FocusEvent(\"focus\"));\n    self._input.dispatchEvent(new FocusEvent(\"focusin\", { bubbles: true }));\n    attr(self, SAFE_LABELLEDBY, useId((_a2 = self._input.labels) == null ? void 0 : _a2[0]));\n    on(self._root || self, EVENTS, self);\n    setExpanded(self, true);\n    speak();\n  }\n};\nvar onBlur = (self, event) => {\n  if (!IS_ANDROID && !IS_PRESS && self._input) setTimeout(onBlurred, 0, self);\n  if (event.target === self._input && event.isTrusted)\n    event.stopImmediatePropagation();\n};\nvar onBlurred = (self) => {\n  var _a2;\n  const relatedTarget = ((_a2 = self._root) == null ? void 0 : _a2.activeElement) || null;\n  const input = self._input;\n  if (input && input !== relatedTarget && !self.contains(relatedTarget)) {\n    input.dispatchEvent(new FocusEvent(\"blur\", { relatedTarget }));\n    input.dispatchEvent(\n      new FocusEvent(\"focusout\", { bubbles: true, relatedTarget })\n    );\n    disconnectInput(self);\n  }\n};\nvar onClick = (self, { target }) => {\n  var _a2;\n  if (!self._input || self._input === target) return setExpanded(self, true);\n  for (const opt of self.options)\n    if (opt.contains(target)) {\n      if (attr(self, \"aria-multiselectable\") !== \"true\") {\n        (_a2 = self._input) == null ? void 0 : _a2.focus();\n        setExpanded(self, false);\n      }\n      return setValue(self._input, opt.value);\n    }\n  if (IS_ANDROID) onBlurred(self);\n};\nvar onKeyDown = (self, e) => {\n  var _a2;\n  if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || e.key === \"Tab\")\n    return;\n  setExpanded(self, e.key !== \"Escape\");\n  const { key, target } = e;\n  const options = [...self.options].filter(isVisible);\n  const prev = options.indexOf(target);\n  let next = -1;\n  if (key === \"ArrowDown\") next = (prev + 1) % options.length;\n  if (key === \"ArrowUp\") next = (~prev ? prev : options.length) - 1;\n  if (~prev) {\n    if (key === \"Home\" || key === \"PageUp\") next = 0;\n    if (key === \"End\" || key === \"PageDown\") next = options.length - 1;\n    if (key === \"Enter\") {\n      options[prev].click();\n      return e.preventDefault();\n    }\n  }\n  if (options[next]) for (const option of options) option.tabIndex = -1;\n  if (options[next]) e.preventDefault();\n  (_a2 = options[next] || self._input) == null ? void 0 : _a2.focus();\n};\nvar onInput = (self, e) => {\n  const { _texts, _root, _input, options } = self;\n  const value = (_input == null ? void 0 : _input.value.toLowerCase().trim()) || \"\";\n  const filter = !self.hasAttribute(\"data-nofilter\");\n  const visible = [];\n  for (const opt of options) {\n    const hidden = `${opt.disabled || opt.hidden || filter && !opt.label.toLowerCase().includes(value)}`;\n    attr(opt, \"aria-hidden\", hidden);\n    if (isVisible(opt)) visible.push(opt);\n  }\n  const { length: total } = visible;\n  clearTimeout(LIVE_TIMER);\n  LIVE_TIMER = setTimeout(() => {\n    const text = `${!total && self.innerText.trim() || `${_texts[total === 1 ? \"singular\" : \"plural\"]}`.replace(\"%d\", `${total}`)}`;\n    const isType = (e == null ? void 0 : e.type) === \"input\" && value !== self._value;\n    if (isType && !self.hidden && (_root == null ? void 0 : _root.activeElement) === _input) speak(text);\n    self._value = value;\n  }, 1e3);\n  if (IS_IOS)\n    visible.forEach((opt, idx) => attr(opt, \"title\", `${idx + 1}/${total}`));\n};\nif (IS_BROWSER)\n  Object.defineProperty(HTMLInputElement.prototype, \"list\", {\n    configurable: true,\n    enumerable: true,\n    get() {\n      return getRoot(this).getElementById(attr(this, \"list\") || \"\");\n    }\n  });\ncustomElements.define(\"u-datalist\", UHTMLDataListElement);\n\nexport { UHTMLDataListElement };\n"],"names":["__defProp","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","IS_BROWSER","IS_ANDROID","IS_IOS","_a","SAFE_LABELLEDBY","DISPLAY_BLOCK","FOCUS_OUTLINE","UHTMLElement","attr","el","name","events","action","element","rest","type","on","off","attachStyle","css","createElement","observers","mutationObserver","options","observer","detail","getRoot","node","_a2","root","id","useId","tagName","text","attrs","customElements","instance","LIVE","LIVE_SR_FIX","speak","setValue","input","data","_b","event","proto","DISABLED","SELECTED","UHTMLOptionElement","LIVE_TIMER","INPUT_DEBOUNCE","IS_PRESS","IS_MOBILE","EVENTS","EVENTS_INPUT","TEXTS","UHTMLDataListElement","disconnectInput","_prev","next","setupInput","target","onClick","onFocus","onBlur","onKeyDown","onInput","isVisible","setExpanded","self","open","isInput","onBlurred","relatedTarget","opt","prev","option","_texts","_root","_input","filter","visible","hidden","total","idx"],"mappings":"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","x_google_ignoreList":[0]}

package/mtds/field/field-observer.js

@@ -1,21 +1,21 @@
 import { UHTMLComboboxElement as p } from "../external/@u-elements/u-combobox/dist/u-combobox.js";
-import { UHTMLDataListElement as E } from "../external/@u-elements/u-datalist/dist/u-datalist.js";
+import { UHTMLDataListElement as C } from "../external/@u-elements/u-datalist/dist/u-datalist.js";
 import h from "../styles.module.css.js";
-import { onLoaded as C, onMutation as L, on as l, QUICK_EVENT as m, isInputLike as g, attr as s, useId as b, anchorPosition as u } from "../utils.js";
-const v = h.field.split(" ")[0], I = "--mtds-text-count-over", P = "--mtds-text-count-under", x = h.validation.split(" "), M = x[0], a = (t, o) => {
+import { onLoaded as I, onMutation as S, on as l, QUICK_EVENT as m, isInputLike as g, attr as i, useId as b, anchorPosition as u } from "../utils.js";
+const v = h.field.split(" ")[0], x = h.validation.split(" "), E = x[0], a = (t, o) => {
   var n;
   return ((n = t.getPropertyValue(`--mtds-text-${o}`)) == null ? void 0 : n.slice(1, -1)) || "";
 };
-function _(t) {
+function M(t) {
   for (const o of t)
     if (o.isConnected) {
-      const n = [], i = [];
+      const n = [], s = [];
       let c = null, r = null, d = !0;
       for (const e of o.getElementsByTagName("*"))
-        e instanceof HTMLLabelElement ? n.push(e) : e instanceof p ? c = e : g(e) ? r = e : e.hasAttribute("data-description") ? i.push(e) : e.classList.contains(M) ? (d = s(e, "data-color") === "success" || !e.clientWidth || !e.clientHeight, i.unshift(e)) : e instanceof HTMLParagraphElement && (i.some((f) => f.contains(e)) || i.push(e));
+        e instanceof HTMLLabelElement ? n.push(e) : e instanceof p ? c = e : g(e) ? r = e : e.hasAttribute("data-description") ? s.push(e) : e.classList.contains(E) ? (d = i(e, "data-color") === "success" || !e.clientWidth || !e.clientHeight, s.unshift(e)) : e instanceof HTMLParagraphElement && (s.some((f) => f.contains(e)) || s.push(e));
       if (r) {
         for (const e of n) e.htmlFor = b(r);
-        A(c), S(r), y(r), s(r, "aria-describedby", i.map(b).join(" ") || null), s(r, "aria-invalid", `${!d}`);
+        A(c), L(r), y(r), i(r, "aria-describedby", s.map(b).join(" ") || null), i(r, "aria-invalid", `${!d}`);
       }
     }
 }
@@ -29,42 +29,42 @@ function A(t) {
   var n;
   if (!(t != null && t.list) || (n = t.list) != null && n.hasAttribute("popover")) return;
   const o = window.getComputedStyle(t);
-  s(t, "data-sr-added", a(o, "combobox-added")), s(t, "data-sr-empty", a(o, "combobox-empty")), s(t, "data-sr-found", a(o, "combobox-found")), s(t, "data-sr-invalid", a(o, "combobox-invalid")), s(t, "data-sr-of", a(o, "combobox-of")), s(t, "data-sr-remove", a(o, "combobox-remove")), s(t, "data-sr-removed", a(o, "combobox-removed")), s(t.list, "data-sr-plural", a(o, "datalist-plural")), s(t.list, "data-sr-singular", a(o, "datalist-singular")), s(t.list, "popover", "manual");
+  i(t, "data-sr-added", a(o, "combobox-added")), i(t, "data-sr-empty", a(o, "combobox-empty")), i(t, "data-sr-found", a(o, "combobox-found")), i(t, "data-sr-invalid", a(o, "combobox-invalid")), i(t, "data-sr-of", a(o, "combobox-of")), i(t, "data-sr-remove", a(o, "combobox-remove")), i(t, "data-sr-removed", a(o, "combobox-removed")), i(t.list, "data-sr-plural", a(o, "datalist-plural")), i(t.list, "data-sr-singular", a(o, "datalist-singular")), i(t.list, "popover", "manual");
 }
-function S(t) {
-  const o = t == null ? void 0 : t.nextElementSibling, n = o && s(o, "data-count");
+function L(t) {
+  const o = t == null ? void 0 : t.nextElementSibling, n = o && i(o, "data-count");
   if (o && n) {
-    const i = Number(n) - t.value.length, c = i < 0, r = s(o, "aria-live") === "polite", d = window.getComputedStyle(o || t), e = a(d, I), f = a(d, P);
+    const s = Number(n) - t.value.length, c = s < 0, r = i(o, "aria-live") === "polite", d = window.getComputedStyle(o || t), e = a(d, "count-over"), f = a(d, "count-under");
     if (r !== c) {
-      s(o, "aria-live", c ? "polite" : "off");
+      i(o, "aria-live", c ? "polite" : "off");
       for (const T of x) o.classList.toggle(T, c);
     }
     o.textContent = (c ? e : f).replace(
       "%d",
-      `${Math.abs(i)}`
+      `${Math.abs(s)}`
     );
   }
 }
 function H({ target: t, newState: o }) {
-  if (t instanceof E) {
-    const n = t.getRootNode(), i = n == null ? void 0 : n.querySelector(
+  if (t instanceof C) {
+    const n = t.getRootNode(), s = n == null ? void 0 : n.querySelector(
       `[popovertarget="${t.id}"]`
     );
-    o === "closed" ? u(t, !1) : i && (t.style.width = `${i.clientWidth}px`, u(t, i, "bottom", !0));
+    o === "closed" ? u(t, !1) : s && (t.style.width = `${s.clientWidth}px`, u(t, s, "bottom", !0));
   }
 }
-function N({ target: t }) {
-  g(t) && (S(t), y(t));
+function $({ target: t }) {
+  g(t) && (L(t), y(t));
 }
-function R(t) {
+function N(t) {
   var o, n;
   (n = (o = t.target) == null ? void 0 : o.closest) != null && n.call(o, `.${v}`) && t.preventDefault();
 }
-function $({ target: t }) {
+function w({ target: t }) {
   const o = t instanceof p && t.list;
   o && !(o != null && o.hidden) && setTimeout(() => u(o, t, 2, !0), 10);
 }
-C(() => {
-  L(document.documentElement, v, _), l(document, "beforechange", $, m), l(document, "input", N, m), l(document, "invalid", R, !0), l(document, "toggle", H, m);
+I(() => {
+  S(document.documentElement, v, M), l(document, "beforechange", w, m), l(document, "input", $, m), l(document, "invalid", N, !0), l(document, "toggle", H, m);
 });
 //# sourceMappingURL=field-observer.js.map

package/mtds/field/field-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-observer.js","sources":["../../designsystem/field/field-observer.ts"],"sourcesContent":["import { UHTMLComboboxElement } from \"@u-elements/u-combobox\";\nimport { UHTMLDataListElement } from \"@u-elements/u-datalist\";\nimport styles from \"../styles.module.css\";\nimport {\n\tQUICK_EVENT,\n\tanchorPosition,\n\tattr,\n\tisInputLike,\n\ton,\n\tonLoaded,\n\tonMutation,\n\tuseId,\n} from \"../utils\";\n\nconst CSS_FIELD = styles.field.split(\" \")[0];\nconst CSS_PROPERTY_OVER = \"--mtds-text-count-over\";\nconst CSS_PROPERTY_UNDER = \"--mtds-text-count-under\";\nconst CSS_VALIDATIONS = styles.validation.split(\" \");\nconst CSS_VALIDATION = CSS_VALIDATIONS[0];\n\nconst getText = (style: CSSStyleDeclaration, key: string) =>\n\tstyle.getPropertyValue(`--mtds-text-${key}`)?.slice(1, -1) || \"\"; // slice to trim quotes\n\nfunction handleMutation(fields: HTMLCollectionOf<Element>) {\n\tfor (const field of fields)\n\t\tif (field.isConnected) {\n\t\t\tconst labels: HTMLLabelElement[] = [];\n\t\t\tconst descs: Element[] = [];\n\t\t\tlet combobox: UHTMLComboboxElement | null = null;\n\t\t\tlet input: HTMLInputElement | null = null;\n\t\t\tlet valid = true;\n\n\t\t\tfor (const el of field.getElementsByTagName(\"*\")) {\n\t\t\t\tif (el instanceof HTMLLabelElement) labels.push(el);\n\t\t\t\telse if (el instanceof UHTMLComboboxElement) combobox = el;\n\t\t\t\telse if (isInputLike(el)) input = el;\n\t\t\t\telse if (el.hasAttribute(\"data-description\")) descs.push(el);\n\t\t\t\telse if (el.classList.contains(CSS_VALIDATION)) {\n\t\t\t\t\tvalid =\n\t\t\t\t\t\tattr(el, \"data-color\") === \"success\" ||\n\t\t\t\t\t\t!el.clientWidth ||\n\t\t\t\t\t\t!el.clientHeight; // Only set invalid if Validation is visible\n\t\t\t\t\tdescs.unshift(el);\n\t\t\t\t} else if (el instanceof HTMLParagraphElement)\n\t\t\t\t\tdescs.some((desc) => desc.contains(el)) || descs.push(el); // Only add if not already inside description\n\t\t\t}\n\n\t\t\tif (input) {\n\t\t\t\tfor (const label of labels) label.htmlFor = useId(input);\n\t\t\t\trenderCombobox(combobox);\n\t\t\t\trenderCounter(input);\n\t\t\t\trenderTextareaSize(input);\n\t\t\t\tattr(input, \"aria-describedby\", descs.map(useId).join(\" \") || null); // Remove if empty\n\t\t\t\tattr(input, \"aria-invalid\", `${!valid}`);\n\t\t\t}\n\t\t}\n}\n\n// iOS does not support field-sizing: content, so we need to manually resize\nfunction renderTextareaSize(textarea: Element) {\n\tif (textarea instanceof HTMLTextAreaElement) {\n\t\ttextarea.style.setProperty(\"--mtds-textarea-height\", \"auto\");\n\t\ttextarea.style.setProperty(\n\t\t\t\"--mtds-textarea-height\",\n\t\t\t`${textarea.scrollHeight}px`,\n\t\t);\n\t}\n}\n\n// Setup translations from CSS custom properties\nfunction renderCombobox(el: UHTMLComboboxElement | null) {\n\tif (!el?.list || el.list?.hasAttribute(\"popover\")) return;\n\tconst style = window.getComputedStyle(el);\n\tattr(el, \"data-sr-added\", getText(style, \"combobox-added\"));\n\tattr(el, \"data-sr-empty\", getText(style, \"combobox-empty\"));\n\tattr(el, \"data-sr-found\", getText(style, \"combobox-found\"));\n\tattr(el, \"data-sr-invalid\", getText(style, \"combobox-invalid\"));\n\tattr(el, \"data-sr-of\", getText(style, \"combobox-of\"));\n\tattr(el, \"data-sr-remove\", getText(style, \"combobox-remove\"));\n\tattr(el, \"data-sr-removed\", getText(style, \"combobox-removed\"));\n\tattr(el.list, \"data-sr-plural\", getText(style, \"datalist-plural\"));\n\tattr(el.list, \"data-sr-singular\", getText(style, \"datalist-singular\"));\n\tattr(el.list, \"popover\", \"manual\");\n}\n\nfunction renderCounter(input: HTMLInputElement) {\n\tconst el = input?.nextElementSibling;\n\tconst limit = el && attr(el, \"data-count\");\n\n\tif (el && limit) {\n\t\tconst remainder = Number(limit) - input.value.length;\n\t\tconst nextInvalid = remainder < 0;\n\t\tconst prevInvalid = attr(el, \"aria-live\") === \"polite\";\n\t\tconst style = window.getComputedStyle(el || input);\n\t\tconst over = getText(style, CSS_PROPERTY_OVER);\n\t\tconst under = getText(style, CSS_PROPERTY_UNDER);\n\n\t\tif (prevInvalid !== nextInvalid) {\n\t\t\tattr(el, \"aria-live\", nextInvalid ? \"polite\" : \"off\");\n\t\t\tfor (const css of CSS_VALIDATIONS) el.classList.toggle(css, nextInvalid);\n\t\t}\n\t\tel.textContent = (nextInvalid ? over : under).replace(\n\t\t\t\"%d\",\n\t\t\t`${Math.abs(remainder)}`,\n\t\t);\n\t}\n}\n\nfunction handleToggle({ target: el, newState }: Event & { newState?: string }) {\n\tif (el instanceof UHTMLDataListElement) {\n\t\tconst root = el.getRootNode() as ShadowRoot | null;\n\t\tconst anchor = root?.querySelector<HTMLElement>(\n\t\t\t`[popovertarget=\"${el.id}\"]`,\n\t\t);\n\n\t\tif (newState === \"closed\") anchorPosition(el, false);\n\t\telse if (anchor) {\n\t\t\tel.style.width = `${anchor.clientWidth}px`;\n\t\t\tanchorPosition(el, anchor, \"bottom\", true);\n\t\t}\n\t}\n}\n// Update when typing\nfunction handleInput({ target }: Event) {\n\tif (isInputLike(target)) {\n\t\trenderCounter(target);\n\t\trenderTextareaSize(target);\n\t}\n}\n\n// Prevent browsers from showing default validation bubbles\nfunction handleInvalid(event: Event) {\n\tif ((event.target as Element)?.closest?.(`.${CSS_FIELD}`))\n\t\tevent.preventDefault();\n}\n\n// Position combobox when changing content\nfunction handleBeforeChange({ target: el }: Event) {\n\tconst list = el instanceof UHTMLComboboxElement && el.list;\n\tif (list && !list?.hidden)\n\t\tsetTimeout(() => anchorPosition(list, el, 2, true), 10); // Reposition list if not hidden\n}\n\nonLoaded(() => {\n\tonMutation(document.documentElement, CSS_FIELD, handleMutation);\n\ton(document, \"beforechange\", handleBeforeChange, QUICK_EVENT);\n\ton(document, \"input\", handleInput, QUICK_EVENT);\n\ton(document, \"invalid\", handleInvalid, true); // Use capture as invalid does noe bubble\n\ton(document, \"toggle\", handleToggle, QUICK_EVENT); // Use capture since toggle does not bubble\n});\n"],"names":["CSS_FIELD","styles","CSS_PROPERTY_OVER","CSS_PROPERTY_UNDER","CSS_VALIDATIONS","CSS_VALIDATION","getText","style","key","_a","handleMutation","fields","field","labels","descs","combobox","input","valid","el","UHTMLComboboxElement","isInputLike","attr","desc","label","useId","renderCombobox","renderCounter","renderTextareaSize","textarea","limit","remainder","nextInvalid","prevInvalid","over","under","css","handleToggle","newState","UHTMLDataListElement","root","anchor","anchorPosition","handleInput","target","handleInvalid","event","_b","handleBeforeChange","list","onLoaded","onMutation","on","QUICK_EVENT"],"mappings":"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"}
+{"version":3,"file":"field-observer.js","sources":["../../designsystem/field/field-observer.ts"],"sourcesContent":["import { UHTMLComboboxElement } from \"@u-elements/u-combobox\";\nimport { UHTMLDataListElement } from \"@u-elements/u-datalist\";\nimport styles from \"../styles.module.css\";\nimport {\n\tQUICK_EVENT,\n\tanchorPosition,\n\tattr,\n\tisInputLike,\n\ton,\n\tonLoaded,\n\tonMutation,\n\tuseId,\n} from \"../utils\";\n\nconst CSS_FIELD = styles.field.split(\" \")[0];\nconst CSS_VALIDATIONS = styles.validation.split(\" \");\nconst CSS_VALIDATION = CSS_VALIDATIONS[0];\n\nconst getText = (style: CSSStyleDeclaration, key: string) =>\n\tstyle.getPropertyValue(`--mtds-text-${key}`)?.slice(1, -1) || \"\"; // slice to trim quotes\n\nfunction handleMutation(fields: HTMLCollectionOf<Element>) {\n\tfor (const field of fields)\n\t\tif (field.isConnected) {\n\t\t\tconst labels: HTMLLabelElement[] = [];\n\t\t\tconst descs: Element[] = [];\n\t\t\tlet combobox: UHTMLComboboxElement | null = null;\n\t\t\tlet input: HTMLInputElement | null = null;\n\t\t\tlet valid = true;\n\n\t\t\tfor (const el of field.getElementsByTagName(\"*\")) {\n\t\t\t\tif (el instanceof HTMLLabelElement) labels.push(el);\n\t\t\t\telse if (el instanceof UHTMLComboboxElement) combobox = el;\n\t\t\t\telse if (isInputLike(el)) input = el;\n\t\t\t\telse if (el.hasAttribute(\"data-description\")) descs.push(el);\n\t\t\t\telse if (el.classList.contains(CSS_VALIDATION)) {\n\t\t\t\t\tvalid =\n\t\t\t\t\t\tattr(el, \"data-color\") === \"success\" ||\n\t\t\t\t\t\t!el.clientWidth ||\n\t\t\t\t\t\t!el.clientHeight; // Only set invalid if Validation is visible\n\t\t\t\t\tdescs.unshift(el);\n\t\t\t\t} else if (el instanceof HTMLParagraphElement)\n\t\t\t\t\tdescs.some((desc) => desc.contains(el)) || descs.push(el); // Only add if not already inside description\n\t\t\t}\n\n\t\t\tif (input) {\n\t\t\t\tfor (const label of labels) label.htmlFor = useId(input);\n\t\t\t\trenderCombobox(combobox);\n\t\t\t\trenderCounter(input);\n\t\t\t\trenderTextareaSize(input);\n\t\t\t\tattr(input, \"aria-describedby\", descs.map(useId).join(\" \") || null); // Remove if empty\n\t\t\t\tattr(input, \"aria-invalid\", `${!valid}`);\n\t\t\t}\n\t\t}\n}\n\n// iOS does not support field-sizing: content, so we need to manually resize\nfunction renderTextareaSize(textarea: Element) {\n\tif (textarea instanceof HTMLTextAreaElement) {\n\t\ttextarea.style.setProperty(\"--mtds-textarea-height\", \"auto\");\n\t\ttextarea.style.setProperty(\n\t\t\t\"--mtds-textarea-height\",\n\t\t\t`${textarea.scrollHeight}px`,\n\t\t);\n\t}\n}\n\n// Setup translations from CSS custom properties\nfunction renderCombobox(el: UHTMLComboboxElement | null) {\n\tif (!el?.list || el.list?.hasAttribute(\"popover\")) return;\n\tconst style = window.getComputedStyle(el);\n\tattr(el, \"data-sr-added\", getText(style, \"combobox-added\"));\n\tattr(el, \"data-sr-empty\", getText(style, \"combobox-empty\"));\n\tattr(el, \"data-sr-found\", getText(style, \"combobox-found\"));\n\tattr(el, \"data-sr-invalid\", getText(style, \"combobox-invalid\"));\n\tattr(el, \"data-sr-of\", getText(style, \"combobox-of\"));\n\tattr(el, \"data-sr-remove\", getText(style, \"combobox-remove\"));\n\tattr(el, \"data-sr-removed\", getText(style, \"combobox-removed\"));\n\tattr(el.list, \"data-sr-plural\", getText(style, \"datalist-plural\"));\n\tattr(el.list, \"data-sr-singular\", getText(style, \"datalist-singular\"));\n\tattr(el.list, \"popover\", \"manual\");\n}\n\nfunction renderCounter(input: HTMLInputElement) {\n\tconst el = input?.nextElementSibling;\n\tconst limit = el && attr(el, \"data-count\");\n\n\tif (el && limit) {\n\t\tconst remainder = Number(limit) - input.value.length;\n\t\tconst nextInvalid = remainder < 0;\n\t\tconst prevInvalid = attr(el, \"aria-live\") === \"polite\";\n\t\tconst style = window.getComputedStyle(el || input);\n\t\tconst over = getText(style, \"count-over\");\n\t\tconst under = getText(style, \"count-under\");\n\n\t\tif (prevInvalid !== nextInvalid) {\n\t\t\tattr(el, \"aria-live\", nextInvalid ? \"polite\" : \"off\");\n\t\t\tfor (const css of CSS_VALIDATIONS) el.classList.toggle(css, nextInvalid);\n\t\t}\n\t\tel.textContent = (nextInvalid ? over : under).replace(\n\t\t\t\"%d\",\n\t\t\t`${Math.abs(remainder)}`,\n\t\t);\n\t}\n}\n\nfunction handleToggle({ target: el, newState }: Event & { newState?: string }) {\n\tif (el instanceof UHTMLDataListElement) {\n\t\tconst root = el.getRootNode() as ShadowRoot | null;\n\t\tconst anchor = root?.querySelector<HTMLElement>(\n\t\t\t`[popovertarget=\"${el.id}\"]`,\n\t\t);\n\n\t\tif (newState === \"closed\") anchorPosition(el, false);\n\t\telse if (anchor) {\n\t\t\tel.style.width = `${anchor.clientWidth}px`;\n\t\t\tanchorPosition(el, anchor, \"bottom\", true);\n\t\t}\n\t}\n}\n// Update when typing\nfunction handleInput({ target }: Event) {\n\tif (isInputLike(target)) {\n\t\trenderCounter(target);\n\t\trenderTextareaSize(target);\n\t}\n}\n\n// Prevent browsers from showing default validation bubbles\nfunction handleInvalid(event: Event) {\n\tif ((event.target as Element)?.closest?.(`.${CSS_FIELD}`))\n\t\tevent.preventDefault();\n}\n\n// Position combobox when changing content\nfunction handleBeforeChange({ target: el }: Event) {\n\tconst list = el instanceof UHTMLComboboxElement && el.list;\n\tif (list && !list?.hidden)\n\t\tsetTimeout(() => anchorPosition(list, el, 2, true), 10); // Reposition list if not hidden\n}\n\nonLoaded(() => {\n\tonMutation(document.documentElement, CSS_FIELD, handleMutation);\n\ton(document, \"beforechange\", handleBeforeChange, QUICK_EVENT);\n\ton(document, \"input\", handleInput, QUICK_EVENT);\n\ton(document, \"invalid\", handleInvalid, true); // Use capture as invalid does noe bubble\n\ton(document, \"toggle\", handleToggle, QUICK_EVENT); // Use capture since toggle does not bubble\n});\n"],"names":["CSS_FIELD","styles","CSS_VALIDATIONS","CSS_VALIDATION","getText","style","key","_a","handleMutation","fields","field","labels","descs","combobox","input","valid","el","UHTMLComboboxElement","isInputLike","attr","desc","label","useId","renderCombobox","renderCounter","renderTextareaSize","textarea","limit","remainder","nextInvalid","prevInvalid","over","under","css","handleToggle","newState","UHTMLDataListElement","root","anchor","anchorPosition","handleInput","target","handleInvalid","event","_b","handleBeforeChange","list","onLoaded","onMutation","on","QUICK_EVENT"],"mappings":"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"}

package/mtds/field/field.js

@@ -14,7 +14,6 @@ import "../dialog/dialog.js";
 import "../divider/divider.js";
 import "../errorsummary/errorsummary.js";
 import "../fieldset/fieldset.js";
-import "../typography/typography.js";
 import { HelpText as w } from "../helptext/helptext.js";
 import "../input/input.js";
 import "../layout/layout.js";
@@ -25,10 +24,12 @@ import "../popover/popover.js";
 import "../progress/progress.js";
 import "../skeleton/skeleton.js";
 import "../spinner/spinner.js";
+import "../steps/steps.js";
 import "../table/table.js";
 import "../tabs/tabs.js";
 import "../tag/tag.js";
 import "../togglegroup/togglegroup.js";
+import "../typography/typography.js";
 import "../validation/validation.js";
 import n from "../styles.module.css.js";
 import { toCustomElementProps as f } from "../utils.js";
@@ -92,14 +93,14 @@ const E = e(function({
   function(o, t) {
     return /* @__PURE__ */ i("u-combobox", { ref: t, ...f(o) });
   }
-), hi = Object.assign(E, {
+), Fi = Object.assign(E, {
   Affixes: j,
   Combobox: T,
   Datalist: P,
   Option: R
 });
 export {
-  hi as Field,
+  Fi as Field,
   E as FieldComp
 };
 //# sourceMappingURL=field.js.map

package/mtds/field/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../designsystem/field/field.tsx"],"sourcesContent":["import type {\n\tReactUcombobox,\n\tUHTMLComboboxElement,\n} from \"@u-elements/u-combobox\";\nimport clsx from \"clsx\";\nimport { type JSX, forwardRef } from \"react\";\nimport { HelpText } from \"../react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\ntype FieldBaseProps = {\n\tcount?: number;\n\tdescription?: React.ReactNode;\n\terror?: React.ReactNode; // Kept for backwards compatibility\n\thelpText?: React.ReactNode;\n\thelpTextLabel?: string;\n\tlabel?: React.ReactNode;\n\toptions?: Array<string | { label: string; value: string }>;\n\tprefix?: string;\n\treadOnly?: boolean; // Allow readoOnly also on <select>\n\tsuffix?: string;\n\tvalidation?: React.ReactNode;\n};\n\nexport type FieldProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, FieldBaseProps>;\n\ntype FieldComponent = <As extends React.ElementType = \"div\">(\n\tprops: FieldProps<As>,\n) => JSX.Element;\n\nexport const FieldComp: FieldComponent = forwardRef<null>(function Field<\n\tAs extends React.ElementType = \"div\",\n>(\n\t{\n\t\t\"data-size\": size,\n\t\tas,\n\t\tclassName,\n\t\tcount,\n\t\tdescription,\n\t\terror,\n\t\thelpText,\n\t\thelpTextLabel,\n\t\tlabel,\n\t\toptions,\n\t\tprefix,\n\t\tstyle,\n\t\tsuffix,\n\t\tvalidation,\n\t\t...rest\n\t}: FieldProps<As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || \"div\";\n\tconst affixes = !!suffix || !!prefix;\n\tconst valid = validation || error; // error kept for backwards compatibility\n\tconst shared = {\n\t\t\"data-size\": size,\n\t\tclassName: clsx(styles.field, className),\n\t\tstyle,\n\t};\n\n\t// Render options if select\n\tif (as === \"select\" && !rest.children)\n\t\tObject.assign(rest, {\n\t\t\tchildren: (\n\t\t\t\t<>\n\t\t\t\t\t{options\n\t\t\t\t\t\t?.map((o) => (typeof o === \"string\" ? { label: o, value: o } : o))\n\t\t\t\t\t\t.map(({ label, value }) => (\n\t\t\t\t\t\t\t<option key={value} value={value}>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t))}\n\t\t\t\t</>\n\t\t\t),\n\t\t});\n\n\t// Using suppressHydrationWarning to avoid Next.js vs field-observer.ts hydration conflict\n\treturn as ? (\n\t\t<div {...shared}>\n\t\t\t{!!label && <label suppressHydrationWarning>{label}</label>}\n\t\t\t{!!helpText && <HelpText aria-label={helpTextLabel}>{helpText}</HelpText>}\n\t\t\t{!!description && <p>{description}</p>}\n\t\t\t{affixes ? (\n\t\t\t\t<FieldAffixes>\n\t\t\t\t\t{!!prefix && <span>{prefix}</span>}\n\t\t\t\t\t<Tag className={styles.input} ref={ref} {...rest} />\n\t\t\t\t\t{!!suffix && <span>{suffix}</span>}\n\t\t\t\t</FieldAffixes>\n\t\t\t) : (\n\t\t\t\t<Tag\n\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\tsuppressHydrationWarning\n\t\t\t\t\tref={ref}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{!!valid && <div className={styles.validation}>{valid}</div>}\n\t\t\t{!!count && <p data-count={count} />}\n\t\t</div>\n\t) : (\n\t\t<div ref={ref} {...shared} {...rest} />\n\t);\n}) as FieldComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nconst FieldAffixes = forwardRef<HTMLDivElement, FieldProps>(\n\tfunction FieldAffixes({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div className={clsx(styles.affixes, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport type FieldDatalistProps = React.ComponentPropsWithoutRef<\"datalist\"> & {\n\t\"data-nofilter\"?: boolean;\n};\n\nconst FieldDatalist = forwardRef<HTMLDataListElement, FieldDatalistProps>(\n\tfunction FieldDatalist(props, ref) {\n\t\treturn <u-datalist ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type FieldOptionProps = React.ComponentPropsWithoutRef<\"option\">;\n\nconst FieldOption = forwardRef<HTMLOptionElement, FieldOptionProps>(\n\tfunction FieldOption(props, ref) {\n\t\treturn <u-option ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type FieldComboboxProps = ReactUcombobox & {\n\t\"data-multiple\"?: boolean;\n\t\"data-creatable\"?: boolean;\n};\n\nconst FieldCombobox = forwardRef<UHTMLComboboxElement, FieldComboboxProps>(\n\tfunction FieldCombobox(props, ref) {\n\t\treturn <u-combobox ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport const Field = Object.assign(FieldComp, {\n\tAffixes: FieldAffixes,\n\tCombobox: FieldCombobox,\n\tDatalist: FieldDatalist,\n\tOption: FieldOption,\n});\n"],"names":["FieldComp","forwardRef","size","as","className","count","description","error","helpText","helpTextLabel","label","options","prefix","style","suffix","validation","rest","ref","Tag","affixes","valid","shared","clsx","styles","jsx","Fragment","o","value","jsxs","HelpText","FieldAffixes","FieldDatalist","props","toCustomElementProps","FieldOption","FieldCombobox","Field"],"mappings":"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"}
+{"version":3,"file":"field.js","sources":["../../designsystem/field/field.tsx"],"sourcesContent":["import type {\n\tReactUcombobox,\n\tUHTMLComboboxElement,\n} from \"@u-elements/u-combobox\";\nimport clsx from \"clsx\";\nimport { type JSX, forwardRef } from \"react\";\nimport { HelpText } from \"../react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\ntype FieldBaseProps = {\n\tcount?: number;\n\tdescription?: React.ReactNode;\n\terror?: React.ReactNode; // Kept for backwards compatibility\n\thelpText?: React.ReactNode;\n\thelpTextLabel?: string;\n\tlabel?: React.ReactNode;\n\toptions?: Array<string | { label: string; value: string }>;\n\tprefix?: string;\n\treadOnly?: boolean; // Allow readoOnly also on <select>\n\tsuffix?: string;\n\tvalidation?: React.ReactNode;\n};\n\nexport type FieldProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, FieldBaseProps>;\n\ntype FieldComponent = <As extends React.ElementType = \"div\">(\n\tprops: FieldProps<As>,\n) => JSX.Element;\n\nexport const FieldComp: FieldComponent = forwardRef<null>(function Field<\n\tAs extends React.ElementType = \"div\",\n>(\n\t{\n\t\t\"data-size\": size,\n\t\tas,\n\t\tclassName,\n\t\tcount,\n\t\tdescription,\n\t\terror,\n\t\thelpText,\n\t\thelpTextLabel,\n\t\tlabel,\n\t\toptions,\n\t\tprefix,\n\t\tstyle,\n\t\tsuffix,\n\t\tvalidation,\n\t\t...rest\n\t}: FieldProps<As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || \"div\";\n\tconst affixes = !!suffix || !!prefix;\n\tconst valid = validation || error; // error kept for backwards compatibility\n\tconst shared = {\n\t\t\"data-size\": size,\n\t\tclassName: clsx(styles.field, className),\n\t\tstyle,\n\t};\n\n\t// Render options if select\n\tif (as === \"select\" && !rest.children)\n\t\tObject.assign(rest, {\n\t\t\tchildren: (\n\t\t\t\t<>\n\t\t\t\t\t{options\n\t\t\t\t\t\t?.map((o) => (typeof o === \"string\" ? { label: o, value: o } : o))\n\t\t\t\t\t\t.map(({ label, value }) => (\n\t\t\t\t\t\t\t<option key={value} value={value}>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t))}\n\t\t\t\t</>\n\t\t\t),\n\t\t});\n\n\t// Using suppressHydrationWarning to avoid Next.js vs field-observer.ts hydration conflict\n\treturn as ? (\n\t\t<div {...shared}>\n\t\t\t{!!label && <label suppressHydrationWarning>{label}</label>}\n\t\t\t{!!helpText && <HelpText aria-label={helpTextLabel}>{helpText}</HelpText>}\n\t\t\t{!!description && <p>{description}</p>}\n\t\t\t{affixes ? (\n\t\t\t\t<FieldAffixes>\n\t\t\t\t\t{!!prefix && <span>{prefix}</span>}\n\t\t\t\t\t<Tag className={styles.input} ref={ref} {...rest} />\n\t\t\t\t\t{!!suffix && <span>{suffix}</span>}\n\t\t\t\t</FieldAffixes>\n\t\t\t) : (\n\t\t\t\t<Tag\n\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\tsuppressHydrationWarning\n\t\t\t\t\tref={ref}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{!!valid && <div className={styles.validation}>{valid}</div>}\n\t\t\t{!!count && <p data-count={count} />}\n\t\t</div>\n\t) : (\n\t\t<div ref={ref} {...shared} {...rest} />\n\t);\n}) as FieldComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nconst FieldAffixes = forwardRef<HTMLDivElement, FieldProps>(\n\tfunction FieldAffixes({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div className={clsx(styles.affixes, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport type FieldDatalistProps = React.ComponentPropsWithoutRef<\"datalist\"> & {\n\t\"data-nofilter\"?: boolean;\n};\n\nconst FieldDatalist = forwardRef<HTMLDataListElement, FieldDatalistProps>(\n\tfunction FieldDatalist(props, ref) {\n\t\treturn <u-datalist ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type FieldOptionProps = React.ComponentPropsWithoutRef<\"option\">;\n\nconst FieldOption = forwardRef<HTMLOptionElement, FieldOptionProps>(\n\tfunction FieldOption(props, ref) {\n\t\treturn <u-option ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type FieldComboboxProps = ReactUcombobox & {\n\t\"data-multiple\"?: boolean;\n\t\"data-creatable\"?: boolean;\n};\n\nconst FieldCombobox = forwardRef<UHTMLComboboxElement, FieldComboboxProps>(\n\tfunction FieldCombobox(props, ref) {\n\t\treturn <u-combobox ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport const Field = Object.assign(FieldComp, {\n\tAffixes: FieldAffixes,\n\tCombobox: FieldCombobox,\n\tDatalist: FieldDatalist,\n\tOption: FieldOption,\n});\n"],"names":["FieldComp","forwardRef","size","as","className","count","description","error","helpText","helpTextLabel","label","options","prefix","style","suffix","validation","rest","ref","Tag","affixes","valid","shared","clsx","styles","jsx","Fragment","o","value","jsxs","HelpText","FieldAffixes","FieldDatalist","props","toCustomElementProps","FieldOption","FieldCombobox","Field"],"mappings":"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"}