@covalent/components 8.14.1 → 8.15.0-beta.2

package/snackbar.mjs

@@ -1,12 +1,14 @@
-import { D as M, x as b, i as C, r as D, e as w } from "./query-assigned-elements-4a39219d.mjs";
-import { a as $, b as x, _ as m } from "./tslib.es6-c4b0f3b1.mjs";
-import { B as F } from "./base-element-acf30176.mjs";
-import { o as g } from "./observer-be7b92e2.mjs";
+import { D as S, x as b, i as T, r as A, e as I } from "./query-assigned-elements-4a39219d.mjs";
+import { a as N, b as y, _ as m } from "./tslib.es6-c4b0f3b1.mjs";
+import { B as M } from "./base-element-acf30176.mjs";
+import { o as f } from "./observer-be7b92e2.mjs";
 import { n as l } from "./property-9b6ea53b.mjs";
-import { i as O } from "./query-d843aa92.mjs";
-import { i as L, t as S, e as P, o as R } from "./class-map-4b94b017.mjs";
-import { e as z } from "./directive-helpers-e3ea6592.mjs";
-import { a as U } from "./utils-dc65fdc9.mjs";
+import { i as C } from "./query-d843aa92.mjs";
+import { o as D } from "./class-map-6e504a9a.mjs";
+import { c as w } from "./async-directive-99a01ec7.mjs";
+import { e as F, t as L } from "./directive-daf4e9b6.mjs";
+import { a as P } from "./utils-dc65fdc9.mjs";
+import "./directive-helpers-e3ea6592.mjs";
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -29,39 +31,39 @@ import { a as U } from "./utils-dc65fdc9.mjs";
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var B = (
+var R = (
   /** @class */
   function() {
-    function a(e) {
+    function i(e) {
       e === void 0 && (e = {}), this.adapter = e;
     }
-    return Object.defineProperty(a, "cssClasses", {
+    return Object.defineProperty(i, "cssClasses", {
       get: function() {
         return {};
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(a, "strings", {
+    }), Object.defineProperty(i, "strings", {
       get: function() {
         return {};
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(a, "numbers", {
+    }), Object.defineProperty(i, "numbers", {
       get: function() {
         return {};
       },
       enumerable: !1,
       configurable: !0
-    }), Object.defineProperty(a, "defaultAdapter", {
+    }), Object.defineProperty(i, "defaultAdapter", {
       get: function() {
         return {};
       },
       enumerable: !1,
       configurable: !0
-    }), a.prototype.init = function() {
-    }, a.prototype.destroy = function() {
-    }, a;
+    }), i.prototype.init = function() {
+    }, i.prototype.destroy = function() {
+    }, i;
   }()
 );
 /**
@@ -90,7 +92,7 @@ var c = {
   CLOSING: "mdc-snackbar--closing",
   OPEN: "mdc-snackbar--open",
   OPENING: "mdc-snackbar--opening"
-}, k = {
+}, h = {
   ACTION_SELECTOR: ".mdc-snackbar__action",
   ARIA_LIVE_LABEL_TEXT_ATTR: "data-mdc-snackbar-label-text",
   CLOSED_EVENT: "MDCSnackbar:closed",
@@ -139,13 +141,13 @@ var c = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION, h = k.REASON_DISMISS, j = (
+var x = c.OPENING, v = c.OPEN, E = c.CLOSING, z = h.REASON_ACTION, _ = h.REASON_DISMISS, U = (
   /** @class */
-  function(a) {
-    $(e, a);
+  function(i) {
+    N(e, i);
     function e(t) {
-      var i = a.call(this, x(x({}, e.defaultAdapter), t)) || this;
-      return i.opened = !1, i.animationFrame = 0, i.animationTimer = 0, i.autoDismissTimer = 0, i.autoDismissTimeoutMs = o.DEFAULT_AUTO_DISMISS_TIMEOUT_MS, i.closeOnEscape = !0, i;
+      var a = i.call(this, y(y({}, e.defaultAdapter), t)) || this;
+      return a.opened = !1, a.animationFrame = 0, a.animationTimer = 0, a.autoDismissTimer = 0, a.autoDismissTimeoutMs = o.DEFAULT_AUTO_DISMISS_TIMEOUT_MS, a.closeOnEscape = !0, a;
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
@@ -155,7 +157,7 @@ var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION, h = k.REASON_
       configurable: !0
     }), Object.defineProperty(e, "strings", {
       get: function() {
-        return k;
+        return h;
       },
       enumerable: !1,
       configurable: !0
@@ -187,174 +189,101 @@ var E = c.OPENING, A = c.OPEN, T = c.CLOSING, V = k.REASON_ACTION, h = k.REASON_
       enumerable: !1,
       configurable: !0
     }), e.prototype.destroy = function() {
-      this.clearAutoDismissTimer(), cancelAnimationFrame(this.animationFrame), this.animationFrame = 0, clearTimeout(this.animationTimer), this.animationTimer = 0, this.adapter.removeClass(E), this.adapter.removeClass(A), this.adapter.removeClass(T);
+      this.clearAutoDismissTimer(), cancelAnimationFrame(this.animationFrame), this.animationFrame = 0, clearTimeout(this.animationTimer), this.animationTimer = 0, this.adapter.removeClass(x), this.adapter.removeClass(v), this.adapter.removeClass(E);
     }, e.prototype.open = function() {
       var t = this;
-      this.clearAutoDismissTimer(), this.opened = !0, this.adapter.notifyOpening(), this.adapter.removeClass(T), this.adapter.addClass(E), this.adapter.announce(), this.runNextAnimationFrame(function() {
-        t.adapter.addClass(A), t.animationTimer = setTimeout(function() {
-          var i = t.getTimeoutMs();
-          t.handleAnimationTimerEnd(), t.adapter.notifyOpened(), i !== o.INDETERMINATE && (t.autoDismissTimer = setTimeout(function() {
-            t.close(h);
-          }, i));
+      this.clearAutoDismissTimer(), this.opened = !0, this.adapter.notifyOpening(), this.adapter.removeClass(E), this.adapter.addClass(x), this.adapter.announce(), this.runNextAnimationFrame(function() {
+        t.adapter.addClass(v), t.animationTimer = setTimeout(function() {
+          var a = t.getTimeoutMs();
+          t.handleAnimationTimerEnd(), t.adapter.notifyOpened(), a !== o.INDETERMINATE && (t.autoDismissTimer = setTimeout(function() {
+            t.close(_);
+          }, a));
         }, o.SNACKBAR_ANIMATION_OPEN_TIME_MS);
       });
     }, e.prototype.close = function(t) {
-      var i = this;
+      var a = this;
       t === void 0 && (t = ""), this.opened && (cancelAnimationFrame(this.animationFrame), this.animationFrame = 0, this.clearAutoDismissTimer(), this.opened = !1, this.adapter.notifyClosing(t), this.adapter.addClass(c.CLOSING), this.adapter.removeClass(c.OPEN), this.adapter.removeClass(c.OPENING), clearTimeout(this.animationTimer), this.animationTimer = setTimeout(function() {
-        i.handleAnimationTimerEnd(), i.adapter.notifyClosed(t);
+        a.handleAnimationTimerEnd(), a.adapter.notifyClosed(t);
       }, o.SNACKBAR_ANIMATION_CLOSE_TIME_MS));
     }, e.prototype.isOpen = function() {
       return this.opened;
     }, e.prototype.getTimeoutMs = function() {
       return this.autoDismissTimeoutMs;
     }, e.prototype.setTimeoutMs = function(t) {
-      var i = o.MIN_AUTO_DISMISS_TIMEOUT_MS, n = o.MAX_AUTO_DISMISS_TIMEOUT_MS, s = o.INDETERMINATE;
-      if (t === o.INDETERMINATE || t <= n && t >= i)
+      var a = o.MIN_AUTO_DISMISS_TIMEOUT_MS, n = o.MAX_AUTO_DISMISS_TIMEOUT_MS, s = o.INDETERMINATE;
+      if (t === o.INDETERMINATE || t <= n && t >= a)
         this.autoDismissTimeoutMs = t;
       else
         throw new Error(`
-        timeoutMs must be an integer in the range ` + i + "–" + n + `
+        timeoutMs must be an integer in the range ` + a + "–" + n + `
         (or ` + s + " to disable), but got '" + t + "'");
     }, e.prototype.getCloseOnEscape = function() {
       return this.closeOnEscape;
     }, e.prototype.setCloseOnEscape = function(t) {
       this.closeOnEscape = t;
     }, e.prototype.handleKeyDown = function(t) {
-      var i = t.key === "Escape" || t.keyCode === 27;
-      i && this.getCloseOnEscape() && this.close(h);
+      var a = t.key === "Escape" || t.keyCode === 27;
+      a && this.getCloseOnEscape() && this.close(_);
     }, e.prototype.handleActionButtonClick = function(t) {
-      this.close(V);
+      this.close(z);
     }, e.prototype.handleActionIconClick = function(t) {
-      this.close(h);
+      this.close(_);
     }, e.prototype.clearAutoDismissTimer = function() {
       clearTimeout(this.autoDismissTimer), this.autoDismissTimer = 0;
     }, e.prototype.handleAnimationTimerEnd = function() {
       this.animationTimer = 0, this.adapter.removeClass(c.OPENING), this.adapter.removeClass(c.CLOSING);
     }, e.prototype.runNextAnimationFrame = function(t) {
-      var i = this;
+      var a = this;
       cancelAnimationFrame(this.animationFrame), this.animationFrame = requestAnimationFrame(function() {
-        i.animationFrame = 0, clearTimeout(i.animationTimer), i.animationTimer = setTimeout(t, 0);
+        a.animationFrame = 0, clearTimeout(a.animationTimer), a.animationTimer = setTimeout(t, 0);
       });
     }, e;
-  }(B)
+  }(R)
 );
-const y = j;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const p = (a, e) => {
-  var t, i;
-  const n = a._$AN;
-  if (n === void 0)
-    return !1;
-  for (const s of n)
-    (i = (t = s)._$AO) === null || i === void 0 || i.call(t, e, !1), p(s, e);
-  return !0;
-}, _ = (a) => {
-  let e, t;
-  do {
-    if ((e = a._$AM) === void 0)
-      break;
-    t = e._$AN, t.delete(a), a = e;
-  } while ((t == null ? void 0 : t.size) === 0);
-}, I = (a) => {
-  for (let e; e = a._$AM; a = e) {
-    let t = e._$AN;
-    if (t === void 0)
-      e._$AN = t = /* @__PURE__ */ new Set();
-    else if (t.has(a))
-      break;
-    t.add(a), H(e);
-  }
-};
-function G(a) {
-  this._$AN !== void 0 ? (_(this), this._$AM = a, I(this)) : this._$AM = a;
-}
-function K(a, e = !1, t = 0) {
-  const i = this._$AH, n = this._$AN;
-  if (n !== void 0 && n.size !== 0)
-    if (e)
-      if (Array.isArray(i))
-        for (let s = t; s < i.length; s++)
-          p(i[s], !1), _(i[s]);
-      else
-        i != null && (p(i, !1), _(i));
-    else
-      p(this, a);
-}
-const H = (a) => {
-  var e, t, i, n;
-  a.type == S.CHILD && ((e = (i = a)._$AP) !== null && e !== void 0 || (i._$AP = K), (t = (n = a)._$AQ) !== null && t !== void 0 || (n._$AQ = G));
-};
-class X extends L {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(e, t, i) {
-    super._$AT(e, t, i), I(this), this.isConnected = e._$AU;
-  }
-  _$AO(e, t = !0) {
-    var i, n;
-    e !== this.isConnected && (this.isConnected = e, e ? (i = this.reconnected) === null || i === void 0 || i.call(this) : (n = this.disconnected) === null || n === void 0 || n.call(this)), t && (p(this, e), _(this));
-  }
-  setValue(e) {
-    if (z(this._$Ct))
-      this._$Ct._$AI(e, this);
-    else {
-      const t = [...this._$Ct._$AH];
-      t[this._$Ci] = e, this._$Ct._$AI(t, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-}
+const g = U;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const { ARIA_LIVE_DELAY_MS: Q } = y.numbers;
-class Y extends X {
+const { ARIA_LIVE_DELAY_MS: B } = g.numbers;
+class j extends w {
   constructor(e) {
-    if (super(e), this.labelEl = null, this.timerId = null, this.previousPart = null, e.type !== S.CHILD)
+    if (super(e), this.labelEl = null, this.timerId = null, this.previousPart = null, e.type !== L.CHILD)
       throw new Error("AccessibleSnackbarLabel only supports child parts.");
   }
-  update(e, [t, i]) {
+  update(e, [t, a]) {
     var n;
-    if (!i)
+    if (!a)
       return;
     if (this.labelEl === null) {
-      const v = document.createElement("div"), N = b`<div class="mdc-snackbar__label" role="status" aria-live="polite"></div>`;
-      M(N, v);
-      const u = v.firstElementChild;
-      return u.textContent = t, (n = e.endNode) === null || n === void 0 || n.parentNode.insertBefore(u, e.endNode), this.labelEl = u, u;
+      const k = document.createElement("div"), O = b`<div class="mdc-snackbar__label" role="status" aria-live="polite"></div>`;
+      S(O, k);
+      const p = k.firstElementChild;
+      return p.textContent = t, (n = e.endNode) === null || n === void 0 || n.parentNode.insertBefore(p, e.endNode), this.labelEl = p, p;
     }
     const s = this.labelEl;
     s.setAttribute("aria-live", "off"), s.textContent = "";
     const r = document.createElement("span");
     return r.style.display = "inline-block", r.style.width = "0", r.style.height = "1px", r.textContent = " ", s.appendChild(r), s.setAttribute("data-mdc-snackbar-label-text", t), this.timerId !== null && clearTimeout(this.timerId), this.timerId = window.setTimeout(() => {
       this.timerId = null, s.setAttribute("aria-live", "polite"), s.removeAttribute("data-mdc-snackbar-label-text"), s.textContent = t, this.setValue(this.labelEl);
-    }, Q), s;
+    }, B), s;
   }
   render(e, t) {
     return t ? b`
       <div class="mdc-snackbar__label" role="status" aria-live="polite">${e}</div>` : b``;
   }
 }
-const q = P(Y);
+const V = F(j);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const { OPENING_EVENT: J, OPENED_EVENT: W, CLOSING_EVENT: Z, CLOSED_EVENT: ee } = y.strings;
-class d extends F {
+const { OPENING_EVENT: G, OPENED_EVENT: $, CLOSING_EVENT: K, CLOSED_EVENT: X } = g.strings;
+class d extends M {
   constructor() {
-    super(...arguments), this.mdcFoundationClass = y, this.open = !1, this.timeoutMs = 5e3, this.closeOnEscape = !1, this.labelText = "", this.stacked = !1, this.leading = !1, this.reason = "";
+    super(...arguments), this.mdcFoundationClass = g, this.open = !1, this.timeoutMs = 5e3, this.closeOnEscape = !1, this.labelText = "", this.stacked = !1, this.leading = !1, this.reason = "";
   }
   render() {
     const e = {
@@ -362,9 +291,9 @@ class d extends F {
       "mdc-snackbar--leading": this.leading
     };
     return b`
-      <div class="mdc-snackbar ${R(e)}" @keydown="${this._handleKeydown}">
+      <div class="mdc-snackbar ${D(e)}" @keydown="${this._handleKeydown}">
         <div class="mdc-snackbar__surface">
-          ${q(this.labelText, this.open)}
+          ${V(this.labelText, this.open)}
           <div class="mdc-snackbar__actions">
             <slot name="action" @click="${this._handleActionClick}"></slot>
             <slot name="dismiss" @click="${this._handleDismissClick}"></slot>
@@ -373,15 +302,15 @@ class d extends F {
       </div>`;
   }
   createAdapter() {
-    return Object.assign(Object.assign({}, U(this.mdcRoot)), { announce: () => {
+    return Object.assign(Object.assign({}, P(this.mdcRoot)), { announce: () => {
     }, notifyClosed: (e) => {
-      this.dispatchEvent(new CustomEvent(ee, { bubbles: !0, cancelable: !0, detail: { reason: e } }));
+      this.dispatchEvent(new CustomEvent(X, { bubbles: !0, cancelable: !0, detail: { reason: e } }));
     }, notifyClosing: (e) => {
-      this.open = !1, this.dispatchEvent(new CustomEvent(Z, { bubbles: !0, cancelable: !0, detail: { reason: e } }));
+      this.open = !1, this.dispatchEvent(new CustomEvent(K, { bubbles: !0, cancelable: !0, detail: { reason: e } }));
     }, notifyOpened: () => {
-      this.dispatchEvent(new CustomEvent(W, { bubbles: !0, cancelable: !0 }));
+      this.dispatchEvent(new CustomEvent($, { bubbles: !0, cancelable: !0 }));
     }, notifyOpening: () => {
-      this.open = !0, this.dispatchEvent(new CustomEvent(J, { bubbles: !0, cancelable: !0 }));
+      this.open = !0, this.dispatchEvent(new CustomEvent(G, { bubbles: !0, cancelable: !0 }));
     } });
   }
   /** @export */
@@ -406,26 +335,26 @@ class d extends F {
   }
 }
 m([
-  O(".mdc-snackbar")
+  C(".mdc-snackbar")
 ], d.prototype, "mdcRoot", void 0);
 m([
-  O(".mdc-snackbar__label")
+  C(".mdc-snackbar__label")
 ], d.prototype, "labelElement", void 0);
 m([
   l({ type: Boolean, reflect: !0 }),
-  g(function(a) {
-    this.mdcFoundation && (a ? this.mdcFoundation.open() : (this.mdcFoundation.close(this.reason), this.reason = ""));
+  f(function(i) {
+    this.mdcFoundation && (i ? this.mdcFoundation.open() : (this.mdcFoundation.close(this.reason), this.reason = ""));
   })
 ], d.prototype, "open", void 0);
 m([
-  g(function(a) {
-    this.mdcFoundation.setTimeoutMs(a);
+  f(function(i) {
+    this.mdcFoundation.setTimeoutMs(i);
   }),
   l({ type: Number })
 ], d.prototype, "timeoutMs", void 0);
 m([
-  g(function(a) {
-    this.mdcFoundation.setCloseOnEscape(a);
+  f(function(i) {
+    this.mdcFoundation.setCloseOnEscape(i);
   }),
   l({ type: Boolean })
 ], d.prototype, "closeOnEscape", void 0);
@@ -443,21 +372,21 @@ m([
  * Copyright 2021 Google LLC
  * SPDX-LIcense-Identifier: Apache-2.0
  */
-const te = C`.mdc-snackbar{z-index:8;margin:8px;display:none;position:fixed;right:0;bottom:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-snackbar__surface{background-color:#333333}.mdc-snackbar__label{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__surface{min-width:344px}@media(max-width: 480px),(max-width: 344px){.mdc-snackbar__surface{min-width:100%}}.mdc-snackbar__surface{max-width:672px}.mdc-snackbar__surface{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0,0,0,.12)}.mdc-snackbar__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-snackbar--opening,.mdc-snackbar--open,.mdc-snackbar--closing{display:flex}.mdc-snackbar--open .mdc-snackbar__label,.mdc-snackbar--open .mdc-snackbar__actions{visibility:visible}.mdc-snackbar--leading{justify-content:flex-start}.mdc-snackbar--stacked .mdc-snackbar__label{padding-left:16px;padding-right:8px;padding-bottom:12px}[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label,.mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px}.mdc-snackbar--stacked .mdc-snackbar__surface{flex-direction:column;align-items:flex-start}.mdc-snackbar--stacked .mdc-snackbar__actions{align-self:flex-end;margin-bottom:8px}.mdc-snackbar__surface{padding-left:0;padding-right:8px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;transform:scale(0.8);opacity:0}.mdc-snackbar__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors: active){.mdc-snackbar__surface::before{border-color:CanvasText}}[dir=rtl] .mdc-snackbar__surface,.mdc-snackbar__surface[dir=rtl]{padding-left:8px;padding-right:0}.mdc-snackbar--open .mdc-snackbar__surface{transform:scale(1);opacity:1;pointer-events:auto;transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-snackbar--closing .mdc-snackbar__surface{transform:scale(1);transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-snackbar__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);padding-left:16px;padding-right:8px;width:100%;flex-grow:1;box-sizing:border-box;margin:0;visibility:hidden;padding-top:14px;padding-bottom:14px}[dir=rtl] .mdc-snackbar__label,.mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px}.mdc-snackbar__label::before{display:inline;content:attr(data-mdc-snackbar-label-text)}.mdc-snackbar__actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;visibility:hidden}.mdc-snackbar__action:not(:disabled){color:#bb86fc}.mdc-snackbar__action .mdc-button__ripple::before,.mdc-snackbar__action .mdc-button__ripple::after{background-color:#bb86fc;background-color:var(--mdc-ripple-color, #bb86fc)}.mdc-snackbar__action:hover .mdc-button__ripple::before,.mdc-snackbar__action.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__action.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__action:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__action:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__dismiss .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss .mdc-icon-button__ripple::after{background-color:rgba(255, 255, 255, 0.87);background-color:var(--mdc-ripple-color, rgba(255, 255, 255, 0.87))}.mdc-snackbar__dismiss:hover .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-snackbar__dismiss{width:36px;height:36px;padding:6px;font-size:18px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__focus-ring{display:none}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:36px;max-width:36px}@media screen and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:36px;height:36px;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:36px;max-width:36px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__touch{position:absolute;top:50%;height:36px;left:50%;width:36px;transform:translate(-50%, -50%)}.mdc-snackbar__action+.mdc-snackbar__dismiss{margin-left:8px;margin-right:0}[dir=rtl] .mdc-snackbar__action+.mdc-snackbar__dismiss,.mdc-snackbar__action+.mdc-snackbar__dismiss[dir=rtl]{margin-left:0;margin-right:8px}slot[name=action]::slotted(mwc-button){--mdc-theme-primary: var( --mdc-snackbar-action-color, #bb86fc )}slot[name=dismiss]::slotted(mwc-icon-button){--mdc-icon-size: 18px;--mdc-icon-button-size: 36px;color:rgba(255, 255, 255, 0.87);margin-left:8px;margin-right:0}[dir=rtl] slot[name=dismiss]::slotted(mwc-icon-button),::slotted(mwc-icon-buttonslot[name=dismiss][dir=rtl]){margin-left:0;margin-right:8px}`, ie = `:host{--mdc-snackbar-action-color: var(--mdc-theme-text-primary-on-dark);--mdc-theme-text-primary-on-background: var(--mdc-theme-text-primary-on-dark)}:host ::slotted(cv-icon-button){color:var(--mdc-theme-text-icon-on-dark)}
+const H = T`.mdc-snackbar{z-index:8;margin:8px;display:none;position:fixed;right:0;bottom:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-snackbar__surface{background-color:#333333}.mdc-snackbar__label{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__surface{min-width:344px}@media(max-width: 480px),(max-width: 344px){.mdc-snackbar__surface{min-width:100%}}.mdc-snackbar__surface{max-width:672px}.mdc-snackbar__surface{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0,0,0,.12)}.mdc-snackbar__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-snackbar--opening,.mdc-snackbar--open,.mdc-snackbar--closing{display:flex}.mdc-snackbar--open .mdc-snackbar__label,.mdc-snackbar--open .mdc-snackbar__actions{visibility:visible}.mdc-snackbar--leading{justify-content:flex-start}.mdc-snackbar--stacked .mdc-snackbar__label{padding-left:16px;padding-right:8px;padding-bottom:12px}[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label,.mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px}.mdc-snackbar--stacked .mdc-snackbar__surface{flex-direction:column;align-items:flex-start}.mdc-snackbar--stacked .mdc-snackbar__actions{align-self:flex-end;margin-bottom:8px}.mdc-snackbar__surface{padding-left:0;padding-right:8px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;transform:scale(0.8);opacity:0}.mdc-snackbar__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors: active){.mdc-snackbar__surface::before{border-color:CanvasText}}[dir=rtl] .mdc-snackbar__surface,.mdc-snackbar__surface[dir=rtl]{padding-left:8px;padding-right:0}.mdc-snackbar--open .mdc-snackbar__surface{transform:scale(1);opacity:1;pointer-events:auto;transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-snackbar--closing .mdc-snackbar__surface{transform:scale(1);transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-snackbar__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);padding-left:16px;padding-right:8px;width:100%;flex-grow:1;box-sizing:border-box;margin:0;visibility:hidden;padding-top:14px;padding-bottom:14px}[dir=rtl] .mdc-snackbar__label,.mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px}.mdc-snackbar__label::before{display:inline;content:attr(data-mdc-snackbar-label-text)}.mdc-snackbar__actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;visibility:hidden}.mdc-snackbar__action:not(:disabled){color:#bb86fc}.mdc-snackbar__action .mdc-button__ripple::before,.mdc-snackbar__action .mdc-button__ripple::after{background-color:#bb86fc;background-color:var(--mdc-ripple-color, #bb86fc)}.mdc-snackbar__action:hover .mdc-button__ripple::before,.mdc-snackbar__action.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__action.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__action:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__action:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__dismiss .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss .mdc-icon-button__ripple::after{background-color:rgba(255, 255, 255, 0.87);background-color:var(--mdc-ripple-color, rgba(255, 255, 255, 0.87))}.mdc-snackbar__dismiss:hover .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-snackbar__dismiss{width:36px;height:36px;padding:6px;font-size:18px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__focus-ring{display:none}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:36px;max-width:36px}@media screen and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:36px;height:36px;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:36px;max-width:36px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__touch{position:absolute;top:50%;height:36px;left:50%;width:36px;transform:translate(-50%, -50%)}.mdc-snackbar__action+.mdc-snackbar__dismiss{margin-left:8px;margin-right:0}[dir=rtl] .mdc-snackbar__action+.mdc-snackbar__dismiss,.mdc-snackbar__action+.mdc-snackbar__dismiss[dir=rtl]{margin-left:0;margin-right:8px}slot[name=action]::slotted(mwc-button){--mdc-theme-primary: var( --mdc-snackbar-action-color, #bb86fc )}slot[name=dismiss]::slotted(mwc-icon-button){--mdc-icon-size: 18px;--mdc-icon-button-size: 36px;color:rgba(255, 255, 255, 0.87);margin-left:8px;margin-right:0}[dir=rtl] slot[name=dismiss]::slotted(mwc-icon-button),::slotted(mwc-icon-buttonslot[name=dismiss][dir=rtl]){margin-left:0;margin-right:8px}`, Y = `:host{--mdc-snackbar-action-color: var(--mdc-theme-text-primary-on-dark);--mdc-theme-text-primary-on-background: var(--mdc-theme-text-primary-on-dark)}:host ::slotted(cv-icon-button){color:var(--mdc-theme-text-icon-on-dark)}
 `;
-var ae = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, se = (a, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? ne(e, t) : e, s = a.length - 1, r; s >= 0; s--)
-    (r = a[s]) && (n = (i ? r(e, t, n) : r(n)) || n);
-  return i && n && ae(e, t, n), n;
+var q = Object.defineProperty, J = Object.getOwnPropertyDescriptor, Q = (i, e, t, a) => {
+  for (var n = a > 1 ? void 0 : a ? J(e, t) : e, s = i.length - 1, r; s >= 0; s--)
+    (r = i[s]) && (n = (a ? r(e, t, n) : r(n)) || n);
+  return a && n && q(e, t, n), n;
 };
-let f = class extends d {
+let u = class extends d {
 };
-f.styles = [te, C`${D(ie)}`];
-f = se([
-  w("cv-snackbar")
-], f);
-const _e = f;
+u.styles = [H, T`${A(Y)}`];
+u = Q([
+  I("cv-snackbar")
+], u);
+const de = u;
 export {
-  f as CovalentSnackbar,
-  _e as default
+  u as CovalentSnackbar,
+  de as default
 };