@mattilsynet/design 2.2.24 → 2.2.25

package/mtds/alert/alert.js

@@ -1,12 +1,13 @@
-import { jsx as m } from "react/jsx-runtime";
-import f from "clsx";
-import { forwardRef as s } from "react";
-import a from "../styles.module.css.js";
-const x = s(function({ as: t, className: e, ...o }, l) {
-  const r = t || "output";
-  return !o.role && r !== "output" && Object.assign(o, { role: "alert" }), /* @__PURE__ */ m(r, { className: f(a.alert, e), ref: l, ...o });
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import styles from "../styles.module.css.js";
+const Alert = forwardRef(function Alert2({ as, className, ...rest }, ref) {
+  const Tag = as || "output";
+  if (!rest.role && Tag !== "output") Object.assign(rest, { role: "alert" });
+  return /* @__PURE__ */ jsx(Tag, { className: clsx(styles.alert, className), ref, ...rest });
 });
 export {
-  x as Alert
+  Alert
 };
 //# sourceMappingURL=alert.js.map

package/mtds/alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../designsystem/alert/alert.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type AlertProps<As extends React.ElementType = \"output\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{ \"data-color\"?: \"info\" | \"success\" | \"warning\" | \"danger\" | \"neutral\" }\n\t>;\n\ntype AlertComponent = <As extends React.ElementType = \"output\">(\n\tprops: AlertProps<As>,\n) => JSX.Element;\n\nexport const Alert: AlertComponent = forwardRef<null>(function Alert<\n\tAs extends React.ElementType = \"output\",\n>({ as, className, ...rest }: AlertProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"output\";\n\n\tif (!rest.role && Tag !== \"output\") Object.assign(rest, { role: \"alert\" }); // Ensure role is set to 'alert' if not <output>\n\n\treturn <Tag className={clsx(styles.alert, className)} ref={ref} {...rest} />;\n}) as AlertComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Alert","forwardRef","as","className","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AAkBO,MAAMA,IAAwBC,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAwBC,GAA0B;AACvE,QAAMC,IAAMJ,KAAM;AAElB,SAAI,CAACE,EAAK,QAAQE,MAAQ,YAAU,OAAO,OAAOF,GAAM,EAAE,MAAM,QAAA,CAAS,GAElE,gBAAAG,EAACD,GAAA,EAAI,WAAWE,EAAKC,EAAO,OAAON,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC3E,CAAC;"}
+{"version":3,"file":"alert.js","sources":["../../designsystem/alert/alert.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type AlertProps<As extends React.ElementType = \"output\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{ \"data-color\"?: \"info\" | \"success\" | \"warning\" | \"danger\" | \"neutral\" }\n\t>;\n\ntype AlertComponent = <As extends React.ElementType = \"output\">(\n\tprops: AlertProps<As>,\n) => JSX.Element;\n\nexport const Alert: AlertComponent = forwardRef<null>(function Alert<\n\tAs extends React.ElementType = \"output\",\n>({ as, className, ...rest }: AlertProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"output\";\n\n\tif (!rest.role && Tag !== \"output\") Object.assign(rest, { role: \"alert\" }); // Ensure role is set to 'alert' if not <output>\n\n\treturn <Tag className={clsx(styles.alert, className)} ref={ref} {...rest} />;\n}) as AlertComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Alert"],"mappings":";;;;AAkBO,MAAM,QAAwB,WAAiB,SAASA,OAE7D,EAAE,IAAI,WAAW,GAAG,KAAA,GAAwB,KAA0B;AACvE,QAAM,MAAM,MAAM;AAElB,MAAI,CAAC,KAAK,QAAQ,QAAQ,SAAU,QAAO,OAAO,MAAM,EAAE,MAAM,QAAA,CAAS;AAEzE,SAAO,oBAAC,KAAA,EAAI,WAAW,KAAK,OAAO,OAAO,SAAS,GAAG,KAAW,GAAG,KAAA,CAAM;AAC3E,CAAC;"}

package/mtds/analytics/analytics.d.ts

@@ -15,7 +15,7 @@ export type AnalyticsActions = {
         matomoId: number | string;
         matomoTagManagerId?: never;
     } | {
-        matomoId?: never;
+        matomoId?: number | string;
         matomoTagManagerId: string;
     });
     pageview: {

package/mtds/analytics/analytics.js

@@ -1,120 +1,182 @@
-import m from "../styles.module.css.js";
-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",
-        ...window._mtdsTracking,
-        ...a
-      };
-      const { consent: e, enabled: o, matomoId: n, matomoTagManagerId: r } = window._mtdsTracking;
-      if (n && window._paq.push(["setSiteId", n]), o) {
-        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(b("script", { async: "", src: l }));
-      }
-    }
-    if (window._mtdsTracking?.enabled !== !1) {
-      if (window._mtdsTracking?.enabled === "debug")
-        return console.info(`analytics ${t}:`, a);
-      if (t === "pageview") {
-        const { url: e, title: o } = a;
-        window._paq.push(["setCustomUrl", e || location.href]), window._paq.push(["setDocumentTitle", o || document.title]), window._paq.push(["trackPageView"]);
-      } else if (t === "event") {
-        const { category: e, action: o, name: n, value: r } = a, l = ["trackEvent", e, o, n, r];
-        let c = location.href;
-        window._paq.push([
-          function() {
-            c = this.getCurrentUrl();
-          }
-        ]), 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,
-          category: o = !1,
-          results: n = !1
-        } = a;
-        window._paq.push(["trackSiteSearch", e, o, n]);
-      } else t === "matomo" && window._paq.push(a);
+import styles from "../styles.module.css.js";
+import { onLoaded, isBrowser, tag, on, QUICK_EVENT, attr } from "../utils.js";
+const CSS_BREADCRUMBS = `.${styles.breadcrumbs.split(" ")[0]}`;
+const CSS_CARD = `.${styles.card.split(" ")[0]}`;
+const CSS_CHIP = `.${styles.chip.split(" ")[0]}`;
+const CSS_HELPTEXT = `.${styles.helptext.split(" ")[0]}`;
+const CSS_PAGINATION = `.${styles.pagination.split(" ")[0]}`;
+const CLICKS = `summary,u-summary,a,button,[role="tab"],[role="button"]`;
+const EVENTS = "click,toggle,submit,change";
+const MATOMO = "mattilsynet.matomo.cloud";
+const BANNER = "mtds-analytics-banner";
+const BANNER_URL = "https://www.mattilsynet.no/om-mattilsynet/personvernerklaering/informasjonskapsler";
+function analytics(action, args = {}) {
+  if (!isBrowser()) return;
+  if (!window._paq) {
+    window._paq = [];
+    window._paq.push(["HeatmapSessionRecording::disable"]);
+    window._paq.push(["enableLinkTracking"]);
+    window._paq.push(["setTrackerUrl", `https://${MATOMO}/matomo.php`]);
+  }
+  if (!window._mtm) {
+    window._mtm = window._mtm || [];
+    window._mtm.push({ "mtm.startTime": Date.now(), event: "mtm.Start" });
+  }
+  if (action === "init") {
+    window._mtdsTracking = {
+      enabled: window.location.hostname !== "localhost",
+      ...window._mtdsTracking,
+      ...args
+    };
+    const { consent, enabled, matomoId, matomoTagManagerId } = window._mtdsTracking;
+    if (matomoId) window._paq.push(["setSiteId", matomoId]);
+    if (enabled) {
+      if (consent !== "custom") renderBanner();
+      const src = matomoTagManagerId ? `https://cdn.matomo.cloud/${MATOMO}/container_${matomoTagManagerId}.js` : `https://cdn.matomo.cloud/${MATOMO}/matomo.js`;
+      document.querySelector(`script[src="${src}"]`) || document.head.append(tag("script", { async: "", src }));
     }
   }
+  if (window._mtdsTracking?.enabled === false) return;
+  if (window._mtdsTracking?.enabled === "debug")
+    return console.info(`analytics ${action}:`, args);
+  if (action === "pageview") {
+    const { url, title } = args;
+    window._paq.push(["setCustomUrl", url || location.href]);
+    window._paq.push(["setDocumentTitle", title || document.title]);
+    window._paq.push(["trackPageView"]);
+  } else if (action === "event") {
+    const { category, action: action2, name, value } = args;
+    const event = ["trackEvent", category, action2, name, value];
+    let url = location.href;
+    window._paq.push([
+      function() {
+        url = this.getCurrentUrl();
+      }
+    ]);
+    window._paq.push(["setCustomUrl", url.split("#")[0]]);
+    window._paq.push(event.filter((v) => v !== void 0));
+    window._paq.push(["setCustomUrl", url]);
+  } else if (action === "search") {
+    const {
+      query,
+      category = false,
+      results = false
+    } = args;
+    window._paq.push(["trackSiteSearch", query, category, results]);
+  } else if (action === "matomo") {
+    const props = args;
+    if (props?.[0] === "setReferrerUrl" && !props[1]) props[1] = "";
+    window._paq.push(props);
+  }
 }
-function $() {
-  if (document.getElementById(s) || window.localStorage.getItem(s)) return;
+function renderBanner() {
+  const hasSeenBanner = document.getElementById(BANNER) || window.localStorage.getItem(BANNER);
+  if (hasSeenBanner) return;
   document.body.insertAdjacentHTML(
     "afterbegin",
-    `<dialog id="${s}" data-analytics="ignore"><style>
-				#${s}[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 }
-				#${s} 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 }
-				#${s} button:focus-visible { outline: 2px solid }
-				#${s} button:hover { background: #0a4e4f }
-				#${s} button:active { background: #054449; scale: .9 }
-				#${s} p { margin: 0 .25em }
+    `<dialog id="${BANNER}" data-analytics="ignore"><style>
+				#${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 }
+				#${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 }
+				#${BANNER} button:focus-visible { outline: 2px solid }
+				#${BANNER} button:hover { background: #0a4e4f }
+				#${BANNER} button:active { background: #054449; scale: .9 }
+				#${BANNER} p { margin: 0 .25em }
 			</style>
-			<p>Vi bruker <a href="${E}" target="_blank">informasjonskapsler</a> for å forbedre brukeropplevelsen.</p>
+			<p>Vi bruker <a href="${BANNER_URL}" target="_blank">informasjonskapsler</a> for å forbedre brukeropplevelsen.</p>
 			<form method="dialog" data-analytics="ignore"><button type="submit" aria-label="OK">&times;</button></form>
 		</dialog>`
   );
-  const a = document.getElementById(s), e = () => window.localStorage.setItem(s, "seen");
-  a.addEventListener("close", e, { once: !0 }), a.show();
+  const banner = document.getElementById(BANNER);
+  const onClose = () => window.localStorage.setItem(BANNER, "seen");
+  banner.addEventListener("close", onClose, { once: true });
+  banner.show();
 }
-function A(t) {
-  window._mtdsTracking?.enabled && setTimeout(I, 0, t);
+function handleAnalyticsTrack(event) {
+  if (window._mtdsTracking?.enabled) setTimeout(processTrack, 0, event);
 }
-function I({ type: t, target: a }) {
-  const e = t === "click" ? a?.closest?.(x) : a;
-  if (!(e instanceof Element) || e.closest('[data-analytics="ignore"]'))
+function processTrack({ type, target }) {
+  const el = type === "click" ? target?.closest?.(CLICKS) : target;
+  if (!(el instanceof Element) || el.closest('[data-analytics="ignore"]'))
     return;
-  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") {
-    if (!e.matches("dialog:modal")) return;
-    n = "Dialog", o = "open";
-  } else if (t === "change") {
-    const l = i(e, "type"), c = l === "checkbox" || l === "radio" ? e.closest("fieldset") : null;
-    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 (!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 = L(e, "--mtds-tooltip-position") === "none";
-    n = "Sidebar", o = l ? "expand" : "minimize", r = l && i(e, "data-tooltip") || d(e);
-  } else if (e.closest(k))
-    n = "Breadcrumbs", o = "navigate";
-  else if (e.closest(T))
-    n = "Pagintation", o = "navigate";
-  else if (e.closest(S))
-    n = "Card", o = e instanceof HTMLAnchorElement ? "navigate" : "click";
-  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";
-  else if (e instanceof HTMLAnchorElement)
-    n = "Link", o = e.protocol === "mailto:" ? "email" : "navigate", e.hasAttribute("download") ? o = "download" : e.hash && e.href.startsWith(location.href.split("#")[0]) && (o = "anchor");
-  else if (e.hasAttribute("aria-expanded")) {
-    if (i(e, "aria-expanded") !== "true") return;
-    n = "Expand", o = "open";
+  let action = "click";
+  let category = "Button";
+  let name = label(el) || heading(el) || attr(el, "data-tooltip") || "";
+  if (type === "submit") {
+    category = "Form";
+    action = "submit";
+    name = name || document.title;
+  } else if (type === "toggle") {
+    if (!el.matches("dialog:modal")) return;
+    category = "Dialog";
+    action = "open";
+  } else if (type === "change") {
+    const type2 = attr(el, "type");
+    const group = type2 === "checkbox" || type2 === "radio" ? el.closest("fieldset") : null;
+    category = el.closest(CSS_CHIP) ? "Chip" : "Form";
+    action = "change";
+    name = label(group || el) || text(group?.querySelector("legend")) || text(el?.labels?.[0]);
+  } else if (attr(el, "role") === "tab") {
+    category = "Tab";
+    action = "navigate";
+  } else if (attr(el, "popovertarget")) {
+    if (!popover(el)?.matches(":popover-open")) return;
+    category = el.closest(CSS_HELPTEXT) ? "HelpText" : "Popover";
+    action = "open";
+  } else if (el.nodeName.endsWith("SUMMARY")) {
+    if (!el.parentElement.open) return;
+    category = "Details";
+    action = "open";
+  } else if (attr(el, "data-command") === "toggle-app-expanded") {
+    const open = style(el, "--mtds-tooltip-position") === "none";
+    category = "Sidebar";
+    action = open ? "expand" : "minimize";
+    name = open && attr(el, "data-tooltip") || text(el);
+  } else if (el.closest(CSS_BREADCRUMBS)) {
+    category = "Breadcrumbs";
+    action = "navigate";
+  } else if (el.closest(CSS_PAGINATION)) {
+    category = "Pagintation";
+    action = "navigate";
+  } else if (el.closest(CSS_CARD)) {
+    category = "Card";
+    action = el instanceof HTMLAnchorElement ? "navigate" : "click";
+  } else if (el.closest(CSS_CHIP)) {
+    category = "Chip";
+    action = el.hasAttribute("data-removable") ? "remove" : "click";
+  } else if (el.closest("th[aria-sort]")) {
+    category = "Table";
+    action = "sort";
+  } else if (el instanceof HTMLAnchorElement) {
+    category = "Link";
+    action = el.protocol === "mailto:" ? "email" : "navigate";
+    if (el.hasAttribute("download")) action = "download";
+    else if (el.hash && el.href.startsWith(location.href.split("#")[0]))
+      action = "anchor";
+  } else if (el.hasAttribute("aria-expanded")) {
+    if (attr(el, "aria-expanded") !== "true") return;
+    category = "Expand";
+    action = "open";
+  } else if (el.nodeName.startsWith("MTDS-ATLAS-")) {
+    category = "Map Marker";
+    action = "open";
   }
-  q("event", {
-    category: i(e, "data-analytics-category") ?? n,
-    action: i(e, "data-analytics-action") ?? o,
-    name: i(e, "data-analytics-name") ?? r
+  analytics("event", {
+    category: attr(el, "data-analytics-category") ?? category,
+    action: attr(el, "data-analytics-action") ?? action,
+    name: attr(el, "data-analytics-name") ?? name
   });
 }
-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();
+const text = (el) => el?.textContent?.trim() || "";
+const label = (el) => el && attr(el, "aria-label") || "";
+const popover = (el) => document.getElementById(attr(el, "popovertarget") || "");
+const style = (el, key) => window.getComputedStyle(el).getPropertyValue(key)?.trim();
+const heading = (el) => {
+  const body = text(el);
+  const head = text(el.querySelector("h1,h2,h3,h4,h5,h6"));
+  return body.startsWith(head) && head || body.slice(0, 100).trim();
 };
-w(() => [y(document, C, A, _)]);
+onLoaded(() => [on(document, EVENTS, handleAnalyticsTrack, QUICK_EVENT)]);
 export {
-  q as analytics
+  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, 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 handleAnalyticsTrack(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, handleAnalyticsTrack, 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","handleAnalyticsTrack","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, isBrowser, 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?: number | string;\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 (!isBrowser()) 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\tconst props = args as AnalyticsActions[\"matomo\"];\n\t\tif (props?.[0] === \"setReferrerUrl\" && !props[1]) props[1] = \"\"; // Matomo dies if referrer is undefined\n\t\twindow._paq.push(props);\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 handleAnalyticsTrack(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} else if (el.nodeName.startsWith(\"MTDS-ATLAS-\")) {\n\t\tcategory = \"Map Marker\";\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, handleAnalyticsTrack, QUICK_EVENT)]);\n"],"names":["action","type"],"mappings":"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"}

package/mtds/app/app-observer.js

@@ -1,38 +1,84 @@
-import m from "../styles.module.css.js";
-import { IS_BROWSER as w, onLoaded as _, on as r, QUICK_EVENT as p, debounce as E } from "../utils.js";
+import styles from "../styles.module.css.js";
+import { isBrowser, onLoaded, on, QUICK_EVENT, debounce } from "../utils.js";
 import "./app-toggle2.js";
-const g = m.app.split(" ")[0], P = m.sticky.split(" ")[0], I = '[data-command="toggle-app-expanded"]', S = `.${g} > dialog,.${g} dialog ~ main`, u = w ? document.getElementsByClassName(P) : [], C = (t) => {
-  document.startViewTransition ? document.startViewTransition(t) : t();
-}, h = (t) => (
+const CSS_APP = styles.app.split(" ")[0];
+const CSS_STICKY = styles.sticky.split(" ")[0];
+const CSS_TOGGLE = '[data-command="toggle-app-expanded"]';
+const CSS_SIDEBAR = `.${CSS_APP} > dialog,.${CSS_APP} dialog ~ main`;
+const STICKIES = isBrowser() ? document.getElementsByClassName(CSS_STICKY) : [];
+const useTransition = (callback) => {
+  if (!document.startViewTransition) callback();
+  else document.startViewTransition(callback);
+};
+const toggleAppExpanded = (force) => (
   // @ts-expect-error window.mtdsAppToggle comes from app-toggle.js
-  C(() => window.mtdsToggleAppExpanded?.(t))
+  useTransition(() => window.mtdsToggleAppExpanded?.(force))
 );
-function x({ target: t, defaultPrevented: i }) {
-  const n = t?.closest?.("a");
-  if (n?.closest("dialog") && n?.closest(S))
-    return T();
-  if (i || !(t instanceof HTMLButtonElement) || !t.matches(I))
+function handleAppToggleClick({ target: el, defaultPrevented: stop }) {
+  const link = el?.closest?.("a");
+  if (link?.closest("dialog") && link?.closest(CSS_SIDEBAR))
+    return closeSidebar();
+  if (stop || !(el instanceof HTMLButtonElement) || !el.matches(CSS_TOGGLE))
     return;
-  getComputedStyle(t).position === "sticky" ? h() : C(() => {
-    const f = document.querySelector(S);
-    f?.setAttribute("data-closedby", "any"), f?.showModal();
-  });
+  const isDesktop = getComputedStyle(el).position === "sticky";
+  if (isDesktop) toggleAppExpanded();
+  else
+    useTransition(() => {
+      const sidebar = document.querySelector(CSS_SIDEBAR);
+      sidebar?.setAttribute("data-closedby", "any");
+      sidebar?.showModal();
+    });
 }
-function T() {
-  document.querySelector(S)?.close();
+function closeSidebar() {
+  document.querySelector(CSS_SIDEBAR)?.close();
 }
-let c = 0, s, e = 0, d = 0, l = 0, a = !1, y = 0, o = 0;
-function k() {
-  if (!u?.length) return;
-  const t = u[0], i = window.scrollY, n = i < o;
-  o = i, n !== s && (c = (t.parentElement?.getBoundingClientRect().top || 0) + o, s = n, d = t.offsetHeight, l = t.getBoundingClientRect().top + o, a = t.offsetHeight <= window.innerHeight, y = window.innerHeight), !(e === -1 && a) && (e !== -1 && (a || s && o <= l) ? (t.style.setProperty("--pos", "sticky"), t.style.setProperty("--top", "0px"), e = -1) : e === -1 && !s ? (t.style.setProperty("--pos", "relative"), t.style.setProperty("--top", `${Math.max(0, o - c)}px`), e = 0) : e !== 1 && !s && o + y >= l + d ? (t.style.setProperty("--pos", "sticky"), t.style.setProperty("--top", `${y - d}px`), e = 1) : e === 1 && s && (t.style.setProperty("--pos", "relative"), t.style.setProperty("--top", `${l - c}px`), e = 0));
+let MIN_Y = 0;
+let SCROLL_UP;
+let STICK = 0;
+let STICK_H = 0;
+let STICK_Y = 0;
+let STUCK = false;
+let WIN_H = 0;
+let WIN_Y = 0;
+function handleAppScroll() {
+  if (!STICKIES?.length) return;
+  const el = STICKIES[0];
+  const NEXT_Y = window.scrollY;
+  const NEXT_UP = NEXT_Y < WIN_Y;
+  WIN_Y = NEXT_Y;
+  if (NEXT_UP !== SCROLL_UP) {
+    MIN_Y = (el.parentElement?.getBoundingClientRect().top || 0) + WIN_Y;
+    SCROLL_UP = NEXT_UP;
+    STICK_H = el.offsetHeight;
+    STICK_Y = el.getBoundingClientRect().top + WIN_Y;
+    STUCK = el.offsetHeight <= window.innerHeight;
+    WIN_H = window.innerHeight;
+  }
+  if (STICK === -1 && STUCK) return;
+  if (STICK !== -1 && (STUCK || SCROLL_UP && WIN_Y <= STICK_Y)) {
+    el.style.setProperty("--pos", "sticky");
+    el.style.setProperty("--top", "0px");
+    STICK = -1;
+  } else if (STICK === -1 && !SCROLL_UP) {
+    el.style.setProperty("--pos", "relative");
+    el.style.setProperty("--top", `${Math.max(0, WIN_Y - MIN_Y)}px`);
+    STICK = 0;
+  } else if (STICK !== 1 && !SCROLL_UP && WIN_Y + WIN_H >= STICK_Y + STICK_H) {
+    el.style.setProperty("--pos", "sticky");
+    el.style.setProperty("--top", `${WIN_H - STICK_H}px`);
+    STICK = 1;
+  } else if (STICK === 1 && SCROLL_UP) {
+    el.style.setProperty("--pos", "relative");
+    el.style.setProperty("--top", `${STICK_Y - MIN_Y}px`);
+    STICK = 0;
+  }
 }
-_(() => [
-  r(document, "click", x, p),
-  r(window, "resize", E(T, 100), p),
-  r(window, "scroll", k, p)
+onLoaded(() => [
+  on(document, "click", handleAppToggleClick, QUICK_EVENT),
+  on(window, "resize", debounce(closeSidebar, 100), QUICK_EVENT),
+  on(window, "scroll", handleAppScroll, QUICK_EVENT)
 ]);
 export {
-  h as toggleAppExpanded
+  toggleAppExpanded
 };
 //# sourceMappingURL=app-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"app-observer.js","sources":["../../designsystem/app/app-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { debounce, IS_BROWSER, on, onLoaded, QUICK_EVENT } from \"../utils\";\nimport \"./app-toggle\";\n\nconst CSS_APP = styles.app.split(\" \")[0];\nconst CSS_STICKY = styles.sticky.split(\" \")[0];\nconst CSS_TOGGLE = '[data-command=\"toggle-app-expanded\"]';\nconst CSS_SIDEBAR = `.${CSS_APP} > dialog,.${CSS_APP} dialog ~ main`;\nconst STICKIES = IS_BROWSER ? document.getElementsByClassName(CSS_STICKY) : [];\n\nconst useTransition = (callback: () => void) => {\n\tif (!document.startViewTransition) callback();\n\telse document.startViewTransition(callback);\n};\n\nexport const toggleAppExpanded = (force?: boolean) =>\n\t// @ts-expect-error window.mtdsAppToggle comes from app-toggle.js\n\tuseTransition(() => window.mtdsToggleAppExpanded?.(force));\n\nfunction handleAppToggleClick({ target: el, defaultPrevented: stop }: Event) {\n\tconst link = (el as Element)?.closest?.(\"a\");\n\tif (link?.closest(\"dialog\") && link?.closest(CSS_SIDEBAR))\n\t\treturn closeSidebar(); // Close sidebar if link is clicked inside sidebar\n\n\tif (stop || !(el instanceof HTMLButtonElement) || !el.matches(CSS_TOGGLE))\n\t\treturn;\n\tconst isDesktop = getComputedStyle(el).position === \"sticky\";\n\n\tif (isDesktop) toggleAppExpanded();\n\telse\n\t\tuseTransition(() => {\n\t\t\tconst sidebar = document.querySelector<HTMLDialogElement>(CSS_SIDEBAR);\n\t\t\tsidebar?.setAttribute(\"data-closedby\", \"any\"); // Allow closing by clicking outside\n\t\t\tsidebar?.showModal();\n\t\t});\n}\n\nfunction closeSidebar() {\n\tdocument.querySelector<HTMLDialogElement>(CSS_SIDEBAR)?.close();\n}\n\n// Scroll state\nlet MIN_Y = 0; // Offset to avoid scroll jump when sticky is set to relative\nlet SCROLL_UP: boolean;\nlet STICK = 0; // -1 = stick top, 0 = relative, 1 = stick bottom\nlet STICK_H = 0;\nlet STICK_Y = 0;\nlet STUCK = false; // Used to figure if nav is larger than viewport\nlet WIN_H = 0;\nlet WIN_Y = 0;\n\nfunction handleAppScroll() {\n\tif (!STICKIES?.length) return;\n\tconst el = STICKIES[0] as HTMLElement;\n\tconst NEXT_Y = window.scrollY;\n\tconst NEXT_UP = NEXT_Y < WIN_Y;\n\tWIN_Y = NEXT_Y;\n\n\t// Only calculate if scroll direction has changed\n\tif (NEXT_UP !== SCROLL_UP) {\n\t\tMIN_Y = (el.parentElement?.getBoundingClientRect().top || 0) + WIN_Y;\n\t\tSCROLL_UP = NEXT_UP;\n\t\tSTICK_H = el.offsetHeight;\n\t\tSTICK_Y = el.getBoundingClientRect().top + WIN_Y;\n\t\tSTUCK = el.offsetHeight <= window.innerHeight;\n\t\tWIN_H = window.innerHeight;\n\t}\n\n\tif (STICK === -1 && STUCK) return; // Allways sticky when sidebar is smaller than viewport\n\tif (STICK !== -1 && (STUCK || (SCROLL_UP && WIN_Y <= STICK_Y))) {\n\t\tel.style.setProperty(\"--pos\", \"sticky\");\n\t\tel.style.setProperty(\"--top\", \"0px\");\n\t\tSTICK = -1; // Not sticking to top and sidebar is smaller than viewport or scrolling up\n\t} else if (STICK === -1 && !SCROLL_UP) {\n\t\tel.style.setProperty(\"--pos\", \"relative\");\n\t\tel.style.setProperty(\"--top\", `${Math.max(0, WIN_Y - MIN_Y)}px`);\n\t\tSTICK = 0; // Sticking to top and scrolling down\n\t} else if (STICK !== 1 && !SCROLL_UP && WIN_Y + WIN_H >= STICK_Y + STICK_H) {\n\t\tel.style.setProperty(\"--pos\", \"sticky\");\n\t\tel.style.setProperty(\"--top\", `${WIN_H - STICK_H}px`);\n\t\tSTICK = 1; // Not sticking to bottom and scrolling down\n\t} else if (STICK === 1 && SCROLL_UP) {\n\t\tel.style.setProperty(\"--pos\", \"relative\");\n\t\tel.style.setProperty(\"--top\", `${STICK_Y - MIN_Y}px`);\n\t\tSTICK = 0; // Sticking to bottom and scrolling up\n\t}\n}\n\nonLoaded(() => [\n\ton(document, \"click\", handleAppToggleClick, QUICK_EVENT),\n\ton(window, \"resize\", debounce(closeSidebar, 100), QUICK_EVENT),\n\ton(window, \"scroll\", handleAppScroll, QUICK_EVENT),\n]);\n"],"names":["CSS_APP","styles","CSS_STICKY","CSS_TOGGLE","CSS_SIDEBAR","STICKIES","IS_BROWSER","useTransition","callback","toggleAppExpanded","force","handleAppToggleClick","el","stop","link","closeSidebar","sidebar","MIN_Y","SCROLL_UP","STICK","STICK_H","STICK_Y","STUCK","WIN_H","WIN_Y","handleAppScroll","NEXT_Y","NEXT_UP","onLoaded","on","QUICK_EVENT","debounce"],"mappings":";;;AAIA,MAAMA,IAAUC,EAAO,IAAI,MAAM,GAAG,EAAE,CAAC,GACjCC,IAAaD,EAAO,OAAO,MAAM,GAAG,EAAE,CAAC,GACvCE,IAAa,wCACbC,IAAc,IAAIJ,CAAO,cAAcA,CAAO,kBAC9CK,IAAWC,IAAa,SAAS,uBAAuBJ,CAAU,IAAI,CAAA,GAEtEK,IAAgB,CAACC,MAAyB;AAC/C,EAAK,SAAS,sBACT,SAAS,oBAAoBA,CAAQ,IADPA,EAAA;AAEpC,GAEaC,IAAoB,CAACC;AAAA;AAAA,EAEjCH,EAAc,MAAM,OAAO,wBAAwBG,CAAK,CAAC;AAAA;AAE1D,SAASC,EAAqB,EAAE,QAAQC,GAAI,kBAAkBC,KAAe;AAC5E,QAAMC,IAAQF,GAAgB,UAAU,GAAG;AAC3C,MAAIE,GAAM,QAAQ,QAAQ,KAAKA,GAAM,QAAQV,CAAW;AACvD,WAAOW,EAAA;AAER,MAAIF,KAAQ,EAAED,aAAc,sBAAsB,CAACA,EAAG,QAAQT,CAAU;AACvE;AAGD,EAFkB,iBAAiBS,CAAE,EAAE,aAAa,WAErCH,EAAA,IAEdF,EAAc,MAAM;AACnB,UAAMS,IAAU,SAAS,cAAiCZ,CAAW;AACrE,IAAAY,GAAS,aAAa,iBAAiB,KAAK,GAC5CA,GAAS,UAAA;AAAA,EACV,CAAC;AACH;AAEA,SAASD,IAAe;AACvB,WAAS,cAAiCX,CAAW,GAAG,MAAA;AACzD;AAGA,IAAIa,IAAQ,GACRC,GACAC,IAAQ,GACRC,IAAU,GACVC,IAAU,GACVC,IAAQ,IACRC,IAAQ,GACRC,IAAQ;AAEZ,SAASC,IAAkB;AAC1B,MAAI,CAACpB,GAAU,OAAQ;AACvB,QAAMO,IAAKP,EAAS,CAAC,GACfqB,IAAS,OAAO,SAChBC,IAAUD,IAASF;AAazB,EAZAA,IAAQE,GAGJC,MAAYT,MACfD,KAASL,EAAG,eAAe,sBAAA,EAAwB,OAAO,KAAKY,GAC/DN,IAAYS,GACZP,IAAUR,EAAG,cACbS,IAAUT,EAAG,sBAAA,EAAwB,MAAMY,GAC3CF,IAAQV,EAAG,gBAAgB,OAAO,aAClCW,IAAQ,OAAO,cAGZ,EAAAJ,MAAU,MAAMG,OAChBH,MAAU,OAAOG,KAAUJ,KAAaM,KAASH,MACpDT,EAAG,MAAM,YAAY,SAAS,QAAQ,GACtCA,EAAG,MAAM,YAAY,SAAS,KAAK,GACnCO,IAAQ,MACEA,MAAU,MAAM,CAACD,KAC3BN,EAAG,MAAM,YAAY,SAAS,UAAU,GACxCA,EAAG,MAAM,YAAY,SAAS,GAAG,KAAK,IAAI,GAAGY,IAAQP,CAAK,CAAC,IAAI,GAC/DE,IAAQ,KACEA,MAAU,KAAK,CAACD,KAAaM,IAAQD,KAASF,IAAUD,KAClER,EAAG,MAAM,YAAY,SAAS,QAAQ,GACtCA,EAAG,MAAM,YAAY,SAAS,GAAGW,IAAQH,CAAO,IAAI,GACpDD,IAAQ,KACEA,MAAU,KAAKD,MACzBN,EAAG,MAAM,YAAY,SAAS,UAAU,GACxCA,EAAG,MAAM,YAAY,SAAS,GAAGS,IAAUJ,CAAK,IAAI,GACpDE,IAAQ;AAEV;AAEAS,EAAS,MAAM;AAAA,EACdC,EAAG,UAAU,SAASlB,GAAsBmB,CAAW;AAAA,EACvDD,EAAG,QAAQ,UAAUE,EAAShB,GAAc,GAAG,GAAGe,CAAW;AAAA,EAC7DD,EAAG,QAAQ,UAAUJ,GAAiBK,CAAW;AAClD,CAAC;"}
+{"version":3,"file":"app-observer.js","sources":["../../designsystem/app/app-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { debounce, isBrowser, on, onLoaded, QUICK_EVENT } from \"../utils\";\nimport \"./app-toggle\";\n\nconst CSS_APP = styles.app.split(\" \")[0];\nconst CSS_STICKY = styles.sticky.split(\" \")[0];\nconst CSS_TOGGLE = '[data-command=\"toggle-app-expanded\"]';\nconst CSS_SIDEBAR = `.${CSS_APP} > dialog,.${CSS_APP} dialog ~ main`;\nconst STICKIES = isBrowser() ? document.getElementsByClassName(CSS_STICKY) : [];\n\nconst useTransition = (callback: () => void) => {\n\tif (!document.startViewTransition) callback();\n\telse document.startViewTransition(callback);\n};\n\nexport const toggleAppExpanded = (force?: boolean) =>\n\t// @ts-expect-error window.mtdsAppToggle comes from app-toggle.js\n\tuseTransition(() => window.mtdsToggleAppExpanded?.(force));\n\nfunction handleAppToggleClick({ target: el, defaultPrevented: stop }: Event) {\n\tconst link = (el as Element)?.closest?.(\"a\");\n\tif (link?.closest(\"dialog\") && link?.closest(CSS_SIDEBAR))\n\t\treturn closeSidebar(); // Close sidebar if link is clicked inside sidebar\n\n\tif (stop || !(el instanceof HTMLButtonElement) || !el.matches(CSS_TOGGLE))\n\t\treturn;\n\tconst isDesktop = getComputedStyle(el).position === \"sticky\";\n\n\tif (isDesktop) toggleAppExpanded();\n\telse\n\t\tuseTransition(() => {\n\t\t\tconst sidebar = document.querySelector<HTMLDialogElement>(CSS_SIDEBAR);\n\t\t\tsidebar?.setAttribute(\"data-closedby\", \"any\"); // Allow closing by clicking outside\n\t\t\tsidebar?.showModal();\n\t\t});\n}\n\nfunction closeSidebar() {\n\tdocument.querySelector<HTMLDialogElement>(CSS_SIDEBAR)?.close();\n}\n\n// Scroll state\nlet MIN_Y = 0; // Offset to avoid scroll jump when sticky is set to relative\nlet SCROLL_UP: boolean;\nlet STICK = 0; // -1 = stick top, 0 = relative, 1 = stick bottom\nlet STICK_H = 0;\nlet STICK_Y = 0;\nlet STUCK = false; // Used to figure if nav is larger than viewport\nlet WIN_H = 0;\nlet WIN_Y = 0;\n\nfunction handleAppScroll() {\n\tif (!STICKIES?.length) return;\n\tconst el = STICKIES[0] as HTMLElement;\n\tconst NEXT_Y = window.scrollY;\n\tconst NEXT_UP = NEXT_Y < WIN_Y;\n\tWIN_Y = NEXT_Y;\n\n\t// Only calculate if scroll direction has changed\n\tif (NEXT_UP !== SCROLL_UP) {\n\t\tMIN_Y = (el.parentElement?.getBoundingClientRect().top || 0) + WIN_Y;\n\t\tSCROLL_UP = NEXT_UP;\n\t\tSTICK_H = el.offsetHeight;\n\t\tSTICK_Y = el.getBoundingClientRect().top + WIN_Y;\n\t\tSTUCK = el.offsetHeight <= window.innerHeight;\n\t\tWIN_H = window.innerHeight;\n\t}\n\n\tif (STICK === -1 && STUCK) return; // Allways sticky when sidebar is smaller than viewport\n\tif (STICK !== -1 && (STUCK || (SCROLL_UP && WIN_Y <= STICK_Y))) {\n\t\tel.style.setProperty(\"--pos\", \"sticky\");\n\t\tel.style.setProperty(\"--top\", \"0px\");\n\t\tSTICK = -1; // Not sticking to top and sidebar is smaller than viewport or scrolling up\n\t} else if (STICK === -1 && !SCROLL_UP) {\n\t\tel.style.setProperty(\"--pos\", \"relative\");\n\t\tel.style.setProperty(\"--top\", `${Math.max(0, WIN_Y - MIN_Y)}px`);\n\t\tSTICK = 0; // Sticking to top and scrolling down\n\t} else if (STICK !== 1 && !SCROLL_UP && WIN_Y + WIN_H >= STICK_Y + STICK_H) {\n\t\tel.style.setProperty(\"--pos\", \"sticky\");\n\t\tel.style.setProperty(\"--top\", `${WIN_H - STICK_H}px`);\n\t\tSTICK = 1; // Not sticking to bottom and scrolling down\n\t} else if (STICK === 1 && SCROLL_UP) {\n\t\tel.style.setProperty(\"--pos\", \"relative\");\n\t\tel.style.setProperty(\"--top\", `${STICK_Y - MIN_Y}px`);\n\t\tSTICK = 0; // Sticking to bottom and scrolling up\n\t}\n}\n\nonLoaded(() => [\n\ton(document, \"click\", handleAppToggleClick, QUICK_EVENT),\n\ton(window, \"resize\", debounce(closeSidebar, 100), QUICK_EVENT),\n\ton(window, \"scroll\", handleAppScroll, QUICK_EVENT),\n]);\n"],"names":[],"mappings":";;;AAIA,MAAM,UAAU,OAAO,IAAI,MAAM,GAAG,EAAE,CAAC;AACvC,MAAM,aAAa,OAAO,OAAO,MAAM,GAAG,EAAE,CAAC;AAC7C,MAAM,aAAa;AACnB,MAAM,cAAc,IAAI,OAAO,cAAc,OAAO;AACpD,MAAM,WAAW,UAAA,IAAc,SAAS,uBAAuB,UAAU,IAAI,CAAA;AAE7E,MAAM,gBAAgB,CAAC,aAAyB;AAC/C,MAAI,CAAC,SAAS,oBAAqB,UAAA;AAAA,MAC9B,UAAS,oBAAoB,QAAQ;AAC3C;AAEO,MAAM,oBAAoB,CAAC;AAAA;AAAA,EAEjC,cAAc,MAAM,OAAO,wBAAwB,KAAK,CAAC;AAAA;AAE1D,SAAS,qBAAqB,EAAE,QAAQ,IAAI,kBAAkB,QAAe;AAC5E,QAAM,OAAQ,IAAgB,UAAU,GAAG;AAC3C,MAAI,MAAM,QAAQ,QAAQ,KAAK,MAAM,QAAQ,WAAW;AACvD,WAAO,aAAA;AAER,MAAI,QAAQ,EAAE,cAAc,sBAAsB,CAAC,GAAG,QAAQ,UAAU;AACvE;AACD,QAAM,YAAY,iBAAiB,EAAE,EAAE,aAAa;AAEpD,MAAI,UAAW,mBAAA;AAAA;AAEd,kBAAc,MAAM;AACnB,YAAM,UAAU,SAAS,cAAiC,WAAW;AACrE,eAAS,aAAa,iBAAiB,KAAK;AAC5C,eAAS,UAAA;AAAA,IACV,CAAC;AACH;AAEA,SAAS,eAAe;AACvB,WAAS,cAAiC,WAAW,GAAG,MAAA;AACzD;AAGA,IAAI,QAAQ;AACZ,IAAI;AACJ,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,QAAQ;AAEZ,SAAS,kBAAkB;AAC1B,MAAI,CAAC,UAAU,OAAQ;AACvB,QAAM,KAAK,SAAS,CAAC;AACrB,QAAM,SAAS,OAAO;AACtB,QAAM,UAAU,SAAS;AACzB,UAAQ;AAGR,MAAI,YAAY,WAAW;AAC1B,aAAS,GAAG,eAAe,sBAAA,EAAwB,OAAO,KAAK;AAC/D,gBAAY;AACZ,cAAU,GAAG;AACb,cAAU,GAAG,sBAAA,EAAwB,MAAM;AAC3C,YAAQ,GAAG,gBAAgB,OAAO;AAClC,YAAQ,OAAO;AAAA,EAChB;AAEA,MAAI,UAAU,MAAM,MAAO;AAC3B,MAAI,UAAU,OAAO,SAAU,aAAa,SAAS,UAAW;AAC/D,OAAG,MAAM,YAAY,SAAS,QAAQ;AACtC,OAAG,MAAM,YAAY,SAAS,KAAK;AACnC,YAAQ;AAAA,EACT,WAAW,UAAU,MAAM,CAAC,WAAW;AACtC,OAAG,MAAM,YAAY,SAAS,UAAU;AACxC,OAAG,MAAM,YAAY,SAAS,GAAG,KAAK,IAAI,GAAG,QAAQ,KAAK,CAAC,IAAI;AAC/D,YAAQ;AAAA,EACT,WAAW,UAAU,KAAK,CAAC,aAAa,QAAQ,SAAS,UAAU,SAAS;AAC3E,OAAG,MAAM,YAAY,SAAS,QAAQ;AACtC,OAAG,MAAM,YAAY,SAAS,GAAG,QAAQ,OAAO,IAAI;AACpD,YAAQ;AAAA,EACT,WAAW,UAAU,KAAK,WAAW;AACpC,OAAG,MAAM,YAAY,SAAS,UAAU;AACxC,OAAG,MAAM,YAAY,SAAS,GAAG,UAAU,KAAK,IAAI;AACpD,YAAQ;AAAA,EACT;AACD;AAEA,SAAS,MAAM;AAAA,EACd,GAAG,UAAU,SAAS,sBAAsB,WAAW;AAAA,EACvD,GAAG,QAAQ,UAAU,SAAS,cAAc,GAAG,GAAG,WAAW;AAAA,EAC7D,GAAG,QAAQ,UAAU,iBAAiB,WAAW;AAClD,CAAC;"}

package/mtds/app/app-toggle.js

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