@mattilsynet/design 3.1.14 → 3.1.16

package/mtds/package.json.js

@@ -1,4 +1,4 @@
-const o = "3.1.14";
+const o = "3.1.16";
 export {
   o as version
 };

package/mtds/popover/popover-observer.js

@@ -1,13 +1,16 @@
-import { onHotReload as i, on as s, attr as c } from "../utils.js";
-function l({ target: r }) {
-  const o = r?.closest?.('a,button,[role="button"]'), t = o && c(o, "popovertarget"), e = t ? document.getElementById(t) : o?.closest("[popover]");
-  if (!(t && o instanceof HTMLButtonElement) && o && e instanceof HTMLElement && e.popover) {
-    const n = c(o, "popovertargetaction"), p = n === "show" || (n === "hide" ? !1 : void 0);
-    e.togglePopover(p);
+import p from "../styles.module.css.js";
+import { onHotReload as l, on as a, attr as c } from "../utils.js";
+const f = p.popover.split(" ")[0];
+function m({ target: i }) {
+  const o = i?.closest?.('a,button,[role="button"]'), s = o instanceof HTMLButtonElement, e = o && c(o, "popovertarget"), t = e ? document.getElementById(e) : o?.closest("[popover]");
+  if (!(e && s) && t?.classList.contains(f) && o) {
+    const n = c(o, "popovertargetaction"), r = n === "show" || (n === "hide" ? !1 : void 0);
+    if (s && !n && t.contains(o)) return;
+    t instanceof HTMLElement && t.popover && t.togglePopover(r);
   }
 }
-i("popover", () => [
-  s(document, "click", l)
+l("popover", () => [
+  a(document, "click", m)
   // Allow `<a>` to use `popovertarget` as well
 ]);
 //# sourceMappingURL=popover-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover-observer.js","sources":["../../designsystem/popover/popover-observer.ts"],"sourcesContent":["import { attr, on, onHotReload } from \"../utils\";\n\n// Polyfill popovertarget for <a> (not supported by native)\n// and automatically assume popovertarget is the closest parent popover\n// but respect the popovertarget and popovertargetaction attribute\nfunction handlePopoverClick({ target }: Event) {\n\tconst trigger = (target as Element)?.closest?.(`a,button,[role=\"button\"]`);\n\tconst id = trigger && attr(trigger, \"popovertarget\");\n\tconst pop = id ? document.getElementById(id) : trigger?.closest(\"[popover]\");\n\n\tif (id && trigger instanceof HTMLButtonElement) return; // Native support for buttons with popovertarget, only polyfill for <a> or missing popovertarget\n\tif (trigger && pop instanceof HTMLElement && pop.popover) {\n\t\tconst action = attr(trigger, \"popovertargetaction\");\n\t\tconst open = action === \"show\" || (action === \"hide\" ? false : undefined);\n\t\tpop.togglePopover(open);\n\t}\n}\n\nonHotReload(\"popover\", () => [\n\ton(document, \"click\", handlePopoverClick), // Allow `<a>` to use `popovertarget` as well\n]);\n"],"names":["handlePopoverClick","target","trigger","id","attr","pop","action","open","onHotReload","on"],"mappings":";AAKA,SAASA,EAAmB,EAAE,QAAAC,KAAiB;AAC9C,QAAMC,IAAWD,GAAoB,UAAU,0BAA0B,GACnEE,IAAKD,KAAWE,EAAKF,GAAS,eAAe,GAC7CG,IAAMF,IAAK,SAAS,eAAeA,CAAE,IAAID,GAAS,QAAQ,WAAW;AAE3E,MAAI,EAAAC,KAAMD,aAAmB,sBACzBA,KAAWG,aAAe,eAAeA,EAAI,SAAS;AACzD,UAAMC,IAASF,EAAKF,GAAS,qBAAqB,GAC5CK,IAAOD,MAAW,WAAWA,MAAW,SAAS,KAAQ;AAC/D,IAAAD,EAAI,cAAcE,CAAI;AAAA,EACvB;AACD;AAEAC,EAAY,WAAW,MAAM;AAAA,EAC5BC,EAAG,UAAU,SAAST,CAAkB;AAAA;AACzC,CAAC;"}
+{"version":3,"file":"popover-observer.js","sources":["../../designsystem/popover/popover-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, on, onHotReload } from \"../utils\";\n\nconst CSS_POPOVER = styles.popover.split(\" \")[0];\n\n// Polyfill popovertarget for <a> (not supported by native)\n// and automatically assume popovertarget is the closest parent popover\n// but respect the popovertarget and popovertargetaction attribute\nfunction handlePopoverClick({ target }: Event) {\n\tconst trigger = (target as Element)?.closest?.(`a,button,[role=\"button\"]`);\n\tconst isButton = trigger instanceof HTMLButtonElement;\n\tconst id = trigger && attr(trigger, \"popovertarget\");\n\tconst pop = id ? document.getElementById(id) : trigger?.closest(\"[popover]\");\n\n\tif (id && isButton) return; // Native support for buttons with popovertarget, only polyfill for <a> or missing \"popovertarget\"\n\tif (pop?.classList.contains(CSS_POPOVER) && trigger) {\n\t\tconst action = attr(trigger, \"popovertargetaction\");\n\t\tconst open = action === \"show\" || (action === \"hide\" ? false : undefined);\n\n\t\t// Popover can be disconneted by click handler deeper down in the DOM three before reaching document\n\t\tif (isButton && !action && pop.contains(trigger)) return; // Require \"popovertargetaction\" attribute to make buttons inside popover toggle\n\t\tif (pop instanceof HTMLElement && pop.popover) pop.togglePopover(open);\n\t}\n}\n\nonHotReload(\"popover\", () => [\n\ton(document, \"click\", handlePopoverClick), // Allow `<a>` to use `popovertarget` as well\n]);\n"],"names":["CSS_POPOVER","styles","handlePopoverClick","target","trigger","isButton","id","attr","pop","action","open","onHotReload","on"],"mappings":";;AAGA,MAAMA,IAAcC,EAAO,QAAQ,MAAM,GAAG,EAAE,CAAC;AAK/C,SAASC,EAAmB,EAAE,QAAAC,KAAiB;AAC9C,QAAMC,IAAWD,GAAoB,UAAU,0BAA0B,GACnEE,IAAWD,aAAmB,mBAC9BE,IAAKF,KAAWG,EAAKH,GAAS,eAAe,GAC7CI,IAAMF,IAAK,SAAS,eAAeA,CAAE,IAAIF,GAAS,QAAQ,WAAW;AAE3E,MAAI,EAAAE,KAAMD,MACNG,GAAK,UAAU,SAASR,CAAW,KAAKI,GAAS;AACpD,UAAMK,IAASF,EAAKH,GAAS,qBAAqB,GAC5CM,IAAOD,MAAW,WAAWA,MAAW,SAAS,KAAQ;AAG/D,QAAIJ,KAAY,CAACI,KAAUD,EAAI,SAASJ,CAAO,EAAG;AAClD,IAAII,aAAe,eAAeA,EAAI,WAASA,EAAI,cAAcE,CAAI;AAAA,EACtE;AACD;AAEAC,EAAY,WAAW,MAAM;AAAA,EAC5BC,EAAG,UAAU,SAASV,CAAkB;AAAA;AACzC,CAAC;"}