inclusive-elements 0.5.0-beta.1 → 0.5.0-beta.2

package/dist/inclusive-elements10.js

@@ -1,7 +1,7 @@
 var l = Object.defineProperty;
-var u = (o, s, t) => s in o ? l(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
-var e = (o, s, t) => (u(o, typeof s != "symbol" ? s + "" : s, t), t);
-import { autoUpdate as p, computePosition as c, shift as m, flip as v } from "@floating-ui/dom";
+var p = (o, s, t) => s in o ? l(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
+var e = (o, s, t) => (p(o, typeof s != "symbol" ? s + "" : s, t), t);
+import { autoUpdate as u, computePosition as c, shift as v, flip as m } from "@floating-ui/dom";
 import { hello as b, goodbye as f } from "hello-goodbye";
 const n = class n extends HTMLElement {
   constructor() {
@@ -49,25 +49,25 @@ const n = class n extends HTMLElement {
     if (this.disabled)
       return;
     const t = this.createTooltip();
-    clearTimeout(this.timeout), this.showing || (t.hidden = !1, b(t), this.showing = !0), this.innerHTML !== this.prevInnerHTML && (this.prevInnerHTML = t.innerHTML = this.innerHTML), t.style.position = "absolute", (i = this.cleanup) == null || i.call(this), this.cleanup = p(
+    clearTimeout(this.timeout), this.showing || (t.hidden = !1, b(t), this.showing = !0), this.innerHTML !== this.prevInnerHTML && (this.prevInnerHTML = t.innerHTML = this.innerHTML), t.style.position = "absolute", (i = this.cleanup) == null || i.call(this), this.cleanup = u(
       this.parent,
       t,
       () => c(this.parent, t, {
         placement: this.getAttribute("placement") || n.placement,
-        middleware: [m(), v()]
+        middleware: [v(), m()]
       }).then(({ x: h, y: a, placement: d }) => {
         Object.assign(t.style, {
           left: `${h}px`,
           top: `${a}px`
         }), t.dataset.placement = d;
       })
-    );
+    ), this.dispatchEvent(new Event("open"));
   }
   hide() {
     var t;
     clearTimeout(this.timeout), (t = this.cleanup) == null || t.call(this), this.showing && (this.showing = !1, f(this.tooltip).then(() => {
       this.tooltip && (this.tooltip.hidden = !0);
-    }));
+    }), this.dispatchEvent(new Event("close")));
   }
   afterDelay(t) {
     clearTimeout(this.timeout);
@@ -78,10 +78,10 @@ const n = class n extends HTMLElement {
     );
   }
   createTooltip() {
-    return this.tooltip || (this.tooltip = document.createElement("div"), this.tooltip.className = this.getAttribute("tooltip-class") || n.tooltipClass, this.tooltip.hidden = !0, this.tooltip.addEventListener("mouseenter", this.show.bind(this)), this.tooltip.addEventListener(
+    return this.tooltip || (this.tooltip = document.createElement("div"), this.tooltip.hidden = !0, this.tooltip.addEventListener("mouseenter", this.show.bind(this)), this.tooltip.addEventListener(
       "mouseleave",
       this.afterDelay.bind(this, this.hide)
-    ), document.body.appendChild(this.tooltip)), this.tooltip;
+    ), document.body.appendChild(this.tooltip)), this.tooltip.className = this.getAttribute("tooltip-class") || n.tooltipClass, this.tooltip;
   }
 };
 e(n, "delay", 100), e(n, "placement", "top"), e(n, "tooltipClass", "tooltip");

package/dist/inclusive-elements3.js

@@ -1,19 +1,11 @@
-var n = Object.defineProperty;
-var u = (a, s, t) => s in a ? n(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
-var o = (a, s, t) => (u(a, typeof s != "symbol" ? s + "" : s, t), t);
-const d = class d extends HTMLElement {
+var d = Object.defineProperty;
+var u = (e, s, t) => s in e ? d(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
+var o = (e, s, t) => (u(e, typeof s != "symbol" ? s + "" : s, t), t);
+const r = class r extends HTMLElement {
   constructor() {
-    super();
-    o(this, "added", /* @__PURE__ */ new Set());
+    super(...arguments);
     o(this, "timeouts", /* @__PURE__ */ new Map());
     o(this, "index", 0);
-    new MutationObserver((i) => {
-      i.forEach((r) => {
-        r.addedNodes.forEach((e) => {
-          e instanceof HTMLElement && !this.added.has(e) && this.show(e);
-        });
-      });
-    }).observe(this, { childList: !0 });
   }
   connectedCallback() {
     this.hasAttribute("role") || this.setAttribute("role", "status"), this.hasAttribute("aria-live") || this.setAttribute("aria-live", "polite"), this.hasAttribute("aria-relevant") || this.setAttribute("aria-relevant", "additions");
@@ -21,18 +13,18 @@ const d = class d extends HTMLElement {
       this.show(t);
   }
   show(t, i = {}) {
-    const r = i.key || t.dataset.key || String(this.index++);
-    this.dismiss(r), t.dataset.key = r, this.contains(t) || this.append(t), this.added.add(t);
-    const e = Number(
-      i.duration !== void 0 ? i.duration : t.dataset.duration || d.duration
+    const h = i.key || t.dataset.key || String(this.index++);
+    this.dismiss(h), t.dataset.key = h, this.contains(t) || this.append(t);
+    const a = Number(
+      i.duration !== void 0 ? i.duration : t.dataset.duration || r.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(
+    return a > 0 && (this.startTimeout(t, a), t.addEventListener("mouseenter", this.clearTimeout.bind(this, t)), t.addEventListener("focusin", this.clearTimeout.bind(this, t)), t.addEventListener(
       "mouseleave",
-      this.startTimeout.bind(this, t, e)
+      this.startTimeout.bind(this, t, a)
     ), t.addEventListener(
       "focusout",
-      this.startTimeout.bind(this, t, e)
-    )), r;
+      this.startTimeout.bind(this, t, a)
+    )), h;
   }
   dismiss(t) {
     if (typeof t == "string") {
@@ -41,7 +33,7 @@ const d = class d extends HTMLElement {
       ).forEach((i) => this.dismiss(i));
       return;
     }
-    this.added.delete(t), t.remove(), this.clearTimeout(t);
+    t.remove(), this.clearTimeout(t);
   }
   clear() {
     Array.from(this.children).forEach((t) => {
@@ -72,8 +64,8 @@ const d = class d extends HTMLElement {
     this.timeouts.has(t) && clearTimeout(this.timeouts.get(t));
   }
 };
-o(d, "duration", 1e4);
-let h = d;
+o(r, "duration", 1e4);
+let n = r;
 export {
-  h as default
+  n as default
 };

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

@@ -4,10 +4,8 @@ export type AlertOptions = {
 };
 export default class AlertsElement extends HTMLElement {
     static duration: number;
-    private added;
     private timeouts;
     private index;
-    constructor();
     connectedCallback(): void;
     show(el: HTMLElement, options?: AlertOptions): string;
     dismiss(el: HTMLElement): void;

package/dist/types/tooltip/tooltip.d.ts

@@ -20,8 +20,8 @@ export default class TooltipElement extends HTMLElement {
     set disabled(val: boolean);
     private onKeyDown;
     private onKeyUp;
-    private show;
-    private hide;
+    show(): void;
+    hide(): void;
     private afterDelay;
     private createTooltip;
 }

package/package.json

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