@mattilsynet/design 1.2.2 → 1.3.0

package/mtds/analytics/analytics.d.ts

@@ -0,0 +1,30 @@
+type Matomo = (string | number | boolean)[];
+declare global {
+    interface Window {
+        _paq?: Matomo[];
+    }
+}
+export type AnalyticsActions = {
+    init: {
+        matomoId: number | string;
+        enabled?: boolean | "debug";
+    };
+    pageview: {
+        url?: string;
+        title?: string;
+    };
+    event: {
+        category: string;
+        action: string;
+        name?: string;
+        value?: number;
+    };
+    search: {
+        query: string;
+        category?: string;
+        results?: number;
+    };
+    matomo: Matomo;
+};
+export declare function analytics<Action extends keyof AnalyticsActions>(action: Action, args?: AnalyticsActions[Action]): void;
+export {};

package/mtds/analytics/analytics.js

@@ -0,0 +1,36 @@
+import { IS_BROWSER as r } from "../utils.js";
+const a = "mattilsynet.matomo.cloud";
+let s = !0;
+function d(o, n = {}) {
+  if (r) {
+    if (window._paq || (window._paq = [], window._paq.push(["HeatmapSessionRecording::disable"]), window._paq.push(["enableLinkTracking"]), window._paq.push(["setTrackerUrl", `https://${a}/matomo.php`]), document.querySelector('script[src*="matomo.js"]') || document.documentElement.append(
+      Object.assign(document.createElement("script"), {
+        async: !0,
+        src: `https://cdn.matomo.cloud/${a}/matomo.js`
+      })
+    )), o === "init") {
+      const { matomoId: e, enabled: t = !0 } = n;
+      s = t, window._paq.push(["setSiteId", e]);
+    }
+    if (s === "debug") return console.info(`Analytics: "${o}"`, n);
+    if (!(s === !1 || window.location.hostname === "localhost"))
+      if (o === "pageview") {
+        const { url: e, title: t } = n;
+        window._paq.push(["setCustomUrl", e || location.href]), window._paq.push(["setDocumentTitle", t || document.title]), window._paq.push(["trackPageView"]);
+      } else if (o === "event") {
+        const { category: e, action: t, name: i, value: c } = n, p = ["trackEvent", e, t, i, c];
+        window._paq.push(p.filter((l) => l !== void 0));
+      } else if (o === "search") {
+        const {
+          query: e,
+          category: t = !1,
+          results: i = !1
+        } = n;
+        window._paq.push(["trackSiteSearch", e, t, i]);
+      } else o === "matomo" && window._paq.push(n);
+  }
+}
+export {
+  d as analytics
+};
+//# sourceMappingURL=analytics.js.map

package/mtds/analytics/analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics.js","sources":["../../designsystem/analytics/analytics.ts"],"sourcesContent":["import { IS_BROWSER } from \"../utils\";\n\nconst MATOMO = \"mattilsynet.matomo.cloud\";\nlet ENABLED: AnalyticsActions[\"init\"][\"enabled\"] = true;\n\ntype Matomo = (string | number | boolean)[];\ndeclare global {\n\tinterface Window {\n\t\t_paq?: Matomo[];\n\t}\n}\n\nexport type AnalyticsActions = {\n\tinit: {\n\t\tmatomoId: number | string;\n\t\tenabled?: boolean | \"debug\";\n\t};\n\tpageview: {\n\t\turl?: string;\n\t\ttitle?: string;\n\t};\n\tevent: {\n\t\tcategory: string;\n\t\taction: string;\n\t\tname?: string;\n\t\tvalue?: number;\n\t};\n\tsearch: {\n\t\tquery: string;\n\t\tcategory?: string;\n\t\tresults?: number;\n\t};\n\tmatomo: Matomo;\n};\n\nexport function analytics<Action extends keyof AnalyticsActions>(\n\taction: Action,\n\targs = {} as AnalyticsActions[Action],\n) {\n\tif (!IS_BROWSER) return;\n\tif (!window._paq) {\n\t\twindow._paq = [];\n\t\twindow._paq.push([\"HeatmapSessionRecording::disable\"]); // Disable heatmaps by default as this require cookies\n\t\twindow._paq.push([\"enableLinkTracking\"]);\n\t\twindow._paq.push([\"setTrackerUrl\", `https://${MATOMO}/matomo.php`]);\n\t\tdocument.querySelector('script[src*=\"matomo.js\"]') ||\n\t\t\tdocument.documentElement.append(\n\t\t\t\tObject.assign(document.createElement(\"script\"), {\n\t\t\t\t\tasync: true,\n\t\t\t\t\tsrc: `https://cdn.matomo.cloud/${MATOMO}/matomo.js`,\n\t\t\t\t}),\n\t\t\t);\n\t}\n\tif (action === \"init\") {\n\t\tconst { matomoId, enabled = true } = args as AnalyticsActions[\"init\"];\n\t\tENABLED = enabled;\n\t\twindow._paq.push([\"setSiteId\", matomoId]);\n\t}\n\n\tif (ENABLED === \"debug\") return console.info(`Analytics: \"${action}\"`, args);\n\tif (ENABLED === false || window.location.hostname === \"localhost\") return;\n\n\tif (action === \"pageview\") {\n\t\tconst { url, title } = args as AnalyticsActions[\"pageview\"];\n\t\twindow._paq.push([\"setCustomUrl\", url || location.href]);\n\t\twindow._paq.push([\"setDocumentTitle\", title || document.title]);\n\t\twindow._paq.push([\"trackPageView\"]);\n\t} else if (action === \"event\") {\n\t\tconst { category, action, name, value } = args as AnalyticsActions[\"event\"];\n\t\tconst event = [\"trackEvent\", category, action, name, value];\n\t\twindow._paq.push(event.filter((v) => v !== undefined));\n\t} else if (action === \"search\") {\n\t\tconst {\n\t\t\tquery,\n\t\t\tcategory = false,\n\t\t\tresults = false,\n\t\t} = args as AnalyticsActions[\"search\"];\n\t\twindow._paq.push([\"trackSiteSearch\", query, category, results]);\n\t} else if (action === \"matomo\") {\n\t\twindow._paq.push(args as AnalyticsActions[\"matomo\"]);\n\t}\n}\n"],"names":["MATOMO","ENABLED","analytics","action","args","IS_BROWSER","matomoId","enabled","url","title","category","name","value","event","v","query","results"],"mappings":";AAEA,MAAMA,IAAS;AACf,IAAIC,IAA+C;AAgC5C,SAASC,EACfC,GACAC,IAAO,IACN;AACD,MAAKC,GAcL;AAAA,QAbK,OAAO,SACX,OAAO,OAAO,CAAC,GACf,OAAO,KAAK,KAAK,CAAC,kCAAkC,CAAC,GACrD,OAAO,KAAK,KAAK,CAAC,oBAAoB,CAAC,GACvC,OAAO,KAAK,KAAK,CAAC,iBAAiB,WAAWL,CAAM,aAAa,CAAC,GAClE,SAAS,cAAc,0BAA0B,KAChD,SAAS,gBAAgB;AAAA,MACxB,OAAO,OAAO,SAAS,cAAc,QAAQ,GAAG;AAAA,QAC/C,OAAO;AAAA,QACP,KAAK,4BAA4BA,CAAM;AAAA,MACvC,CAAA;AAAA,IACF,IAEEG,MAAW,QAAQ;AACtB,YAAM,EAAE,UAAAG,GAAU,SAAAC,IAAU,GAAS,IAAAH;AAC3B,MAAAH,IAAAM,GACV,OAAO,KAAK,KAAK,CAAC,aAAaD,CAAQ,CAAC;AAAA,IAAA;AAGrC,QAAAL,MAAY,QAAgB,QAAA,QAAQ,KAAK,eAAeE,CAAM,KAAKC,CAAI;AAC3E,QAAI,EAAAH,MAAY,MAAS,OAAO,SAAS,aAAa;AAEtD,UAAIE,MAAW,YAAY;AACpB,cAAA,EAAE,KAAAK,GAAK,OAAAC,EAAA,IAAUL;AACvB,eAAO,KAAK,KAAK,CAAC,gBAAgBI,KAAO,SAAS,IAAI,CAAC,GACvD,OAAO,KAAK,KAAK,CAAC,oBAAoBC,KAAS,SAAS,KAAK,CAAC,GAC9D,OAAO,KAAK,KAAK,CAAC,eAAe,CAAC;AAAA,MAAA,WACxBN,MAAW,SAAS;AAC9B,cAAM,EAAE,UAAAO,GAAU,QAAAP,GAAQ,MAAAQ,GAAM,OAAAC,MAAUR,GACpCS,IAAQ,CAAC,cAAcH,GAAUP,GAAQQ,GAAMC,CAAK;AACnD,eAAA,KAAK,KAAKC,EAAM,OAAO,CAACC,MAAMA,MAAM,MAAS,CAAC;AAAA,MAAA,WAC3CX,MAAW,UAAU;AACzB,cAAA;AAAA,UACL,OAAAY;AAAA,UACA,UAAAL,IAAW;AAAA,UACX,SAAAM,IAAU;AAAA,QAAA,IACPZ;AACJ,eAAO,KAAK,KAAK,CAAC,mBAAmBW,GAAOL,GAAUM,CAAO,CAAC;AAAA,MAAA,MAC/D,CAAWb,MAAW,YACd,OAAA,KAAK,KAAKC,CAAkC;AAAA;AAErD;"}

package/mtds/app/app-observer.js

@@ -1,6 +1,6 @@
 import m from "../styles.module.css.js";
 import { onLoaded as C, onMutation as T, on as r, QUICK_EVENT as p, debounce as P } from "../utils.js";
-import "./app-toggle2.js";
+import "./app-toggle.js";
 const f = m.app.split(" ")[0], _ = m.sticky.split(" ")[0], h = '[data-command="toggle-app-expanded"]', g = `.${f} > dialog,.${f} dialog ~ main`, S = (t) => {
   document.startViewTransition ? document.startViewTransition(t) : t();
 }, E = (t) => (

package/mtds/app/app-toggle.js

@@ -1,27 +1,15 @@
-const t = `if (
-	typeof window !== "undefined" &&
-	window.CSSStyleSheet &&
-	document.adoptedStyleSheets
-)
-	(() => {
-		const key = "--mtds-app-expanded";
-		const sheet = new CSSStyleSheet();
-		const prev = () => !window.localStorage.getItem(key)?.includes("false");
-
-		document.adoptedStyleSheets.push(sheet);
-		window.mtdsToggleAppExpanded = (force) => {
-			try {
-				const next = force ?? !prev();
-				sheet.replaceSync?.(\`:root { \${key}: var(\${key}--\${next})}\`);
-				window.localStorage.setItem(key, next);
-			} catch (err) {} // localStorage is full or replaceSync is not supported
-		};
-
-		// Set and store initial state
-		window.mtdsToggleAppExpanded(prev());
-	})();
-`;
-export {
-  t as default
-};
+typeof window < "u" && window.CSSStyleSheet && document.adoptedStyleSheets && (() => {
+  const e = "--mtds-app-expanded", t = new CSSStyleSheet(), n = () => {
+    var d;
+    return !((d = window.localStorage.getItem(e)) != null && d.includes("false"));
+  };
+  document.adoptedStyleSheets.push(t), window.mtdsToggleAppExpanded = (d) => {
+    var p;
+    try {
+      const o = d ?? !n();
+      (p = t.replaceSync) == null || p.call(t, `:root { ${e}: var(${e}--${o})}`), window.localStorage.setItem(e, o);
+    } catch {
+    }
+  }, window.mtdsToggleAppExpanded(n());
+})();
 //# sourceMappingURL=app-toggle.js.map

package/mtds/app/app-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-toggle.js","sources":["../../designsystem/app/app-toggle.js?raw"],"sourcesContent":["export default \"if (\\n\\ttypeof window !== \\\"undefined\\\" &&\\n\\twindow.CSSStyleSheet &&\\n\\tdocument.adoptedStyleSheets\\n)\\n\\t(() => {\\n\\t\\tconst key = \\\"--mtds-app-expanded\\\";\\n\\t\\tconst sheet = new CSSStyleSheet();\\n\\t\\tconst prev = () => !window.localStorage.getItem(key)?.includes(\\\"false\\\");\\n\\n\\t\\tdocument.adoptedStyleSheets.push(sheet);\\n\\t\\twindow.mtdsToggleAppExpanded = (force) => {\\n\\t\\t\\ttry {\\n\\t\\t\\t\\tconst next = force ?? !prev();\\n\\t\\t\\t\\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\\n\\t\\t\\t\\twindow.localStorage.setItem(key, next);\\n\\t\\t\\t} catch (err) {} // localStorage is full or replaceSync is not supported\\n\\t\\t};\\n\\n\\t\\t// Set and store initial state\\n\\t\\twindow.mtdsToggleAppExpanded(prev());\\n\\t})();\\n\""],"names":["script"],"mappings":"AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"app-toggle.js","sources":["../../designsystem/app/app-toggle.js"],"sourcesContent":["if (\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets\n)\n\t(() => {\n\t\tconst key = \"--mtds-app-expanded\";\n\t\tconst sheet = new CSSStyleSheet();\n\t\tconst prev = () => !window.localStorage.getItem(key)?.includes(\"false\");\n\n\t\tdocument.adoptedStyleSheets.push(sheet);\n\t\twindow.mtdsToggleAppExpanded = (force) => {\n\t\t\ttry {\n\t\t\t\tconst next = force ?? !prev();\n\t\t\t\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\n\t\t\t\twindow.localStorage.setItem(key, next);\n\t\t\t} catch (err) {} // localStorage is full or replaceSync is not supported\n\t\t};\n\n\t\t// Set and store initial state\n\t\twindow.mtdsToggleAppExpanded(prev());\n\t})();\n"],"names":["key","sheet","prev","_a","force","next"],"mappings":"AACC,OAAO,SAAW,OAClB,OAAO,iBACP,SAAS,uBAER,MAAM;AACN,QAAMA,IAAM,uBACNC,IAAQ,IAAI,cAAe,GAC3BC,IAAO,MAAM;AARrB,QAAAC;AAQqB,cAACA,IAAA,OAAO,aAAa,QAAQH,CAAG,MAA/B,QAAAG,EAAkC,SAAS;AAAA;AAE/D,WAAS,mBAAmB,KAAKF,CAAK,GACtC,OAAO,wBAAwB,CAACG,MAAU;AAX5C,QAAAD;AAYG,QAAI;AACH,YAAME,IAAOD,KAAS,CAACF,EAAM;AAC7B,OAAAC,IAAAF,EAAM,gBAAN,QAAAE,EAAA,KAAAF,GAAoB,WAAWD,CAAG,SAASA,CAAG,KAAKK,CAAI,OACvD,OAAO,aAAa,QAAQL,GAAKK,CAAI;AAAA,IACzC,QAAiB;AAAA,IAAE;AAAA,EAChB,GAGD,OAAO,sBAAsBH,GAAM;AACrC,GAAK;"}

package/mtds/app/app-toggle2.js

@@ -1,15 +1,27 @@
-typeof window < "u" && window.CSSStyleSheet && document.adoptedStyleSheets && (() => {
-  const e = "--mtds-app-expanded", t = new CSSStyleSheet(), n = () => {
-    var d;
-    return !((d = window.localStorage.getItem(e)) != null && d.includes("false"));
-  };
-  document.adoptedStyleSheets.push(t), window.mtdsToggleAppExpanded = (d) => {
-    var p;
-    try {
-      const o = d ?? !n();
-      (p = t.replaceSync) == null || p.call(t, `:root { ${e}: var(${e}--${o})}`), window.localStorage.setItem(e, o);
-    } catch {
-    }
-  }, window.mtdsToggleAppExpanded(n());
-})();
+const t = `if (
+	typeof window !== "undefined" &&
+	window.CSSStyleSheet &&
+	document.adoptedStyleSheets
+)
+	(() => {
+		const key = "--mtds-app-expanded";
+		const sheet = new CSSStyleSheet();
+		const prev = () => !window.localStorage.getItem(key)?.includes("false");
+
+		document.adoptedStyleSheets.push(sheet);
+		window.mtdsToggleAppExpanded = (force) => {
+			try {
+				const next = force ?? !prev();
+				sheet.replaceSync?.(\`:root { \${key}: var(\${key}--\${next})}\`);
+				window.localStorage.setItem(key, next);
+			} catch (err) {} // localStorage is full or replaceSync is not supported
+		};
+
+		// Set and store initial state
+		window.mtdsToggleAppExpanded(prev());
+	})();
+`;
+export {
+  t as default
+};
 //# sourceMappingURL=app-toggle2.js.map

package/mtds/app/app-toggle2.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-toggle2.js","sources":["../../designsystem/app/app-toggle.js"],"sourcesContent":["if (\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets\n)\n\t(() => {\n\t\tconst key = \"--mtds-app-expanded\";\n\t\tconst sheet = new CSSStyleSheet();\n\t\tconst prev = () => !window.localStorage.getItem(key)?.includes(\"false\");\n\n\t\tdocument.adoptedStyleSheets.push(sheet);\n\t\twindow.mtdsToggleAppExpanded = (force) => {\n\t\t\ttry {\n\t\t\t\tconst next = force ?? !prev();\n\t\t\t\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\n\t\t\t\twindow.localStorage.setItem(key, next);\n\t\t\t} catch (err) {} // localStorage is full or replaceSync is not supported\n\t\t};\n\n\t\t// Set and store initial state\n\t\twindow.mtdsToggleAppExpanded(prev());\n\t})();\n"],"names":["key","sheet","prev","_a","force","next"],"mappings":"AACC,OAAO,SAAW,OAClB,OAAO,iBACP,SAAS,uBAER,MAAM;AACN,QAAMA,IAAM,uBACNC,IAAQ,IAAI,cAAe,GAC3BC,IAAO,MAAM;AARrB,QAAAC;AAQqB,cAACA,IAAA,OAAO,aAAa,QAAQH,CAAG,MAA/B,QAAAG,EAAkC,SAAS;AAAA;AAE/D,WAAS,mBAAmB,KAAKF,CAAK,GACtC,OAAO,wBAAwB,CAACG,MAAU;AAX5C,QAAAD;AAYG,QAAI;AACH,YAAME,IAAOD,KAAS,CAACF,EAAM;AAC7B,OAAAC,IAAAF,EAAM,gBAAN,QAAAE,EAAA,KAAAF,GAAoB,WAAWD,CAAG,SAASA,CAAG,KAAKK,CAAI,OACvD,OAAO,aAAa,QAAQL,GAAKK,CAAI;AAAA,IACzC,QAAiB;AAAA,IAAE;AAAA,EAChB,GAGD,OAAO,sBAAsBH,GAAM;AACrC,GAAK;"}
+{"version":3,"file":"app-toggle2.js","sources":["../../designsystem/app/app-toggle.js?raw"],"sourcesContent":["export default \"if (\\n\\ttypeof window !== \\\"undefined\\\" &&\\n\\twindow.CSSStyleSheet &&\\n\\tdocument.adoptedStyleSheets\\n)\\n\\t(() => {\\n\\t\\tconst key = \\\"--mtds-app-expanded\\\";\\n\\t\\tconst sheet = new CSSStyleSheet();\\n\\t\\tconst prev = () => !window.localStorage.getItem(key)?.includes(\\\"false\\\");\\n\\n\\t\\tdocument.adoptedStyleSheets.push(sheet);\\n\\t\\twindow.mtdsToggleAppExpanded = (force) => {\\n\\t\\t\\ttry {\\n\\t\\t\\t\\tconst next = force ?? !prev();\\n\\t\\t\\t\\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\\n\\t\\t\\t\\twindow.localStorage.setItem(key, next);\\n\\t\\t\\t} catch (err) {} // localStorage is full or replaceSync is not supported\\n\\t\\t};\\n\\n\\t\\t// Set and store initial state\\n\\t\\twindow.mtdsToggleAppExpanded(prev());\\n\\t})();\\n\""],"names":["script"],"mappings":"AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/mtds/app/app.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { clsx as a } from "../external/clsx/dist/clsx.js";
 import { forwardRef as p } from "react";
 import c from "../styles.module.css.js";
-import m from "./app-toggle.js";
+import m from "./app-toggle2.js";
 const f = p(function({ as: r, className: t, ...n }, e) {
   return /* @__PURE__ */ o(r || "div", { className: a(c.app, t), ref: e, ...n });
 }), d = p(function({ as: r, className: t, ...n }, e) {

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

@@ -1,32 +1,32 @@
-var J = Object.defineProperty, B = Object.getOwnPropertySymbols, Q = Object.prototype.hasOwnProperty, Z = Object.prototype.propertyIsEnumerable, F = (t, e, o) => e in t ? J(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, tt = (t, e) => {
+var J = Object.defineProperty, F = Object.getOwnPropertySymbols, Q = Object.prototype.hasOwnProperty, Z = Object.prototype.propertyIsEnumerable, H = (t, e, o) => e in t ? J(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, tt = (t, e) => {
   for (var o in e || (e = {}))
-    Q.call(e, o) && F(t, o, e[o]);
-  if (B)
-    for (var o of B(e))
-      Z.call(e, o) && F(t, o, e[o]);
+    Q.call(e, o) && H(t, o, e[o]);
+  if (F)
+    for (var o of F(e))
+      Z.call(e, o) && H(t, o, e[o]);
   return t;
-}, T = typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", V = T && /android/i.test(navigator.userAgent), et = T && /firefox/i.test(navigator.userAgent), ot = T && /iPad|iPhone|iPod/.test(navigator.userAgent), H;
+}, T = typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", j = T && /android/i.test(navigator.userAgent), et = T && /firefox/i.test(navigator.userAgent), ot = T && /iPad|iPhone|iPod/.test(navigator.userAgent), q;
 T && // @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);
+/^Mac/i.test(((q = navigator.userAgentData) == null ? void 0 : q.platform) || navigator.platform);
 var it = "outline: 1px dotted; outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color", nt = typeof HTMLElement > "u" ? class {
 } : HTMLElement;
 function l(t, e, o) {
   return o === void 0 ? t.getAttribute(e) : (o === null ? t.removeAttribute(e) : t.getAttribute(e) !== o && t.setAttribute(e, o), null);
 }
-var j = (t, e, o) => {
-  for (const n of o[0].split(","))
-    o[0] = n, Element.prototype[`${t}EventListener`].apply(e, o);
-}, R = (t, ...e) => j("add", t, e), rt = (t, ...e) => j("remove", t, e), k = /* @__PURE__ */ new WeakMap(), D = (t, e) => {
-  if (e === void 0) return k.get(t);
+var K = (t, e, o) => {
+  for (const r of o[0].split(","))
+    o[0] = r, Element.prototype[`${t}EventListener`].apply(e, o);
+}, R = (t, ...e) => K("add", t, e), rt = (t, ...e) => K("remove", t, e), S = /* @__PURE__ */ new WeakMap(), M = (t, e) => {
+  if (e === void 0) return S.get(t);
   try {
-    k.get(t).disconnect(), k.delete(t);
+    S.get(t).disconnect(), S.delete(t);
   } catch {
   }
   if (e) {
     const o = new MutationObserver(
-      (n) => t.handleEvent({ type: "mutation", detail: n })
+      (r) => t.handleEvent({ type: "mutation", detail: r })
     );
-    o.observe(t, e), k.set(t, o);
+    o.observe(t, e), S.set(t, o);
   }
 }, at = (t) => {
   const e = "key" in t && (t.key === " " || t.key === "Enter");
@@ -35,20 +35,20 @@ var j = (t, e, o) => {
   var e;
   const o = ((e = t.getRootNode) == null ? void 0 : e.call(t)) || t.ownerDocument;
   return o instanceof Document || o instanceof ShadowRoot ? o : document;
-}, ut = 0, st = (t) => t ? (t.id || (t.id = `:${t.nodeName.toLowerCase()}${(++ut).toString(32)}`), t.id) : "", C = (t, e, o) => {
-  const n = document.createElement(t);
-  if (e && (n.textContent = e), o) for (const [r, a] of Object.entries(o)) l(n, r, a);
-  return n;
+}, st = 0, ut = (t) => t ? (t.id || (t.id = `:${t.nodeName.toLowerCase()}${(++st).toString(32)}`), t.id) : "", C = (t, e, o) => {
+  const r = document.createElement(t);
+  if (e && (r.textContent = e), o) for (const [i, a] of Object.entries(o)) l(r, i, a);
+  return r;
 }, dt = {
   define: (t, e) => !T || window.customElements.get(t) || window.customElements.define(t, e)
 }, ct = (t) => {
   const e = C("div");
   return e.style.cssText = "position:fixed;overflow:hidden;width:1px;white-space:nowrap", l(e, "aria-live", t), e;
-}, K = (t, e, o = "") => {
-  var n, r;
+}, U = (t, e, o = "") => {
+  var r, i;
   const a = { bubbles: !0, composed: !0, data: e, inputType: o }, s = HTMLInputElement.prototype;
-  t.dispatchEvent(new InputEvent("beforeinput", a)), (r = (n = Object.getOwnPropertyDescriptor(s, "value")) == null ? void 0 : n.set) == null || r.call(t, e), t.dispatchEvent(new InputEvent("input", a)), t.dispatchEvent(new Event("change", { bubbles: !0 }));
-}, g, vt = 0, N = !1, q = "beforeinput,blur,focus,click,input,keydown,mousedown,mouseup", U = { once: !0, passive: !0 }, pt = et && !V, ft = V || ot, A = "false", mt = "insertReplacementText", O = {
+  t.dispatchEvent(new InputEvent("beforeinput", a)), (i = (r = Object.getOwnPropertyDescriptor(s, "value")) == null ? void 0 : r.set) == null || i.call(t, e), t.dispatchEvent(new InputEvent("input", a)), t.dispatchEvent(new Event("change", { bubbles: !0 }));
+}, y, vt = 0, N = !1, V = "beforeinput,blur,focus,click,input,keydown,mousedown,mouseup", X = { once: !0, passive: !0 }, pt = et && !j, ft = j || ot, A = "false", mt = "insertReplacementText", O = {
   added: "Added",
   empty: "No selected",
   found: "Navigate left to find %d selected",
@@ -80,18 +80,18 @@ var j = (t, e, o) => {
     return Object.keys(O).map((t) => `data-sr-${t}`);
   }
   connectedCallback() {
-    this._root = lt(this), R(this, q, this, !0), D(this, { childList: !0 }), setTimeout(w, 0, this), setTimeout($, 0, this);
+    this._root = lt(this), R(this, V, this, !0), M(this, { childList: !0 }), setTimeout(w, 0, this), setTimeout($, 0, this);
   }
   attributeChangedCallback(t, e, o) {
-    const n = t.split("data-sr-")[1];
-    O[n] && (this._texts[n] = o || O[n]);
+    const r = t.split("data-sr-")[1];
+    O[r] && (this._texts[r] = o || O[r]);
   }
   disconnectedCallback() {
-    X(this), D(this, !1), rt(this, q, this, !0), this._root = void 0;
+    W(this), M(this, !1), rt(this, V, this, !0), this._root = void 0;
   }
   handleEvent(t) {
     const e = t.target;
-    t.type === "beforeinput" && (this._value = (e == null ? void 0 : e.value) || ""), t.type === "blur" && _t(this), t.type === "click" && yt(this, t), t.type === "focus" && bt(this, t), t.type === "input" && Et(this, t), t.type === "keydown" && wt(this, t), t.type === "mousedown" && (N = this.contains(e)), t.type === "mouseup" && (N = !1), t.type === "mutation" && w(this, t);
+    t.type === "beforeinput" && (this._value = (e == null ? void 0 : e.value) || ""), t.type === "blur" && _t(this), t.type === "click" && gt(this, t), t.type === "focus" && bt(this, t), t.type === "input" && Et(this, t), t.type === "keydown" && wt(this, t), t.type === "mousedown" && (N = this.contains(e)), t.type === "mouseup" && (N = !1), t.type === "mutation" && w(this, t);
   }
   get multiple() {
     var t;
@@ -135,100 +135,105 @@ var j = (t, e, o) => {
   return ((e = t == null ? void 0 : t.textContent) == null ? void 0 : e.trim()) || "";
 }, P = (t) => typeof t == "string" ? C("data", t, { value: t }) : t instanceof HTMLDataElement ? t : C("data", t.label || t.value, {
   value: t.value || t.label || ""
-}), X = (t) => {
+}), W = (t) => {
   t._focus = t._control = t._items = t._list = t._options = void 0;
 }, w = (t, e) => {
-  var o, n, r;
-  let { _focus: a, _speak: s, _texts: u, items: p, control: i, list: d, multiple: c } = t;
-  const { addedNodes: f, removedNodes: m } = (e == null ? void 0 : e.detail[0]) || {}, b = (e == null ? void 0 : e.detail[1]) || (f == null ? void 0 : f[1]) || (f == null ? void 0 : f[1]) ? null : (f == null ? void 0 : f[0]) || (m == null ? void 0 : m[0]), L = c ? p.length : 1, M = [];
-  if ((b == null ? void 0 : b.nodeName) === "DATA" && (c ? a : b === a)) {
-    const v = (i == null ? void 0 : i.inputMode) || null, h = (a == null ? void 0 : a.nodeName) === "DATA" ? i : a;
-    s = `${u[b.isConnected ? "added" : "removed"]} ${_(b)}, `, (ft || a === i) && (g.textContent = s), i && i !== h && (l(i, "aria-hidden", "true"), i.inputMode = "none", i.focus()), setTimeout(() => {
+  var o, r, i;
+  let { _focus: a, _speak: s, _texts: u, items: d, control: n, list: c, multiple: v } = t;
+  const { addedNodes: f, removedNodes: m } = (e == null ? void 0 : e.detail[0]) || {}, b = (e == null ? void 0 : e.detail[1]) || (f == null ? void 0 : f[1]) || (f == null ? void 0 : f[1]) ? null : (f == null ? void 0 : f[0]) || (m == null ? void 0 : m[0]), L = v ? d.length : 1, D = [];
+  let B = `${s}${_((o = n == null ? void 0 : n.labels) == null ? void 0 : o[0])}, ${v ? L ? u.found.replace("%d", `${L}`) : u.empty : ""}`;
+  if (n && (b == null ? void 0 : b.nodeName) === "DATA" && // Announce if only one item has changed...
+  (v ? a : b === a)) {
+    const p = l(n, "inputmode"), h = (a == null ? void 0 : a.nodeName) === "DATA" ? n : a;
+    s = `${u[b.isConnected ? "added" : "removed"]} ${_(b)}, `, (ft || a === n) && (y.textContent = s), n !== h && (l(n, "aria-expanded", null), l(n, "inputmode", "none"), B = " ", n.focus()), setTimeout(() => {
       var x;
-      i && l(i, "aria-hidden", null), i && l(i, "inputMode", v), (x = h == null ? void 0 : h.focus) == null || x.call(h), t._speak = "", pt ? R(t, "blur", () => w(t), U) : setTimeout(w, 100, t);
+      l(n, "aria-expanded", "true"), l(n, "inputmode", p), (x = h == null ? void 0 : h.focus) == null || x.call(h), t._speak = "", pt ? R(t, "blur", () => w(t), X) : setTimeout(w, 100, t);
     }, 100);
   }
-  const Y = b != null && b.isConnected ? b : p[0];
-  Array.from(p, (v) => {
-    if (!c && v !== Y) return v.remove();
-    const h = _(v), x = v.value || h, G = `${s}${h}, ${u.remove}, ${M.push(x)} ${u.of} ${L}`;
-    l(v, "role", "button"), l(v, "value", x), l(v, "tabindex", "-1"), l(v, "aria-label", G);
+  const z = b != null && b.isConnected ? b : d[0];
+  Array.from(d, (p) => {
+    if (!v && p !== z) return p.remove();
+    const h = _(p), x = p.value || h, G = `${s}${h}, ${u.remove}, ${D.push(x)} ${u.of} ${L}`;
+    l(p, "role", "button"), l(p, "value", x), l(p, "tabindex", "-1"), l(p, "aria-label", G);
   });
-  for (const v of t.options || []) {
-    const h = (o = l(v, "value")) != null ? o : _(v);
-    l(v, "aria-label", s ? `${s}${_(v)}` : null), l(v, "selected", M.includes(h) ? "" : null);
-  }
-  const z = `${s}${_((n = i == null ? void 0 : i.labels) == null ? void 0 : n[0])}, ${c ? L ? u.found.replace("%d", `${L}`) : u.empty : ""}`;
-  d && l(d, "aria-multiselectable", `${c}`), i && l(i, "list", st(d)), i && l(i, "aria-label", z), t._value = (i == null ? void 0 : i.value) || "";
-  const S = t.querySelector("del");
-  S && l(S, "role", "button"), S && (S.hidden = !(i != null && i.value));
-  const y = t.querySelector("select");
-  y && (y.multiple = c), y && (y.textContent = ""), y == null || y.append(...M.map((v) => new Option("", v, !0, !0))), (r = D(t)) == null || r.takeRecords();
+  for (const p of t.options || []) {
+    const h = (r = l(p, "value")) != null ? r : _(p);
+    l(p, "aria-label", s ? `${s}${_(p)}` : null), l(p, "selected", D.includes(h) ? "" : null);
+  }
+  c && l(c, "aria-multiselectable", `${v}`), n && l(n, "list", ut(c)), n && l(n, "aria-label", B), t._value = (n == null ? void 0 : n.value) || "";
+  const k = t.querySelector("del");
+  k && l(k, "role", "button"), k && (k.hidden = !(n != null && n.value));
+  const g = t.querySelector("select");
+  g && (g.multiple = v), g && (g.textContent = ""), g == null || g.append(...D.map((p) => new Option("", p, !0, !0))), (i = M(t)) == null || i.takeRecords();
 }, $ = (t, e) => {
-  const { multiple: o, control: n, items: r } = t;
-  if (!(o || !n || !r[0])) {
-    if (e) return K(n, _(t.items[0]), "insertText");
-    n.value = _(t.items[0]);
+  const { multiple: o, control: r, items: i } = t;
+  if (!(o || !r || !i[0])) {
+    if (e) return U(r, _(t.items[0]), "insertText");
+    r.value = _(t.items[0]);
   }
-}, W = (t) => {
+}, Y = (t) => {
   var e;
-  const { options: o = [], creatable: n, control: r, items: a, multiple: s } = t, u = ((e = r == null ? void 0 : r.value) == null ? void 0 : e.trim()) || "", p = u.toLowerCase() || null;
-  let i = [...o].find((c) => c.label.trim().toLowerCase() === p);
-  const d = { bubbles: !0, cancelable: !0, detail: i };
-  if (t.dispatchEvent(new CustomEvent("beforematch", d)))
-    for (const c of o) c.selected = c === i;
-  if (i = [...o].find((c) => c.selected), !i && n && u)
+  const { options: o = [], creatable: r, control: i, items: a, multiple: s } = t, u = ((e = i == null ? void 0 : i.value) == null ? void 0 : e.trim()) || "", d = u.toLowerCase() || null;
+  let n = [...o].find((v) => v.label.trim().toLowerCase() === d);
+  const c = { bubbles: !0, cancelable: !0, detail: n };
+  if (t.dispatchEvent(new CustomEvent("beforematch", c)))
+    for (const v of o) v.selected = v === n;
+  if (n = [...o].find((v) => v.selected), !n && r && u)
     return E(t, P(u), !1);
-  if (!i && !s && a[0]) return E(t, a[0]);
-  if (!i || t.values.includes(i.value)) return w(t);
-  E(t, i, !1);
+  if (!n && !s && a[0]) return E(t, a[0]);
+  if (!n || t.values.includes(n.value)) return w(t);
+  E(t, n, !1);
 }, E = (t, e, o = !0) => {
-  const n = P(e), r = [...t.items].find((s) => s.value === e.value), a = { bubbles: !0, cancelable: !0, detail: r || n };
-  if (!(r && !o)) {
+  const r = P(e), i = [...t.items].find((s) => s.value === e.value), a = { bubbles: !0, cancelable: !0, detail: i || r };
+  if (!(i && !o)) {
     if (!t.dispatchEvent(new CustomEvent("beforechange", a)))
       return w(t);
-    r ? r.remove() : t.add(n), t.dispatchEvent(new CustomEvent("afterchange", a));
+    i ? i.remove() : t.add(r), t.dispatchEvent(new CustomEvent("afterchange", a));
   }
 }, bt = (t, { target: e }) => {
-  g || (g = ct("assertive")), g.isConnected || document.body.appendChild(g), e instanceof HTMLElement && (t._focus = e), t._items || (t._control = t.control || void 0, t._items = t.items, t._list = t.list || void 0, t._options = t.options || void 0);
-}, _t = (t) => N || setTimeout(gt, 0, t), gt = (t) => {
+  y || (y = ct("assertive")), y.isConnected || document.body.appendChild(y), e instanceof HTMLElement && (t._focus = e), t._items || (t._control = t.control || void 0, t._items = t.items, t._list = t.list || void 0, t._options = t.options || void 0);
+}, _t = (t) => N || setTimeout(yt, 0, t), yt = (t) => {
   var e;
-  !t._focus || t.contains((e = t._root) == null ? void 0 : e.activeElement) || ($(t, !0), X(t));
-}, yt = (t, e) => {
-  var o, n;
-  const r = (n = (o = e.target) == null ? void 0 : o.closest) == null ? void 0 : n.call(o, "del"), { clientX: a, clientY: s, target: u } = e, { control: p, items: i } = t;
-  if (r && p)
-    return e.preventDefault(), K(p, "", "deleteContentBackward"), p.focus();
-  for (const d of i) {
-    const { top: c, right: f, bottom: m, left: I } = d.getBoundingClientRect();
-    if (d.contains(u)) return E(t, d);
-    if (s >= c && s <= m && a >= I && a <= f) return d.focus();
-  }
-  u === t && (p == null || p.focus());
+  !t._focus || t.contains((e = t._root) == null ? void 0 : e.activeElement) || ($(t, !0), W(t));
+}, gt = (t, e) => {
+  var o, r;
+  const i = (r = (o = e.target) == null ? void 0 : o.closest) == null ? void 0 : r.call(o, "del"), { clientX: a, clientY: s, target: u } = e, { control: d, items: n } = t;
+  if (i && d)
+    return e.preventDefault(), U(d, "", "deleteContentBackward"), d.focus();
+  for (const c of n) {
+    const { top: v, right: f, bottom: m, left: I } = c.getBoundingClientRect();
+    if (c.contains(u)) return E(t, c);
+    if (s >= v && s <= m && a >= I && a <= f) return c.focus();
+  }
+  u === t && (d == null || d.focus());
 }, Et = (t, e) => {
-  var o, n;
-  const { options: r = [], control: a, multiple: s } = t, u = ((o = a == null ? void 0 : a.value) == null ? void 0 : o.trim()) || "", p = e instanceof InputEvent ? !e.inputType || e.inputType === mt : !!u;
-  if ((n = t.querySelector("del")) == null || n.toggleAttribute("hidden", !u), !p) return s || W(t);
-  e.stopImmediatePropagation(), a && (a.value = t._value);
-  for (const i of r)
-    if (i.value && i.value === u)
-      return E(t, i, s), setTimeout($, 0, t, !0);
+  var o;
+  const { options: r = [], control: i, multiple: a } = t, s = ((o = i == null ? void 0 : i.value) == null ? void 0 : o.trim()) || "";
+  if (e instanceof InputEvent ? !e.inputType || e.inputType === mt : !!s) {
+    e.stopImmediatePropagation(), i && (i.value = t._value);
+    for (const d of r)
+      if (d.value && d.value === s)
+        return E(t, d, a), setTimeout($, 0, t, !0);
+  } else {
+    const d = t.querySelector("del");
+    return d && (d.hidden = !s), a || Y(t);
+  }
 }, wt = (t, e) => {
   var o;
   if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
-  const { _texts: n, control: r, items: a, multiple: s } = t, { key: u, repeat: p, target: i } = e, d = r && r === i, c = d && (r == null ? void 0 : r.selectionEnd), f = d && u === "Tab" && t.querySelector("del");
-  let m = d ? a.length : [...a].indexOf(i);
-  if (f && !f.hidden && (e.preventDefault(), f.tabIndex = -1, f.focus(), R(f, "blur", () => l(f, "tabindex", null), U)), !(!d && at(e) || m === -1)) {
-    if (u === "ArrowRight" && !d) m += 1;
-    else if (u === "ArrowLeft" && !c) m -= 1;
-    else if (u === "Enter" && d) {
-      const I = l(r, "form");
-      return l(r, "form", "#"), requestAnimationFrame(() => l(r, "form", I)), s ? W(t) : !t.items[0] && g && (g.textContent = `${n.invalid}${++vt % 2 ? " " : ""}`), $(t, !0);
-    } else if ((u === "Backspace" || u === "Delete") && !c) {
-      if (e.preventDefault(), !p && a[m]) return E(t, a[m]);
-      d && (m -= 1);
-    } else return d || (r == null ? void 0 : r.focus());
-    e.preventDefault(), (o = a[Math.max(0, m)] || r) == null || o.focus();
+  const { _texts: r, control: i, items: a, multiple: s } = t, { key: u, repeat: d, target: n } = e, c = i && i === n, v = c && (i == null ? void 0 : i.selectionEnd), f = c && u === "Tab" && t.querySelector("del");
+  let m = c ? a.length : [...a].indexOf(n);
+  if (f && !f.hidden && (e.preventDefault(), f.tabIndex = -1, f.focus(), R(f, "blur", () => l(f, "tabindex", null), X)), !(!c && at(e) || m === -1)) {
+    if (u === "ArrowRight" && !c) m += 1;
+    else if (u === "ArrowLeft" && !v) m -= 1;
+    else if (u === "Enter" && c) {
+      const I = l(i, "form");
+      return l(i, "form", "#"), requestAnimationFrame(() => l(i, "form", I)), s ? Y(t) : !t.items[0] && y && (y.textContent = `${r.invalid}${++vt % 2 ? " " : ""}`), $(t, !0);
+    } else if ((u === "Backspace" || u === "Delete") && !v) {
+      if (e.preventDefault(), !d && a[m]) return E(t, a[m]);
+      c && (m -= 1);
+    } else return c || (i == null ? void 0 : i.focus());
+    e.preventDefault(), (o = a[Math.max(0, m)] || i) == null || o.focus();
   }
 };
 dt.define("u-combobox", ht);