inclusive-elements 0.4.3 → 0.4.4

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.4",
     "description": "Accessible, lightweight, unstyled implementations of common UI controls.",
     "module": "dist/inclusive-elements.js",
     "type": "module",