@cal.macconnachie/web-components 2.1.3 → 2.1.5

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

@@ -6708,6 +6708,15 @@ class oe extends I {
         transition: none !important;
       }
     }
+    .rotate-90 {
+      transform: rotate(90deg);
+      transition: transform 0.2s ease-in-out;
+    }
+
+    .rotate-270 {
+      transform: rotate(270deg);
+      transition: transform 0.2s ease-in-out;
+    }
   `;
   }
   connectedCallback() {
@@ -6861,11 +6870,11 @@ class oe extends I {
                   @click=${this.toggleSidebar}
                   aria-label="Toggle sidebar"
                 >
-                  ${t ? m`<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <path d="M11 19l-7-7 7-7" />
-        </svg>` : m`<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <path d="M9 5l7 7-7 7" />
-        </svg>`}
+                  <base-icon
+                    name="arrow"
+                    class="${t ? "rotate-270" : "rotate-90"}"
+                    size="28px"
+                  ></base-icon>
                 </button>
 
                 <!-- Tabs Navigation -->
@@ -7250,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");
@@ -7262,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(
@@ -7273,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 },
@@ -7645,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>

package/package.json

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