@mattilsynet/design 3.2.9 → 3.3.0

package/mtds/table/table-observer.js

@@ -1,18 +1,29 @@
-import { isBrowser as s, onHotReload as a, onMutation as n, debounce as c, attr as i } from "../utils.js";
-const d = s() ? document.getElementsByTagName("table") : [], b = () => {
-  for (const e of d) {
-    const r = Array.from(
-      e.tHead?.rows[0]?.cells || [],
-      (t) => t.innerText.trim()
-    );
-    for (const t of e.tBodies)
-      for (const l of t.rows)
-        for (const o of l.cells)
-          i(o, "data-th", r[o.cellIndex] || ":empty");
-  }
-};
-a("table", () => [
-  n(document, c(b, 200), {
+import { isBrowser as r, debounce as b, attr as a, onHotReload as u, onMutation as f } from "../utils.js";
+const s = /* @__PURE__ */ new WeakSet(), m = r() ? document.getElementsByTagName("table") : [], l = r() ? new ResizeObserver(b(c, 200)) : null;
+function c(e) {
+  for (const { target: t, contentRect: o } of e)
+    if (!t.isConnected) s.delete(t) && l?.unobserve(t);
+    else {
+      const n = t.getAttribute("data-mobile-source") === "self" ? o.width : window.innerWidth, d = Number(t.getAttribute("data-mobile-size")) || 768;
+      a(t, "data-mobile-active", n < d ? "" : null);
+    }
+}
+function h() {
+  for (const e of m)
+    if (e.hasAttribute("data-mobile")) {
+      const t = Array.from(
+        e.tHead?.rows[0]?.cells || [],
+        (o) => o.innerText.trim()
+      );
+      s.has(e) || (s.add(e), l?.observe(e), c([{ target: e, contentRect: e.getBoundingClientRect() }]));
+      for (const o of e.tBodies)
+        for (const i of o.rows)
+          for (const n of i.cells)
+            a(n, "data-th", t[n.cellIndex] || ":empty");
+    }
+}
+u("table", () => [
+  f(document, h, {
     attributeFilter: ["data-mobile"],
     attributes: !0,
     childList: !0,

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

@@ -1 +1 @@
-{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import { attr, debounce, isBrowser, onHotReload, onMutation } from \"../utils\";\n\nconst TABLES = isBrowser() ? document.getElementsByTagName(\"table\") : [];\nconst handleTableMobile = () => {\n\tfor (const table of TABLES) {\n\t\tconst ths = Array.from(table.tHead?.rows[0]?.cells || [], (th) =>\n\t\t\tth.innerText.trim(),\n\t\t);\n\n\t\tfor (const tbody of table.tBodies)\n\t\t\tfor (const row of tbody.rows)\n\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t}\n};\n\nonHotReload(\"table\", () => [\n\tonMutation(document, debounce(handleTableMobile, 200), {\n\t\tattributeFilter: [\"data-mobile\"],\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["TABLES","isBrowser","handleTableMobile","table","ths","th","tbody","row","cell","attr","onHotReload","onMutation","debounce"],"mappings":";AAEA,MAAMA,IAASC,EAAA,IAAc,SAAS,qBAAqB,OAAO,IAAI,CAAA,GAChEC,IAAoB,MAAM;AAC/B,aAAWC,KAASH,GAAQ;AAC3B,UAAMI,IAAM,MAAM;AAAA,MAAKD,EAAM,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA;AAAA,MAAI,CAACE,MAC1DA,EAAG,UAAU,KAAA;AAAA,IAAK;AAGnB,eAAWC,KAASH,EAAM;AACzB,iBAAWI,KAAOD,EAAM;AACvB,mBAAWE,KAAQD,EAAI;AACtB,UAAAE,EAAKD,GAAM,WAAWJ,EAAII,EAAK,SAAS,KAAK,QAAQ;AAAA,EACzD;AACD;AAEAE,EAAY,SAAS,MAAM;AAAA,EAC1BC,EAAW,UAAUC,EAASV,GAAmB,GAAG,GAAG;AAAA,IACtD,iBAAiB,CAAC,aAAa;AAAA,IAC/B,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACT;AACF,CAAC;"}
+{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import { attr, debounce, isBrowser, onHotReload, onMutation } from \"../utils\";\n\nconst MOBILE = new WeakSet();\nconst TABLES = isBrowser() ? document.getElementsByTagName(\"table\") : [];\nconst RESIZER = isBrowser()\n\t? new ResizeObserver(debounce(handleResize, 200))\n\t: null;\n\nfunction handleResize(\n\tentries: Pick<ResizeObserverEntry, \"target\" | \"contentRect\">[],\n) {\n\tfor (const { target: table, contentRect: rect } of entries) {\n\t\tif (!table.isConnected) MOBILE.delete(table) && RESIZER?.unobserve(table);\n\t\telse {\n\t\t\tconst isSelf = table.getAttribute(\"data-mobile-source\") === \"self\";\n\t\t\tconst source = isSelf ? rect.width : window.innerWidth;\n\t\t\tconst size = Number(table.getAttribute(\"data-mobile-size\")) || 768;\n\n\t\t\tattr(table, \"data-mobile-active\", source < size ? \"\" : null);\n\t\t}\n\t}\n}\n\nfunction handleTableMobile() {\n\tfor (const target of TABLES)\n\t\tif (target.hasAttribute(\"data-mobile\")) {\n\t\t\tconst ths = Array.from(target.tHead?.rows[0]?.cells || [], (th) =>\n\t\t\t\tth.innerText.trim(),\n\t\t\t);\n\n\t\t\tif (!MOBILE.has(target)) {\n\t\t\t\tMOBILE.add(target);\n\t\t\t\tRESIZER?.observe(target);\n\t\t\t\thandleResize([{ target, contentRect: target.getBoundingClientRect() }]); // Instant initial check\n\t\t\t}\n\n\t\t\tfor (const tbody of target.tBodies)\n\t\t\t\tfor (const row of tbody.rows)\n\t\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t\t}\n}\n\nonHotReload(\"table\", () => [\n\tonMutation(document, handleTableMobile, {\n\t\tattributeFilter: [\"data-mobile\"],\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["MOBILE","TABLES","isBrowser","RESIZER","debounce","handleResize","entries","table","rect","source","size","attr","handleTableMobile","target","ths","th","tbody","row","cell","onHotReload","onMutation"],"mappings":";AAEA,MAAMA,wBAAa,QAAA,GACbC,IAASC,EAAA,IAAc,SAAS,qBAAqB,OAAO,IAAI,CAAA,GAChEC,IAAUD,MACb,IAAI,eAAeE,EAASC,GAAc,GAAG,CAAC,IAC9C;AAEH,SAASA,EACRC,GACC;AACD,aAAW,EAAE,QAAQC,GAAO,aAAaC,EAAA,KAAUF;AAClD,QAAI,CAACC,EAAM,YAAa,CAAAP,EAAO,OAAOO,CAAK,KAAKJ,GAAS,UAAUI,CAAK;AAAA,SACnE;AAEJ,YAAME,IADSF,EAAM,aAAa,oBAAoB,MAAM,SACpCC,EAAK,QAAQ,OAAO,YACtCE,IAAO,OAAOH,EAAM,aAAa,kBAAkB,CAAC,KAAK;AAE/D,MAAAI,EAAKJ,GAAO,sBAAsBE,IAASC,IAAO,KAAK,IAAI;AAAA,IAC5D;AAEF;AAEA,SAASE,IAAoB;AAC5B,aAAWC,KAAUZ;AACpB,QAAIY,EAAO,aAAa,aAAa,GAAG;AACvC,YAAMC,IAAM,MAAM;AAAA,QAAKD,EAAO,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA;AAAA,QAAI,CAACE,MAC3DA,EAAG,UAAU,KAAA;AAAA,MAAK;AAGnB,MAAKf,EAAO,IAAIa,CAAM,MACrBb,EAAO,IAAIa,CAAM,GACjBV,GAAS,QAAQU,CAAM,GACvBR,EAAa,CAAC,EAAE,QAAAQ,GAAQ,aAAaA,EAAO,sBAAA,EAAsB,CAAG,CAAC;AAGvE,iBAAWG,KAASH,EAAO;AAC1B,mBAAWI,KAAOD,EAAM;AACvB,qBAAWE,KAAQD,EAAI;AACtB,YAAAN,EAAKO,GAAM,WAAWJ,EAAII,EAAK,SAAS,KAAK,QAAQ;AAAA,IACzD;AACF;AAEAC,EAAY,SAAS,MAAM;AAAA,EAC1BC,EAAW,UAAUR,GAAmB;AAAA,IACvC,iBAAiB,CAAC,aAAa;AAAA,IAC/B,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACT;AACF,CAAC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "3.2.9",
+	"version": "3.3.0",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -34,6 +34,7 @@
 		},
 		"./*.svg": "./mtds/*.svg",
 		"./*.ico": "./mtds/*.ico",
+		"./ai/*": "./mtds/ai/*",
 		"./icons/*": "./mtds/icons/*",
 		"./illustrations/*": "./mtds/illustrations/*",
 		"./index.iife.js": "./mtds/index.iife.js",
@@ -83,7 +84,8 @@
 		"storybook": "^10.4.1",
 		"typescript": "^6.0.3",
 		"vite": "^7.3.2",
-		"vite-plugin-dts": "^4.5.4"
+		"vite-plugin-dts": "^4.5.4",
+		"vite-plugin-static-copy": "^4.1.0"
 	},
 	"dependencies": {
 		"@digdir/designsystemet-web": "^1.15.0",