inclusive-elements 0.4.3 → 0.4.5

package/dist/inclusive-elements10.js

@@ -1,6 +1,6 @@
 var d = Object.defineProperty;
-var l = (o, i, t) => i in o ? d(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
-var e = (o, i, t) => (l(o, typeof i != "symbol" ? i + "" : i, t), t);
+var l = (o, s, t) => s in o ? d(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
+var e = (o, s, t) => (l(o, typeof s != "symbol" ? s + "" : s, t), t);
 import { autoUpdate as p, computePosition as u, shift as c, flip as m } from "@floating-ui/dom";
 import { hello as v, goodbye as b } from "hello-goodbye";
 const r = class extends HTMLElement {
@@ -26,14 +26,14 @@ const r = class extends HTMLElement {
   }
   connectedCallback() {
     this.parent = this.parentNode, this.parent && (this.parent.addEventListener("mouseenter", this.onMouseEnter), this.parent.addEventListener("focus", this.onFocus), this.parent.addEventListener("mouseleave", this.onMouseLeave), this.parent.addEventListener("blur", this.onBlur), this.parent.addEventListener("pointerup", this.onPointerUp), this.disabledObserver = new MutationObserver((t) => {
-      t.forEach((s) => {
-        s.attributeName === "disabled" && this.hide();
+      t.forEach((i) => {
+        i.attributeName === "disabled" && this.hide();
       });
     }), this.disabledObserver.observe(this.parent, { attributes: !0 })), document.addEventListener("keydown", this.onKeyDown), document.addEventListener("scroll", this.onBlur);
   }
   disconnectedCallback() {
-    var t;
-    this.tooltip && (this.tooltip.remove(), this.tooltip = void 0), this.parent && (this.parent.removeEventListener("mouseenter", this.onMouseEnter), this.parent.removeEventListener("focus", this.onFocus), this.parent.removeEventListener("mouseleave", this.onMouseLeave), this.parent.removeEventListener("blur", this.onBlur), this.parent.removeEventListener("pointerup", this.onPointerUp), this.parent = void 0), document.removeEventListener("keydown", this.onKeyDown), document.removeEventListener("scroll", this.onBlur), (t = this.disabledObserver) == null || t.disconnect(), clearTimeout(this.timeout);
+    var t, i;
+    (t = this.cleanup) == null || t.call(this), this.tooltip && (this.tooltip.remove(), this.tooltip = void 0), this.parent && (this.parent.removeEventListener("mouseenter", this.onMouseEnter), this.parent.removeEventListener("focus", this.onFocus), this.parent.removeEventListener("mouseleave", this.onMouseLeave), this.parent.removeEventListener("blur", this.onBlur), this.parent.removeEventListener("pointerup", this.onPointerUp), this.parent = void 0), document.removeEventListener("keydown", this.onKeyDown), document.removeEventListener("scroll", this.onBlur), (i = this.disabledObserver) == null || i.disconnect(), clearTimeout(this.timeout);
   }
   get disabled() {
     return this.hasAttribute("disabled");
@@ -51,9 +51,9 @@ const r = class extends HTMLElement {
       () => u(this.parent, t, {
         placement: this.getAttribute("placement") || r.placement,
         middleware: [c(), m()]
-      }).then(({ x: s, y: h, placement: a }) => {
+      }).then(({ x: i, y: h, placement: a }) => {
         Object.assign(t.style, {
-          left: `${s}px`,
+          left: `${i}px`,
           top: `${h}px`
         }), t.dataset.placement = a;
       })
@@ -67,10 +67,10 @@ const r = class extends HTMLElement {
   }
   afterDelay(t) {
     clearTimeout(this.timeout);
-    const s = parseInt(this.getAttribute("delay") || "");
+    const i = parseInt(this.getAttribute("delay") || "");
     this.timeout = window.setTimeout(
       t.bind(this),
-      isNaN(s) ? r.delay : s
+      isNaN(i) ? r.delay : i
     );
   }
   createTooltip() {

package/dist/inclusive-elements3.js

@@ -1,16 +1,17 @@
 var c = Object.defineProperty;
 var m = (a, s, t) => s in a ? c(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
 var o = (a, s, t) => (m(a, typeof s != "symbol" ? s + "" : s, t), t);
-import { move as d, hello as u, goodbye as f } from "hello-goodbye";
-const n = class extends HTMLElement {
+import { move as n, hello as u, goodbye as f } from "hello-goodbye";
+const h = class extends HTMLElement {
   constructor() {
     super();
+    o(this, "added", /* @__PURE__ */ new Set());
     o(this, "timeouts", /* @__PURE__ */ new Map());
     o(this, "index", 0);
     new MutationObserver((i) => {
       i.forEach((r) => {
         r.addedNodes.forEach((e) => {
-          e instanceof HTMLElement && this.show(e);
+          e instanceof HTMLElement && !this.added.has(e) && this.show(e);
         });
       });
     }).observe(this, { childList: !0 });
@@ -22,11 +23,11 @@ const n = class extends HTMLElement {
   }
   show(t, i = {}) {
     const r = i.key || t.dataset.key || String(this.index++);
-    this.dismiss(r), t.dataset.key = r, this.contains(t) ? u(t) : i.animate === !1 ? this.append(t) : d(this.children, () => {
+    this.dismiss(r), t.dataset.key = r, this.contains(t) ? u(t) : i.animate === !1 ? this.append(t) : n(this.children, () => {
       this.append(t), u(t);
-    });
+    }), this.added.add(t);
     const e = Number(
-      i.duration !== void 0 ? i.duration : t.dataset.duration || n.duration
+      i.duration !== void 0 ? i.duration : t.dataset.duration || h.duration
     );
     return e > 0 && (this.startTimeout(t, e), t.addEventListener("mouseenter", this.clearTimeout.bind(this, t)), t.addEventListener("focusin", this.clearTimeout.bind(this, t)), t.addEventListener(
       "mouseleave",
@@ -40,14 +41,13 @@ const n = class extends HTMLElement {
     if (typeof t == "string") {
       this.querySelectorAll(
         `[data-key="${t}"]`
-      ).forEach((i) => {
-        this.dismiss(i);
-      });
+      ).forEach((i) => this.dismiss(i));
       return;
     }
-    d(this.children, () => {
-      f(t).then(() => this.removeChild(t));
-    }), this.clearTimeout(t);
+    this.added.delete(t), n(
+      this.children,
+      () => f(t).then(() => t.remove())
+    ), this.clearTimeout(t);
   }
   clear() {
     Array.from(this.children).forEach((t) => {
@@ -78,8 +78,8 @@ const n = class extends HTMLElement {
     this.timeouts.has(t) && clearTimeout(this.timeouts.get(t));
   }
 };
-let h = n;
-o(h, "duration", 1e4);
+let d = h;
+o(d, "duration", 1e4);
 export {
-  h as default
+  d as default
 };

package/dist/types/alerts/alerts.d.ts

@@ -5,6 +5,7 @@ export type AlertOptions = {
 };
 export default class AlertsElement extends HTMLElement {
     static duration: number;
+    private added;
     private timeouts;
     private index;
     constructor();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "inclusive-elements",
-    "version": "0.4.3",
+    "version": "0.4.5",
     "description": "Accessible, lightweight, unstyled implementations of common UI controls.",
     "module": "dist/inclusive-elements.js",
     "type": "module",