@mattilsynet/design 3.1.10 → 3.1.12

package/mtds/utils.d.ts

@@ -69,3 +69,10 @@ export declare const MTDSElement: {
  * @description Defines a customElement if running in browser and if not already registered
  */
 export declare const defineElement: (name: string, instance: CustomElementConstructor) => true | void | CustomElementConstructor;
+/**
+ * attachStyle
+ * @param el The Element to scope styles for
+ * @param css The css to inject
+ */
+export declare const SUPPORTS_CONSTRUCTED_CSS: false | CSSStyleSheet[];
+export declare const attachStyle: (el: Element, css: string) => void;

package/mtds/utils.js

@@ -1,36 +1,36 @@
 import u from "clsx";
-import l from "./styles.module.css.js";
-const E = { capture: !0, passive: !0 }, d = () => typeof window < "u" && typeof document < "u", y = (e) => d() ? document.getElementsByClassName(l[e].split(" ")[0]) : [];
-function C(e, t) {
-  let n;
-  return function(...o) {
-    clearTimeout(n), n = setTimeout(() => e.apply(this, o), t);
+import a from "./styles.module.css.js";
+const E = { capture: !0, passive: !0 }, r = () => typeof window < "u" && typeof document < "u", C = (e) => r() ? document.getElementsByClassName(a[e].split(" ")[0]) : [];
+function h(e, t) {
+  let o;
+  return function(...n) {
+    clearTimeout(o), o = setTimeout(() => e.apply(this, n), t);
   };
 }
-const a = (e, t, n) => n === void 0 ? e.getAttribute(t) ?? null : (n === null ? e.removeAttribute(t) : e.getAttribute(t) !== n && e.setAttribute(t, n), null), m = (e, ...t) => {
-  const [n, ...o] = t;
-  for (const s of n.split(" ")) e.addEventListener(s, ...o);
+const l = (e, t, o) => o === void 0 ? e.getAttribute(t) ?? null : (o === null ? e.removeAttribute(t) : e.getAttribute(t) !== o && e.setAttribute(t, o), null), p = (e, ...t) => {
+  const [o, ...n] = t;
+  for (const s of o.split(" ")) e.addEventListener(s, ...n);
   return () => f(e, ...t);
 }, f = (e, ...t) => {
-  const [n, ...o] = t;
-  for (const s of n.split(" ")) e.removeEventListener(s, ...o);
-}, b = (e, t) => {
-  if (!d()) return;
+  const [o, ...n] = t;
+  for (const s of o.split(" ")) e.removeEventListener(s, ...n);
+}, T = (e, t) => {
+  if (!r()) return;
   window._mtdsHotReloadCleanup || (window._mtdsHotReloadCleanup = /* @__PURE__ */ new Map());
-  const n = () => {
-    window._mtdsHotReloadCleanup?.get(e)?.map((o) => o()), window._mtdsHotReloadCleanup?.set(e, t());
+  const o = () => {
+    window._mtdsHotReloadCleanup?.get(e)?.map((n) => n()), window._mtdsHotReloadCleanup?.set(e, t());
   };
-  document.readyState !== "complete" ? m(window, "load", n) : document.fonts?.ready?.then(n) || setTimeout(n, 0);
-}, g = (e, t, n) => {
-  let o = 0;
+  document.readyState !== "complete" ? p(window, "load", o) : document.fonts?.ready?.then(o) || setTimeout(o, 0);
+}, b = (e, t, o) => {
+  let n = 0;
   const s = () => {
     if (!e.isConnected) return i();
-    t(r), r.takeRecords(), o = 0;
-  }, i = () => r?.disconnect?.(), r = new MutationObserver(() => {
-    o || (o = requestAnimationFrame(s));
+    t(d), d.takeRecords(), n = 0;
+  }, i = () => d?.disconnect?.(), d = new MutationObserver(() => {
+    n || (n = requestAnimationFrame(s));
   });
-  return r.observe(e, n), s(), i;
-}, c = "aria-selected", v = (e, t) => Object.assign({}, e, {
+  return d.observe(e, o), s(), i;
+}, c = "aria-selected", R = (e, t) => Object.assign({}, e, {
   suppressHydrationWarning: !0,
   // Make Next.js happy
   [c]: e[c] === void 0 ? void 0 : `${(e[c] || "false") !== "false"}`,
@@ -41,25 +41,32 @@ const a = (e, t, n) => n === void 0 ? e.getAttribute(t) ?? null : (n === null ?
   // Ensure boolean prop behaviour
   open: !!e.open
   // Ensure boolean prop behaviour
-}), H = (e, t, n) => {
-  const o = document.createElement(e);
-  if (n && (o.textContent = n), t) for (const [s, i] of Object.entries(t)) a(o, s, i);
-  return o;
-}, T = typeof HTMLElement > "u" ? class {
-} : HTMLElement, M = (e, t) => !d() || window.customElements.get(e) || window.customElements.define(e, t);
+}), m = (e, t, o) => {
+  const n = document.createElement(e);
+  if (o && (n.textContent = o), t) for (const [s, i] of Object.entries(t)) l(n, s, i);
+  return n;
+}, g = typeof HTMLElement > "u" ? class {
+} : HTMLElement, v = (e, t) => !r() || window.customElements.get(e) || window.customElements.define(e, t), w = typeof window < "u" && window.CSSStyleSheet && document.adoptedStyleSheets, H = (e, t) => {
+  if (!w) return;
+  e.shadowRoot || e.attachShadow({ mode: "open" }).append(m("slot"));
+  const o = new CSSStyleSheet();
+  o.replaceSync(t), e.shadowRoot.adoptedStyleSheets = [o];
+};
 export {
-  T as MTDSElement,
+  g as MTDSElement,
   E as QUICK_EVENT,
-  a as attr,
-  C as debounce,
-  M as defineElement,
-  y as getByCSSModule,
-  d as isBrowser,
+  w as SUPPORTS_CONSTRUCTED_CSS,
+  H as attachStyle,
+  l as attr,
+  h as debounce,
+  v as defineElement,
+  C as getByCSSModule,
+  r as isBrowser,
   f as off,
-  m as on,
-  b as onHotReload,
-  g as onMutation,
-  H as tag,
-  v as toCustomElementProps
+  p as on,
+  T as onHotReload,
+  b as onMutation,
+  m as tag,
+  R as toCustomElementProps
 };
 //# sourceMappingURL=utils.js.map

package/mtds/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"./styles.module.css\";\n\nexport const QUICK_EVENT = { capture: true, passive: true };\nexport const isBrowser = () =>\n\ttypeof window !== \"undefined\" && typeof document !== \"undefined\"; // Using function to play nice with Vitest where DOM can come and go\n\nexport const getByCSSModule = (key: string) =>\n\tisBrowser() ? document.getElementsByClassName(styles[key].split(\" \")[0]) : [];\n\nexport function debounce<T extends unknown[]>(\n\tcallback: (...args: T) => void,\n\tdelay: number,\n) {\n\tlet timer: ReturnType<typeof setTimeout>;\n\n\treturn function (this: unknown, ...args: T) {\n\t\tclearTimeout(timer);\n\t\ttimer = setTimeout(() => callback.apply(this, args), delay);\n\t};\n}\n\n/**\n * attr\n * @description Utility to quickly get, set and remove attributes\n * @param el The Element to read/write attributes from\n * @param name The attribute name to get, set or remove, or a object to set multiple attributes\n * @param value A valid attribute value or null to remove attribute\n */\nexport const attr = (\n\tel: Element,\n\tname: string,\n\tvalue?: string | null,\n): string | null => {\n\tif (value === undefined) return el.getAttribute(name) ?? null; // Fallback to null only if el is undefined\n\tif (value === null) el.removeAttribute(name);\n\telse if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n\treturn null;\n};\n\n/**\n * on\n * @param el The Element to use as EventTarget\n * @param types A space separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\tel: Node | Window | ShadowRoot,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): (() => void) => {\n\tconst [types, ...options] = rest;\n\tfor (const type of types.split(\" \")) el.addEventListener(type, ...options);\n\treturn () => off(el, ...rest);\n};\n\n/**\n * off\n * @param el The Element to use as EventTarget\n * @param types A space separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\tel: Node | Window | ShadowRoot,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => {\n\tconst [types, ...options] = rest;\n\tfor (const type of types.split(\" \")) el.removeEventListener(type, ...options);\n};\n\ndeclare global {\n\tinterface Window {\n\t\t_mtdsHotReloadCleanup?: Map<string, Array<() => void>>;\n\t}\n}\n\n/**\n * onHotReload\n * @description Runs a callback when window is loaded in browser, and ensures cleanup when hot-reloading\n * @param key The key to identify setup and corresponding cleanup\n * @param callback The callback to run when the page is ready\n */\nexport const onHotReload = (key: string, setup: () => Array<() => void>) => {\n\tif (!isBrowser()) return; // Skip if not in modern browser environment, but on each call as Vitest might have unloaded jsdom between tests\n\tif (!window._mtdsHotReloadCleanup) window._mtdsHotReloadCleanup = new Map(); // Hot reload cleanup support supporting all build tools\n\n\tconst run = () => {\n\t\twindow._mtdsHotReloadCleanup?.get(key)?.map((cleanup) => cleanup()); // Run previous cleanup\n\t\twindow._mtdsHotReloadCleanup?.set(key, setup()); // Store new cleanup\n\t};\n\n\tif (document.readyState !== \"complete\") on(window, \"load\", run);\n\telse document.fonts?.ready?.then(run) || setTimeout(run, 0); // Prefer fonts ready promise if available, but fallback to setTimeout\n};\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport const onMutation = (\n\tel: Node,\n\tcallback: (observer: MutationObserver) => void,\n\toptions: MutationObserverInit,\n) => {\n\tlet queue = 0;\n\tconst onFrame = () => {\n\t\tif (!el.isConnected) return cleanup(); // Disconnect if element is removed from DOM\n\t\tcallback(observer);\n\t\tobserver.takeRecords(); // Clear records to avoid multiple triggers\n\t\tqueue = 0;\n\t};\n\tconst cleanup = () => observer?.disconnect?.();\n\tconst observer = new MutationObserver(() => {\n\t\tif (!queue) queue = requestAnimationFrame(onFrame); // requestAnimationFrame only runs when page is visible\n\t});\n\n\tobserver.observe(el, options);\n\tonFrame(); // Initial run\n\treturn cleanup;\n};\n\n/**\n * toCustomElementProps\n * @description Utility to quickly convert props to custom element attributes\n * @param props The props to convert\n * @returns The converted props\n */\nconst SELECTED = \"aria-selected\";\nexport const toCustomElementProps = <T extends Record<string, unknown>>(\n\trest: T,\n\tklass?: string,\n) =>\n\tObject.assign({}, rest, {\n\t\tsuppressHydrationWarning: true, // Make Next.js happy\n\t\t[SELECTED]:\n\t\t\trest[SELECTED] === undefined\n\t\t\t\t? undefined\n\t\t\t\t: (`${(rest[SELECTED] || \"false\") !== \"false\"}` as unknown as boolean), // Ensure aria-selected boolean is string\n\t\tclass: clsx(klass, rest.className as string), // Use class instead of className\n\t\thidden: !!rest.hidden, // Ensure boolean prop behaviour\n\t\topen: !!rest.open, // Ensure boolean prop behaviour\n\t});\n\n/**\n * tag\n * @description creates element and assigns properties\n * @param tagName The tagname of element to create\n * @param attrs Optional attributes to add to the element\n * @param text Optional text content to add to the element\n * @return HTMLElement with props\n */\nexport const tag = <TagName extends keyof HTMLElementTagNameMap>(\n\ttagName: TagName,\n\tattrs?: Record<string, string | null> | null,\n\ttext?: string | null,\n): HTMLElementTagNameMap[TagName] => {\n\tconst el = document.createElement(tagName);\n\tif (text) el.textContent = text;\n\tif (attrs) for (const [key, val] of Object.entries(attrs)) attr(el, key, val);\n\treturn el;\n};\n\n// Make sure we have a HTMLElement to extend (for server side rendering)\nexport const MTDSElement =\n\ttypeof HTMLElement === \"undefined\"\n\t\t? (class {} as typeof HTMLElement)\n\t\t: HTMLElement;\n\n/**\n * defineElement\n * @description Defines a customElement if running in browser and if not already registered\n */\nexport const defineElement = (\n\tname: string,\n\tinstance: CustomElementConstructor,\n) =>\n\t!isBrowser() ||\n\twindow.customElements.get(name) ||\n\twindow.customElements.define(name, instance);\n"],"names":["QUICK_EVENT","isBrowser","getByCSSModule","key","styles","debounce","callback","delay","timer","args","attr","el","name","value","on","rest","types","options","type","off","onHotReload","setup","run","cleanup","onMutation","queue","onFrame","observer","SELECTED","toCustomElementProps","klass","clsx","tag","tagName","attrs","text","val","MTDSElement","defineElement","instance"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"./styles.module.css\";\n\nexport const QUICK_EVENT = { capture: true, passive: true };\nexport const isBrowser = () =>\n\ttypeof window !== \"undefined\" && typeof document !== \"undefined\"; // Using function to play nice with Vitest where DOM can come and go\n\nexport const getByCSSModule = (key: string) =>\n\tisBrowser() ? document.getElementsByClassName(styles[key].split(\" \")[0]) : [];\n\nexport function debounce<T extends unknown[]>(\n\tcallback: (...args: T) => void,\n\tdelay: number,\n) {\n\tlet timer: ReturnType<typeof setTimeout>;\n\n\treturn function (this: unknown, ...args: T) {\n\t\tclearTimeout(timer);\n\t\ttimer = setTimeout(() => callback.apply(this, args), delay);\n\t};\n}\n\n/**\n * attr\n * @description Utility to quickly get, set and remove attributes\n * @param el The Element to read/write attributes from\n * @param name The attribute name to get, set or remove, or a object to set multiple attributes\n * @param value A valid attribute value or null to remove attribute\n */\nexport const attr = (\n\tel: Element,\n\tname: string,\n\tvalue?: string | null,\n): string | null => {\n\tif (value === undefined) return el.getAttribute(name) ?? null; // Fallback to null only if el is undefined\n\tif (value === null) el.removeAttribute(name);\n\telse if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n\treturn null;\n};\n\n/**\n * on\n * @param el The Element to use as EventTarget\n * @param types A space separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\tel: Node | Window | ShadowRoot,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): (() => void) => {\n\tconst [types, ...options] = rest;\n\tfor (const type of types.split(\" \")) el.addEventListener(type, ...options);\n\treturn () => off(el, ...rest);\n};\n\n/**\n * off\n * @param el The Element to use as EventTarget\n * @param types A space separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\tel: Node | Window | ShadowRoot,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => {\n\tconst [types, ...options] = rest;\n\tfor (const type of types.split(\" \")) el.removeEventListener(type, ...options);\n};\n\ndeclare global {\n\tinterface Window {\n\t\t_mtdsHotReloadCleanup?: Map<string, Array<() => void>>;\n\t}\n}\n\n/**\n * onHotReload\n * @description Runs a callback when window is loaded in browser, and ensures cleanup when hot-reloading\n * @param key The key to identify setup and corresponding cleanup\n * @param callback The callback to run when the page is ready\n */\nexport const onHotReload = (key: string, setup: () => Array<() => void>) => {\n\tif (!isBrowser()) return; // Skip if not in modern browser environment, but on each call as Vitest might have unloaded jsdom between tests\n\tif (!window._mtdsHotReloadCleanup) window._mtdsHotReloadCleanup = new Map(); // Hot reload cleanup support supporting all build tools\n\n\tconst run = () => {\n\t\twindow._mtdsHotReloadCleanup?.get(key)?.map((cleanup) => cleanup()); // Run previous cleanup\n\t\twindow._mtdsHotReloadCleanup?.set(key, setup()); // Store new cleanup\n\t};\n\n\tif (document.readyState !== \"complete\") on(window, \"load\", run);\n\telse document.fonts?.ready?.then(run) || setTimeout(run, 0); // Prefer fonts ready promise if available, but fallback to setTimeout\n};\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport const onMutation = (\n\tel: Node,\n\tcallback: (observer: MutationObserver) => void,\n\toptions: MutationObserverInit,\n) => {\n\tlet queue = 0;\n\tconst onFrame = () => {\n\t\tif (!el.isConnected) return cleanup(); // Disconnect if element is removed from DOM\n\t\tcallback(observer);\n\t\tobserver.takeRecords(); // Clear records to avoid multiple triggers\n\t\tqueue = 0;\n\t};\n\tconst cleanup = () => observer?.disconnect?.();\n\tconst observer = new MutationObserver(() => {\n\t\tif (!queue) queue = requestAnimationFrame(onFrame); // requestAnimationFrame only runs when page is visible\n\t});\n\n\tobserver.observe(el, options);\n\tonFrame(); // Initial run\n\treturn cleanup;\n};\n\n/**\n * toCustomElementProps\n * @description Utility to quickly convert props to custom element attributes\n * @param props The props to convert\n * @returns The converted props\n */\nconst SELECTED = \"aria-selected\";\nexport const toCustomElementProps = <T extends Record<string, unknown>>(\n\trest: T,\n\tklass?: string,\n) =>\n\tObject.assign({}, rest, {\n\t\tsuppressHydrationWarning: true, // Make Next.js happy\n\t\t[SELECTED]:\n\t\t\trest[SELECTED] === undefined\n\t\t\t\t? undefined\n\t\t\t\t: (`${(rest[SELECTED] || \"false\") !== \"false\"}` as unknown as boolean), // Ensure aria-selected boolean is string\n\t\tclass: clsx(klass, rest.className as string), // Use class instead of className\n\t\thidden: !!rest.hidden, // Ensure boolean prop behaviour\n\t\topen: !!rest.open, // Ensure boolean prop behaviour\n\t});\n\n/**\n * tag\n * @description creates element and assigns properties\n * @param tagName The tagname of element to create\n * @param attrs Optional attributes to add to the element\n * @param text Optional text content to add to the element\n * @return HTMLElement with props\n */\nexport const tag = <TagName extends keyof HTMLElementTagNameMap>(\n\ttagName: TagName,\n\tattrs?: Record<string, string | null> | null,\n\ttext?: string | null,\n): HTMLElementTagNameMap[TagName] => {\n\tconst el = document.createElement(tagName);\n\tif (text) el.textContent = text;\n\tif (attrs) for (const [key, val] of Object.entries(attrs)) attr(el, key, val);\n\treturn el;\n};\n\n// Make sure we have a HTMLElement to extend (for server side rendering)\nexport const MTDSElement =\n\ttypeof HTMLElement === \"undefined\"\n\t\t? (class {} as typeof HTMLElement)\n\t\t: HTMLElement;\n\n/**\n * defineElement\n * @description Defines a customElement if running in browser and if not already registered\n */\nexport const defineElement = (\n\tname: string,\n\tinstance: CustomElementConstructor,\n) =>\n\t!isBrowser() ||\n\twindow.customElements.get(name) ||\n\twindow.customElements.define(name, instance);\n\n/**\n * attachStyle\n * @param el The Element to scope styles for\n * @param css The css to inject\n */\nexport const SUPPORTS_CONSTRUCTED_CSS =\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets;\n\nexport const attachStyle = (el: Element, css: string) => {\n\tif (!SUPPORTS_CONSTRUCTED_CSS) return;\n\tif (!el.shadowRoot) el.attachShadow({ mode: \"open\" }).append(tag(\"slot\"));\n\n\tconst sheet = new CSSStyleSheet();\n\tsheet.replaceSync(css);\n\t(el.shadowRoot as ShadowRoot).adoptedStyleSheets = [sheet];\n};\n"],"names":["QUICK_EVENT","isBrowser","getByCSSModule","key","styles","debounce","callback","delay","timer","args","attr","el","name","value","on","rest","types","options","type","off","onHotReload","setup","run","cleanup","onMutation","queue","onFrame","observer","SELECTED","toCustomElementProps","klass","clsx","tag","tagName","attrs","text","val","MTDSElement","defineElement","instance","SUPPORTS_CONSTRUCTED_CSS","attachStyle","css","sheet"],"mappings":"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"}

package/mtds/validation/validation-observer.js

@@ -1,40 +1,51 @@
-import p from "../styles.module.css.js";
-import { onHotReload as E, on as s, onMutation as h, QUICK_EVENT as V, debounce as m, attr as e } from "../utils.js";
-const b = `.${p.field.split(" ")[0]}`, N = "input,textarea,select", y = "ds-suggestion,u-combobox", C = p.validation.split(" ")[0], c = (t) => t instanceof HTMLFormElement && e(t, "data-validation") === "form", T = (t) => c(t.form), S = (t) => t.closest("fieldset") || t.closest(b) || t.form, v = (t) => t?.getElementsByClassName(C) || [], d = (t) => {
-  const n = t?.type === "submit" || t?.type === "invalid";
-  let i;
-  for (const r of document.forms)
-    if (c(r))
-      for (const o of r.querySelectorAll(N)) {
-        if (!o.clientHeight) continue;
-        const a = S(o), u = o.closest(y), I = e(o, "data-validation"), l = u ? e(o, "aria-required") === "true" && !!u?.items.length : o.validity.valid;
-        if (e(o, "data-validation", `${l}`), !i && !l && (i = o), t || !I)
-          for (const f of v(a)) {
-            const g = a?.nodeName === "FIELDSET" && f.parentElement !== a;
-            e(f, "hidden", g || !n || l ? "" : null);
-          }
-      }
-  i && n && (t.preventDefault(), i.focus());
-}, D = ({ target: t }) => {
-  if (T(t))
-    for (const n of v(S(t))) e(n, "hidden", "");
-}, L = (t) => c(t.target.form) && t?.preventDefault();
-E("validations", () => [
-  s(document, "input", D, !0),
+import g from "../styles.module.css.js";
+import { isBrowser as I, onHotReload as p, on as l, QUICK_EVENT as v, debounce as V, onMutation as A, attr as i } from "../utils.js";
+const h = `.${g.field.split(" ")[0]}`, D = `${h} :is(input,textarea,select)`, E = "ds-suggestion,u-combobox", N = g.validation.split(" ")[0], d = (t) => t instanceof HTMLFormElement && i(t, "data-validation") === "form", a = (t) => t.closest(h), u = (t) => t?.querySelectorAll(D) || [], c = (t) => t?.getElementsByClassName(N) || [], f = (t) => {
+  if (!t.clientHeight) return !0;
+  const e = t.closest(E)?.items;
+  return e ? i(t, "aria-required") === "true" && !!e.length : t.matches(":user-valid");
+}, m = (t) => {
+  const e = t.target?.form || t.target;
+  let o;
+  if (d(e)) {
+    for (const n of u(e)) {
+      const s = f(n);
+      !o && !s && (o = n);
+      for (const r of c(a(n)))
+        i(r, "hidden", s ? "" : null);
+    }
+    for (const n of e.querySelectorAll("fieldset")) {
+      const s = [...u(n)].every(f);
+      for (const r of c(n))
+        a(r) || i(r, "hidden", s ? "" : null);
+    }
+    o && (t.preventDefault(), o.focus());
+  }
+}, T = ({ target: t }) => {
+  const e = t;
+  if (!d(e.form))
+    for (const o of c(e.closest("fieldset") || a(e)))
+      i(o, "hidden", "");
+}, y = (t) => d(t.target.form) && t?.preventDefault(), S = /* @__PURE__ */ new WeakSet(), C = I() ? c(document) : [], L = () => {
+  for (const t of C) {
+    if (S.has(t)) continue;
+    S.add(t);
+    const e = u(a(t))[0];
+    d(e?.form) && i(t, "hidden", "");
+  }
+};
+p("validations", () => [
+  l(document, "input", T, !0),
   // Hide validation when typing
-  s(document, "invalid", L, !0),
+  l(document, "invalid", y, !0),
   // Prevent default browser invalid popup
-  s(document, "invalid", m(d, 10), V),
+  l(document, "invalid", V(m, 10), v),
   // Debounced to group invalid events
-  s(document, "submit", d, !0),
+  l(document, "submit", m, !0),
   // Use capture as submit does not bubble
-  h(
-    document,
-    m(() => d(), 0),
-    {
-      childList: !0,
-      subtree: !0
-    }
-  )
+  A(document, L, {
+    childList: !0,
+    subtree: !0
+  })
 ]);
 //# sourceMappingURL=validation-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"validation-observer.js","sources":["../../designsystem/validation/validation-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport {\n\tattr,\n\tdebounce,\n\ton,\n\tonHotReload,\n\tonMutation,\n\tQUICK_EVENT,\n} from \"../utils\";\n\nconst CSS_FIELD = `.${styles.field.split(\" \")[0]}`;\nconst CSS_INPUTS = \"input,textarea,select\" as \"input\";\nconst CSS_SUGGESTION = \"ds-suggestion,u-combobox\" as \"ds-suggestion\"; // u-combobox kept for backward compatibility\nconst CSS_VALIDATION = styles.validation.split(\" \")[0];\n\nconst isValidationForm = (form: unknown): form is HTMLFormElement =>\n\tform instanceof HTMLFormElement && attr(form, \"data-validation\") === \"form\";\n\nconst isValidationInput = (input: unknown): input is HTMLInputElement =>\n\tisValidationForm((input as HTMLInputElement).form);\n\nconst getScope = (input: HTMLInputElement) =>\n\tinput.closest(\"fieldset\") || input.closest(CSS_FIELD) || input.form;\n\nconst getValidations = (el?: HTMLElement | null) =>\n\tel?.getElementsByClassName(CSS_VALIDATION) || [];\n\nconst handleValidations = (event?: Event) => {\n\tconst isSubmit = event?.type === \"submit\" || event?.type === \"invalid\";\n\tlet firstInvalid: HTMLInputElement | undefined;\n\n\tfor (const form of document.forms)\n\t\tif (isValidationForm(form))\n\t\t\tfor (const input of form.querySelectorAll(CSS_INPUTS)) {\n\t\t\t\tif (!input.clientHeight) continue; // Skip hidden inputs\n\t\t\t\tconst scope = getScope(input);\n\t\t\t\tconst suggestion = input.closest(CSS_SUGGESTION);\n\t\t\t\tconst prevValid = attr(input, \"data-validation\");\n\t\t\t\tconst nextValid = suggestion\n\t\t\t\t\t? attr(input, \"aria-required\") === \"true\" &&\n\t\t\t\t\t\t!!suggestion?.items.length\n\t\t\t\t\t: input.validity.valid;\n\n\t\t\t\tattr(input, \"data-validation\", `${nextValid}`);\n\t\t\t\tif (!firstInvalid && !nextValid) firstInvalid = input;\n\t\t\t\t// Update if not registered or validation does not match\n\t\t\t\tif (event || !prevValid)\n\t\t\t\t\tfor (const el of getValidations(scope)) {\n\t\t\t\t\t\tconst isNested =\n\t\t\t\t\t\t\tscope?.nodeName === \"FIELDSET\" && el.parentElement !== scope;\n\t\t\t\t\t\tattr(el, \"hidden\", isNested || !isSubmit || nextValid ? \"\" : null);\n\t\t\t\t\t}\n\t\t\t}\n\n\tif (firstInvalid && isSubmit) {\n\t\tevent.preventDefault(); // Prevent submit if focusable invalid element found\n\t\tfirstInvalid.focus(); // Only move focus to first invalid field if validate was true\n\t}\n};\n\nconst handleInput = ({ target }: Event) => {\n\tif (isValidationInput(target))\n\t\tfor (const el of getValidations(getScope(target))) attr(el, \"hidden\", \"\");\n};\n\nconst handleInvalid = (e: Event) =>\n\tisValidationForm((e.target as HTMLInputElement).form) && e?.preventDefault(); // Prevent default browser invalid popup\n\nonHotReload(\"validations\", () => [\n\ton(document, \"input\", handleInput, true), // Hide validation when typing\n\ton(document, \"invalid\", handleInvalid, true), // Prevent default browser invalid popup\n\ton(document, \"invalid\", debounce(handleValidations, 10), QUICK_EVENT), // Debounced to group invalid events\n\ton(document, \"submit\", handleValidations, true), // Use capture as submit does not bubble\n\tonMutation(\n\t\tdocument,\n\t\tdebounce(() => handleValidations(), 0),\n\t\t{\n\t\t\tchildList: true,\n\t\t\tsubtree: true,\n\t\t},\n\t),\n]);\n"],"names":["CSS_FIELD","styles","CSS_INPUTS","CSS_SUGGESTION","CSS_VALIDATION","isValidationForm","form","attr","isValidationInput","input","getScope","getValidations","el","handleValidations","event","isSubmit","firstInvalid","scope","suggestion","prevValid","nextValid","isNested","handleInput","target","handleInvalid","e","onHotReload","on","debounce","QUICK_EVENT","onMutation"],"mappings":";;AAUA,MAAMA,IAAY,IAAIC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,IAC1CC,IAAa,yBACbC,IAAiB,4BACjBC,IAAiBH,EAAO,WAAW,MAAM,GAAG,EAAE,CAAC,GAE/CI,IAAmB,CAACC,MACzBA,aAAgB,mBAAmBC,EAAKD,GAAM,iBAAiB,MAAM,QAEhEE,IAAoB,CAACC,MAC1BJ,EAAkBI,EAA2B,IAAI,GAE5CC,IAAW,CAACD,MACjBA,EAAM,QAAQ,UAAU,KAAKA,EAAM,QAAQT,CAAS,KAAKS,EAAM,MAE1DE,IAAiB,CAACC,MACvBA,GAAI,uBAAuBR,CAAc,KAAK,CAAA,GAEzCS,IAAoB,CAACC,MAAkB;AAC5C,QAAMC,IAAWD,GAAO,SAAS,YAAYA,GAAO,SAAS;AAC7D,MAAIE;AAEJ,aAAWV,KAAQ,SAAS;AAC3B,QAAID,EAAiBC,CAAI;AACxB,iBAAWG,KAASH,EAAK,iBAAiBJ,CAAU,GAAG;AACtD,YAAI,CAACO,EAAM,aAAc;AACzB,cAAMQ,IAAQP,EAASD,CAAK,GACtBS,IAAaT,EAAM,QAAQN,CAAc,GACzCgB,IAAYZ,EAAKE,GAAO,iBAAiB,GACzCW,IAAYF,IACfX,EAAKE,GAAO,eAAe,MAAM,UAClC,CAAC,CAACS,GAAY,MAAM,SACnBT,EAAM,SAAS;AAKlB,YAHAF,EAAKE,GAAO,mBAAmB,GAAGW,CAAS,EAAE,GACzC,CAACJ,KAAgB,CAACI,MAAWJ,IAAeP,IAE5CK,KAAS,CAACK;AACb,qBAAWP,KAAMD,EAAeM,CAAK,GAAG;AACvC,kBAAMI,IACLJ,GAAO,aAAa,cAAcL,EAAG,kBAAkBK;AACxD,YAAAV,EAAKK,GAAI,UAAUS,KAAY,CAACN,KAAYK,IAAY,KAAK,IAAI;AAAA,UAClE;AAAA,MACF;AAEF,EAAIJ,KAAgBD,MACnBD,EAAM,eAAA,GACNE,EAAa,MAAA;AAEf,GAEMM,IAAc,CAAC,EAAE,QAAAC,QAAoB;AAC1C,MAAIf,EAAkBe,CAAM;AAC3B,eAAWX,KAAMD,EAAeD,EAASa,CAAM,CAAC,EAAG,CAAAhB,EAAKK,GAAI,UAAU,EAAE;AAC1E,GAEMY,IAAgB,CAACC,MACtBpB,EAAkBoB,EAAE,OAA4B,IAAI,KAAKA,GAAG,eAAA;AAE7DC,EAAY,eAAe,MAAM;AAAA,EAChCC,EAAG,UAAU,SAASL,GAAa,EAAI;AAAA;AAAA,EACvCK,EAAG,UAAU,WAAWH,GAAe,EAAI;AAAA;AAAA,EAC3CG,EAAG,UAAU,WAAWC,EAASf,GAAmB,EAAE,GAAGgB,CAAW;AAAA;AAAA,EACpEF,EAAG,UAAU,UAAUd,GAAmB,EAAI;AAAA;AAAA,EAC9CiB;AAAA,IACC;AAAA,IACAF,EAAS,MAAMf,EAAA,GAAqB,CAAC;AAAA,IACrC;AAAA,MACC,WAAW;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EACV;AAEF,CAAC;"}
+{"version":3,"file":"validation-observer.js","sources":["../../designsystem/validation/validation-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport {\n\tattr,\n\tdebounce,\n\tisBrowser,\n\ton,\n\tonHotReload,\n\tonMutation,\n\tQUICK_EVENT,\n} from \"../utils\";\n\nconst CSS_FIELD = `.${styles.field.split(\" \")[0]}`;\nconst CSS_INPUTS = `${CSS_FIELD} :is(input,textarea,select)` as \"input\";\nconst CSS_SUGGESTION = \"ds-suggestion,u-combobox\" as \"ds-suggestion\"; // u-combobox kept for backward compatibility\nconst CSS_VALIDATION = styles.validation.split(\" \")[0];\n\nconst isValidationForm = (form: unknown): form is HTMLFormElement =>\n\tform instanceof HTMLFormElement && attr(form, \"data-validation\") === \"form\";\n\nconst getField = (el: Element) => el.closest(CSS_FIELD);\nconst getInputs = (el?: Element | Document | null) =>\n\tel?.querySelectorAll(CSS_INPUTS) || [];\n\nconst getValidations = (el?: Element | Document | null) =>\n\tel?.getElementsByClassName(CSS_VALIDATION) || [];\n\nconst getValidity = (input: Element) => {\n\tif (!input.clientHeight) return true; // Skip hidden inputs\n\tconst suggestion = input.closest(CSS_SUGGESTION)?.items;\n\tif (!suggestion) return input.matches(\":user-valid\");\n\treturn attr(input, \"aria-required\") === \"true\" && !!suggestion.length;\n};\n\n// Hide or show validations on submit or invalid event\nconst handleValidations = (event: Event) => {\n\tconst form = (event.target as HTMLInputElement)?.form || event.target;\n\tlet invalid: HTMLInputElement | undefined;\n\tif (!isValidationForm(form)) return;\n\n\t// Toggle validitiy of fields\n\tfor (const input of getInputs(form)) {\n\t\tconst isValid = getValidity(input);\n\t\tif (!invalid && !isValid) invalid = input;\n\t\tfor (const el of getValidations(getField(input)))\n\t\t\tattr(el, \"hidden\", isValid ? \"\" : null);\n\t}\n\n\t// Toggle validitiy of fieldset\n\tfor (const fieldset of form.querySelectorAll(\"fieldset\")) {\n\t\tconst isValid = [...getInputs(fieldset)].every(getValidity);\n\t\tfor (const el of getValidations(fieldset))\n\t\t\tif (!getField(el)) attr(el, \"hidden\", isValid ? \"\" : null); // Only toggle fieldset validations if they are not also in a field\n\t}\n\n\tif (!invalid) return;\n\tevent.preventDefault(); // Prevent submit if focusable invalid element found\n\tinvalid.focus(); // Only move focus to first invalid field if validate was true\n};\n\n// Hide related validations adain when typing\nconst handleInput = ({ target }: Event) => {\n\tconst input = target as HTMLInputElement;\n\tif (isValidationForm(input.form)) return;\n\tfor (const el of getValidations(input.closest(\"fieldset\") || getField(input)))\n\t\tattr(el, \"hidden\", \"\");\n};\n\n// Hide native browser validation popup\nconst handleInvalid = (e: Event) =>\n\tisValidationForm((e.target as HTMLInputElement).form) && e?.preventDefault();\n\n// Hide validations when added to the DOM\nconst VALIDATIONS_ADDED = new WeakSet<Element>();\nconst VALIDATIONS = isBrowser() ? getValidations(document) : [];\nconst handleMutation = () => {\n\tfor (const valid of VALIDATIONS) {\n\t\tif (VALIDATIONS_ADDED.has(valid)) continue;\n\t\tVALIDATIONS_ADDED.add(valid);\n\t\tconst input = getInputs(getField(valid))[0];\n\t\tif (isValidationForm(input?.form)) attr(valid, \"hidden\", \"\");\n\t}\n};\n\nonHotReload(\"validations\", () => [\n\ton(document, \"input\", handleInput, true), // Hide validation when typing\n\ton(document, \"invalid\", handleInvalid, true), // Prevent default browser invalid popup\n\ton(document, \"invalid\", debounce(handleValidations, 10), QUICK_EVENT), // Debounced to group invalid events\n\ton(document, \"submit\", handleValidations, true), // Use capture as submit does not bubble\n\tonMutation(document, handleMutation, {\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["CSS_FIELD","styles","CSS_INPUTS","CSS_SUGGESTION","CSS_VALIDATION","isValidationForm","form","attr","getField","el","getInputs","getValidations","getValidity","input","suggestion","handleValidations","event","invalid","isValid","fieldset","handleInput","target","handleInvalid","e","VALIDATIONS_ADDED","VALIDATIONS","isBrowser","handleMutation","valid","onHotReload","on","debounce","QUICK_EVENT","onMutation"],"mappings":";;AAWA,MAAMA,IAAY,IAAIC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,IAC1CC,IAAa,GAAGF,CAAS,+BACzBG,IAAiB,4BACjBC,IAAiBH,EAAO,WAAW,MAAM,GAAG,EAAE,CAAC,GAE/CI,IAAmB,CAACC,MACzBA,aAAgB,mBAAmBC,EAAKD,GAAM,iBAAiB,MAAM,QAEhEE,IAAW,CAACC,MAAgBA,EAAG,QAAQT,CAAS,GAChDU,IAAY,CAACD,MAClBA,GAAI,iBAAiBP,CAAU,KAAK,CAAA,GAE/BS,IAAiB,CAACF,MACvBA,GAAI,uBAAuBL,CAAc,KAAK,CAAA,GAEzCQ,IAAc,CAACC,MAAmB;AACvC,MAAI,CAACA,EAAM,aAAc,QAAO;AAChC,QAAMC,IAAaD,EAAM,QAAQV,CAAc,GAAG;AAClD,SAAKW,IACEP,EAAKM,GAAO,eAAe,MAAM,UAAU,CAAC,CAACC,EAAW,SADvCD,EAAM,QAAQ,aAAa;AAEpD,GAGME,IAAoB,CAACC,MAAiB;AAC3C,QAAMV,IAAQU,EAAM,QAA6B,QAAQA,EAAM;AAC/D,MAAIC;AACJ,MAAKZ,EAAiBC,CAAI,GAG1B;AAAA,eAAWO,KAASH,EAAUJ,CAAI,GAAG;AACpC,YAAMY,IAAUN,EAAYC,CAAK;AACjC,MAAI,CAACI,KAAW,CAACC,MAASD,IAAUJ;AACpC,iBAAWJ,KAAME,EAAeH,EAASK,CAAK,CAAC;AAC9C,QAAAN,EAAKE,GAAI,UAAUS,IAAU,KAAK,IAAI;AAAA,IACxC;AAGA,eAAWC,KAAYb,EAAK,iBAAiB,UAAU,GAAG;AACzD,YAAMY,IAAU,CAAC,GAAGR,EAAUS,CAAQ,CAAC,EAAE,MAAMP,CAAW;AAC1D,iBAAWH,KAAME,EAAeQ,CAAQ;AACvC,QAAKX,EAASC,CAAE,OAAQA,GAAI,UAAUS,IAAU,KAAK,IAAI;AAAA,IAC3D;AAEA,IAAKD,MACLD,EAAM,eAAA,GACNC,EAAQ,MAAA;AAAA;AACT,GAGMG,IAAc,CAAC,EAAE,QAAAC,QAAoB;AAC1C,QAAMR,IAAQQ;AACd,MAAI,CAAAhB,EAAiBQ,EAAM,IAAI;AAC/B,eAAWJ,KAAME,EAAeE,EAAM,QAAQ,UAAU,KAAKL,EAASK,CAAK,CAAC;AAC3E,MAAAN,EAAKE,GAAI,UAAU,EAAE;AACvB,GAGMa,IAAgB,CAACC,MACtBlB,EAAkBkB,EAAE,OAA4B,IAAI,KAAKA,GAAG,eAAA,GAGvDC,wBAAwB,QAAA,GACxBC,IAAcC,EAAA,IAAcf,EAAe,QAAQ,IAAI,CAAA,GACvDgB,IAAiB,MAAM;AAC5B,aAAWC,KAASH,GAAa;AAChC,QAAID,EAAkB,IAAII,CAAK,EAAG;AAClC,IAAAJ,EAAkB,IAAII,CAAK;AAC3B,UAAMf,IAAQH,EAAUF,EAASoB,CAAK,CAAC,EAAE,CAAC;AAC1C,IAAIvB,EAAiBQ,GAAO,IAAI,KAAGN,EAAKqB,GAAO,UAAU,EAAE;AAAA,EAC5D;AACD;AAEAC,EAAY,eAAe,MAAM;AAAA,EAChCC,EAAG,UAAU,SAASV,GAAa,EAAI;AAAA;AAAA,EACvCU,EAAG,UAAU,WAAWR,GAAe,EAAI;AAAA;AAAA,EAC3CQ,EAAG,UAAU,WAAWC,EAAShB,GAAmB,EAAE,GAAGiB,CAAW;AAAA;AAAA,EACpEF,EAAG,UAAU,UAAUf,GAAmB,EAAI;AAAA;AAAA,EAC9CkB,EAAW,UAAUN,GAAgB;AAAA,IACpC,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACT;AACF,CAAC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "3.1.10",
+	"version": "3.1.12",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -60,15 +60,15 @@
 		"@handsontable/react-wrapper": "^16.2.0",
 		"@phosphor-icons/core": "^2.1.1",
 		"@phosphor-icons/react": "^2.1.10",
-		"@storybook/addon-docs": "^10.2.12",
-		"@storybook/addon-themes": "^10.2.12",
-		"@storybook/react-vite": "^10.2.12",
+		"@storybook/addon-docs": "^10.2.13",
+		"@storybook/addon-themes": "^10.2.13",
+		"@storybook/react-vite": "^10.2.13",
 		"@tanstack/react-table": "^8.21.3",
 		"@turf/boolean-point-in-polygon": "^7.3.4",
 		"@turf/helpers": "^7.3.4",
 		"@types/leaflet": "^1.9.21",
 		"@types/leaflet.markercluster": "^1.5.6",
-		"@types/node": "^25.3.0",
+		"@types/node": "^25.3.3",
 		"@types/react": "^19.2.14",
 		"@types/react-dom": "^19.2.3",
 		"@vitejs/plugin-react": "^5.1.4",
@@ -80,7 +80,7 @@
 		"react": "^19.2.4",
 		"react-dom": "^19.2.4",
 		"react-moveable": "^0.56.0",
-		"storybook": "^10.2.12",
+		"storybook": "^10.2.13",
 		"typescript": "^5.9.3",
 		"vite": "^7.3.1",
 		"vite-plugin-dts": "^4.5.4"