@cal.macconnachie/web-components 2.1.4 → 2.1.6

package/dist/index.d.ts

@@ -433,7 +433,7 @@ export declare class BaseToast extends BaseElement {
     private pauseTimer;
     private resumeTimer;
     show(): void;
-    remove(): void;
+    hide(): void;
     static styles: CSSResult;
     render(): TemplateResult<1>;
 }

package/dist/index.js

@@ -7259,7 +7259,7 @@ class Te extends I {
     o === "s" ? s = t * 1e3 : o === "ms" && (s = t);
     const i = s - e;
     this.timerStarted = Date.now(), this.toastTimout = setTimeout(() => {
-      this.remove();
+      this.hide();
     }, i), this.style.animationPlayState = "running";
     const a = this.shadowRoot?.querySelector(".toast-container");
     a && (a.style.animationPlayState = "running");
@@ -7271,7 +7271,7 @@ class Te extends I {
       const e = parseInt(this.dismiss), t = this.dismiss.replace(e.toString(), "");
       let o = 0;
       this.addEventListener("mouseenter", this.pauseTimer.bind(this)), this.addEventListener("mouseleave", this.resumeTimer.bind(this)), t === "s" ? o = e * 1e3 : t === "ms" && (o = e), this.style.setProperty("--toast-duration", `${o}ms`), this.toastTimout = setTimeout(() => {
-        this.remove();
+        this.hide();
       }, o);
     }
     this.dispatchEvent(
@@ -7282,7 +7282,7 @@ class Te extends I {
       })
     );
   }
-  remove() {
+  hide() {
     this.classList.remove("show"), this.classList.add("hide"), this.toastTimout && clearTimeout(this.toastTimout), this.removeEventListener("mouseenter", this.pauseTimer.bind(this)), this.removeEventListener("mouseleave", this.resumeTimer.bind(this)), this.dispatchEvent(
       new CustomEvent("toast-hidden", {
         detail: { toast: this },
@@ -7654,7 +7654,7 @@ class Te extends I {
             <button
               class="toast-dismiss-btn ${this.variant}"
               aria-label="Dismiss toast"
-              @click=${() => this.remove()}
+              @click=${() => this.hide()}
             >
               &times;
             </button>
@@ -7686,7 +7686,9 @@ function wa({
 }) {
   const s = document.createElement("base-toast");
   s.id = `toast-${Date.now()}`, s.setAttribute("variant", e), s.setAttribute("position", t), s.setAttribute("dismiss", o), s.textContent = r, document.body.appendChild(s), s.show(), s.addEventListener("toast-hidden", () => {
-    s.remove();
+    s.hide(), setTimeout(() => {
+      s.parentElement && s.remove();
+    }, 500);
   });
 }
 var Lo = Object.defineProperty, Ze = (r, e, t, o) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cal.macconnachie/web-components",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "Web components hosted on a CDN",
   "keywords": [
     "web-components",