@mattilsynet/design 2.2.2 → 2.2.3

package/mtds/analytics/analytics.js

@@ -1,8 +1,8 @@
 import m from "../styles.module.css.js";
-import { onLoaded as w, IS_BROWSER as h, on as g, QUICK_EVENT as b, attr as i } from "../utils.js";
-const y = `.${m.breadcrumbs.split(" ")[0]}`, _ = `.${m.card.split(" ")[0]}`, k = `.${m.chip.split(" ")[0]}`, S = `.${m.helptext.split(" ")[0]}`, v = `.${m.pagination.split(" ")[0]}`, T = 'summary,u-summary,a,button,[role="tab"],[role="button"]', x = "click,toggle,submit,change", p = "mattilsynet.matomo.cloud", s = "mtds-analytics-banner", E = "https://www.mattilsynet.no/om-mattilsynet/personvernerklaering/informasjonskapsler";
-function C(t, a = {}) {
-  if (h) {
+import { onLoaded as w, IS_BROWSER as g, tag as b, on as y, QUICK_EVENT as _, attr as i } from "../utils.js";
+const k = `.${m.breadcrumbs.split(" ")[0]}`, S = `.${m.card.split(" ")[0]}`, u = `.${m.chip.split(" ")[0]}`, v = `.${m.helptext.split(" ")[0]}`, T = `.${m.pagination.split(" ")[0]}`, x = 'summary,u-summary,a,button,[role="tab"],[role="button"]', C = "click,toggle,submit,change", p = "mattilsynet.matomo.cloud", s = "mtds-analytics-banner", E = "https://www.mattilsynet.no/om-mattilsynet/personvernerklaering/informasjonskapsler";
+function q(t, a = {}) {
+  if (g) {
     if (window._paq || (window._paq = [], window._paq.push(["HeatmapSessionRecording::disable"]), window._paq.push(["enableLinkTracking"]), window._paq.push(["setTrackerUrl", `https://${p}/matomo.php`])), window._mtm || (window._mtm = window._mtm || [], window._mtm.push({ "mtm.startTime": Date.now(), event: "mtm.Start" })), t === "init") {
       window._mtdsTracking = {
         enabled: window.location.hostname !== "localhost",
@@ -11,14 +11,9 @@ function C(t, a = {}) {
       };
       const { consent: e, enabled: o, matomoId: n, matomoTagManagerId: r } = window._mtdsTracking;
       if (n && window._paq.push(["setSiteId", n]), o) {
-        e !== "custom" && q();
+        e !== "custom" && $();
         const l = r ? `https://cdn.matomo.cloud/${p}/container_${r}.js` : `https://cdn.matomo.cloud/${p}/matomo.js`;
-        document.querySelector(`script[src="${l}"]`) || document.head.append(
-          Object.assign(document.createElement("script"), {
-            async: !0,
-            src: l
-          })
-        );
+        document.querySelector(`script[src="${l}"]`) || document.head.append(b("script", { async: "", src: l }));
       }
     }
     if (window._mtdsTracking?.enabled !== !1) {
@@ -34,7 +29,7 @@ function C(t, a = {}) {
           function() {
             c = this.getCurrentUrl();
           }
-        ]), window._paq.push(["setCustomUrl", c.split("#")[0]]), window._paq.push(l.filter((f) => f !== void 0)), window._paq.push(["setCustomUrl", c]);
+        ]), window._paq.push(["setCustomUrl", c.split("#")[0]]), window._paq.push(l.filter((h) => h !== void 0)), window._paq.push(["setCustomUrl", c]);
       } else if (t === "search") {
         const {
           query: e,
@@ -46,7 +41,7 @@ function C(t, a = {}) {
     }
   }
 }
-function q() {
+function $() {
   if (document.getElementById(s) || window.localStorage.getItem(s)) return;
   document.body.insertAdjacentHTML(
     "afterbegin",
@@ -65,14 +60,14 @@ function q() {
   const a = document.getElementById(s), e = () => window.localStorage.setItem(s, "seen");
   a.addEventListener("close", e, { once: !0 }), a.show();
 }
-function $(t) {
-  window._mtdsTracking?.enabled && setTimeout(A, 0, t);
+function A(t) {
+  window._mtdsTracking?.enabled && setTimeout(I, 0, t);
 }
-function A({ type: t, target: a }) {
-  const e = t === "click" ? a?.closest?.(T) : a;
+function I({ type: t, target: a }) {
+  const e = t === "click" ? a?.closest?.(x) : a;
   if (!(e instanceof Element) || e.closest('[data-analytics="ignore"]'))
     return;
-  let o = "click", n = "Button", r = u(e) || L(e) || i(e, "data-tooltip") || "";
+  let o = "click", n = "Button", r = f(e) || R(e) || i(e, "data-tooltip") || "";
   if (t === "submit")
     n = "Form", o = "submit", r = r || document.title;
   else if (t === "toggle") {
@@ -80,25 +75,25 @@ function A({ type: t, target: a }) {
     n = "Dialog", o = "open";
   } else if (t === "change") {
     const l = i(e, "type"), c = l === "checkbox" || l === "radio" ? e.closest("fieldset") : null;
-    n = "Form", o = "change", r = u(c || e) || d(c?.querySelector("legend")) || d(e?.labels?.[0]);
+    n = e.closest(u) ? "Chip" : "Form", o = "change", r = f(c || e) || d(c?.querySelector("legend")) || d(e?.labels?.[0]);
   } else if (i(e, "role") === "tab")
     n = "Tab", o = "navigate";
   else if (i(e, "popovertarget")) {
-    if (!I(e)?.matches(":popover-open")) return;
-    n = e.closest(S) ? "HelpText" : "Popover", o = "open";
+    if (!B(e)?.matches(":popover-open")) return;
+    n = e.closest(v) ? "HelpText" : "Popover", o = "open";
   } else if (e.nodeName.endsWith("SUMMARY")) {
     if (!e.parentElement.open) return;
     n = "Details", o = "open";
   } else if (i(e, "data-command") === "toggle-app-expanded") {
-    const l = B(e, "--mtds-tooltip-position") === "none";
+    const l = L(e, "--mtds-tooltip-position") === "none";
     n = "Sidebar", o = l ? "expand" : "minimize", r = l && i(e, "data-tooltip") || d(e);
-  } else if (e.closest(y))
+  } else if (e.closest(k))
     n = "Breadcrumbs", o = "navigate";
-  else if (e.closest(v))
+  else if (e.closest(T))
     n = "Pagintation", o = "navigate";
-  else if (e.closest(_))
+  else if (e.closest(S))
     n = "Card", o = e instanceof HTMLAnchorElement ? "navigate" : "click";
-  else if (e.closest(k))
+  else if (e.closest(u))
     n = "Chip", o = e.hasAttribute("data-removable") ? "remove" : "click";
   else if (e.closest("th[aria-sort]"))
     n = "Table", o = "sort";
@@ -108,18 +103,18 @@ function A({ type: t, target: a }) {
     if (i(e, "aria-expanded") !== "true") return;
     n = "Expand", o = "open";
   }
-  C("event", {
+  q("event", {
     category: i(e, "data-analytics-category") ?? n,
     action: i(e, "data-analytics-action") ?? o,
     name: i(e, "data-analytics-name") ?? r
   });
 }
-const d = (t) => t?.textContent?.trim() || "", u = (t) => t && i(t, "aria-label") || "", I = (t) => document.getElementById(i(t, "popovertarget") || ""), B = (t, a) => window.getComputedStyle(t).getPropertyValue(a)?.trim(), L = (t) => {
+const d = (t) => t?.textContent?.trim() || "", f = (t) => t && i(t, "aria-label") || "", B = (t) => document.getElementById(i(t, "popovertarget") || ""), L = (t, a) => window.getComputedStyle(t).getPropertyValue(a)?.trim(), R = (t) => {
   const a = d(t), e = d(t.querySelector("h1,h2,h3,h4,h5,h6"));
   return a.startsWith(e) && e || a.slice(0, 100).trim();
 };
-w(() => g(document, x, $, b));
+w(() => y(document, C, A, _));
 export {
-  C as analytics
+  q as analytics
 };
 //# sourceMappingURL=analytics.js.map

package/mtds/analytics/analytics.js.map

@@ -1 +1 @@
-{"version":3,"file":"analytics.js","sources":["../../designsystem/analytics/analytics.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, IS_BROWSER, on, onLoaded, QUICK_EVENT } from \"../utils\";\n\nconst CSS_BREADCRUMBS = `.${styles.breadcrumbs.split(\" \")[0]}`;\nconst CSS_CARD = `.${styles.card.split(\" \")[0]}`;\nconst CSS_CHIP = `.${styles.chip.split(\" \")[0]}`;\nconst CSS_HELPTEXT = `.${styles.helptext.split(\" \")[0]}`;\nconst CSS_PAGINATION = `.${styles.pagination.split(\" \")[0]}`;\nconst CLICKS = `summary,u-summary,a,button,[role=\"tab\"],[role=\"button\"]`;\nconst EVENTS = \"click,toggle,submit,change\";\nconst MATOMO = \"mattilsynet.matomo.cloud\";\nconst BANNER = \"mtds-analytics-banner\"; // Dialog to show Matomo script loading\nconst BANNER_URL =\n\t\"https://www.mattilsynet.no/om-mattilsynet/personvernerklaering/informasjonskapsler\";\n\ntype Matomo = (\n\t| string\n\t| number\n\t| boolean\n\t| Document\n\t| Element\n\t| ((this: Record<string, <T>() => T>) => void)\n)[];\ndeclare global {\n\tinterface Window {\n\t\t_paq?: Matomo[];\n\t\t_mtm?: Record<string, string | number>[];\n\t\t_mtdsTracking?: AnalyticsActions[\"init\"];\n\t\t_mtdsUntrack?: () => void;\n\t}\n}\n\nexport type AnalyticsActions = {\n\tinit: {\n\t\tenabled?: boolean | \"debug\";\n\t\tconsent?: \"custom\" | true;\n\t} & (\n\t\t| {\n\t\t\t\tmatomoId: number | string;\n\t\t\t\tmatomoTagManagerId?: never;\n\t\t  }\n\t\t| {\n\t\t\t\tmatomoId?: never;\n\t\t\t\tmatomoTagManagerId: string;\n\t\t  }\n\t);\n\tpageview: {\n\t\turl?: string;\n\t\ttitle?: string;\n\t};\n\tevent: {\n\t\tcategory: string;\n\t\taction: string;\n\t\tname?: string;\n\t\tvalue?: number;\n\t};\n\tsearch: {\n\t\tquery: string;\n\t\tcategory?: string;\n\t\tresults?: number;\n\t};\n\tmatomo: Matomo;\n};\n\nexport function analytics<Action extends keyof AnalyticsActions>(\n\taction: Action,\n\targs = {} as AnalyticsActions[Action],\n) {\n\tif (!IS_BROWSER) return;\n\tif (!window._paq) {\n\t\twindow._paq = [];\n\t\twindow._paq.push([\"HeatmapSessionRecording::disable\"]); // Disable heatmaps by default as this require cookies\n\t\twindow._paq.push([\"enableLinkTracking\"]);\n\t\twindow._paq.push([\"setTrackerUrl\", `https://${MATOMO}/matomo.php`]);\n\t}\n\tif (!window._mtm) {\n\t\twindow._mtm = window._mtm || []; // Prepare Matomo Tag Manager\n\t\twindow._mtm.push({ \"mtm.startTime\": Date.now(), event: \"mtm.Start\" });\n\t}\n\n\tif (action === \"init\") {\n\t\twindow._mtdsTracking = {\n\t\t\tenabled: window.location.hostname !== \"localhost\",\n\t\t\t...window._mtdsTracking,\n\t\t\t...args,\n\t\t} as AnalyticsActions[\"init\"];\n\t\tconst { consent, enabled, matomoId, matomoTagManagerId } =\n\t\t\twindow._mtdsTracking;\n\n\t\tif (matomoId) window._paq.push([\"setSiteId\", matomoId]);\n\t\tif (enabled) {\n\t\t\tif (consent !== \"custom\") renderBanner();\n\t\t\tconst src = matomoTagManagerId\n\t\t\t\t? `https://cdn.matomo.cloud/${MATOMO}/container_${matomoTagManagerId}.js`\n\t\t\t\t: `https://cdn.matomo.cloud/${MATOMO}/matomo.js`;\n\n\t\t\tdocument.querySelector(`script[src=\"${src}\"]`) ||\n\t\t\t\tdocument.head.append(\n\t\t\t\t\tObject.assign(document.createElement(\"script\"), {\n\t\t\t\t\t\tasync: true,\n\t\t\t\t\t\tsrc,\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t}\n\t}\n\n\tif (window._mtdsTracking?.enabled === false) return;\n\tif (window._mtdsTracking?.enabled === \"debug\")\n\t\treturn console.info(`analytics(\"${action}\", `, args, \")\");\n\n\tif (action === \"pageview\") {\n\t\tconst { url, title } = args as AnalyticsActions[\"pageview\"];\n\t\twindow._paq.push([\"setCustomUrl\", url || location.href]);\n\t\twindow._paq.push([\"setDocumentTitle\", title || document.title]);\n\t\twindow._paq.push([\"trackPageView\"]);\n\t} else if (action === \"event\") {\n\t\tconst { category, action, name, value } = args as AnalyticsActions[\"event\"];\n\t\tconst event = [\"trackEvent\", category, action, name, value];\n\n\t\t// We do not want to track events with hash in URL as this causes hard-to-read data,\n\t\t// so temporarily remove the hash part, and add it back after the event is pushed\n\t\tlet url = location.href;\n\t\twindow._paq.push([\n\t\t\tfunction () {\n\t\t\t\turl = this.getCurrentUrl<string>();\n\t\t\t},\n\t\t]);\n\t\twindow._paq.push([\"setCustomUrl\", url.split(\"#\")[0]]); // Skip hash part of URL\n\t\twindow._paq.push(event.filter((v) => v !== undefined)); // Push event\n\t\twindow._paq.push([\"setCustomUrl\", url]); // Reverrt to original URL with hash\n\t} else if (action === \"search\") {\n\t\tconst {\n\t\t\tquery,\n\t\t\tcategory = false,\n\t\t\tresults = false,\n\t\t} = args as AnalyticsActions[\"search\"];\n\t\twindow._paq.push([\"trackSiteSearch\", query, category, results]);\n\t} else if (action === \"matomo\") {\n\t\twindow._paq.push(args as AnalyticsActions[\"matomo\"]);\n\t}\n}\n\nfunction renderBanner() {\n\tconst hasSeenBanner =\n\t\tdocument.getElementById(BANNER) || window.localStorage.getItem(BANNER);\n\n\tif (hasSeenBanner) return;\n\n\tdocument.body.insertAdjacentHTML(\n\t\t\"afterbegin\",\n\t\t`<dialog id=\"${BANNER}\" data-analytics=\"ignore\"><style>\n\t\t\t\t#${BANNER}[open] { box-sizing: border-box; display: flex; align-items: center; background: #116e6b; border-radius: .5em; border: 0; box-shadow: 0 .25em .5em rgba(0,0,0,.3); color: #fff; font-size: .875em; inset: auto auto 1em 1em; max-width: calc(100vw - 2em); outline: 0; padding: .5em; position: fixed; z-index: 99999 }\n\t\t\t\t#${BANNER} button { all: unset; box-sizing: border-box; cursor: pointer; display: flex; width: 1.5em; height: 1.5em; font: 300 1.5em/1.35 sans-serif; border-radius: .25em; place-content: center; transition: .2s; transition-property: background, scale }\n\t\t\t\t#${BANNER} button:focus-visible { outline: 2px solid }\n\t\t\t\t#${BANNER} button:hover { background: #0a4e4f }\n\t\t\t\t#${BANNER} button:active { background: #054449; scale: .9 }\n\t\t\t\t#${BANNER} p { margin: 0 .25em }\n\t\t\t</style>\n\t\t\t<p>Vi bruker <a href=\"${BANNER_URL}\" target=\"_blank\">informasjonskapsler</a> for å forbedre brukeropplevelsen.</p>\n\t\t\t<form method=\"dialog\" data-analytics=\"ignore\"><button type=\"submit\" aria-label=\"OK\">&times;</button></form>\n\t\t</dialog>`,\n\t);\n\tconst banner = document.getElementById(BANNER) as HTMLDialogElement;\n\tconst onClose = () => window.localStorage.setItem(BANNER, \"seen\");\n\tbanner.addEventListener(\"close\", onClose, { once: true });\n\tbanner.show();\n}\n\nfunction handleTrack(event: Event) {\n\tif (window._mtdsTracking?.enabled) setTimeout(processTrack, 0, event); // Let other events process first\n}\n\nfunction processTrack({ type, target }: Event) {\n\tconst el = type === \"click\" ? (target as Element)?.closest?.(CLICKS) : target;\n\tif (!(el instanceof Element) || el.closest('[data-analytics=\"ignore\"]'))\n\t\treturn;\n\n\tlet action = \"click\";\n\tlet category = \"Button\";\n\tlet name = label(el) || heading(el) || attr(el, \"data-tooltip\") || \"\";\n\n\tif (type === \"submit\") {\n\t\tcategory = \"Form\";\n\t\taction = \"submit\";\n\t\tname = name || document.title;\n\t} else if (type === \"toggle\") {\n\t\tif (!el.matches(\"dialog:modal\")) return; // Skip non-modal dialogs\n\t\tcategory = \"Dialog\";\n\t\taction = \"open\";\n\t} else if (type === \"change\") {\n\t\tconst type = attr(el, \"type\");\n\t\tconst group =\n\t\t\ttype === \"checkbox\" || type === \"radio\" ? el.closest(\"fieldset\") : null;\n\n\t\tcategory = \"Form\";\n\t\taction = \"change\";\n\t\tname =\n\t\t\tlabel(group || el) ||\n\t\t\ttext(group?.querySelector(\"legend\")) ||\n\t\t\ttext((el as HTMLInputElement)?.labels?.[0]);\n\t} else if (attr(el, \"role\") === \"tab\") {\n\t\tcategory = \"Tab\";\n\t\taction = \"navigate\";\n\t} else if (attr(el, \"popovertarget\")) {\n\t\tif (!popover(el)?.matches(\":popover-open\")) return; // Skip if not open\n\t\tcategory = el.closest(CSS_HELPTEXT) ? \"HelpText\" : \"Popover\";\n\t\taction = \"open\";\n\t} else if (el.nodeName.endsWith(\"SUMMARY\")) {\n\t\tif (!(el.parentElement as HTMLDetailsElement).open) return; // Skip if not open\n\t\tcategory = \"Details\";\n\t\taction = \"open\";\n\t} else if (attr(el, \"data-command\") === \"toggle-app-expanded\") {\n\t\tconst open = style(el, \"--mtds-tooltip-position\") === \"none\";\n\t\tcategory = \"Sidebar\";\n\t\taction = open ? \"expand\" : \"minimize\";\n\t\tname = (open && attr(el, \"data-tooltip\")) || text(el);\n\t} else if (el.closest(CSS_BREADCRUMBS)) {\n\t\tcategory = \"Breadcrumbs\";\n\t\taction = \"navigate\";\n\t} else if (el.closest(CSS_PAGINATION)) {\n\t\tcategory = \"Pagintation\";\n\t\taction = \"navigate\";\n\t} else if (el.closest(CSS_CARD)) {\n\t\tcategory = \"Card\";\n\t\taction = el instanceof HTMLAnchorElement ? \"navigate\" : \"click\";\n\t} else if (el.closest(CSS_CHIP)) {\n\t\tcategory = \"Chip\";\n\t\taction = el.hasAttribute(\"data-removable\") ? \"remove\" : \"click\";\n\t} else if (el.closest(\"th[aria-sort]\")) {\n\t\tcategory = \"Table\";\n\t\taction = \"sort\";\n\t} else if (el instanceof HTMLAnchorElement) {\n\t\tcategory = \"Link\";\n\t\taction = el.protocol === \"mailto:\" ? \"email\" : \"navigate\";\n\t\tif (el.hasAttribute(\"download\")) action = \"download\";\n\t\telse if (el.hash && el.href.startsWith(location.href.split(\"#\")[0]))\n\t\t\taction = \"anchor\"; // Only track as anchor if same page\n\t} else if (el.hasAttribute(\"aria-expanded\")) {\n\t\tif (attr(el, \"aria-expanded\") !== \"true\") return; // Skip if not open\n\t\tcategory = \"Expand\";\n\t\taction = \"open\";\n\t}\n\n\t// Respect attributes and send\n\tanalytics(\"event\", {\n\t\tcategory: attr(el, \"data-analytics-category\") ?? category,\n\t\taction: attr(el, \"data-analytics-action\") ?? action,\n\t\tname: attr(el, \"data-analytics-name\") ?? name,\n\t});\n}\n\n// Utilities\nconst text = (el?: Element | null) => el?.textContent?.trim() || \"\";\nconst label = (el?: Element | null) => (el && attr(el, \"aria-label\")) || \"\";\nconst popover = (el: Element) =>\n\tdocument.getElementById(attr(el, \"popovertarget\") || \"\");\nconst style = (el: Element, key: string) =>\n\twindow.getComputedStyle(el).getPropertyValue(key)?.trim();\nconst heading = (el: Element) => {\n\tconst body = text(el);\n\tconst head = text(el.querySelector(\"h1,h2,h3,h4,h5,h6\")); // Note: head might be empty string ''\n\treturn (body.startsWith(head) && head) || body.slice(0, 100).trim(); // Limit to 100 characters\n};\n\nonLoaded(() => on(document, EVENTS, handleTrack, QUICK_EVENT));\n"],"names":["CSS_BREADCRUMBS","styles","CSS_CARD","CSS_CHIP","CSS_HELPTEXT","CSS_PAGINATION","CLICKS","EVENTS","MATOMO","BANNER","BANNER_URL","analytics","action","args","IS_BROWSER","consent","enabled","matomoId","matomoTagManagerId","renderBanner","src","url","title","category","name","value","event","v","query","results","banner","onClose","handleTrack","processTrack","type","target","el","label","heading","attr","group","text","popover","open","style","key","body","head","onLoaded","on","QUICK_EVENT"],"mappings":"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"}
+{"version":3,"file":"analytics.js","sources":["../../designsystem/analytics/analytics.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, IS_BROWSER, on, onLoaded, QUICK_EVENT, tag } from \"../utils\";\n\nconst CSS_BREADCRUMBS = `.${styles.breadcrumbs.split(\" \")[0]}`;\nconst CSS_CARD = `.${styles.card.split(\" \")[0]}`;\nconst CSS_CHIP = `.${styles.chip.split(\" \")[0]}`;\nconst CSS_HELPTEXT = `.${styles.helptext.split(\" \")[0]}`;\nconst CSS_PAGINATION = `.${styles.pagination.split(\" \")[0]}`;\nconst CLICKS = `summary,u-summary,a,button,[role=\"tab\"],[role=\"button\"]`;\nconst EVENTS = \"click,toggle,submit,change\";\nconst MATOMO = \"mattilsynet.matomo.cloud\";\nconst BANNER = \"mtds-analytics-banner\"; // Dialog to show Matomo script loading\nconst BANNER_URL =\n\t\"https://www.mattilsynet.no/om-mattilsynet/personvernerklaering/informasjonskapsler\";\n\ntype Matomo = (\n\t| string\n\t| number\n\t| boolean\n\t| Document\n\t| Element\n\t| ((this: Record<string, <T>() => T>) => void)\n)[];\ndeclare global {\n\tinterface Window {\n\t\t_paq?: Matomo[];\n\t\t_mtm?: Record<string, string | number>[];\n\t\t_mtdsTracking?: AnalyticsActions[\"init\"];\n\t\t_mtdsUntrack?: () => void;\n\t}\n}\n\nexport type AnalyticsActions = {\n\tinit: {\n\t\tenabled?: boolean | \"debug\";\n\t\tconsent?: \"custom\" | true;\n\t} & (\n\t\t| {\n\t\t\t\tmatomoId: number | string;\n\t\t\t\tmatomoTagManagerId?: never;\n\t\t  }\n\t\t| {\n\t\t\t\tmatomoId?: never;\n\t\t\t\tmatomoTagManagerId: string;\n\t\t  }\n\t);\n\tpageview: {\n\t\turl?: string;\n\t\ttitle?: string;\n\t};\n\tevent: {\n\t\tcategory: string;\n\t\taction: string;\n\t\tname?: string;\n\t\tvalue?: number;\n\t};\n\tsearch: {\n\t\tquery: string;\n\t\tcategory?: string;\n\t\tresults?: number;\n\t};\n\tmatomo: Matomo;\n};\n\nexport function analytics<Action extends keyof AnalyticsActions>(\n\taction: Action,\n\targs = {} as AnalyticsActions[Action],\n) {\n\tif (!IS_BROWSER) return;\n\tif (!window._paq) {\n\t\twindow._paq = [];\n\t\twindow._paq.push([\"HeatmapSessionRecording::disable\"]); // Disable heatmaps by default as this require cookies\n\t\twindow._paq.push([\"enableLinkTracking\"]);\n\t\twindow._paq.push([\"setTrackerUrl\", `https://${MATOMO}/matomo.php`]);\n\t}\n\tif (!window._mtm) {\n\t\twindow._mtm = window._mtm || []; // Prepare Matomo Tag Manager\n\t\twindow._mtm.push({ \"mtm.startTime\": Date.now(), event: \"mtm.Start\" });\n\t}\n\n\tif (action === \"init\") {\n\t\twindow._mtdsTracking = {\n\t\t\tenabled: window.location.hostname !== \"localhost\",\n\t\t\t...window._mtdsTracking,\n\t\t\t...args,\n\t\t} as AnalyticsActions[\"init\"];\n\t\tconst { consent, enabled, matomoId, matomoTagManagerId } =\n\t\t\twindow._mtdsTracking;\n\n\t\tif (matomoId) window._paq.push([\"setSiteId\", matomoId]);\n\t\tif (enabled) {\n\t\t\tif (consent !== \"custom\") renderBanner();\n\t\t\tconst src = matomoTagManagerId\n\t\t\t\t? `https://cdn.matomo.cloud/${MATOMO}/container_${matomoTagManagerId}.js`\n\t\t\t\t: `https://cdn.matomo.cloud/${MATOMO}/matomo.js`;\n\n\t\t\tdocument.querySelector(`script[src=\"${src}\"]`) ||\n\t\t\t\tdocument.head.append(tag(\"script\", { async: \"\", src }));\n\t\t}\n\t}\n\n\tif (window._mtdsTracking?.enabled === false) return;\n\tif (window._mtdsTracking?.enabled === \"debug\")\n\t\treturn console.info(`analytics(\"${action}\", `, args, \")\");\n\n\tif (action === \"pageview\") {\n\t\tconst { url, title } = args as AnalyticsActions[\"pageview\"];\n\t\twindow._paq.push([\"setCustomUrl\", url || location.href]);\n\t\twindow._paq.push([\"setDocumentTitle\", title || document.title]);\n\t\twindow._paq.push([\"trackPageView\"]);\n\t} else if (action === \"event\") {\n\t\tconst { category, action, name, value } = args as AnalyticsActions[\"event\"];\n\t\tconst event = [\"trackEvent\", category, action, name, value];\n\n\t\t// We do not want to track events with hash in URL as this causes hard-to-read data,\n\t\t// so temporarily remove the hash part, and add it back after the event is pushed\n\t\tlet url = location.href;\n\t\twindow._paq.push([\n\t\t\tfunction () {\n\t\t\t\turl = this.getCurrentUrl<string>();\n\t\t\t},\n\t\t]);\n\t\twindow._paq.push([\"setCustomUrl\", url.split(\"#\")[0]]); // Skip hash part of URL\n\t\twindow._paq.push(event.filter((v) => v !== undefined)); // Push event\n\t\twindow._paq.push([\"setCustomUrl\", url]); // Reverrt to original URL with hash\n\t} else if (action === \"search\") {\n\t\tconst {\n\t\t\tquery,\n\t\t\tcategory = false,\n\t\t\tresults = false,\n\t\t} = args as AnalyticsActions[\"search\"];\n\t\twindow._paq.push([\"trackSiteSearch\", query, category, results]);\n\t} else if (action === \"matomo\") {\n\t\twindow._paq.push(args as AnalyticsActions[\"matomo\"]);\n\t}\n}\n\nfunction renderBanner() {\n\tconst hasSeenBanner =\n\t\tdocument.getElementById(BANNER) || window.localStorage.getItem(BANNER);\n\n\tif (hasSeenBanner) return;\n\n\tdocument.body.insertAdjacentHTML(\n\t\t\"afterbegin\",\n\t\t`<dialog id=\"${BANNER}\" data-analytics=\"ignore\"><style>\n\t\t\t\t#${BANNER}[open] { box-sizing: border-box; display: flex; align-items: center; background: #116e6b; border-radius: .5em; border: 0; box-shadow: 0 .25em .5em rgba(0,0,0,.3); color: #fff; font-size: .875em; inset: auto auto 1em 1em; max-width: calc(100vw - 2em); outline: 0; padding: .5em; position: fixed; z-index: 99999 }\n\t\t\t\t#${BANNER} button { all: unset; box-sizing: border-box; cursor: pointer; display: flex; width: 1.5em; height: 1.5em; font: 300 1.5em/1.35 sans-serif; border-radius: .25em; place-content: center; transition: .2s; transition-property: background, scale }\n\t\t\t\t#${BANNER} button:focus-visible { outline: 2px solid }\n\t\t\t\t#${BANNER} button:hover { background: #0a4e4f }\n\t\t\t\t#${BANNER} button:active { background: #054449; scale: .9 }\n\t\t\t\t#${BANNER} p { margin: 0 .25em }\n\t\t\t</style>\n\t\t\t<p>Vi bruker <a href=\"${BANNER_URL}\" target=\"_blank\">informasjonskapsler</a> for å forbedre brukeropplevelsen.</p>\n\t\t\t<form method=\"dialog\" data-analytics=\"ignore\"><button type=\"submit\" aria-label=\"OK\">&times;</button></form>\n\t\t</dialog>`,\n\t);\n\tconst banner = document.getElementById(BANNER) as HTMLDialogElement;\n\tconst onClose = () => window.localStorage.setItem(BANNER, \"seen\");\n\tbanner.addEventListener(\"close\", onClose, { once: true });\n\tbanner.show();\n}\n\nfunction handleTrack(event: Event) {\n\tif (window._mtdsTracking?.enabled) setTimeout(processTrack, 0, event); // Let other events process first\n}\n\nfunction processTrack({ type, target }: Event) {\n\tconst el = type === \"click\" ? (target as Element)?.closest?.(CLICKS) : target;\n\tif (!(el instanceof Element) || el.closest('[data-analytics=\"ignore\"]'))\n\t\treturn;\n\n\tlet action = \"click\";\n\tlet category = \"Button\";\n\tlet name = label(el) || heading(el) || attr(el, \"data-tooltip\") || \"\";\n\n\tif (type === \"submit\") {\n\t\tcategory = \"Form\";\n\t\taction = \"submit\";\n\t\tname = name || document.title;\n\t} else if (type === \"toggle\") {\n\t\tif (!el.matches(\"dialog:modal\")) return; // Skip non-modal dialogs\n\t\tcategory = \"Dialog\";\n\t\taction = \"open\";\n\t} else if (type === \"change\") {\n\t\tconst type = attr(el, \"type\");\n\t\tconst group =\n\t\t\ttype === \"checkbox\" || type === \"radio\" ? el.closest(\"fieldset\") : null;\n\n\t\tcategory = el.closest(CSS_CHIP) ? \"Chip\" : \"Form\";\n\t\taction = \"change\";\n\t\tname =\n\t\t\tlabel(group || el) ||\n\t\t\ttext(group?.querySelector(\"legend\")) ||\n\t\t\ttext((el as HTMLInputElement)?.labels?.[0]);\n\t} else if (attr(el, \"role\") === \"tab\") {\n\t\tcategory = \"Tab\";\n\t\taction = \"navigate\";\n\t} else if (attr(el, \"popovertarget\")) {\n\t\tif (!popover(el)?.matches(\":popover-open\")) return; // Skip if not open\n\t\tcategory = el.closest(CSS_HELPTEXT) ? \"HelpText\" : \"Popover\";\n\t\taction = \"open\";\n\t} else if (el.nodeName.endsWith(\"SUMMARY\")) {\n\t\tif (!(el.parentElement as HTMLDetailsElement).open) return; // Skip if not open\n\t\tcategory = \"Details\";\n\t\taction = \"open\";\n\t} else if (attr(el, \"data-command\") === \"toggle-app-expanded\") {\n\t\tconst open = style(el, \"--mtds-tooltip-position\") === \"none\";\n\t\tcategory = \"Sidebar\";\n\t\taction = open ? \"expand\" : \"minimize\";\n\t\tname = (open && attr(el, \"data-tooltip\")) || text(el);\n\t} else if (el.closest(CSS_BREADCRUMBS)) {\n\t\tcategory = \"Breadcrumbs\";\n\t\taction = \"navigate\";\n\t} else if (el.closest(CSS_PAGINATION)) {\n\t\tcategory = \"Pagintation\";\n\t\taction = \"navigate\";\n\t} else if (el.closest(CSS_CARD)) {\n\t\tcategory = \"Card\";\n\t\taction = el instanceof HTMLAnchorElement ? \"navigate\" : \"click\";\n\t} else if (el.closest(CSS_CHIP)) {\n\t\tcategory = \"Chip\";\n\t\taction = el.hasAttribute(\"data-removable\") ? \"remove\" : \"click\";\n\t} else if (el.closest(\"th[aria-sort]\")) {\n\t\tcategory = \"Table\";\n\t\taction = \"sort\";\n\t} else if (el instanceof HTMLAnchorElement) {\n\t\tcategory = \"Link\";\n\t\taction = el.protocol === \"mailto:\" ? \"email\" : \"navigate\";\n\t\tif (el.hasAttribute(\"download\")) action = \"download\";\n\t\telse if (el.hash && el.href.startsWith(location.href.split(\"#\")[0]))\n\t\t\taction = \"anchor\"; // Only track as anchor if same page\n\t} else if (el.hasAttribute(\"aria-expanded\")) {\n\t\tif (attr(el, \"aria-expanded\") !== \"true\") return; // Skip if not open\n\t\tcategory = \"Expand\";\n\t\taction = \"open\";\n\t}\n\n\t// Respect attributes and send\n\tanalytics(\"event\", {\n\t\tcategory: attr(el, \"data-analytics-category\") ?? category,\n\t\taction: attr(el, \"data-analytics-action\") ?? action,\n\t\tname: attr(el, \"data-analytics-name\") ?? name,\n\t});\n}\n\n// Utilities\nconst text = (el?: Element | null) => el?.textContent?.trim() || \"\";\nconst label = (el?: Element | null) => (el && attr(el, \"aria-label\")) || \"\";\nconst popover = (el: Element) =>\n\tdocument.getElementById(attr(el, \"popovertarget\") || \"\");\nconst style = (el: Element, key: string) =>\n\twindow.getComputedStyle(el).getPropertyValue(key)?.trim();\nconst heading = (el: Element) => {\n\tconst body = text(el);\n\tconst head = text(el.querySelector(\"h1,h2,h3,h4,h5,h6\")); // Note: head might be empty string ''\n\treturn (body.startsWith(head) && head) || body.slice(0, 100).trim(); // Limit to 100 characters\n};\n\nonLoaded(() => on(document, EVENTS, handleTrack, QUICK_EVENT));\n"],"names":["CSS_BREADCRUMBS","styles","CSS_CARD","CSS_CHIP","CSS_HELPTEXT","CSS_PAGINATION","CLICKS","EVENTS","MATOMO","BANNER","BANNER_URL","analytics","action","args","IS_BROWSER","consent","enabled","matomoId","matomoTagManagerId","renderBanner","src","tag","url","title","category","name","value","event","v","query","results","banner","onClose","handleTrack","processTrack","type","target","el","label","heading","attr","group","text","popover","open","style","key","body","head","onLoaded","on","QUICK_EVENT"],"mappings":"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"}

package/mtds/chart/chart-axis.d.ts

@@ -0,0 +1,10 @@
+import { ChartData } from './chart-element';
+type Config = {
+    type: string;
+};
+export declare function toAxis(data: ChartData, { type }: Config): {
+    total: number;
+    groups: HTMLDivElement;
+    axis: HTMLDivElement;
+};
+export {};

package/mtds/chart/chart-axis.js

@@ -0,0 +1,21 @@
+import { tag as r } from "../utils.js";
+function b(t, { type: d }) {
+  const g = d === "stacked", o = t[0].reduce((a, u, x) => {
+    const m = t.map((i) => i[x].number), v = m.reduce((i, f) => i + f, 0);
+    return Math.max(a, ...g ? [v] : m);
+  }, 0), n = 10 ** (`${~~o}`.length - 1), s = o / n < 5 ? n / 2 : n, l = Math.ceil(o / s) * s, p = r("div", { class: "axisGroups" }), c = r("div");
+  c.classList.add("axisSteps"), c.append(
+    ...Array.from({ length: l / s + 1 }, (a, u) => h(s * u)).reverse().map((a) => r("div", { class: "axisStep", "data-label": a }))
+  );
+  const e = r("div", {
+    "aria-label": t[0][0].value || null,
+    class: "axis",
+    role: "figure"
+  });
+  return e.style.setProperty("--groups", `${t.length - 1}`), e.style.setProperty("--total", `${l}`), e.append(c, p), { total: l, groups: p, axis: e };
+}
+const h = new Intl.NumberFormat().format;
+export {
+  b as toAxis
+};
+//# sourceMappingURL=chart-axis.js.map

package/mtds/chart/chart-axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-axis.js","sources":["../../designsystem/chart/chart-axis.ts"],"sourcesContent":["import { tag } from \"../utils\";\nimport type { ChartData } from \"./chart-element\";\n\ntype Config = { type: string };\n\nexport function toAxis(data: ChartData, { type }: Config) {\n\tconst isStacked = type === \"stacked\";\n\tconst max = data[0].reduce((acc, _, index) => {\n\t\tconst all = data.map((row) => row[index].number);\n\t\tconst sum = all.reduce((acc, num) => acc + num, 0);\n\t\treturn Math.max(acc, ...(isStacked ? [sum] : all));\n\t}, 0);\n\n\tconst digits = 10 ** (`${~~max}`.length - 1); // Get amount of digits in total number\n\tconst step = max / digits < 5 ? digits / 2 : digits; // If we get less than 5 steps, make smaller steps\n\tconst total = Math.ceil(max / step) * step;\n\tconst groups = tag(\"div\", { class: \"axisGroups\" });\n\tconst steps = tag(\"div\");\n\n\tsteps.classList.add(\"axisSteps\");\n\tsteps.append(\n\t\t...Array.from({ length: total / step + 1 }, (_, i) => getNum(step * i))\n\t\t\t.reverse()\n\t\t\t.map((num) => tag(\"div\", { class: \"axisStep\", \"data-label\": num })),\n\t);\n\n\tconst axis = tag(\"div\", {\n\t\t\"aria-label\": data[0][0].value || null,\n\t\tclass: \"axis\",\n\t\trole: \"figure\",\n\t});\n\taxis.style.setProperty(\"--groups\", `${data.length - 1}`);\n\taxis.style.setProperty(\"--total\", `${total}`);\n\taxis.append(steps, groups);\n\n\treturn { total, groups, axis };\n}\n\nconst getNum = new Intl.NumberFormat().format;\n"],"names":["toAxis","data","type","isStacked","max","acc","_","index","all","row","sum","num","digits","step","total","groups","tag","steps","i","getNum","axis"],"mappings":";AAKO,SAASA,EAAOC,GAAiB,EAAE,MAAAC,KAAgB;AACzD,QAAMC,IAAYD,MAAS,WACrBE,IAAMH,EAAK,CAAC,EAAE,OAAO,CAACI,GAAKC,GAAGC,MAAU;AAC7C,UAAMC,IAAMP,EAAK,IAAI,CAACQ,MAAQA,EAAIF,CAAK,EAAE,MAAM,GACzCG,IAAMF,EAAI,OAAO,CAACH,GAAKM,MAAQN,IAAMM,GAAK,CAAC;AACjD,WAAO,KAAK,IAAIN,GAAK,GAAIF,IAAY,CAACO,CAAG,IAAIF,CAAI;AAAA,EAClD,GAAG,CAAC,GAEEI,IAAS,OAAO,GAAG,CAAC,CAACR,CAAG,GAAG,SAAS,IACpCS,IAAOT,IAAMQ,IAAS,IAAIA,IAAS,IAAIA,GACvCE,IAAQ,KAAK,KAAKV,IAAMS,CAAI,IAAIA,GAChCE,IAASC,EAAI,OAAO,EAAE,OAAO,cAAc,GAC3CC,IAAQD,EAAI,KAAK;AAEvB,EAAAC,EAAM,UAAU,IAAI,WAAW,GAC/BA,EAAM;AAAA,IACL,GAAG,MAAM,KAAK,EAAE,QAAQH,IAAQD,IAAO,EAAA,GAAK,CAACP,GAAGY,MAAMC,EAAON,IAAOK,CAAC,CAAC,EACpE,QAAA,EACA,IAAI,CAACP,MAAQK,EAAI,OAAO,EAAE,OAAO,YAAY,cAAcL,EAAA,CAAK,CAAC;AAAA,EAAA;AAGpE,QAAMS,IAAOJ,EAAI,OAAO;AAAA,IACvB,cAAcf,EAAK,CAAC,EAAE,CAAC,EAAE,SAAS;AAAA,IAClC,OAAO;AAAA,IACP,MAAM;AAAA,EAAA,CACN;AACD,SAAAmB,EAAK,MAAM,YAAY,YAAY,GAAGnB,EAAK,SAAS,CAAC,EAAE,GACvDmB,EAAK,MAAM,YAAY,WAAW,GAAGN,CAAK,EAAE,GAC5CM,EAAK,OAAOH,GAAOF,CAAM,GAElB,EAAE,OAAAD,GAAO,QAAAC,GAAQ,MAAAK,EAAA;AACzB;AAEA,MAAMD,IAAS,IAAI,KAAK,aAAA,EAAe;"}

package/mtds/chart/chart-bars.d.ts

@@ -0,0 +1,2 @@
+import { ChartData } from './chart-element';
+export declare function toBars(data: ChartData): HTMLDivElement[];

package/mtds/chart/chart-bars.js

@@ -0,0 +1,24 @@
+import { tag as e } from "../utils.js";
+function d(t) {
+  return t[0].slice(1).map(({ value: l, event: n }, r) => {
+    const i = e("div", { class: "axisGroup", "data-label": l }), s = i.appendChild(
+      e("div", { class: "axisGroupContent" })
+    );
+    return t.slice(1).map((a) => a[r + 1]).map(
+      ({ tooltip: a, style: o, number: p }) => s.appendChild(
+        e("div", {
+          "aria-label": a,
+          "data-event": n,
+          class: "bar",
+          role: "img",
+          style: `${o}; --value: ${p}`,
+          tabindex: "0"
+        })
+      )
+    ), i;
+  });
+}
+export {
+  d as toBars
+};
+//# sourceMappingURL=chart-bars.js.map

package/mtds/chart/chart-bars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-bars.js","sources":["../../designsystem/chart/chart-bars.ts"],"sourcesContent":["import { tag } from \"../utils\";\nimport type { ChartData } from \"./chart-element\";\n\nexport function toBars(data: ChartData) {\n\treturn data[0].slice(1).map(({ value, event }, index) => {\n\t\tconst group = tag(\"div\", { class: \"axisGroup\", \"data-label\": value });\n\t\tconst content = group.appendChild(\n\t\t\ttag(\"div\", { class: \"axisGroupContent\" }),\n\t\t);\n\n\t\tdata\n\t\t\t.slice(1)\n\t\t\t.map((values) => values[index + 1])\n\t\t\t.map(({ tooltip, style, number }) =>\n\t\t\t\tcontent.appendChild(\n\t\t\t\t\ttag(\"div\", {\n\t\t\t\t\t\t\"aria-label\": tooltip,\n\t\t\t\t\t\t\"data-event\": event,\n\t\t\t\t\t\tclass: \"bar\",\n\t\t\t\t\t\trole: \"img\",\n\t\t\t\t\t\tstyle: `${style}; --value: ${number}`,\n\t\t\t\t\t\ttabindex: \"0\",\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t);\n\t\treturn group;\n\t});\n}\n"],"names":["toBars","data","value","event","index","group","tag","content","values","tooltip","style","number"],"mappings":";AAGO,SAASA,EAAOC,GAAiB;AACvC,SAAOA,EAAK,CAAC,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,OAAAC,GAAO,OAAAC,EAAA,GAASC,MAAU;AACxD,UAAMC,IAAQC,EAAI,OAAO,EAAE,OAAO,aAAa,cAAcJ,GAAO,GAC9DK,IAAUF,EAAM;AAAA,MACrBC,EAAI,OAAO,EAAE,OAAO,oBAAoB;AAAA,IAAA;AAGzC,WAAAL,EACE,MAAM,CAAC,EACP,IAAI,CAACO,MAAWA,EAAOJ,IAAQ,CAAC,CAAC,EACjC;AAAA,MAAI,CAAC,EAAE,SAAAK,GAAS,OAAAC,GAAO,QAAAC,EAAA,MACvBJ,EAAQ;AAAA,QACPD,EAAI,OAAO;AAAA,UACV,cAAcG;AAAA,UACd,cAAcN;AAAA,UACd,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO,GAAGO,CAAK,cAAcC,CAAM;AAAA,UACnC,UAAU;AAAA,QAAA,CACV;AAAA,MAAA;AAAA,IACF,GAEKN;AAAA,EACR,CAAC;AACF;"}

package/mtds/chart/chart-element.d.ts

@@ -1,20 +1,19 @@
-import type * as ReactTypes from "react";
-declare const MTDSElement: {
-    new (): HTMLElement;
-    prototype: HTMLElement;
-};
-export type ReactChart = ReactTypes.JSX.IntrinsicElements["div"] & {
-    class?: string;
-};
-declare global {
-    namespace React.JSX {
-        interface IntrinsicElements {
-            "mtds-chart": ReactChart;
-        }
-    }
-}
+import { MTDSElement } from '../utils';
+export type ChartData = ReturnType<typeof toData>;
 export declare class MTDSChart extends MTDSElement {
+    _observer?: MutationObserver;
+    static get observedAttributes(): string[];
     constructor();
     connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    handleEvent(e: Event): void;
 }
+declare const toData: (table?: HTMLTableElement | null) => {
+    number: number;
+    event: string | null;
+    style: string;
+    value: string;
+    tooltip: string;
+}[][];
 export {};

package/mtds/chart/chart-element.js

@@ -1,111 +1,73 @@
-import { IS_BROWSER as Y, attr as a, useId as _ } from "../utils.js";
-import q from "./chart.module.css.js";
-const z = typeof HTMLElement > "u" ? class {
-} : HTMLElement, M = "http://www.w3.org/2000/svg";
-class F extends z {
+import C from "../styles.module.css.js";
+import { IS_BROWSER as b, tag as c, MTDSElement as E, on as g, off as k, attr as d } from "../utils.js";
+import T from "./chart.css.js";
+import { toAxis as w } from "./chart-axis.js";
+import { toBars as S } from "./chart-bars.js";
+import { toLines as _ } from "./chart-lines.js";
+import { toPies as O } from "./chart-pies.js";
+const h = "click,keydown,mousemove,mouseout", p = "mtds-chart-tooltip", r = b ? document.getElementById(p) || c("div", { class: C._tooltip, id: p, hidden: "" }) : null;
+class $ extends E {
+  _observer;
+  // Using underscore instead of # for backwards compatibility
+  static get observedAttributes() {
+    return ["data-variant"];
+  }
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    let s = 0, o = 0;
-    const c = this.querySelector("table"), t = Array.from(c?.rows || [], (p, m) => {
-      let h = 0;
-      const e = Array.from(p.cells, (r, i) => {
-        const $ = r.textContent.trim() || "", u = Number($) || 0;
-        return m && i && (s = Math.max(s, u), h += u), $;
-      });
-      return o = Math.max(o, h), e;
-    }), [l, b] = (a(this, "data-variant") || "bar").split("-"), v = l === "column", E = b === "stacked", H = Number(b || 10) || 0, O = d("style", {}, q), y = d("div", {
-      "aria-label": t[0][0] || null,
-      class: "axis",
-      role: "figure"
-    }), S = d("div", { class: "axisGroups" }), N = K(E ? o : s), P = d("div", { class: "legends" }), k = t.slice(1).map(
-      ([p], m) => d("div", { class: `legend color-${m + 1}` }, p)
-    ), L = k.map(_);
-    if (y.classList.toggle("is-horizontal", !v), y.classList.toggle("is-vertical", v), y.classList.toggle("is-stacked", E), y.style.setProperty("--groups", `${t.length - 1}`), y.style.setProperty("--total", `${N.total}`), y.append(N.el, S), (l === "bar" || l === "column") && t[0].forEach((p, m) => {
-      if (m === 0) return;
-      const h = d("div", { class: "axisGroup" }), e = d("div", { class: "axisGroupContent" }), r = d("div", { class: "axisLabel" }, p);
-      h.append(e, r), S.append(h), t.slice(1).forEach((i, $) => {
-        e.append(
-          d("div", {
-            "aria-describedby": L[$],
-            class: `bar color-${$ + 1}`,
-            role: "img",
-            style: `--value: ${i[m]}`,
-            tabindex: "0",
-            title: `${i[0]}: ${i[m]}`
-          })
-        );
-      });
-    }), l === "line" || l === "area") {
-      const p = d("div", { class: "axisGroup" });
-      t.slice(1).forEach(([m, ...h], e) => {
-        const r = d("div", {
-          class: `lineContainer color-${e + 1}`,
-          role: "list"
-        }), i = document.createElementNS(M, "svg");
-        a(i, "aria-hidden", "true"), a(i, "preserveAspectRatio", "none"), a(i, "viewBox", "0 0 100 100");
-        const $ = V(
-          h.map((g, x, { length: w }) => [
-            100 / (w - 1) * x,
-            100 - Number(g) / N.total * 100
-          ]),
-          H / 100
-        ), u = document.createElementNS(M, "path");
-        a(u, "class", "line"), a(u, "d", $), a(u, "fill", "none"), a(u, "stroke", "currentColor");
-        const f = u.cloneNode(!0);
-        if (a(f, "class", "lineBorder"), l === "area") {
-          const g = u.cloneNode(!0);
-          a(g, "d", `M-100,100 L${$.slice(1)}L200,100`), a(g, "class", "lineShade"), i.append(g);
-        }
-        h.forEach((g, x) => {
-          const w = d("div", { role: "listitem" });
-          w.appendChild(
-            d("div", {
-              "aria-describedby": L[e],
-              tabindex: "0",
-              title: `${t[0][x + 1]}: ${g} (${m})`,
-              class: "linePoint",
-              role: "img",
-              style: `--value: ${g}`
-            })
-          ), r.append(w);
-        }), i.append(f, u), r.append(i), p.append(r);
-      }), S.append(p);
-    }
-    if (l === "doughnut") {
-      const p = document.createElementNS(M, "svg"), m = t.slice(1).reduce((i, [, $]) => i + Number($), 0);
-      a(p, "class", "doughnut"), a(p, "viewBox", "0 0 100 100");
-      let h = 0;
-      const e = 50, r = 25;
-      t.slice(1).forEach(([i, $], u) => {
-        const f = document.createElementNS(M, "path"), g = h / m;
-        h += Number($);
-        const x = h / m, w = x - g > 0.5 ? 1 : 0, R = 2 * Math.PI * (g - 0.25), B = 2 * Math.PI * (x - 0.25), C = Math.cos(R), A = Math.sin(R), T = Math.cos(B), G = Math.sin(B), X = `M ${e + r * C} ${e + r * A} L ${e + e * C} ${e + e * A} A ${e} ${e} 0 ${w} 1 ${e + e * T} ${e + e * G} L ${e + r * T} ${e + r * G} A ${r} ${r} 0 ${w} 0 ${e + r * C} ${e + r * A}`;
-        a(f, "aria-describedby", L[u]), a(f, "class", `color-${u + 1}`), a(f, "d", X), a(f, "role", "img"), a(f, "tabindex", "0"), a(f, "title", i || null), p.appendChild(f), this.shadowRoot?.append(p);
-      });
-    }
-    l !== "doughnut" && this.shadowRoot?.append(y), P.append(...k), this.shadowRoot?.append(O, P);
+    this._observer = new MutationObserver(
+      this.attributeChangedCallback.bind(this)
+    ), this._observer.observe(this, {
+      attributeFilter: ["data-tooltip"],
+      attributes: !0,
+      characterData: !0,
+      childList: !0,
+      subtree: !0
+    }), this.attributeChangedCallback(), g(this, h, this);
+  }
+  disconnectedCallback() {
+    r && (r.hidden = !0), k(this, h, this), this._observer?.disconnect(), this._observer = void 0;
+  }
+  attributeChangedCallback() {
+    Array.from(this.shadowRoot?.children || []).map((l) => l.remove());
+    const e = x(this.querySelector("table")), [t, s] = (d(this, "data-variant") || "bar").split("-"), a = c("style", {}, T), n = c("div", { class: "legends" });
+    e.slice(1).forEach(([{ value: l, style: v }]) => {
+      n.appendChild(c("div", { class: "legend", style: v }, l));
+    });
+    const { axis: f, groups: m, total: y } = w(e, { type: s });
+    (t === "bar" || t === "column") && m.append(...S(e)), (t === "line" || t === "area") && m.append(_(e, { total: y, variant: t, type: s })), (t === "doughnut" || t === "pie") && this.shadowRoot?.append(O(e, { variant: t })), this.shadowRoot?.append(a, f, n);
+  }
+  handleEvent(e) {
+    e.type === "click" || e.type === "keydown" ? A(e, this) : P(e);
   }
 }
-Y && !window.customElements.get("mtds-chart") && window.customElements.define("mtds-chart", F);
-const V = (n, s) => n.map(([o, c], t, l) => t ? W(t, l, s) : `M${o},${c}`).join(" "), I = ([n, s], [o, c]) => [n + o, s + c], j = ([n, s], [o, c]) => [n - o, s - c], D = (n, [s, o]) => [n * s, n * o], W = (n, s, o) => {
-  const c = s[n - 1], t = s[n], [l, b] = I(c, D(o, j(t, s[n - 2] || c))), [v, E] = I(t, D(o, j(c, s[n + 1] || t)));
-  return `C ${l},${b} ${v},${E} ${t[0]},${t[1]}`;
-}, J = new Intl.NumberFormat().format, K = (n) => {
-  const s = 10 ** (`${~~n}`.length - 1), o = n / s < 5 ? s / 2 : s, c = Math.ceil(n / o) * o, t = d("div");
-  return t.classList.add("axisSteps"), t.append(
-    ...Array.from({ length: c / o + 1 }, (l, b) => J(o * b)).reverse().map((l) => {
-      const b = d("div", { class: "axisLabel" }, l), v = d("div", { class: "axisStep" });
-      return v.append(b), v;
-    })
-  ), { total: c, el: t };
-}, d = (n, s, o) => {
-  const c = document.createElement(n);
-  if (o && (c.textContent = o), s) for (const [t, l] of Object.entries(s)) a(c, t, l);
-  return c;
-};
+function A(o, e) {
+  if (o instanceof KeyboardEvent && o.key !== "Enter") return;
+  const t = o.composedPath()[0], s = e.querySelector("table"), [a, n] = t instanceof Element && d(t, "data-event")?.split("-").map(Number) || [];
+  s?.rows[a]?.cells[n]?.querySelector("a,button")?.click?.();
+}
+let u = "";
+function P(o) {
+  if (!r) return;
+  r?.isConnected || document.body.append(r);
+  const e = o.composedPath()[0], t = e instanceof Element && e.getAttribute("aria-label") || "";
+  t && (r.style.transform = `translate(${o.clientX}px, ${o.clientY}px)`), t !== u && (t && (r.textContent = t), u = t, r.hidden = !t);
+}
+const i = (o) => o?.textContent?.trim() || "", x = (o) => Array.from(
+  o?.rows || [],
+  (e, t) => Array.from(e.cells, (s, a) => ({
+    number: a && t && Number.parseFloat(i(s)) || 0,
+    // First row and column is not a number
+    event: s.querySelector("a,button") && `${t}-${a}`,
+    // Reference to proxy events
+    style: `--color: var(--mtdsc-chart-color-${t}, var(--mtdsc-chart-color))`,
+    value: i(s),
+    tooltip: d(s, "data-tooltip") || `${i(e.cells[0])}: ${i(s)} (${i(o?.rows[0].cells[a])})`
+  }))
+);
+b && !window.customElements.get("mtds-chart") && window.customElements.define("mtds-chart", $);
 export {
-  F as MTDSChart
+  $ as MTDSChart
 };
 //# sourceMappingURL=chart-element.js.map

package/mtds/chart/chart-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-element.js","sources":["../../designsystem/chart/chart-element.ts"],"sourcesContent":["import type * as ReactTypes from \"react\";\nimport { attr, IS_BROWSER, useId } from \"../utils\";\nimport css from \"./chart.module.css?raw\";\n\nconst MTDSElement =\n\ttypeof HTMLElement === \"undefined\"\n\t\t? (class {} as typeof HTMLElement)\n\t\t: HTMLElement;\n\nexport type ReactChart = ReactTypes.JSX.IntrinsicElements[\"div\"] & {\n\tclass?: string;\n};\n\ndeclare global {\n\tnamespace React.JSX {\n\t\tinterface IntrinsicElements {\n\t\t\t\"mtds-chart\": ReactChart;\n\t\t}\n\t}\n}\n\nconst xmlns = \"http://www.w3.org/2000/svg\";\nexport class MTDSChart extends MTDSElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: \"open\" });\n\t}\n\tconnectedCallback() {\n\t\tlet max = 0;\n\t\tlet rowMax = 0;\n\t\tconst table = this.querySelector(\"table\");\n\t\tconst data = Array.from(table?.rows || [], (row, isTbody) => {\n\t\t\tlet rowTotal = 0;\n\t\t\tconst values = Array.from(row.cells, (cell, isTd) => {\n\t\t\t\tconst val = cell.textContent.trim() || \"\";\n\t\t\t\tconst num = Number(val) || 0;\n\t\t\t\tif (isTbody && isTd) {\n\t\t\t\t\tmax = Math.max(max, num);\n\t\t\t\t\trowTotal += num;\n\t\t\t\t}\n\t\t\t\treturn val;\n\t\t\t});\n\t\t\trowMax = Math.max(rowMax, rowTotal);\n\t\t\treturn values;\n\t\t});\n\n\t\tconst [variant, type] = (attr(this, \"data-variant\") || \"bar\").split(\"-\");\n\t\tconst isVertical = variant === \"column\";\n\t\tconst isStacked = type === \"stacked\";\n\n\t\tconst smoothing = Number(type || 10) || 0;\n\t\tconst style = createElement(\"style\", {}, css);\n\t\tconst axis = createElement(\"div\", {\n\t\t\t\"aria-label\": data[0][0] || null,\n\t\t\tclass: \"axis\",\n\t\t\trole: \"figure\",\n\t\t});\n\t\tconst groups = createElement(\"div\", { class: \"axisGroups\" });\n\t\tconst steps = toSteps(isStacked ? rowMax : max);\n\t\tconst legend = createElement(\"div\", { class: \"legends\" });\n\t\tconst legends = data\n\t\t\t.slice(1)\n\t\t\t.map(([text], index) =>\n\t\t\t\tcreateElement(\"div\", { class: `legend color-${index + 1}` }, text),\n\t\t\t);\n\t\tconst legendIds = legends.map(useId);\n\n\t\taxis.classList.toggle(\"is-horizontal\", !isVertical);\n\t\taxis.classList.toggle(\"is-vertical\", isVertical);\n\t\taxis.classList.toggle(\"is-stacked\", isStacked);\n\t\taxis.style.setProperty(\"--groups\", `${data.length - 1}`);\n\t\taxis.style.setProperty(\"--total\", `${steps.total}`);\n\t\taxis.append(steps.el, groups);\n\n\t\tif (variant === \"bar\" || variant === \"column\") {\n\t\t\tdata[0].forEach((groupLabel, index) => {\n\t\t\t\tif (index === 0) return; // Skip first column internally so index matches rest of data\n\t\t\t\tconst group = createElement(\"div\", { class: \"axisGroup\" });\n\t\t\t\tconst content = createElement(\"div\", { class: \"axisGroupContent\" });\n\t\t\t\tconst label = createElement(\"div\", { class: \"axisLabel\" }, groupLabel);\n\t\t\t\tgroup.append(content, label);\n\t\t\t\tgroups.append(group);\n\n\t\t\t\tdata.slice(1).forEach((values, legendIndex) => {\n\t\t\t\t\tcontent.append(\n\t\t\t\t\t\tcreateElement(\"div\", {\n\t\t\t\t\t\t\t\"aria-describedby\": legendIds[legendIndex],\n\t\t\t\t\t\t\tclass: `bar color-${legendIndex + 1}`,\n\t\t\t\t\t\t\trole: \"img\",\n\t\t\t\t\t\t\tstyle: `--value: ${values[index]}`,\n\t\t\t\t\t\t\ttabindex: \"0\",\n\t\t\t\t\t\t\ttitle: `${values[0]}: ${values[index]}`,\n\t\t\t\t\t\t}),\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tif (variant === \"line\" || variant === \"area\") {\n\t\t\tconst group = createElement(\"div\", { class: \"axisGroup\" });\n\t\t\tdata.slice(1).forEach(([legend, ...values], legendIndex) => {\n\t\t\t\tconst lineContainer = createElement(\"div\", {\n\t\t\t\t\tclass: `lineContainer color-${legendIndex + 1}`,\n\t\t\t\t\trole: \"list\",\n\t\t\t\t});\n\n\t\t\t\tconst line = document.createElementNS(xmlns, \"svg\");\n\t\t\t\tattr(line, \"aria-hidden\", \"true\");\n\t\t\t\tattr(line, \"preserveAspectRatio\", \"none\");\n\t\t\t\tattr(line, \"viewBox\", \"0 0 100 100\");\n\n\t\t\t\tconst path = toPath(\n\t\t\t\t\tvalues.map((value, index, { length }) => [\n\t\t\t\t\t\t(100 / (length - 1)) * index,\n\t\t\t\t\t\t100 - (Number(value) / steps.total) * 100,\n\t\t\t\t\t]),\n\t\t\t\t\tsmoothing / 100,\n\t\t\t\t);\n\n\t\t\t\tconst linePath = document.createElementNS(xmlns, \"path\");\n\t\t\t\tattr(linePath, \"class\", \"line\");\n\t\t\t\tattr(linePath, \"d\", path);\n\t\t\t\tattr(linePath, \"fill\", \"none\");\n\t\t\t\tattr(linePath, \"stroke\", \"currentColor\");\n\t\t\t\tconst lineBorder = linePath.cloneNode(true) as SVGPathElement;\n\t\t\t\tattr(lineBorder, \"class\", \"lineBorder\");\n\n\t\t\t\tif (variant === \"area\") {\n\t\t\t\t\tconst lineShade = linePath.cloneNode(true) as SVGPathElement;\n\t\t\t\t\tattr(lineShade, \"d\", `M-100,100 L${path.slice(1)}L200,100`);\n\t\t\t\t\tattr(lineShade, \"class\", \"lineShade\");\n\t\t\t\t\tline.append(lineShade);\n\t\t\t\t}\n\n\t\t\t\tvalues.forEach((value, index) => {\n\t\t\t\t\tconst col = createElement(\"div\", { role: \"listitem\" });\n\t\t\t\t\tcol.appendChild(\n\t\t\t\t\t\tcreateElement(\"div\", {\n\t\t\t\t\t\t\t\"aria-describedby\": legendIds[legendIndex],\n\t\t\t\t\t\t\ttabindex: \"0\",\n\t\t\t\t\t\t\ttitle: `${data[0][index + 1]}: ${value} (${legend})`,\n\t\t\t\t\t\t\tclass: \"linePoint\",\n\t\t\t\t\t\t\trole: \"img\",\n\t\t\t\t\t\t\tstyle: `--value: ${value}`,\n\t\t\t\t\t\t}),\n\t\t\t\t\t);\n\t\t\t\t\tlineContainer.append(col);\n\t\t\t\t});\n\n\t\t\t\tline.append(lineBorder, linePath);\n\t\t\t\tlineContainer.append(line);\n\t\t\t\tgroup.append(lineContainer);\n\t\t\t});\n\t\t\tgroups.append(group);\n\t\t}\n\n\t\tif (variant === \"doughnut\") {\n\t\t\tconst doughnut = document.createElementNS(xmlns, \"svg\");\n\t\t\tconst tot = data.slice(1).reduce((acc, [, val]) => acc + Number(val), 0);\n\t\t\tattr(doughnut, \"class\", \"doughnut\");\n\t\t\tattr(doughnut, \"viewBox\", \"0 0 100 100\");\n\n\t\t\tlet offset = 0;\n\t\t\tconst radius = 50;\n\t\t\tconst inner = 25;\n\n\t\t\tdata.slice(1).forEach(([label, value], legendIndex) => {\n\t\t\t\tconst path = document.createElementNS(xmlns, \"path\");\n\t\t\t\tconst start = offset / tot;\n\t\t\t\toffset += Number(value);\n\t\t\t\tconst end = offset / tot;\n\t\t\t\tconst largeArc = end - start > 0.5 ? 1 : 0;\n\t\t\t\tconst a0 = 2 * Math.PI * (start - 0.25);\n\t\t\t\tconst a1 = 2 * Math.PI * (end - 0.25);\n\t\t\t\tconst x0 = Math.cos(a0);\n\t\t\t\tconst y0 = Math.sin(a0);\n\t\t\t\tconst x1 = Math.cos(a1);\n\t\t\t\tconst y1 = Math.sin(a1);\n\t\t\t\tconst d = `M ${radius + inner * x0} ${radius + inner * y0} L ${radius + radius * x0} ${radius + radius * y0} A ${radius} ${radius} 0 ${largeArc} 1 ${radius + radius * x1} ${radius + radius * y1} L ${radius + inner * x1} ${radius + inner * y1} A ${inner} ${inner} 0 ${largeArc} 0 ${radius + inner * x0} ${radius + inner * y0}`;\n\n\t\t\t\tattr(path, \"aria-describedby\", legendIds[legendIndex]);\n\t\t\t\tattr(path, \"class\", `color-${legendIndex + 1}`);\n\t\t\t\tattr(path, \"d\", d);\n\t\t\t\tattr(path, \"role\", \"img\");\n\t\t\t\tattr(path, \"tabindex\", \"0\");\n\t\t\t\tattr(path, \"title\", label || null);\n\t\t\t\tdoughnut.appendChild(path);\n\t\t\t\tthis.shadowRoot?.append(doughnut);\n\t\t\t});\n\t\t}\n\n\t\tif (variant !== \"doughnut\") this.shadowRoot?.append(axis);\n\n\t\tlegend.append(...legends);\n\n\t\tthis.shadowRoot?.append(style, legend);\n\t}\n}\n\nif (IS_BROWSER && !window.customElements.get(\"mtds-chart\"))\n\twindow.customElements.define(\"mtds-chart\", MTDSChart);\n\n// Based on https://observablehq.com/@ndry/smooth-a-svg-path-with-cubic-bezier-curves\nconst toPath = (points: number[][], s: number) =>\n\tpoints.map(([x, y], i, a) => (i ? smooth(i, a, s) : `M${x},${y}`)).join(\" \");\nconst add = ([ax, ay]: number[], [bx, by]: number[]) => [ax + bx, ay + by];\nconst sub = ([ax, ay]: number[], [bx, by]: number[]) => [ax - bx, ay - by];\nconst scale = (s: number, [x, y]: number[]) => [s * x, s * y];\nconst smooth = (i: number, all: number[][], smooth: number) => {\n\tconst start = all[i - 1];\n\tconst end = all[i];\n\tconst [csX, csY] = add(start, scale(smooth, sub(end, all[i - 2] || start))); // start control point\n\tconst [ceX, ceY] = add(end, scale(smooth, sub(start, all[i + 1] || end))); // end control point\n\treturn `C ${csX},${csY} ${ceX},${ceY} ${end[0]},${end[1]}`;\n};\n\nconst getNum = new Intl.NumberFormat().format;\nconst toSteps = (max: number) => {\n\tconst digits = 10 ** (`${~~max}`.length - 1); // Get amount of digits in total number\n\tconst step = max / digits < 5 ? digits / 2 : digits; // If we get less than 5 steps, make smaller steps\n\tconst total = Math.ceil(max / step) * step;\n\tconst el = createElement(\"div\");\n\n\tel.classList.add(\"axisSteps\");\n\tel.append(\n\t\t...Array.from({ length: total / step + 1 }, (_, i) => getNum(step * i))\n\t\t\t.reverse()\n\t\t\t.map((num) => {\n\t\t\t\tconst label = createElement(\"div\", { class: \"axisLabel\" }, num);\n\t\t\t\tconst value = createElement(\"div\", { class: \"axisStep\" });\n\t\t\t\tvalue.append(label);\n\t\t\t\treturn value;\n\t\t\t}),\n\t);\n\n\treturn { total, el };\n};\n\n/**\n * createElement\n * @description creates element and assigns properties\n * @param taName The tagname of element to create\n * @param props Optional properties to add to the element\n * @return HTMLElement with props\n */\nconst createElement = <TagName extends keyof HTMLElementTagNameMap>(\n\ttagName: TagName,\n\tattrs?: Record<string, string | 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"],"names":["MTDSElement","xmlns","MTDSChart","max","rowMax","table","data","row","isTbody","rowTotal","values","cell","isTd","val","num","variant","type","attr","isVertical","isStacked","smoothing","style","createElement","css","axis","groups","steps","toSteps","legend","legends","text","index","legendIds","useId","groupLabel","group","content","label","legendIndex","lineContainer","line","path","toPath","value","length","linePath","lineBorder","lineShade","col","doughnut","tot","acc","offset","radius","inner","start","end","largeArc","a0","a1","x0","y0","x1","y1","d","IS_BROWSER","points","x","y","i","a","smooth","add","ax","ay","bx","by","sub","scale","s","all","csX","csY","ceX","ceY","getNum","digits","step","total","el","_","tagName","attrs","key"],"mappings":"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"}
+{"version":3,"file":"chart-element.js","sources":["../../designsystem/chart/chart-element.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, IS_BROWSER, MTDSElement, off, on, tag } from \"../utils\";\nimport css from \"./chart.css?raw\";\nimport { toAxis } from \"./chart-axis\";\nimport { toBars } from \"./chart-bars\";\nimport { toLines } from \"./chart-lines\";\nimport { toPies } from \"./chart-pies\";\n\nexport type ChartData = ReturnType<typeof toData>;\n\nconst EVENTS = \"click,keydown,mousemove,mouseout\";\nconst TOOLTIP_ID = \"mtds-chart-tooltip\";\nconst TOOLTIP = IS_BROWSER\n\t? document.getElementById(TOOLTIP_ID) ||\n\t\ttag(\"div\", { class: styles._tooltip, id: TOOLTIP_ID, hidden: \"\" })\n\t: null;\nexport class MTDSChart extends MTDSElement {\n\t_observer?: MutationObserver; // Using underscore instead of # for backwards compatibility\n\n\tstatic get observedAttributes() {\n\t\treturn [\"data-variant\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: \"open\" });\n\t}\n\tconnectedCallback() {\n\t\tthis._observer = new MutationObserver(\n\t\t\tthis.attributeChangedCallback.bind(this),\n\t\t);\n\t\tthis._observer.observe(this, {\n\t\t\tattributeFilter: [\"data-tooltip\"],\n\t\t\tattributes: true,\n\t\t\tcharacterData: true,\n\t\t\tchildList: true,\n\t\t\tsubtree: true,\n\t\t});\n\t\tthis.attributeChangedCallback(); // Initial setup\n\t\ton(this, EVENTS, this);\n\t}\n\tdisconnectedCallback() {\n\t\tif (TOOLTIP) TOOLTIP.hidden = true;\n\t\toff(this, EVENTS, this);\n\t\tthis._observer?.disconnect();\n\t\tthis._observer = undefined;\n\t}\n\tattributeChangedCallback() {\n\t\tArray.from(this.shadowRoot?.children || []).map((el) => el.remove()); // Clear shadowRoot\n\n\t\tconst data = toData(this.querySelector(\"table\"));\n\t\tconst [variant, type] = (attr(this, \"data-variant\") || \"bar\").split(\"-\");\n\t\tconst style = tag(\"style\", {}, css);\n\t\tconst legend = tag(\"div\", { class: \"legends\" });\n\t\tdata.slice(1).forEach(([{ value, style }]) => {\n\t\t\tlegend.appendChild(tag(\"div\", { class: \"legend\", style }, value));\n\t\t});\n\n\t\tconst { axis, groups, total } = toAxis(data, { type });\n\t\tif (variant === \"bar\" || variant === \"column\")\n\t\t\tgroups.append(...toBars(data));\n\t\tif (variant === \"line\" || variant === \"area\")\n\t\t\tgroups.append(toLines(data, { total, variant, type }));\n\t\tif (variant === \"doughnut\" || variant === \"pie\")\n\t\t\tthis.shadowRoot?.append(toPies(data, { variant }));\n\n\t\tthis.shadowRoot?.append(style, axis, legend);\n\t}\n\thandleEvent(e: Event) {\n\t\tif (e.type === \"click\" || e.type === \"keydown\") onClick(e, this);\n\t\telse onMoveTooltip(e as MouseEvent);\n\t}\n}\n\nfunction onClick(event: Event, self: MTDSChart) {\n\tif (event instanceof KeyboardEvent && event.key !== \"Enter\") return; // Only handle enter key\n\tconst el = event.composedPath()[0];\n\tconst table = self.querySelector(\"table\");\n\tconst [tr, td] =\n\t\t(el instanceof Element && attr(el, \"data-event\")?.split(\"-\").map(Number)) ||\n\t\t[];\n\n\ttable?.rows[tr]?.cells[td]?.querySelector<HTMLElement>(\"a,button\")?.click?.();\n}\n\nlet TOOLTIP_TEXT = \"\";\nfunction onMoveTooltip(event: MouseEvent) {\n\tif (!TOOLTIP) return;\n\tif (!TOOLTIP?.isConnected) document.body.append(TOOLTIP); // Ensure connected\n\n\tconst el = event.composedPath()[0];\n\tconst tip = (el instanceof Element && el.getAttribute(\"aria-label\")) || \"\";\n\n\tif (tip)\n\t\tTOOLTIP.style.transform = `translate(${event.clientX}px, ${event.clientY}px)`;\n\tif (tip !== TOOLTIP_TEXT) {\n\t\tif (tip) TOOLTIP.textContent = tip;\n\t\tTOOLTIP_TEXT = tip;\n\t\tTOOLTIP.hidden = !tip;\n\t}\n}\n\nconst text = (el?: Element | null) => el?.textContent?.trim() || \"\"; // Helper to get trimmed text\nconst toData = (table?: HTMLTableElement | null) =>\n\tArray.from(table?.rows || [], (row, rowIndex) =>\n\t\tArray.from(row.cells, (cell, cellIndex) => ({\n\t\t\tnumber: (cellIndex && rowIndex && Number.parseFloat(text(cell))) || 0, // First row and column is not a number\n\t\t\tevent: cell.querySelector(\"a,button\") && `${rowIndex}-${cellIndex}`, // Reference to proxy events\n\t\t\tstyle: `--color: var(--mtdsc-chart-color-${rowIndex}, var(--mtdsc-chart-color))`,\n\t\t\tvalue: text(cell),\n\t\t\ttooltip:\n\t\t\t\tattr(cell, \"data-tooltip\") ||\n\t\t\t\t`${text(row.cells[0])}: ${text(cell)} (${text(table?.rows[0].cells[cellIndex])})`,\n\t\t})),\n\t);\n\nif (IS_BROWSER && !window.customElements.get(\"mtds-chart\"))\n\twindow.customElements.define(\"mtds-chart\", MTDSChart);\n"],"names":["EVENTS","TOOLTIP_ID","TOOLTIP","IS_BROWSER","tag","styles","MTDSChart","MTDSElement","on","off","el","data","toData","variant","type","attr","style","css","legend","value","axis","groups","total","toAxis","toBars","toLines","toPies","onClick","event","self","table","tr","td","TOOLTIP_TEXT","onMoveTooltip","tip","text","row","rowIndex","cell","cellIndex"],"mappings":"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"}

package/mtds/chart/chart-lines.d.ts

@@ -0,0 +1,8 @@
+import { ChartData } from './chart-element';
+type Config = {
+    total: number;
+    type: string;
+    variant: string;
+};
+export declare function toLines(data: ChartData, { total, type, variant }: Config): HTMLDivElement;
+export {};