@mattilsynet/design 3.3.9 → 3.4.1

package/mtds/utils.js

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

package/mtds/validation/validation-observer.js

@@ -1,49 +1,42 @@
-import g from "../styles.module.css.js";
-import { isBrowser as v, onHotReload as I, on as a, QUICK_EVENT as h, debounce as b, onMutation as y, attr as n } from "../utils.js";
-const f = `.${g.field.split(" ")[0]}`, A = `${f} :is(input,textarea,select)`, C = "ds-suggestion,u-combobox", V = g.validation.split(" ")[0], d = (t) => t instanceof HTMLFormElement && n(t, "data-validation") === "form", u = (t) => t.closest(f), c = (t) => t?.querySelectorAll(A) || [], r = (t) => t?.getElementsByClassName(V) || [], m = (t) => {
-  const e = !t.clientHeight || t.disabled || t.readOnly || n(t, "aria-readonly") === "true" || n(t, "aria-disabled") === "true", o = t.closest(C)?.items, s = n(t, "aria-required") !== "true" || !!o?.length;
-  return o && t.setCustomValidity(e || s ? "" : "Required"), e ? !1 : t.matches(":user-invalid");
-}, S = (t) => {
-  const e = t.target?.form || t.target;
-  let o;
-  if (d(e)) {
-    for (const s of e.querySelectorAll(f)) {
-      const i = [...c(s)].find(m);
-      !o && i && (o = i);
-      for (const l of r(s))
-        n(l, "hidden", i ? null : "");
-    }
-    for (const s of e.querySelectorAll("fieldset")) {
-      const i = [...c(s)].some(m);
-      for (const l of r(s))
-        u(l) || n(l, "hidden", i ? null : "");
-    }
-    o && (t.preventDefault(), o.focus());
-  }
-}, E = ({ target: t }) => {
-  const e = t;
-  if (d(e.form))
-    for (const o of r(e.closest("fieldset") || u(e)))
-      n(o, "hidden", "");
-}, N = (t) => d(t.target.form) && t?.preventDefault(), T = v() ? r(document) : [], p = () => {
-  for (const t of T)
-    if (!t.hasAttribute("data-validation")) {
-      const e = c(u(t))[0];
-      n(t, "data-validation", "form"), d(e?.form) && n(t, "hidden", "");
-    }
+import e from "../styles.module.js";
+import { QUICK_EVENT as t, attr as n, debounce as r, isBrowser as i, on as a, onHotReload as o, onMutation as s } from "../utils.js";
+//#region designsystem/validation/validation-observer.ts
+var c = `.${e.field.split(" ")[0]}`, l = `${c} :is(input,textarea,select)`, u = "ds-suggestion,u-combobox", d = e.validation.split(" ")[0], f = (e) => e instanceof HTMLFormElement && n(e, "data-validation") === "form", p = (e) => e.closest(c), m = (e) => e?.querySelectorAll(l) || [], h = (e) => e?.getElementsByClassName(d) || [], g = (e) => {
+	let t = !e.clientHeight || e.disabled || e.readOnly || n(e, "aria-readonly") === "true" || n(e, "aria-disabled") === "true", r = e.closest(u)?.items, i = n(e, "aria-required") !== "true" || !!r?.length;
+	return r && e.setCustomValidity(t || i ? "" : "Required"), t ? !1 : e.matches(":user-invalid");
+}, _ = (e) => {
+	let t = e.target?.form || e.target, r;
+	if (f(t)) {
+		for (let e of t.querySelectorAll(c)) {
+			let t = [...m(e)].find(g);
+			!r && t && (r = t);
+			for (let r of h(e)) n(r, "hidden", t ? null : "");
+		}
+		for (let e of t.querySelectorAll("fieldset")) {
+			let t = [...m(e)].some(g);
+			for (let r of h(e)) p(r) || n(r, "hidden", t ? null : "");
+		}
+		r && (e.preventDefault(), r.focus());
+	}
+}, v = ({ target: e }) => {
+	let t = e;
+	if (f(t.form)) for (let e of h(t.closest("fieldset") || p(t))) n(e, "hidden", "");
+}, y = (e) => f(e.target.form) && e?.preventDefault(), b = i() ? h(document) : [], x = () => {
+	for (let e of b) if (!e.hasAttribute("data-validation")) {
+		let t = m(p(e))[0];
+		n(e, "data-validation", "form"), f(t?.form) && n(e, "hidden", "");
+	}
 };
-I("validations", () => [
-  a(document, "input comboboxbeforeselect", E, !0),
-  // Hide validation when typing
-  a(document, "invalid", N, !0),
-  // Prevent default browser invalid popup
-  a(document, "invalid", b(S, 10), h),
-  // Debounced to group invalid events
-  a(document, "submit", S, !0),
-  // Use capture as submit does not bubble
-  y(document, p, {
-    childList: !0,
-    subtree: !0
-  })
+o("validations", () => [
+	a(document, "input comboboxbeforeselect", v, !0),
+	a(document, "invalid", y, !0),
+	a(document, "invalid", r(_, 10), t),
+	a(document, "submit", _, !0),
+	s(document, x, {
+		childList: !0,
+		subtree: !0
+	})
 ]);
-//# sourceMappingURL=validation-observer.js.map
+//#endregion
+
+//# 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\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 getInvalid = (input: HTMLInputElement) => {\n\tconst skip =\n\t\t!input.clientHeight ||\n\t\tinput.disabled ||\n\t\tinput.readOnly ||\n\t\tattr(input, \"aria-readonly\") === \"true\" ||\n\t\tattr(input, \"aria-disabled\") === \"true\";\n\tconst suggestion = input.closest(CSS_SUGGESTION)?.items;\n\tconst ok = attr(input, \"aria-required\") !== \"true\" || !!suggestion?.length;\n\tif (suggestion) input.setCustomValidity(skip || ok ? \"\" : \"Required\"); // \"Fake\" native validity for suggestions\n\treturn skip ? false : input.matches(\":user-invalid\");\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 field of form.querySelectorAll(CSS_FIELD)) {\n\t\tconst isInvalid = [...getInputs(field)].find(getInvalid);\n\n\t\tif (!invalid && isInvalid) invalid = isInvalid;\n\t\tfor (const el of getValidations(field))\n\t\t\tattr(el, \"hidden\", isInvalid ? null : \"\");\n\t}\n\n\t// Toggle validitiy of fieldset\n\tfor (const fieldset of form.querySelectorAll(\"fieldset\")) {\n\t\tconst isInvalid = [...getInputs(fieldset)].some(getInvalid);\n\t\tfor (const el of getValidations(fieldset))\n\t\t\tif (!getField(el)) attr(el, \"hidden\", isInvalid ? 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 again when typing\nconst handleInput = ({ target }: Event) => {\n\tconst input = target as HTMLInputElement;\n\tif (!isValidationForm(input.form)) return; // Skip if not in a validation form\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 = isBrowser() ? getValidations(document) : [];\nconst handleMutation = () => {\n\tfor (const valid of VALIDATIONS)\n\t\tif (!valid.hasAttribute(\"data-validation\")) {\n\t\t\tconst input = getInputs(getField(valid))[0];\n\t\t\tattr(valid, \"data-validation\", \"form\"); // Mark as handled to avoid hiding again if moved in the DOM\n\t\t\tif (isValidationForm(input?.form)) attr(valid, \"hidden\", \"\");\n\t\t}\n};\n\nonHotReload(\"validations\", () => [\n\ton(document, \"input comboboxbeforeselect\", 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","getInvalid","input","skip","suggestion","ok","handleValidations","event","invalid","field","isInvalid","fieldset","handleInput","target","handleInvalid","e","VALIDATIONS","isBrowser","handleMutation","valid","onHotReload","on","debounce","QUICK_EVENT","onMutation"],"mappings":"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"}
+{"version":3,"file":"validation-observer.js","names":[],"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 getInvalid = (input: HTMLInputElement) => {\n\tconst skip =\n\t\t!input.clientHeight ||\n\t\tinput.disabled ||\n\t\tinput.readOnly ||\n\t\tattr(input, \"aria-readonly\") === \"true\" ||\n\t\tattr(input, \"aria-disabled\") === \"true\";\n\tconst suggestion = input.closest(CSS_SUGGESTION)?.items;\n\tconst ok = attr(input, \"aria-required\") !== \"true\" || !!suggestion?.length;\n\tif (suggestion) input.setCustomValidity(skip || ok ? \"\" : \"Required\"); // \"Fake\" native validity for suggestions\n\treturn skip ? false : input.matches(\":user-invalid\");\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 field of form.querySelectorAll(CSS_FIELD)) {\n\t\tconst isInvalid = [...getInputs(field)].find(getInvalid);\n\n\t\tif (!invalid && isInvalid) invalid = isInvalid;\n\t\tfor (const el of getValidations(field))\n\t\t\tattr(el, \"hidden\", isInvalid ? null : \"\");\n\t}\n\n\t// Toggle validitiy of fieldset\n\tfor (const fieldset of form.querySelectorAll(\"fieldset\")) {\n\t\tconst isInvalid = [...getInputs(fieldset)].some(getInvalid);\n\t\tfor (const el of getValidations(fieldset))\n\t\t\tif (!getField(el)) attr(el, \"hidden\", isInvalid ? 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 again when typing\nconst handleInput = ({ target }: Event) => {\n\tconst input = target as HTMLInputElement;\n\tif (!isValidationForm(input.form)) return; // Skip if not in a validation form\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 = isBrowser() ? getValidations(document) : [];\nconst handleMutation = () => {\n\tfor (const valid of VALIDATIONS)\n\t\tif (!valid.hasAttribute(\"data-validation\")) {\n\t\t\tconst input = getInputs(getField(valid))[0];\n\t\t\tattr(valid, \"data-validation\", \"form\"); // Mark as handled to avoid hiding again if moved in the DOM\n\t\t\tif (isValidationForm(input?.form)) attr(valid, \"hidden\", \"\");\n\t\t}\n};\n\nonHotReload(\"validations\", () => [\n\ton(document, \"input comboboxbeforeselect\", 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"],"mappings":";;;AAWA,IAAM,IAAY,IAAI,EAAO,MAAM,MAAM,GAAG,CAAC,CAAC,MACxC,IAAa,GAAG,EAAU,8BAC1B,IAAiB,4BACjB,IAAiB,EAAO,WAAW,MAAM,GAAG,CAAC,CAAC,IAE9C,KAAoB,MACzB,aAAgB,mBAAmB,EAAK,GAAM,iBAAiB,MAAM,QAEhE,KAAY,MAAgB,EAAG,QAAQ,CAAS,GAChD,KAAa,MAClB,GAAI,iBAAiB,CAAU,KAAK,CAAC,GAEhC,KAAkB,MACvB,GAAI,uBAAuB,CAAc,KAAK,CAAC,GAE1C,KAAc,MAA4B;CAC/C,IAAM,IACL,CAAC,EAAM,gBACP,EAAM,YACN,EAAM,YACN,EAAK,GAAO,eAAe,MAAM,UACjC,EAAK,GAAO,eAAe,MAAM,QAC5B,IAAa,EAAM,QAAQ,CAAc,CAAC,EAAE,OAC5C,IAAK,EAAK,GAAO,eAAe,MAAM,UAAU,CAAC,CAAC,GAAY;CAEpE,OADI,KAAY,EAAM,kBAAkB,KAAQ,IAAK,KAAK,UAAU,GAC7D,IAAO,KAAQ,EAAM,QAAQ,eAAe;AACpD,GAGM,KAAqB,MAAiB;CAC3C,IAAM,IAAQ,EAAM,QAA6B,QAAQ,EAAM,QAC3D;CACC,MAAiB,CAAI,GAG1B;OAAK,IAAM,KAAS,EAAK,iBAAiB,CAAS,GAAG;GACrD,IAAM,IAAY,CAAC,GAAG,EAAU,CAAK,CAAC,CAAC,CAAC,KAAK,CAAU;GAEvD,AAAI,CAAC,KAAW,MAAW,IAAU;GACrC,KAAK,IAAM,KAAM,EAAe,CAAK,GACpC,EAAK,GAAI,UAAU,IAAY,OAAO,EAAE;EAC1C;EAGA,KAAK,IAAM,KAAY,EAAK,iBAAiB,UAAU,GAAG;GACzD,IAAM,IAAY,CAAC,GAAG,EAAU,CAAQ,CAAC,CAAC,CAAC,KAAK,CAAU;GAC1D,KAAK,IAAM,KAAM,EAAe,CAAQ,GACvC,AAAK,EAAS,CAAE,KAAG,EAAK,GAAI,UAAU,IAAY,OAAO,EAAE;EAC7D;EAEK,MACL,EAAM,eAAe,GACrB,EAAQ,MAAM;CAXd;AAYD,GAGM,KAAe,EAAE,gBAAoB;CAC1C,IAAM,IAAQ;CACT,MAAiB,EAAM,IAAI,GAChC,KAAK,IAAM,KAAM,EAAe,EAAM,QAAQ,UAAU,KAAK,EAAS,CAAK,CAAC,GAC3E,EAAK,GAAI,UAAU,EAAE;AACvB,GAGM,KAAiB,MACtB,EAAkB,EAAE,OAA4B,IAAI,KAAK,GAAG,eAAe,GAGtE,IAAc,EAAU,IAAI,EAAe,QAAQ,IAAI,CAAC,GACxD,UAAuB;CAC5B,KAAK,IAAM,KAAS,GACnB,IAAI,CAAC,EAAM,aAAa,iBAAiB,GAAG;EAC3C,IAAM,IAAQ,EAAU,EAAS,CAAK,CAAC,CAAC,CAAC;EAEzC,AADA,EAAK,GAAO,mBAAmB,MAAM,GACjC,EAAiB,GAAO,IAAI,KAAG,EAAK,GAAO,UAAU,EAAE;CAC5D;AACF;AAEA,EAAY,qBAAqB;CAChC,EAAG,UAAU,8BAA8B,GAAa,EAAI;CAC5D,EAAG,UAAU,WAAW,GAAe,EAAI;CAC3C,EAAG,UAAU,WAAW,EAAS,GAAmB,EAAE,GAAG,CAAW;CACpE,EAAG,UAAU,UAAU,GAAmB,EAAI;CAC9C,EAAW,UAAU,GAAgB;EACpC,WAAW;EACX,SAAS;CACV,CAAC;AACF,CAAC"}

package/mtds/validation/validation.js

@@ -1,22 +1,18 @@
-import { jsx as t } from "react/jsx-runtime";
-import a from "clsx";
+import e from "../styles.module.js";
+import t from "clsx";
 import { forwardRef as n } from "react";
-import s from "../styles.module.css.js";
-const p = n(
-  function({ className: i, ...o }, r) {
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        suppressHydrationWarning: !0,
-        className: a(s.validation, i),
-        "data-field": "validation",
-        ref: r,
-        ...o
-      }
-    );
-  }
-);
-export {
-  p as Validation
-};
-//# sourceMappingURL=validation.js.map
+import { jsx as r } from "react/jsx-runtime";
+//#region designsystem/validation/validation.tsx
+var i = n(function({ className: n, ...i }, a) {
+	return /* @__PURE__ */ r("div", {
+		suppressHydrationWarning: !0,
+		className: t(e.validation, n),
+		"data-field": "validation",
+		ref: a,
+		...i
+	});
+});
+//#endregion
+export { i as Validation };
+
+//# sourceMappingURL=validation.js.map

package/mtds/validation/validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"validation.js","sources":["../../designsystem/validation/validation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type ValidationProps = React.ComponentPropsWithoutRef<\"div\">;\n\nexport const Validation = forwardRef<HTMLDivElement, ValidationProps>(\n\tfunction Validation({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tsuppressHydrationWarning // Prevent hydration mismatch for SSR due to field-observer.ts\n\t\t\t\tclassName={clsx(styles.validation, className)}\n\t\t\t\tdata-field=\"validation\"\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"names":["Validation","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAMO,MAAMA,IAAaC;AAAA,EACzB,SAAoB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AAChD,WACC,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,0BAAwB;AAAA,QACxB,WAAWC,EAAKC,EAAO,YAAYL,CAAS;AAAA,QAC5C,cAAW;AAAA,QACX,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD;"}
+{"version":3,"file":"validation.js","names":[],"sources":["../../designsystem/validation/validation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type ValidationProps = React.ComponentPropsWithoutRef<\"div\">;\n\nexport const Validation = forwardRef<HTMLDivElement, ValidationProps>(\n\tfunction Validation({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tsuppressHydrationWarning // Prevent hydration mismatch for SSR due to field-observer.ts\n\t\t\t\tclassName={clsx(styles.validation, className)}\n\t\t\t\tdata-field=\"validation\"\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"mappings":";;;;;AAMA,IAAa,IAAa,EACzB,SAAoB,EAAE,cAAW,GAAG,KAAQ,GAAK;CAChD,OACC,kBAAC,OAAD;EACC,0BAAA;EACA,WAAW,EAAK,EAAO,YAAY,CAAS;EAC5C,cAAW;EACN;EACL,GAAI;CACJ,CAAA;AAEH,CACD"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "3.3.9",
+	"version": "3.4.1",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -55,10 +55,10 @@
 		"storybook:build": "npm run build && storybook build"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "2.5.1",
+		"@biomejs/biome": "2.5.3",
 		"@digdir/designsystemet-css": "^1.18.0",
 		"@digdir/designsystemet-types": "^1.18.0",
-		"@handsontable/react-wrapper": "17.1.0",
+		"@handsontable/react-wrapper": "18.0.0",
 		"@phosphor-icons/core": "^2.1.1",
 		"@phosphor-icons/react": "^2.1.10",
 		"@storybook/addon-docs": "^10.4.6",
@@ -69,22 +69,22 @@
 		"@turf/helpers": "^7.3.5",
 		"@types/leaflet": "^1.9.21",
 		"@types/leaflet.markercluster": "^1.5.6",
-		"@types/node": "^26.0.1",
+		"@types/node": "^26.1.1",
 		"@types/react": "^19.2.17",
 		"@types/react-dom": "^19.2.3",
-		"@vitejs/plugin-react": "^5.2.0",
+		"@vitejs/plugin-react": "^6.0.3",
 		"fast-glob": "^3.3.3",
-		"handsontable": "17.1.0",
+		"handsontable": "18.0.0",
 		"leaflet": "^2.0.0-alpha.1",
-		"postcss": "^8.5.15",
+		"postcss": "^8.5.16",
 		"postcss-nesting": "^14.0.0",
 		"react": "^19.2.7",
 		"react-dom": "^19.2.7",
 		"react-moveable": "^0.56.0",
 		"storybook": "^10.4.6",
 		"typescript": "^6.0.3",
-		"vite": "^7.3.2",
-		"vite-plugin-dts": "^4.5.4",
+		"unplugin-dts": "^1.0.3",
+		"vite": "^8.1.3",
 		"vite-plugin-static-copy": "^4.1.1"
 	},
 	"dependencies": {

package/mtds/atlas/atlas.css.js

@@ -1,138 +0,0 @@
-const t = `/**
- * NOTE:
- * - Dark mode styles are in styles.module.css to leverage data-color-scheme attribute
- * - This file is using --mtds- not --mtds- since we're inside shadow dom
- */	
- 
-::slotted([data-color]),  /* Ensure data-color is respected */
-:host {
-	--mtdsc-atlas-border: 1px solid var(--mtds-color-border-subtle);
-	--mtdsc-atlas-cluster-border: 1px solid;
-	--mtdsc-atlas-marker-background: var(--mtds-color-base-default);
-	--mtdsc-atlas-marker-background-outer: #fff;
-	--mtdsc-atlas-cluster-background: var(--mtdsc-atlas-marker-background);
-	--mtdsc-atlas-cluster-color: var(--mtdsc-atlas-marker-color);
-	--mtdsc-atlas-marker-border: none;
-	--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);
-	--mtdsc-atlas-marker-inset: 3px;
-	--mtdsc-atlas-marker-shadow-blur: 4px;
-	--mtdsc-atlas-marker-shadow-color: rgba(0  0 0 / 0.5);
-	--mtdsc-atlas-marker-shadow-offset: 2px;
-	--mtdsc-atlas-marker-size: var(--mtds-6);
-	--mtdsc-atlas-tile-background: #f7fcfc;
-	--mtdsc-atlas-tile-filter: grayscale(.8) contrast(0.75) brightness(1.15); /* Also in styles.module.css */
-}
-:host {
-	border-radius: var(--mtds-border-radius-md);
-	aspect-ratio: 2;
-	overflow: clip;
-	position: relative;
-}
-:host(:not([hidden])) { display: block }
-:host([data-cursor="pointer"]) .leaflet-grab { cursor: pointer }
-
-/* Focus */
-.leaflet-control-zoom a:focus-visible,
-:host:has(.leaflet-container:focus-visible),
-::slotted(mtds-atlas-marker:focus-visible) {
-	box-shadow: var(--mtdsc-focus-boxShadow);
-	outline: var(--mtdsc-focus-outline);
-	outline-offset: var(--mtds-border-width-focus);
-}
-
-/* Tiles */
-.leaflet-kartverket-tiles { filter: var(--mtdsc-atlas-tile-filter); transition: filter 0.5s }
-.leaflet-container {
-	background: var(--mtdsc-atlas-tile-background);
-	border-radius: inherit;
-	border: var(--mtdsc-atlas-border);
-	box-sizing: border-box;
-	font: inherit;
-	height: 100%;
-	margin: 0;
-	outline: 0;
-	position: relative;
-	z-index: 1; /* Ensure <slot> is always on top */
-}
-:host([data-tiles="color"]) {
-	--mtdsc-atlas-tile-background: #e5fcfd;
-	--mtdsc-atlas-tile-filter: grayscale(0.2);
-}
-
-/* Controls */
-.leaflet-control-attribution { font-size: 12px; border-top-left-radius: var(--mtds-border-radius-md) }
-.leaflet-control-zoom { border-radius: var(--mtds-border-radius-md); border: 1px solid var(--mtds-color-border-default) }
-.leaflet-control-zoom a { background: var(--mtds-color-surface-default); border-color: inherit; color: var(--mtds-color-text-default); height: var(--mtds-10); line-height: var(--mtds-10); transition: 0.2s; width: var(--mtds-10) }
-.leaflet-control-zoom a:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit }
-.leaflet-control-zoom a:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit }
-.leaflet-control-zoom a:hover { background: var(--mtds-color-surface-hover) }
-.leaflet-control-zoom a:active { background: var(--mtds-color-surface-active) }
-
-/* Markers */
-.leaflet-marker-generated-icon,
-::slotted(mtds-atlas-marker) {
-	all: unset;
-	color: var(--mtdsc-atlas-marker-color);
-	background: var(--mtdsc-atlas-marker-background);
-	border-radius: 100%;
-	box-sizing: border-box;
-	cursor: pointer;
-	display: grid;
-	place-items: center;
-	place-content: center;
-	font-size: var(--mtds-body-sm-font-size);
-	font-weight: var(--mtds-font-weight-bold);
-	height: var(--mtdsc-atlas-marker-size);
-	/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */
-	margin-bottom: calc(var(--mtdsc-atlas-marker-size) * .25 + var(--mtdsc-atlas-marker-inset))!important;
-	width: var(--mtdsc-atlas-marker-size);
-}
-.leaflet-marker-generated-icon::after,
-::slotted(mtds-atlas-marker)::after {
-	box-shadow: var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-blur) var(--mtdsc-atlas-marker-shadow-color);
-	aspect-ratio: 1;
-	background: var(--mtdsc-atlas-marker-background-outer);
-	color: var(--mtdsc-atlas-marker-background);
-	border-radius: 50% 50% 0 50%;
-	/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */
-	border: var(--mtdsc-atlas-marker-border)!important;
-	content: "";
-	rotate: 45deg;
-	position: absolute;
-	inset: calc(var(--mtdsc-atlas-marker-inset) * -1);
-	z-index: -1;
-}
-
-::slotted(mtds-atlas-marker.leaflet-drag-target) {
-	cursor: grabbing;
-}
-
-.leaflet-marker-generated-slot,
-.leaflet-marker-icon slot { display: block; position: absolute; left: 0; top: 0; translate: -50% -100% }
-.leaflet-marker-icon { background: none; border: 0 }
-.leaflet-cluster-icon {
-	box-shadow: 0 var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-blur) var(--mtdsc-atlas-marker-shadow-color);
-	background-color: var(--mtdsc-atlas-cluster-background);
-	border-radius: 100%;
-	border: var(--mtdsc-atlas-cluster-border);
-	box-sizing: border-box;
-	outline: 2px solid var(--mtdsc-atlas-cluster-background);
-	color: var(--mtdsc-atlas-cluster-color);
-	display: flex;
-	font-size: var(--mtds-body-xs-font-size);
-	font-weight: var(--mtds-font-weight-bold);
-	place-content: center;
-	place-items: center;
-}
-
-/* Popover */
-.leaflet-popup:has(slot) .leaflet-popup-tip { background: var(--mtds-color-surface-default) }
-.leaflet-popup:has(slot) .leaflet-popup-close-button { display: none } /* Popup closes on clicking marker anyway */
-.leaflet-popup:has(slot) .leaflet-popup-content-wrapper { display: contents } /* No need for styling this element */
-.leaflet-popup:has(slot) .leaflet-popup-content { margin: 0; font: inherit }
-
-`;
-export {
-  t as default
-};
-//# sourceMappingURL=atlas.css.js.map

package/mtds/atlas/atlas.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"atlas.css.js","sources":["../../designsystem/atlas/atlas.css?raw"],"sourcesContent":["export default \"/**\\n * NOTE:\\n * - Dark mode styles are in styles.module.css to leverage data-color-scheme attribute\\n * - This file is using --mtds- not --mtds- since we're inside shadow dom\\n */\\t\\n \\n::slotted([data-color]),  /* Ensure data-color is respected */\\n:host {\\n\\t--mtdsc-atlas-border: 1px solid var(--mtds-color-border-subtle);\\n\\t--mtdsc-atlas-cluster-border: 1px solid;\\n\\t--mtdsc-atlas-marker-background: var(--mtds-color-base-default);\\n\\t--mtdsc-atlas-marker-background-outer: #fff;\\n\\t--mtdsc-atlas-cluster-background: var(--mtdsc-atlas-marker-background);\\n\\t--mtdsc-atlas-cluster-color: var(--mtdsc-atlas-marker-color);\\n\\t--mtdsc-atlas-marker-border: none;\\n\\t--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);\\n\\t--mtdsc-atlas-marker-inset: 3px;\\n\\t--mtdsc-atlas-marker-shadow-blur: 4px;\\n\\t--mtdsc-atlas-marker-shadow-color: rgba(0  0 0 / 0.5);\\n\\t--mtdsc-atlas-marker-shadow-offset: 2px;\\n\\t--mtdsc-atlas-marker-size: var(--mtds-6);\\n\\t--mtdsc-atlas-tile-background: #f7fcfc;\\n\\t--mtdsc-atlas-tile-filter: grayscale(.8) contrast(0.75) brightness(1.15); /* Also in styles.module.css */\\n}\\n:host {\\n\\tborder-radius: var(--mtds-border-radius-md);\\n\\taspect-ratio: 2;\\n\\toverflow: clip;\\n\\tposition: relative;\\n}\\n:host(:not([hidden])) { display: block }\\n:host([data-cursor=\\\"pointer\\\"]) .leaflet-grab { cursor: pointer }\\n\\n/* Focus */\\n.leaflet-control-zoom a:focus-visible,\\n:host:has(.leaflet-container:focus-visible),\\n::slotted(mtds-atlas-marker:focus-visible) {\\n\\tbox-shadow: var(--mtdsc-focus-boxShadow);\\n\\toutline: var(--mtdsc-focus-outline);\\n\\toutline-offset: var(--mtds-border-width-focus);\\n}\\n\\n/* Tiles */\\n.leaflet-kartverket-tiles { filter: var(--mtdsc-atlas-tile-filter); transition: filter 0.5s }\\n.leaflet-container {\\n\\tbackground: var(--mtdsc-atlas-tile-background);\\n\\tborder-radius: inherit;\\n\\tborder: var(--mtdsc-atlas-border);\\n\\tbox-sizing: border-box;\\n\\tfont: inherit;\\n\\theight: 100%;\\n\\tmargin: 0;\\n\\toutline: 0;\\n\\tposition: relative;\\n\\tz-index: 1; /* Ensure <slot> is always on top */\\n}\\n:host([data-tiles=\\\"color\\\"]) {\\n\\t--mtdsc-atlas-tile-background: #e5fcfd;\\n\\t--mtdsc-atlas-tile-filter: grayscale(0.2);\\n}\\n\\n/* Controls */\\n.leaflet-control-attribution { font-size: 12px; border-top-left-radius: var(--mtds-border-radius-md) }\\n.leaflet-control-zoom { border-radius: var(--mtds-border-radius-md); border: 1px solid var(--mtds-color-border-default) }\\n.leaflet-control-zoom a { background: var(--mtds-color-surface-default); border-color: inherit; color: var(--mtds-color-text-default); height: var(--mtds-10); line-height: var(--mtds-10); transition: 0.2s; width: var(--mtds-10) }\\n.leaflet-control-zoom a:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit }\\n.leaflet-control-zoom a:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit }\\n.leaflet-control-zoom a:hover { background: var(--mtds-color-surface-hover) }\\n.leaflet-control-zoom a:active { background: var(--mtds-color-surface-active) }\\n\\n/* Markers */\\n.leaflet-marker-generated-icon,\\n::slotted(mtds-atlas-marker) {\\n\\tall: unset;\\n\\tcolor: var(--mtdsc-atlas-marker-color);\\n\\tbackground: var(--mtdsc-atlas-marker-background);\\n\\tborder-radius: 100%;\\n\\tbox-sizing: border-box;\\n\\tcursor: pointer;\\n\\tdisplay: grid;\\n\\tplace-items: center;\\n\\tplace-content: center;\\n\\tfont-size: var(--mtds-body-sm-font-size);\\n\\tfont-weight: var(--mtds-font-weight-bold);\\n\\theight: var(--mtdsc-atlas-marker-size);\\n\\t/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */\\n\\tmargin-bottom: calc(var(--mtdsc-atlas-marker-size) * .25 + var(--mtdsc-atlas-marker-inset))!important;\\n\\twidth: var(--mtdsc-atlas-marker-size);\\n}\\n.leaflet-marker-generated-icon::after,\\n::slotted(mtds-atlas-marker)::after {\\n\\tbox-shadow: var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-blur) var(--mtdsc-atlas-marker-shadow-color);\\n\\taspect-ratio: 1;\\n\\tbackground: var(--mtdsc-atlas-marker-background-outer);\\n\\tcolor: var(--mtdsc-atlas-marker-background);\\n\\tborder-radius: 50% 50% 0 50%;\\n\\t/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */\\n\\tborder: var(--mtdsc-atlas-marker-border)!important;\\n\\tcontent: \\\"\\\";\\n\\trotate: 45deg;\\n\\tposition: absolute;\\n\\tinset: calc(var(--mtdsc-atlas-marker-inset) * -1);\\n\\tz-index: -1;\\n}\\n\\n::slotted(mtds-atlas-marker.leaflet-drag-target) {\\n\\tcursor: grabbing;\\n}\\n\\n.leaflet-marker-generated-slot,\\n.leaflet-marker-icon slot { display: block; position: absolute; left: 0; top: 0; translate: -50% -100% }\\n.leaflet-marker-icon { background: none; border: 0 }\\n.leaflet-cluster-icon {\\n\\tbox-shadow: 0 var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-blur) var(--mtdsc-atlas-marker-shadow-color);\\n\\tbackground-color: var(--mtdsc-atlas-cluster-background);\\n\\tborder-radius: 100%;\\n\\tborder: var(--mtdsc-atlas-cluster-border);\\n\\tbox-sizing: border-box;\\n\\toutline: 2px solid var(--mtdsc-atlas-cluster-background);\\n\\tcolor: var(--mtdsc-atlas-cluster-color);\\n\\tdisplay: flex;\\n\\tfont-size: var(--mtds-body-xs-font-size);\\n\\tfont-weight: var(--mtds-font-weight-bold);\\n\\tplace-content: center;\\n\\tplace-items: center;\\n}\\n\\n/* Popover */\\n.leaflet-popup:has(slot) .leaflet-popup-tip { background: var(--mtds-color-surface-default) }\\n.leaflet-popup:has(slot) .leaflet-popup-close-button { display: none } /* Popup closes on clicking marker anyway */\\n.leaflet-popup:has(slot) .leaflet-popup-content-wrapper { display: contents } /* No need for styling this element */\\n.leaflet-popup:has(slot) .leaflet-popup-content { margin: 0; font: inherit }\\n\\n\""],"names":["css"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/mtds/atlas.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"atlas.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}