@mattilsynet/design 2.2.23 → 2.2.25

package/mtds/index.js

@@ -1,12 +1,12 @@
-import { UHTMLComboboxElement as M } from "@u-elements/u-combobox";
-import { UHTMLTabElement as U, UHTMLTabListElement as w, UHTMLTabPanelElement as g, UHTMLTabsElement as y } from "@u-elements/u-tabs";
-import { version as C } from "./package.json.js";
-import { analytics as k } from "./analytics/analytics.js";
-import { toggleAppExpanded as v } from "./app/app-observer.js";
-import { fixLawHtml as I, parseLawIds as P, parseLawMeta as _, setLawChecked as j } from "./law/law-helper.js";
-import { pagination as z } from "./pagination/pagination-helper.js";
-import * as o from "./styles.module.css.js";
-import { toast as D } from "./toast/toast-helper.js";
+import { UHTMLComboboxElement } from "@u-elements/u-combobox";
+import { UHTMLTabElement, UHTMLTabListElement, UHTMLTabPanelElement, UHTMLTabsElement } from "@u-elements/u-tabs";
+import { version } from "./package.json.js";
+import { analytics } from "./analytics/analytics.js";
+import { toggleAppExpanded } from "./app/app-observer.js";
+import { fixLawHtml, getLawChecked, parseLawIds, parseLawMeta, setLawChecked, toggleLawChecked } from "./law/law-helper.js";
+import { pagination } from "./pagination/pagination-helper.js";
+import * as styles_module from "./styles.module.css.js";
+import { toast } from "./toast/toast-helper.js";
 import "./breadcrumbs/breadcrumbs-observer.js";
 import "./chart/chart-element.js";
 import "./dialog/dialog-observer.js";
@@ -23,20 +23,22 @@ import "@u-elements/u-datalist";
 import "@u-elements/u-details";
 import "@u-elements/u-progress";
 export {
-  M as UHTMLComboboxElement,
-  U as UHTMLTabElement,
-  w as UHTMLTabListElement,
-  g as UHTMLTabPanelElement,
-  y as UHTMLTabsElement,
-  k as analytics,
-  I as fixLawHtml,
-  z as pagination,
-  P as parseLawIds,
-  _ as parseLawMeta,
-  j as setLawChecked,
-  o as styles,
-  D as toast,
-  v as toggleAppExpanded,
-  C as version
+  UHTMLComboboxElement,
+  UHTMLTabElement,
+  UHTMLTabListElement,
+  UHTMLTabPanelElement,
+  UHTMLTabsElement,
+  analytics,
+  fixLawHtml,
+  getLawChecked,
+  pagination,
+  parseLawIds,
+  parseLawMeta,
+  setLawChecked,
+  styles_module as styles,
+  toast,
+  toggleAppExpanded,
+  toggleLawChecked,
+  version
 };
 //# sourceMappingURL=index.js.map

package/mtds/input/input.d.ts

@@ -1,6 +1,6 @@
 export type InputProps = React.ComponentPropsWithoutRef<"input">;
-export declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Input: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export type SelectProps = React.ComponentPropsWithoutRef<"select">;
-export declare const Select: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+export declare const Select: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & import('react').RefAttributes<HTMLSelectElement>>;
 export type TextareaProps = React.ComponentPropsWithoutRef<"textarea">;
-export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const Textarea: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;

package/mtds/input/input.js

@@ -1,30 +1,32 @@
-import { jsx as n } from "react/jsx-runtime";
-import o from "clsx";
-import { forwardRef as s } from "react";
-import a from "../styles.module.css.js";
-const l = s(function({ className: t, type: e = "text", ...r }, c) {
-  return /* @__PURE__ */ n(
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import styles from "../styles.module.css.js";
+const Input = forwardRef(function Input2({ className, type = "text", ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
     "input",
     {
-      suppressHydrationWarning: !0,
-      className: o(a.input, t),
-      type: e,
-      ref: c,
-      ...r
+      suppressHydrationWarning: true,
+      className: clsx(styles.input, className),
+      type,
+      ref,
+      ...rest
     }
   );
-}), x = s(
-  function({ className: t, ...e }, r) {
-    return /* @__PURE__ */ n("select", { className: o(a.input, t), ref: r, ...e });
+});
+const Select = forwardRef(
+  function Select2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ jsx("select", { className: clsx(styles.input, className), ref, ...rest });
   }
-), N = s(
-  function({ className: t, ...e }, r) {
-    return /* @__PURE__ */ n("textarea", { className: o(a.input, t), ref: r, ...e });
+);
+const Textarea = forwardRef(
+  function Textarea2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ jsx("textarea", { className: clsx(styles.input, className), ref, ...rest });
   }
 );
 export {
-  l as Input,
-  x as Select,
-  N as Textarea
+  Input,
+  Select,
+  Textarea
 };
 //# sourceMappingURL=input.js.map

package/mtds/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../designsystem/input/input.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type InputProps = React.ComponentPropsWithoutRef<\"input\">;\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n\t{ className, type = \"text\", ...rest },\n\tref,\n) {\n\treturn (\n\t\t<input\n\t\t\tsuppressHydrationWarning // Prevent hydration mismatch for SSR due to field-observer.ts\n\t\t\tclassName={clsx(styles.input, className)}\n\t\t\ttype={type}\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n});\n\nexport type SelectProps = React.ComponentPropsWithoutRef<\"select\">;\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n\tfunction Select({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<select className={clsx(styles.input, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport type TextareaProps = React.ComponentPropsWithoutRef<\"textarea\">;\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n\tfunction Textarea({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<textarea className={clsx(styles.input, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n"],"names":["Input","forwardRef","className","type","rest","ref","jsx","clsx","styles","Select","Textarea"],"mappings":";;;;AAKO,MAAMA,IAAQC,EAAyC,SAC7D,EAAE,WAAAC,GAAW,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GAC/BC,GACC;AACD,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,0BAAwB;AAAA,MACxB,WAAWC,EAAKC,EAAO,OAAON,CAAS;AAAA,MACvC,MAAAC;AAAA,MACA,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAGYK,IAASR;AAAA,EACrB,SAAgB,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAAQC,GAAK;AAC5C,WACC,gBAAAC,EAAC,UAAA,EAAO,WAAWC,EAAKC,EAAO,OAAON,CAAS,GAAG,KAAAG,GAAW,GAAGD,EAAA,CAAM;AAAA,EAExE;AACD,GAGaM,IAAWT;AAAA,EACvB,SAAkB,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAAQC,GAAK;AAC9C,WACC,gBAAAC,EAAC,YAAA,EAAS,WAAWC,EAAKC,EAAO,OAAON,CAAS,GAAG,KAAAG,GAAW,GAAGD,EAAA,CAAM;AAAA,EAE1E;AACD;"}
+{"version":3,"file":"input.js","sources":["../../designsystem/input/input.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type InputProps = React.ComponentPropsWithoutRef<\"input\">;\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n\t{ className, type = \"text\", ...rest },\n\tref,\n) {\n\treturn (\n\t\t<input\n\t\t\tsuppressHydrationWarning // Prevent hydration mismatch for SSR due to field-observer.ts\n\t\t\tclassName={clsx(styles.input, className)}\n\t\t\ttype={type}\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n});\n\nexport type SelectProps = React.ComponentPropsWithoutRef<\"select\">;\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n\tfunction Select({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<select className={clsx(styles.input, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport type TextareaProps = React.ComponentPropsWithoutRef<\"textarea\">;\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n\tfunction Textarea({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<textarea className={clsx(styles.input, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n"],"names":["Input","Select","Textarea"],"mappings":";;;;AAKO,MAAM,QAAQ,WAAyC,SAASA,OACtE,EAAE,WAAW,OAAO,QAAQ,GAAG,KAAA,GAC/B,KACC;AACD,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,0BAAwB;AAAA,MACxB,WAAW,KAAK,OAAO,OAAO,SAAS;AAAA,MACvC;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAGM,MAAM,SAAS;AAAA,EACrB,SAASC,QAAO,EAAE,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC5C,WACC,oBAAC,UAAA,EAAO,WAAW,KAAK,OAAO,OAAO,SAAS,GAAG,KAAW,GAAG,KAAA,CAAM;AAAA,EAExE;AACD;AAGO,MAAM,WAAW;AAAA,EACvB,SAASC,UAAS,EAAE,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC9C,WACC,oBAAC,YAAA,EAAS,WAAW,KAAK,OAAO,OAAO,SAAS,GAAG,KAAW,GAAG,KAAA,CAAM;AAAA,EAE1E;AACD;"}

package/mtds/law/law-helper.d.ts

@@ -1,5 +1,8 @@
-export declare const setLawChecked: (checked: string[], lawElement?: HTMLElement | null) => void | undefined;
-export declare const parseLawIds: (ids: string[], lawHtml: string) => {
+type Ids = string | string[] | HTMLButtonElement | HTMLButtonElement[];
+export declare const getLawChecked: (lawElement?: HTMLElement | null) => string[];
+export declare const toggleLawChecked: (ids: Ids, lawElement?: HTMLElement | null) => void;
+export declare const setLawChecked: (ids: Ids, lawElement?: HTMLElement | null) => void;
+export declare const parseLawIds: (ids: string | string[], lawHtml: string) => {
     path: {
         id: string;
         className: string;
@@ -36,3 +39,4 @@ export declare const parseLawMeta: (lawHtml: string) => {
     };
 };
 export declare const fixLawHtml: (lawHtml: string) => string;
+export {};

package/mtds/law/law-helper.js

@@ -1,78 +1,160 @@
-import { attr as g } from "../utils.js";
-const $ = /<[^>]+id="([^"]+)[^>]+>/gi, f = /\([^)]{1,4}\).{1,9}\d+\/\d+/i, b = /<(h\d|[^>]+role="heading")[^>]*>(.*?)<\/?(h\d|br|div)/i, x = /kapittel-\d+-ledd-\d+/, I = /<button[^>]+>.*?<\/button>/g, O = /►m\d+/i, p = /<[^>]+>/g, L = /<dt([^>]*class="([^"]+)")?[^>]*>(.*?)<\/dt><dd[^>]*>(.*?)<\/dd>/gis, R = /<(\/?)(article|footer|section)/gi, A = /(src|href)="([^"]+)"/gi, v = /(<li[^>]*)>\s*<div([^>]*>)|<\/div>(<\/li>)/gi, G = /(<li[^>]+data-name="([^"]+)[^>]+>)(\s*<(ul|ol|div)[^>]+>)/gis, X = /(<[^>]+class="[^"]*\bnumberedLegalP\b[^>]+>\s*)(\d+\.)(.*?)(?=<\/?(ul|ol|div)|$)/gis, E = "https://lovdata.no/", T = {
+import { attr } from "../utils.js";
+const REGEX_ID = /<[^>]+\bid="([^"]+)[^>]+>/gi;
+const REGEX_FORORDNING = /\([^)]{1,4}\).{1,9}\d+\/\d+/i;
+const REGEX_HEADING = /<(h\d|[^>]+role="heading")[^>]*>(.*?)<\/?(h\d|br|div)/i;
+const REGEX_KAPITTEL_LEDD = /kapittel-\d+-ledd-\d+/;
+const REGEX_STRIP_BUTTONS = /<button[^>]+>.*?<\/button>/g;
+const REGEX_STRIP_POINTER = /►m\d+/i;
+const REGEX_STRIP_TAGS = /<[^>]+>/g;
+const REGEX_META = /<dt([^>]*class="([^"]+)")?[^>]*>(.*?)<\/dt><dd[^>]*>(.*?)<\/dd>/gis;
+const REGEX_FIX_TAGS = /<(\/?)(article|footer|section)/gi;
+const REGEX_FIX_BASEURL = /(src|href)="([^"]+)"/gi;
+const REGEX_FIX_LISTS = /(<li[^>]*)>\s*<div([^>]*>)|<\/div>(<\/li>)/gi;
+const REGEX_FIX_SPAN_ID = /(<li[^>]+data-name="([^"]+)[^>]+>)(\s*<(ul|ol|div)[^>]+>)/gis;
+const REGEX_FIX_NUMBEREDLEGALP = /(<[^>]+class="[^"]*\bnumberedLegalP\b[^>]+>\s*)(\d+\.)(.*?)(?=<\/?(ul|ol|div)|$)/gis;
+const BASE_URL = "https://lovdata.no/";
+const META_DEFAULT = {
   legacyid: { label: "Datokode", value: "" },
   titleshort: { label: "Korttittel", value: "" },
   title: { label: "Tittel", value: "" },
   url: { label: "Url", value: "" }
-}, y = (s, t) => t?.querySelectorAll("button").forEach((n) => {
-  g(n, "aria-checked", `${s.includes(n.value) || !1}`);
-}), w = (s, t) => {
-  const n = k(t);
-  return s.map((e) => S(e, n)).filter((e) => !!e);
-}, F = (s) => {
-  const t = s.slice(0, s.indexOf("</dl>")), n = { ...T };
-  for (const e of t.matchAll(L)) {
-    const a = e[2].replace(/-/g, "").toLowerCase();
-    n[a] = { label: e[3], value: e[4] };
+};
+const toIdArray = (ids) => Array.from(
+  Array.isArray(ids) ? ids : [ids],
+  (id) => id instanceof HTMLButtonElement ? id.value : id
+);
+const getLawChecked = (lawElement) => Array.from(
+  lawElement?.querySelectorAll(`button[aria-checked="true"]`) || [],
+  (btn) => btn.value
+);
+const toggleLawChecked = (ids, lawElement) => {
+  const idArray = toIdArray(ids);
+  lawElement?.querySelectorAll(`button`).forEach((btn) => {
+    if (idArray.includes(btn.value))
+      attr(btn, "aria-checked", `${attr(btn, "aria-checked") !== "true"}`);
+  });
+};
+const setLawChecked = (ids, lawElement) => {
+  const idArray = toIdArray(ids);
+  lawElement?.querySelectorAll("button").forEach((btn) => {
+    attr(btn, "aria-checked", `${idArray.includes(btn.value) || false}`);
+  });
+};
+const parseLawIds = (ids, lawHtml) => {
+  const html = fixLawHtml(lawHtml);
+  return toIdArray(ids).map((id) => parseLawId(id, html)).filter((unit) => !!unit);
+};
+const parseLawMeta = (lawHtml) => {
+  const html = lawHtml.slice(0, lawHtml.indexOf("</dl>"));
+  const meta = { ...META_DEFAULT };
+  for (const m of html.matchAll(REGEX_META)) {
+    const key = m[2].replace(/-/g, "").toLowerCase();
+    meta[key] = { label: m[3], value: m[4] };
   }
-  return n;
-}, k = (s) => s.includes("<main") ? (s.split(/<\/?main[^>]*>/)[1] || "").replace(R, "<$1div").replace(v, "$1$2$3").replace(A, (t, n, e) => `${n}="${e.includes(":") ? "" : E}${e}" ${n === "href" ? 'rel="noopener noreferrer" target="_blank"' : ""}`).replace(X, (t, n, e, a) => `${n}<span class="data-originalId">${e}</span><div class="legalP" id="${i("id", n)}-ledd-0">${a}</div>`).replace(G, (t, n, e, a) => `${n}<span class="data-originalId">${e}</span>${a}`).replace($, (t, n, e, a) => {
-  const l = _(t, n, e, a);
-  return `${t}${l ? `<button type="button" role="checkbox" aria-label="${l}" value="${n}"></button>` : ""}`;
-}) : s, S = (s, t) => {
-  const n = x.test(s), e = s.split("-").map(
-    (r, o, d) => o % 2 ? m(d.slice(0, o + 1).join("-"), t, n) : null
-  ).filter((r) => !!r);
-  if (!e.length) return null;
-  const a = e.filter(({ url: r }) => r).pop()?.url || "", l = e.filter(
-    (r) => r.className === "section" && f.test(r.label)
-  ), c = e.slice(e.indexOf(l.pop() || e[0])).map((r) => r.label).join(", ");
-  return { ...e.slice(-1)[0], path: e, label: c, url: a };
-}, m = (s, t, n) => {
-  const e = t.lastIndexOf("<", t.indexOf(` id="${s}"`)), a = t.slice(e, t.indexOf(">", e) + 1), l = i("class", a), c = i("data-lovdata-url", a), r = _(a, s, e, t);
+  return meta;
+};
+const fixLawHtml = (lawHtml) => {
+  if (!lawHtml.includes("<main")) return lawHtml;
+  return (lawHtml.split(/<\/?main[^>]*>/)[1] || "").replace(REGEX_FIX_TAGS, "<$1div").replace(REGEX_FIX_LISTS, "$1$2$3").replace(REGEX_FIX_BASEURL, (_, attr2, url) => {
+    return `${attr2}="${url.includes(":") ? "" : BASE_URL}${url}" ${attr2 === "href" ? 'rel="noopener noreferrer" target="_blank"' : ""}`;
+  }).replace(REGEX_FIX_NUMBEREDLEGALP, (_, tag, id, ledd) => {
+    return `${tag}<span class="data-originalId">${id}</span><div class="legalP" id="${getAttr("id", tag)}-ledd-0">${ledd}</div>`;
+  }).replace(REGEX_FIX_SPAN_ID, (_, tag, id, child) => {
+    return `${tag}<span class="data-originalId">${id}</span>${child}`;
+  }).replace(REGEX_ID, (tag, id, idx, html) => {
+    const label = getLabel(tag, id, idx, html);
+    return `${tag}${label ? `<button type="button" role="checkbox" aria-label="${label}" value="${id}"></button>` : ""}`;
+  });
+};
+const parseLawId = (id, html) => {
+  const isKapitellLedd = REGEX_KAPITTEL_LEDD.test(id);
+  const path = id.split("-").map(
+    (_, i, all) => i % 2 ? parseLawItem(all.slice(0, i + 1).join("-"), html, isKapitellLedd) : null
+  ).filter((unit) => !!unit);
+  if (!path.length) return null;
+  const url = path.filter(({ url: url2 }) => url2).pop()?.url || "";
+  const forordninger = path.filter(
+    (u) => u.className === "section" && REGEX_FORORDNING.test(u.label)
+  );
+  const label = path.slice(path.indexOf(forordninger.pop() || path[0])).map((u) => u.label).join(", ");
+  return { ...path.slice(-1)[0], path, label, url };
+};
+const parseLawItem = (id, html, isKapitellLedd) => {
+  const idx = html.lastIndexOf("<", html.indexOf(` id="${id}"`));
+  const tag = html.slice(idx, html.indexOf(">", idx) + 1);
+  const className = getAttr("class", tag);
+  const url = getAttr("data-lovdata-url", tag);
+  const label = getLabel(tag, id, idx, html);
   return {
-    id: s,
-    className: l,
-    html: P(s, t),
-    url: c ? `${E}${c}` : "",
-    label: !n && l === "section" && r?.match(f)?.[0] || r
+    id,
+    className,
+    html: getOuterHTML(id, html),
+    url: url ? `${BASE_URL}${url}` : "",
+    label: !isKapitellLedd && className === "section" && label?.match(REGEX_FORORDNING)?.[0] || label
   };
-}, i = (s, t) => {
-  const n = ` ${s.toLowerCase()}="`, e = t.toLowerCase().indexOf(n), a = e + n.length;
-  return e === -1 ? "" : t.slice(a, t.indexOf('"', a));
-}, P = (s, t) => {
-  const n = t.lastIndexOf("<", t.indexOf(` id="${s}"`)), e = t.length;
-  let a = n + 1, l = 0;
-  for (; a && a < e; )
-    if (a = t.indexOf("<", a) + 1, t[a] !== "/") l++;
-    else if (--l < 0) break;
-  const c = t.indexOf(">", a) + 1;
-  return a ? t.slice(n, c).replace(I, "") : "";
-}, _ = (s, t, n, e) => N[i("class", s)]?.(s, t, n, e) || "", N = {
-  numberedLegalP: (s) => `nr. ${i("data-numerator", s)}.`,
-  section: (s, t, n, e) => e.slice(n).match(b)?.[2]?.replace(p, "")?.replace(O, "").trim() || "",
-  legalArticle: (s, t, n, e) => {
-    const a = e.indexOf(">", e.indexOf("legalArticleValue", n));
-    return e.slice(a + 1, e.indexOf("</span>", a)).replace(p, "").replace("Artikkel", "artikkel");
+};
+const getAttr = (attr2, html) => {
+  const query = ` ${attr2.toLowerCase()}="`;
+  const idx = html.toLowerCase().indexOf(query);
+  const start = idx + query.length;
+  return idx === -1 ? "" : html.slice(start, html.indexOf('"', start));
+};
+const getOuterHTML = (id, html) => {
+  const idx = html.lastIndexOf("<", html.indexOf(` id="${id}"`));
+  const max = html.length;
+  let i = idx + 1;
+  let depth = 0;
+  while (i && i < max) {
+    i = html.indexOf("<", i) + 1;
+    if (html[i] !== "/") depth++;
+    else if (--depth < 0) break;
+  }
+  const end = html.indexOf(">", i) + 1;
+  return i ? html.slice(idx, end).replace(REGEX_STRIP_BUTTONS, "") : "";
+};
+const getLabel = (tag, id, idx, html) => LABELS[getAttr("class", tag)]?.(tag, id, idx, html) || "";
+const LABELS = {
+  numberedLegalP: (tag) => `nr. ${getAttr("data-numerator", tag)}.`,
+  section: (_tag, _id, idx, html) => {
+    const head = html.slice(idx).match(REGEX_HEADING)?.[2];
+    const clean = head?.replace(REGEX_STRIP_TAGS, "");
+    return clean?.replace(REGEX_STRIP_POINTER, "").trim() || "";
+  },
+  legalArticle: (_tag, _id, idx, html) => {
+    const at = html.indexOf(">", html.indexOf("legalArticleValue", idx));
+    const id = html.slice(at + 1, html.indexOf("</span>", at));
+    return id.replace(REGEX_STRIP_TAGS, "").replace("Artikkel", "artikkel");
   },
-  legalP: (s, t) => {
-    const [n, e, a, l] = t.split("-").slice(-4);
-    return `avsnitt ${(a === "nummer" ? 1 : Number(l)) + (n === "nummer" ? 1 : 0)}`;
+  legalP: (_tag, id) => {
+    const [idx, type, _, parent] = id.split("-").reverse();
+    const count = type === "nummer" ? 1 : Number(idx);
+    return `avsnitt ${count + (parent === "nummer" ? 1 : 0)}`;
   },
-  listArticle: (s, t, n, e) => {
-    const a = t.split("-"), l = ` id="${a.slice(0, -2).join("-")}"`, c = e.lastIndexOf(l, n), r = e.slice(e.indexOf("<ol", c), n), o = i("data-name", s) || "-", d = i("type", r) || "-";
-    let u = "punkt";
-    return d === "1" && (u = "tall"), d === "a" && (u = "bokstav"), d === "i" && (u = "romtertall"), `${u} ${o === "-" ? a.pop() : o.replace(p, "")}`;
+  listArticle: (tag, id, idx, html) => {
+    const path = id.split("-");
+    const parentTag = ` id="${path.slice(0, -2).join("-")}"`;
+    const parentIdx = html.lastIndexOf(parentTag, idx);
+    const list = html.slice(html.indexOf("<ol", parentIdx), idx);
+    const name = getAttr("data-name", tag) || "-";
+    const type = getAttr("type", list) || "-";
+    let unit = "punkt";
+    if (type === "1") unit = "tall";
+    if (type === "a") unit = "bokstav";
+    if (type === "i") unit = "romtertall";
+    return `${unit} ${name === "-" ? path.pop() : name.replace(REGEX_STRIP_TAGS, "")}`;
   },
-  marginIdArticle: (s, t, n, e) => {
-    const a = e.indexOf(">", e.indexOf("data-marginOriginalId", n));
-    return `nr. ${e.slice(a + 1, e.indexOf("</span>", a)).replace(p, "")}`;
+  marginIdArticle: (_tag, _id, idx, html) => {
+    const at = html.indexOf(">", html.indexOf("data-marginOriginalId", idx));
+    const id = html.slice(at + 1, html.indexOf("</span>", at));
+    return `nr. ${id.replace(REGEX_STRIP_TAGS, "")}`;
   }
 };
 export {
-  k as fixLawHtml,
-  w as parseLawIds,
-  F as parseLawMeta,
-  y as setLawChecked
+  fixLawHtml,
+  getLawChecked,
+  parseLawIds,
+  parseLawMeta,
+  setLawChecked,
+  toggleLawChecked
 };
 //# sourceMappingURL=law-helper.js.map

package/mtds/law/law-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"law-helper.js","sources":["../../designsystem/law/law-helper.ts"],"sourcesContent":["import { attr } from \"../utils\";\n\n// NOTE: The law format is documentet in https://api.lovdata.no/xmldocs\nconst REGEX_ID = /<[^>]+id=\"([^\"]+)[^>]+>/gi;\nconst REGEX_FORORDNING = /\\([^)]{1,4}\\).{1,9}\\d+\\/\\d+/i; // Match (EU) 2016/2031, (EF) nr. 2020/1054, (EFF) ..., etc.\nconst REGEX_HEADING = /<(h\\d|[^>]+role=\"heading\")[^>]*>(.*?)<\\/?(h\\d|br|div)/i; // Can be both <h1>-<h6> and or <div> with role=\"heading\" if level 7+\nconst REGEX_KAPITTEL_LEDD = /kapittel-\\d+-ledd-\\d+/;\nconst REGEX_STRIP_BUTTONS = /<button[^>]+>.*?<\\/button>/g;\nconst REGEX_STRIP_POINTER = /►m\\d+/i;\nconst REGEX_STRIP_TAGS = /<[^>]+>/g;\nconst REGEX_META =\n\t/<dt([^>]*class=\"([^\"]+)\")?[^>]*>(.*?)<\\/dt><dd[^>]*>(.*?)<\\/dd>/gis;\n\nconst REGEX_FIX_TAGS = /<(\\/?)(article|footer|section)/gi;\nconst REGEX_FIX_BASEURL = /(src|href)=\"([^\"]+)\"/gi;\nconst REGEX_FIX_LISTS = /(<li[^>]*)>\\s*<div([^>]*>)|<\\/div>(<\\/li>)/gi;\nconst REGEX_FIX_SPAN_ID =\n\t/(<li[^>]+data-name=\"([^\"]+)[^>]+>)(\\s*<(ul|ol|div)[^>]+>)/gis; // Only create span if no span exists\nconst REGEX_FIX_NUMBEREDLEGALP =\n\t/(<[^>]+class=\"[^\"]*\\bnumberedLegalP\\b[^>]+>\\s*)(\\d+\\.)(.*?)(?=<\\/?(ul|ol|div)|$)/gis;\n\nconst BASE_URL = \"https://lovdata.no/\";\nconst META_DEFAULT: Record<\n\t\"legacyid\" | \"title\" | \"titleshort\" | \"url\" | (string & {}), // Ensure title and titleShort are always present\n\t{ label: string; value: string }\n> = {\n\tlegacyid: { label: \"Datokode\", value: \"\" },\n\ttitleshort: { label: \"Korttittel\", value: \"\" },\n\ttitle: { label: \"Tittel\", value: \"\" },\n\turl: { label: \"Url\", value: \"\" },\n};\n\nexport const setLawChecked = (\n\tchecked: string[],\n\tlawElement?: HTMLElement | null,\n) =>\n\tlawElement?.querySelectorAll(\"button\").forEach((btn) => {\n\t\tattr(btn, \"aria-checked\", `${checked.includes(btn.value) || false}`);\n\t});\n\nexport const parseLawIds = (ids: string[], lawHtml: string) => {\n\tconst html = fixLawHtml(lawHtml);\n\treturn ids.map((id) => parseLawId(id, html)).filter((unit) => !!unit);\n};\n\nexport const parseLawMeta = (lawHtml: string) => {\n\tconst html = lawHtml.slice(0, lawHtml.indexOf(\"</dl>\"));\n\tconst meta = { ...META_DEFAULT };\n\tfor (const m of html.matchAll(REGEX_META)) {\n\t\tconst key = m[2].replace(/-/g, \"\").toLowerCase();\n\t\tmeta[key] = { label: m[3], value: m[4] };\n\t}\n\treturn meta;\n};\n\nexport const fixLawHtml = (lawHtml: string) => {\n\tif (!lawHtml.includes(\"<main\")) return lawHtml; // Already rendered\n\treturn (lawHtml.split(/<\\/?main[^>]*>/)[1] || \"\") // Only need content in <main>\n\t\t.replace(REGEX_FIX_TAGS, \"<$1div\") // Better for accessibility, must run before other REGEX_FIX\n\t\t.replace(REGEX_FIX_LISTS, \"$1$2$3\") // Merge <li> with inner <div> to reduce unnecessary elements\n\t\t.replace(REGEX_FIX_BASEURL, (_, attr, url) => {\n\t\t\treturn `${attr}=\"${url.includes(\":\") ? \"\" : BASE_URL}${url}\" ${attr === \"href\" ? 'rel=\"noopener noreferrer\" target=\"_blank\"' : \"\"}`;\n\t\t})\n\t\t.replace(REGEX_FIX_NUMBEREDLEGALP, (_, tag, id, ledd) => {\n\t\t\treturn `${tag}<span class=\"data-originalId\">${id}</span><div class=\"legalP\" id=\"${getAttr(\"id\", tag)}-ledd-0\">${ledd}</div>`;\n\t\t})\n\t\t.replace(REGEX_FIX_SPAN_ID, (_, tag, id, child) => {\n\t\t\treturn `${tag}<span class=\"data-originalId\">${id}</span>${child}`;\n\t\t})\n\t\t.replace(REGEX_ID, (tag, id, idx, html) => {\n\t\t\tconst label = getLabel(tag, id, idx, html);\n\t\t\treturn `${tag}${label ? `<button type=\"button\" role=\"checkbox\" aria-label=\"${label}\" value=\"${id}\"></button>` : \"\"}`;\n\t\t});\n};\n\nconst parseLawId = (id: string, html: string) => {\n\tconst isKapitellLedd = REGEX_KAPITTEL_LEDD.test(id);\n\tconst path = id\n\t\t.split(\"-\")\n\t\t.map((_, i, all) =>\n\t\t\ti % 2\n\t\t\t\t? parseLawItem(all.slice(0, i + 1).join(\"-\"), html, isKapitellLedd)\n\t\t\t\t: null,\n\t\t)\n\t\t.filter((unit) => !!unit);\n\n\tif (!path.length) return null;\n\tconst url = path.filter(({ url }) => url).pop()?.url || \"\"; // The closest units item might not have an URL, so we provide the last found URL\n\tconst forordninger = path.filter(\n\t\t(u) => u.className === \"section\" && REGEX_FORORDNING.test(u.label),\n\t);\n\tconst label = path\n\t\t.slice(path.indexOf(forordninger.pop() || path[0]))\n\t\t.map((u) => u.label)\n\t\t.join(\", \");\n\n\treturn { ...path.slice(-1)[0], path, label, url };\n};\n\nconst parseLawItem = (id: string, html: string, isKapitellLedd: boolean) => {\n\tconst idx = html.lastIndexOf(\"<\", html.indexOf(` id=\"${id}\"`));\n\tconst tag = html.slice(idx, html.indexOf(\">\", idx) + 1);\n\tconst className = getAttr(\"class\", tag);\n\tconst url = getAttr(\"data-lovdata-url\", tag);\n\tconst label = getLabel(tag, id, idx, html);\n\n\treturn {\n\t\tid,\n\t\tclassName,\n\t\thtml: getOuterHTML(id, html),\n\t\turl: url ? `${BASE_URL}${url}` : \"\",\n\t\tlabel:\n\t\t\t(!isKapitellLedd &&\n\t\t\t\tclassName === \"section\" &&\n\t\t\t\tlabel?.match(REGEX_FORORDNING)?.[0]) ||\n\t\t\tlabel,\n\t};\n};\n\nconst getAttr = (attr: string, html: string) => {\n\tconst query = ` ${attr.toLowerCase()}=\"`;\n\tconst idx = html.toLowerCase().indexOf(query); // Need to lowercase to sanitize html variations\n\tconst start = idx + query.length;\n\treturn idx === -1 ? \"\" : html.slice(start, html.indexOf('\"', start)); // Using slice for performance\n};\n\nconst getOuterHTML = (id: string, html: string) => {\n\tconst idx = html.lastIndexOf(\"<\", html.indexOf(` id=\"${id}\"`));\n\tconst max = html.length;\n\tlet i = idx + 1; // Using + 1 to get 0 if not found, and to ensure we start searching inside element\n\tlet depth = 0;\n\n\twhile (i && i < max) {\n\t\ti = html.indexOf(\"<\", i) + 1;\n\t\tif (html[i] !== \"/\") depth++;\n\t\telse if (--depth < 0) break;\n\t}\n\tconst end = html.indexOf(\">\", i) + 1;\n\treturn i ? html.slice(idx, end).replace(REGEX_STRIP_BUTTONS, \"\") : \"\";\n};\n\nconst getLabel = (tag: string, id: string, idx: number, html: string): string =>\n\tLABELS[getAttr(\"class\", tag)]?.(tag, id, idx, html) || \"\";\n\nconst LABELS: Record<string, typeof getLabel> = {\n\tnumberedLegalP: (tag) => `nr. ${getAttr(\"data-numerator\", tag)}.`,\n\tsection: (_tag, _id, idx, html) => {\n\t\tconst head = html.slice(idx).match(REGEX_HEADING)?.[2];\n\t\tconst clean = head?.replace(REGEX_STRIP_TAGS, \"\");\n\t\treturn clean?.replace(REGEX_STRIP_POINTER, \"\").trim() || \"\";\n\t},\n\tlegalArticle: (_tag, _id, idx, html) => {\n\t\tconst at = html.indexOf(\">\", html.indexOf(\"legalArticleValue\", idx));\n\t\tconst id = html.slice(at + 1, html.indexOf(\"</span>\", at)); // .legalArticleValue is always a <span>\n\t\treturn id.replace(REGEX_STRIP_TAGS, \"\").replace(\"Artikkel\", \"artikkel\");\n\t},\n\tlegalP: (_tag, id) => {\n\t\tconst [parent, _, type, idx] = id.split(\"-\").slice(-4); // If placed inside numberedLegalP, parent is \"nummer\"\n\t\tconst count = type === \"nummer\" ? 1 : Number(idx); // If \"fake\" ledd 1 created by fixNumberedLegalP, type is \"number\"\n\t\treturn `avsnitt ${count + (parent === \"nummer\" ? 1 : 0)}`; // Adjust for numberedLegalP creating fake legalP starting at 1\n\t},\n\tlistArticle: (tag, id, idx, html) => {\n\t\tconst path = id.split(\"-\");\n\t\tconst parentTag = ` id=\"${path.slice(0, -2).join(\"-\")}\"`; // Since lists can be nested, we need to find parent law unit to get correct list\n\t\tconst parentIdx = html.lastIndexOf(parentTag, idx);\n\t\tconst list = html.slice(html.indexOf(\"<ol\", parentIdx), idx); // Find first <ol> after parent element opening tag\n\t\tconst name = getAttr(\"data-name\", tag) || \"-\"; // Name can be empty or dash so allways fallback to dash\n\t\tconst type = getAttr(\"type\", list) || \"-\";\n\n\t\tlet unit = \"punkt\";\n\t\tif (type === \"1\") unit = \"tall\";\n\t\tif (type === \"a\") unit = \"bokstav\";\n\t\tif (type === \"i\") unit = \"romtertall\";\n\t\treturn `${unit} ${name === \"-\" ? path.pop() : name.replace(REGEX_STRIP_TAGS, \"\")}`;\n\t},\n\tmarginIdArticle: (_tag, _id, idx, html) => {\n\t\tconst at = html.indexOf(\">\", html.indexOf(\"data-marginOriginalId\", idx));\n\t\tconst id = html.slice(at + 1, html.indexOf(\"</span>\", at));\n\t\treturn `nr. ${id.replace(REGEX_STRIP_TAGS, \"\")}`;\n\t},\n};\n"],"names":["REGEX_ID","REGEX_FORORDNING","REGEX_HEADING","REGEX_KAPITTEL_LEDD","REGEX_STRIP_BUTTONS","REGEX_STRIP_POINTER","REGEX_STRIP_TAGS","REGEX_META","REGEX_FIX_TAGS","REGEX_FIX_BASEURL","REGEX_FIX_LISTS","REGEX_FIX_SPAN_ID","REGEX_FIX_NUMBEREDLEGALP","BASE_URL","META_DEFAULT","setLawChecked","checked","lawElement","btn","attr","parseLawIds","ids","lawHtml","html","fixLawHtml","id","parseLawId","unit","parseLawMeta","meta","m","key","_","url","tag","ledd","getAttr","child","idx","label","getLabel","isKapitellLedd","path","i","all","parseLawItem","forordninger","u","className","getOuterHTML","query","start","max","depth","end","LABELS","_tag","_id","at","parent","type","parentTag","parentIdx","list","name"],"mappings":"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"}
+{"version":3,"file":"law-helper.js","sources":["../../designsystem/law/law-helper.ts"],"sourcesContent":["import { attr } from \"../utils\";\n\n// NOTE: The law format is documentet in https://api.lovdata.no/xmldocs\nconst REGEX_ID = /<[^>]+\\bid=\"([^\"]+)[^>]+>/gi;\nconst REGEX_FORORDNING = /\\([^)]{1,4}\\).{1,9}\\d+\\/\\d+/i; // Match (EU) 2016/2031, (EF) nr. 2020/1054, (EFF) ..., etc.\nconst REGEX_HEADING = /<(h\\d|[^>]+role=\"heading\")[^>]*>(.*?)<\\/?(h\\d|br|div)/i; // Can be both <h1>-<h6> and or <div> with role=\"heading\" if level 7+\nconst REGEX_KAPITTEL_LEDD = /kapittel-\\d+-ledd-\\d+/;\nconst REGEX_STRIP_BUTTONS = /<button[^>]+>.*?<\\/button>/g;\nconst REGEX_STRIP_POINTER = /►m\\d+/i;\nconst REGEX_STRIP_TAGS = /<[^>]+>/g;\nconst REGEX_META =\n\t/<dt([^>]*class=\"([^\"]+)\")?[^>]*>(.*?)<\\/dt><dd[^>]*>(.*?)<\\/dd>/gis;\n\nconst REGEX_FIX_TAGS = /<(\\/?)(article|footer|section)/gi;\nconst REGEX_FIX_BASEURL = /(src|href)=\"([^\"]+)\"/gi;\nconst REGEX_FIX_LISTS = /(<li[^>]*)>\\s*<div([^>]*>)|<\\/div>(<\\/li>)/gi;\nconst REGEX_FIX_SPAN_ID =\n\t/(<li[^>]+data-name=\"([^\"]+)[^>]+>)(\\s*<(ul|ol|div)[^>]+>)/gis; // Only create span if no span exists\nconst REGEX_FIX_NUMBEREDLEGALP =\n\t/(<[^>]+class=\"[^\"]*\\bnumberedLegalP\\b[^>]+>\\s*)(\\d+\\.)(.*?)(?=<\\/?(ul|ol|div)|$)/gis;\n\nconst BASE_URL = \"https://lovdata.no/\";\nconst META_DEFAULT: Record<\n\t\"legacyid\" | \"title\" | \"titleshort\" | \"url\" | (string & {}), // Ensure title and titleShort are always present\n\t{ label: string; value: string }\n> = {\n\tlegacyid: { label: \"Datokode\", value: \"\" },\n\ttitleshort: { label: \"Korttittel\", value: \"\" },\n\ttitle: { label: \"Tittel\", value: \"\" },\n\turl: { label: \"Url\", value: \"\" },\n};\n\ntype Ids = string | string[] | HTMLButtonElement | HTMLButtonElement[];\nconst toIdArray = (ids: Ids): string[] =>\n\tArray.from(Array.isArray(ids) ? ids : [ids], (id) =>\n\t\tid instanceof HTMLButtonElement ? id.value : id,\n\t);\n\nexport const getLawChecked = (lawElement?: HTMLElement | null) =>\n\tArray.from(\n\t\tlawElement?.querySelectorAll(`button[aria-checked=\"true\"]`) || [],\n\t\t(btn) => (btn as HTMLButtonElement).value,\n\t);\n\nexport const toggleLawChecked = (ids: Ids, lawElement?: HTMLElement | null) => {\n\tconst idArray = toIdArray(ids);\n\tlawElement?.querySelectorAll(`button`).forEach((btn) => {\n\t\tif (idArray.includes(btn.value))\n\t\t\tattr(btn, \"aria-checked\", `${attr(btn, \"aria-checked\") !== \"true\"}`);\n\t});\n};\n\nexport const setLawChecked = (ids: Ids, lawElement?: HTMLElement | null) => {\n\tconst idArray = toIdArray(ids);\n\tlawElement?.querySelectorAll(\"button\").forEach((btn) => {\n\t\tattr(btn, \"aria-checked\", `${idArray.includes(btn.value) || false}`);\n\t});\n};\n\nexport const parseLawIds = (ids: string | string[], lawHtml: string) => {\n\tconst html = fixLawHtml(lawHtml);\n\treturn toIdArray(ids)\n\t\t.map((id) => parseLawId(id, html))\n\t\t.filter((unit) => !!unit);\n};\n\nexport const parseLawMeta = (lawHtml: string) => {\n\tconst html = lawHtml.slice(0, lawHtml.indexOf(\"</dl>\"));\n\tconst meta = { ...META_DEFAULT };\n\tfor (const m of html.matchAll(REGEX_META)) {\n\t\tconst key = m[2].replace(/-/g, \"\").toLowerCase();\n\t\tmeta[key] = { label: m[3], value: m[4] };\n\t}\n\treturn meta;\n};\n\nexport const fixLawHtml = (lawHtml: string) => {\n\tif (!lawHtml.includes(\"<main\")) return lawHtml; // Already rendered\n\treturn (lawHtml.split(/<\\/?main[^>]*>/)[1] || \"\") // Only need content in <main>\n\t\t.replace(REGEX_FIX_TAGS, \"<$1div\") // Better for accessibility, must run before other REGEX_FIX\n\t\t.replace(REGEX_FIX_LISTS, \"$1$2$3\") // Merge <li> with inner <div> to reduce unnecessary elements\n\t\t.replace(REGEX_FIX_BASEURL, (_, attr, url) => {\n\t\t\treturn `${attr}=\"${url.includes(\":\") ? \"\" : BASE_URL}${url}\" ${attr === \"href\" ? 'rel=\"noopener noreferrer\" target=\"_blank\"' : \"\"}`;\n\t\t})\n\t\t.replace(REGEX_FIX_NUMBEREDLEGALP, (_, tag, id, ledd) => {\n\t\t\treturn `${tag}<span class=\"data-originalId\">${id}</span><div class=\"legalP\" id=\"${getAttr(\"id\", tag)}-ledd-0\">${ledd}</div>`;\n\t\t})\n\t\t.replace(REGEX_FIX_SPAN_ID, (_, tag, id, child) => {\n\t\t\treturn `${tag}<span class=\"data-originalId\">${id}</span>${child}`;\n\t\t})\n\t\t.replace(REGEX_ID, (tag, id, idx, html) => {\n\t\t\tconst label = getLabel(tag, id, idx, html);\n\t\t\treturn `${tag}${label ? `<button type=\"button\" role=\"checkbox\" aria-label=\"${label}\" value=\"${id}\"></button>` : \"\"}`;\n\t\t});\n};\n\nconst parseLawId = (id: string, html: string) => {\n\tconst isKapitellLedd = REGEX_KAPITTEL_LEDD.test(id);\n\tconst path = id\n\t\t.split(\"-\")\n\t\t.map((_, i, all) =>\n\t\t\ti % 2\n\t\t\t\t? parseLawItem(all.slice(0, i + 1).join(\"-\"), html, isKapitellLedd)\n\t\t\t\t: null,\n\t\t)\n\t\t.filter((unit) => !!unit);\n\n\tif (!path.length) return null;\n\tconst url = path.filter(({ url }) => url).pop()?.url || \"\"; // The closest units item might not have an URL, so we provide the last found URL\n\tconst forordninger = path.filter(\n\t\t(u) => u.className === \"section\" && REGEX_FORORDNING.test(u.label),\n\t);\n\tconst label = path\n\t\t.slice(path.indexOf(forordninger.pop() || path[0]))\n\t\t.map((u) => u.label)\n\t\t.join(\", \");\n\n\treturn { ...path.slice(-1)[0], path, label, url };\n};\n\nconst parseLawItem = (id: string, html: string, isKapitellLedd: boolean) => {\n\tconst idx = html.lastIndexOf(\"<\", html.indexOf(` id=\"${id}\"`));\n\tconst tag = html.slice(idx, html.indexOf(\">\", idx) + 1);\n\tconst className = getAttr(\"class\", tag);\n\tconst url = getAttr(\"data-lovdata-url\", tag);\n\tconst label = getLabel(tag, id, idx, html);\n\n\treturn {\n\t\tid,\n\t\tclassName,\n\t\thtml: getOuterHTML(id, html),\n\t\turl: url ? `${BASE_URL}${url}` : \"\",\n\t\tlabel:\n\t\t\t(!isKapitellLedd &&\n\t\t\t\tclassName === \"section\" &&\n\t\t\t\tlabel?.match(REGEX_FORORDNING)?.[0]) ||\n\t\t\tlabel,\n\t};\n};\n\nconst getAttr = (attr: string, html: string) => {\n\tconst query = ` ${attr.toLowerCase()}=\"`;\n\tconst idx = html.toLowerCase().indexOf(query); // Need to lowercase to sanitize html variations\n\tconst start = idx + query.length;\n\treturn idx === -1 ? \"\" : html.slice(start, html.indexOf('\"', start)); // Using slice for performance\n};\n\nconst getOuterHTML = (id: string, html: string) => {\n\tconst idx = html.lastIndexOf(\"<\", html.indexOf(` id=\"${id}\"`));\n\tconst max = html.length;\n\tlet i = idx + 1; // Using + 1 to get 0 if not found, and to ensure we start searching inside element\n\tlet depth = 0;\n\n\twhile (i && i < max) {\n\t\ti = html.indexOf(\"<\", i) + 1;\n\t\tif (html[i] !== \"/\") depth++;\n\t\telse if (--depth < 0) break;\n\t}\n\tconst end = html.indexOf(\">\", i) + 1;\n\treturn i ? html.slice(idx, end).replace(REGEX_STRIP_BUTTONS, \"\") : \"\";\n};\n\nconst getLabel = (tag: string, id: string, idx: number, html: string): string =>\n\tLABELS[getAttr(\"class\", tag)]?.(tag, id, idx, html) || \"\";\n\nconst LABELS: Record<string, typeof getLabel> = {\n\tnumberedLegalP: (tag) => `nr. ${getAttr(\"data-numerator\", tag)}.`,\n\tsection: (_tag, _id, idx, html) => {\n\t\tconst head = html.slice(idx).match(REGEX_HEADING)?.[2];\n\t\tconst clean = head?.replace(REGEX_STRIP_TAGS, \"\");\n\t\treturn clean?.replace(REGEX_STRIP_POINTER, \"\").trim() || \"\";\n\t},\n\tlegalArticle: (_tag, _id, idx, html) => {\n\t\tconst at = html.indexOf(\">\", html.indexOf(\"legalArticleValue\", idx));\n\t\tconst id = html.slice(at + 1, html.indexOf(\"</span>\", at)); // .legalArticleValue is always a <span>\n\t\treturn id.replace(REGEX_STRIP_TAGS, \"\").replace(\"Artikkel\", \"artikkel\");\n\t},\n\tlegalP: (_tag, id) => {\n\t\tconst [idx, type, _, parent] = id.split(\"-\").reverse(); // If placed inside numberedLegalP, parent is \"nummer\"\n\t\tconst count = type === \"nummer\" ? 1 : Number(idx); // If \"fake\" ledd 1 created by fixNumberedLegalP, type is \"number\"\n\t\treturn `avsnitt ${count + (parent === \"nummer\" ? 1 : 0)}`; // Adjust for numberedLegalP creating fake legalP starting at 1\n\t},\n\tlistArticle: (tag, id, idx, html) => {\n\t\tconst path = id.split(\"-\");\n\t\tconst parentTag = ` id=\"${path.slice(0, -2).join(\"-\")}\"`; // Since lists can be nested, we need to find parent law unit to get correct list\n\t\tconst parentIdx = html.lastIndexOf(parentTag, idx);\n\t\tconst list = html.slice(html.indexOf(\"<ol\", parentIdx), idx); // Find first <ol> after parent element opening tag\n\t\tconst name = getAttr(\"data-name\", tag) || \"-\"; // Name can be empty or dash so allways fallback to dash\n\t\tconst type = getAttr(\"type\", list) || \"-\";\n\n\t\tlet unit = \"punkt\";\n\t\tif (type === \"1\") unit = \"tall\";\n\t\tif (type === \"a\") unit = \"bokstav\";\n\t\tif (type === \"i\") unit = \"romtertall\";\n\t\treturn `${unit} ${name === \"-\" ? path.pop() : name.replace(REGEX_STRIP_TAGS, \"\")}`;\n\t},\n\tmarginIdArticle: (_tag, _id, idx, html) => {\n\t\tconst at = html.indexOf(\">\", html.indexOf(\"data-marginOriginalId\", idx));\n\t\tconst id = html.slice(at + 1, html.indexOf(\"</span>\", at));\n\t\treturn `nr. ${id.replace(REGEX_STRIP_TAGS, \"\")}`;\n\t},\n};\n"],"names":["attr","url"],"mappings":"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"}

package/mtds/law/law.d.ts

@@ -1,2 +1,6 @@
-export type LawProps = React.ComponentPropsWithoutRef<"div">;
-export declare const Law: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type LawProps = React.ComponentPropsWithoutRef<"div"> & {
+    "data-variant"?: "view" | "readonly";
+};
+export declare const Law: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    "data-variant"?: "view" | "readonly";
+} & import('react').RefAttributes<HTMLDivElement>>;

package/mtds/law/law.js

@@ -1,10 +1,10 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import s from "../styles.module.css.js";
-const l = m(function({ className: e, ...r }, o) {
-  return /* @__PURE__ */ a("div", { className: s.law, ref: o, ...r });
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import styles from "../styles.module.css.js";
+const Law = forwardRef(function Law2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx("div", { className: styles.law, ref, ...rest });
 });
 export {
-  l as Law
+  Law
 };
 //# sourceMappingURL=law.js.map

package/mtds/law/law.js.map

@@ -1 +1 @@
-{"version":3,"file":"law.js","sources":["../../designsystem/law/law.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type LawProps = React.ComponentPropsWithoutRef<\"div\">;\n\nexport const Law = forwardRef<HTMLDivElement, LawProps>(function Law(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn <div className={styles.law} ref={ref} {...rest} />;\n});\n"],"names":["Law","forwardRef","className","rest","ref","styles"],"mappings":";;;AAKO,MAAMA,IAAMC,EAAqC,SACvD,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAChBC,GACC;AACD,2BAAQ,OAAA,EAAI,WAAWC,EAAO,KAAK,KAAAD,GAAW,GAAGD,GAAM;AACxD,CAAC;"}
+{"version":3,"file":"law.js","sources":["../../designsystem/law/law.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type LawProps = React.ComponentPropsWithoutRef<\"div\"> & {\n\t\"data-variant\"?: \"view\" | \"readonly\";\n};\n\nexport const Law = forwardRef<HTMLDivElement, LawProps>(function Law(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn <div className={styles.law} ref={ref} {...rest} />;\n});\n"],"names":["Law"],"mappings":";;;AAOO,MAAM,MAAM,WAAqC,SAASA,KAChE,EAAE,WAAW,GAAG,KAAA,GAChB,KACC;AACD,6BAAQ,OAAA,EAAI,WAAW,OAAO,KAAK,KAAW,GAAG,MAAM;AACxD,CAAC;"}

package/mtds/law/law.stories.d.ts

@@ -14,3 +14,4 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const React: Story;
 export declare const VariantView: Story;
+export declare const VariantReadOnly: Story;

package/mtds/layout/layout.js

@@ -1,14 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
-import e from "clsx";
-import { forwardRef as m } from "react";
-import n from "../styles.module.css.js";
-const g = m(function({ as: r, className: o, ...t }, s) {
-  return /* @__PURE__ */ i(r || "div", { className: e(n.flex, o), ref: s, ...t });
-}), p = m(function({ as: r, className: o, ...t }, s) {
-  return /* @__PURE__ */ i(r || "div", { className: e(n.grid, o), ref: s, ...t });
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import styles from "../styles.module.css.js";
+const Flex = forwardRef(function Flex2({ as, className, ...rest }, ref) {
+  const Tag = as || "div";
+  return /* @__PURE__ */ jsx(Tag, { className: clsx(styles.flex, className), ref, ...rest });
+});
+const Grid = forwardRef(function Grid2({ as, className, ...rest }, ref) {
+  const Tag = as || "div";
+  return /* @__PURE__ */ jsx(Tag, { className: clsx(styles.grid, className), ref, ...rest });
 });
 export {
-  g as Flex,
-  p as Grid
+  Flex,
+  Grid
 };
 //# sourceMappingURL=layout.js.map

package/mtds/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../designsystem/layout/layout.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n\tSizes,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype GapOld = \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\ntype SharedProps = {\n\t\"data-align\"?: \"normal\" | \"stretch\" | \"start\" | \"center\" | \"end\";\n\t\"data-align-content\"?:\n\t\t| \"start\"\n\t\t| \"center\"\n\t\t| \"end\"\n\t\t| \"space-between\"\n\t\t| \"space-around\"\n\t\t| \"space-evenly\";\n\t\"data-center\"?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\t\"data-gap\"?: Sizes | GapOld;\n\t\"data-row-gap\"?: Sizes;\n\t\"data-column-gap\"?: Sizes;\n\t\"data-nowrap\"?: boolean;\n\t\"data-justify\"?:\n\t\t| \"start\"\n\t\t| \"center\"\n\t\t| \"end\"\n\t\t| \"space-between\"\n\t\t| \"space-around\"\n\t\t| \"space-evenly\";\n\t\"data-fixed\"?: boolean;\n\t\"data-items\"?:\n\t\t| \"auto\"\n\t\t| \"full\"\n\t\t| \"50\"\n\t\t| \"100\"\n\t\t| \"150\"\n\t\t| \"200\"\n\t\t| \"250\"\n\t\t| \"300\"\n\t\t| \"350\"\n\t\t| \"400\"\n\t\t| \"450\"\n\t\t| \"500\"\n\t\t| 50\n\t\t| 100\n\t\t| 150\n\t\t| 200\n\t\t| 250\n\t\t| 300\n\t\t| 350\n\t\t| 400\n\t\t| 450\n\t\t| 500;\n};\n\n/**\n * Flex\n */\nexport type FlexProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, SharedProps>;\n\ntype FlexComponent = <As extends React.ElementType = \"div\">(\n\tprops: FlexProps<As>,\n) => JSX.Element;\n\nexport const Flex: FlexComponent = forwardRef<null>(function Flex<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: FlexProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.flex, className)} ref={ref} {...rest} />;\n}) as FlexComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\n/**\n * Grid\n */\nexport type GridProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, SharedProps>;\n\ntype GridComponent = <As extends React.ElementType = \"div\">(\n\tprops: GridProps<As>,\n) => JSX.Element;\n\nexport const Grid: GridComponent = forwardRef<null>(function Grid<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: GridProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.grid, className)} ref={ref} {...rest} />;\n}) as GridComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Flex","forwardRef","as","className","rest","ref","jsx","clsx","styles","Grid"],"mappings":";;;;AAoEO,MAAMA,IAAsBC,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAuBC,GAA0B;AAGtE,SAAO,gBAAAC,EAFKJ,KAAM,OAEV,EAAI,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC1E,CAAC,GAYYK,IAAsBR,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAuBC,GAA0B;AAGtE,SAAO,gBAAAC,EAFKJ,KAAM,OAEV,EAAI,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC1E,CAAC;"}
+{"version":3,"file":"layout.js","sources":["../../designsystem/layout/layout.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n\tSizes,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype GapOld = \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\ntype SharedProps = {\n\t\"data-align\"?: \"normal\" | \"stretch\" | \"start\" | \"center\" | \"end\";\n\t\"data-align-content\"?:\n\t\t| \"start\"\n\t\t| \"center\"\n\t\t| \"end\"\n\t\t| \"space-between\"\n\t\t| \"space-around\"\n\t\t| \"space-evenly\";\n\t\"data-center\"?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\t\"data-gap\"?: Sizes | GapOld;\n\t\"data-row-gap\"?: Sizes;\n\t\"data-column-gap\"?: Sizes;\n\t\"data-nowrap\"?: boolean;\n\t\"data-justify\"?:\n\t\t| \"start\"\n\t\t| \"center\"\n\t\t| \"end\"\n\t\t| \"space-between\"\n\t\t| \"space-around\"\n\t\t| \"space-evenly\";\n\t\"data-fixed\"?: boolean;\n\t\"data-items\"?:\n\t\t| \"auto\"\n\t\t| \"full\"\n\t\t| \"50\"\n\t\t| \"100\"\n\t\t| \"150\"\n\t\t| \"200\"\n\t\t| \"250\"\n\t\t| \"300\"\n\t\t| \"350\"\n\t\t| \"400\"\n\t\t| \"450\"\n\t\t| \"500\"\n\t\t| 50\n\t\t| 100\n\t\t| 150\n\t\t| 200\n\t\t| 250\n\t\t| 300\n\t\t| 350\n\t\t| 400\n\t\t| 450\n\t\t| 500;\n};\n\n/**\n * Flex\n */\nexport type FlexProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, SharedProps>;\n\ntype FlexComponent = <As extends React.ElementType = \"div\">(\n\tprops: FlexProps<As>,\n) => JSX.Element;\n\nexport const Flex: FlexComponent = forwardRef<null>(function Flex<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: FlexProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.flex, className)} ref={ref} {...rest} />;\n}) as FlexComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\n/**\n * Grid\n */\nexport type GridProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, SharedProps>;\n\ntype GridComponent = <As extends React.ElementType = \"div\">(\n\tprops: GridProps<As>,\n) => JSX.Element;\n\nexport const Grid: GridComponent = forwardRef<null>(function Grid<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: GridProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.grid, className)} ref={ref} {...rest} />;\n}) as GridComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Flex","Grid"],"mappings":";;;;AAoEO,MAAM,OAAsB,WAAiB,SAASA,MAE3D,EAAE,IAAI,WAAW,GAAG,KAAA,GAAuB,KAA0B;AACtE,QAAM,MAAM,MAAM;AAElB,SAAO,oBAAC,KAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAG,KAAW,GAAG,KAAA,CAAM;AAC1E,CAAC;AAYM,MAAM,OAAsB,WAAiB,SAASC,MAE3D,EAAE,IAAI,WAAW,GAAG,KAAA,GAAuB,KAA0B;AACtE,QAAM,MAAM,MAAM;AAElB,SAAO,oBAAC,KAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAG,KAAW,GAAG,KAAA,CAAM;AAC1E,CAAC;"}

package/mtds/link/link.js

@@ -1,11 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
-import n from "clsx";
-import { forwardRef as s } from "react";
-import f from "../styles.module.css.js";
-const x = s(function({ as: o, className: r, ...t }, m) {
-  return /* @__PURE__ */ i(o || "a", { className: n(f.link, r), ...t, ref: m });
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import styles from "../styles.module.css.js";
+const Link = forwardRef(function Link2({ as, className, ...rest }, ref) {
+  const Tag = as || "a";
+  return /* @__PURE__ */ jsx(Tag, { className: clsx(styles.link, className), ...rest, ref });
 });
 export {
-  x as Link
+  Link
 };
 //# sourceMappingURL=link.js.map

package/mtds/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../designsystem/link/link.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type LinkProps<As extends React.ElementType = \"a\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype LinkComponent = <As extends React.ElementType = \"a\">(\n\tprops: LinkProps<As>,\n) => React.ReactElement | null;\n\nexport const Link: LinkComponent = forwardRef<null>(function Link<\n\tAs extends React.ElementType = \"a\",\n>({ as, className, ...rest }: LinkProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"a\";\n\treturn <Tag className={clsx(styles.link, className)} {...rest} ref={ref} />;\n}) as LinkComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Link","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAeO,MAAMA,IAAsBC,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAuBC,GAA0B;AAEtE,SAAO,gBAAAC,EADKJ,KAAM,KACV,EAAI,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAI,GAAGC,GAAM,KAAAC,EAAA,CAAU;AAC1E,CAAC;"}
+{"version":3,"file":"link.js","sources":["../../designsystem/link/link.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type LinkProps<As extends React.ElementType = \"a\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype LinkComponent = <As extends React.ElementType = \"a\">(\n\tprops: LinkProps<As>,\n) => React.ReactElement | null;\n\nexport const Link: LinkComponent = forwardRef<null>(function Link<\n\tAs extends React.ElementType = \"a\",\n>({ as, className, ...rest }: LinkProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"a\";\n\treturn <Tag className={clsx(styles.link, className)} {...rest} ref={ref} />;\n}) as LinkComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Link"],"mappings":";;;;AAeO,MAAM,OAAsB,WAAiB,SAASA,MAE3D,EAAE,IAAI,WAAW,GAAG,KAAA,GAAuB,KAA0B;AACtE,QAAM,MAAM,MAAM;AAClB,SAAO,oBAAC,KAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAM,IAAA,CAAU;AAC1E,CAAC;"}