@covalent/components 6.0.1 → 6.0.2

package/snackbar.mjs

@@ -1,20 +1,461 @@
-import { css as m, unsafeCSS as l } from "lit";
-import { customElement as p } from "lit/decorators.js";
-import { SnackbarBase as v } from "@material/mwc-snackbar/mwc-snackbar-base";
-import { styles as f } from "@material/mwc-snackbar/mwc-snackbar.css?used";
-const i = `:host{--mdc-snackbar-action-color: var(--mdc-theme-text-primary-on-dark)}:host ::slotted(cv-icon-button){color:var(--mdc-theme-text-icon-on-dark)}
+import { Z as M, y as b, i as C, r as D, e as w } from "./query-assigned-elements.mjs";
+import { _ as $, a as x, b as m } from "./tslib.es6.mjs";
+import { B as F } from "./base-element.mjs";
+import { o as g } from "./observer.mjs";
+import { e as l } from "./property.mjs";
+import { i as O } from "./query.mjs";
+import { i as L, t as S, e as P, o as R } from "./class-map.mjs";
+import { e as z } from "./directive-helpers.mjs";
+import { a as U } from "./utils.mjs";
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var B = (
+  /** @class */
+  function() {
+    function a(e) {
+      e === void 0 && (e = {}), this.adapter = e;
+    }
+    return Object.defineProperty(a, "cssClasses", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(a, "strings", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(a, "numbers", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(a, "defaultAdapter", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), a.prototype.init = function() {
+    }, a.prototype.destroy = function() {
+    }, a;
+  }()
+);
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var c = {
+  CLOSING: "mdc-snackbar--closing",
+  OPEN: "mdc-snackbar--open",
+  OPENING: "mdc-snackbar--opening"
+}, k = {
+  ACTION_SELECTOR: ".mdc-snackbar__action",
+  ARIA_LIVE_LABEL_TEXT_ATTR: "data-mdc-snackbar-label-text",
+  CLOSED_EVENT: "MDCSnackbar:closed",
+  CLOSING_EVENT: "MDCSnackbar:closing",
+  DISMISS_SELECTOR: ".mdc-snackbar__dismiss",
+  LABEL_SELECTOR: ".mdc-snackbar__label",
+  OPENED_EVENT: "MDCSnackbar:opened",
+  OPENING_EVENT: "MDCSnackbar:opening",
+  REASON_ACTION: "action",
+  REASON_DISMISS: "dismiss",
+  SURFACE_SELECTOR: ".mdc-snackbar__surface"
+}, o = {
+  DEFAULT_AUTO_DISMISS_TIMEOUT_MS: 5e3,
+  INDETERMINATE: -1,
+  MAX_AUTO_DISMISS_TIMEOUT_MS: 1e4,
+  MIN_AUTO_DISMISS_TIMEOUT_MS: 4e3,
+  // These variables need to be kept in sync with the values in _variables.scss.
+  SNACKBAR_ANIMATION_CLOSE_TIME_MS: 75,
+  SNACKBAR_ANIMATION_OPEN_TIME_MS: 150,
+  /**
+   * Number of milliseconds to wait between temporarily clearing the label text
+   * in the DOM and subsequently restoring it. This is necessary to force IE 11
+   * to pick up the `aria-live` content change and announce it to the user.
+   */
+  ARIA_LIVE_DELAY_MS: 1e3
+};
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * 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, f = k.REASON_DISMISS, j = (
+  /** @class */
+  function(a) {
+    $(e, a);
+    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;
+    }
+    return Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return c;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "strings", {
+      get: function() {
+        return k;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "numbers", {
+      get: function() {
+        return o;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          announce: function() {
+          },
+          notifyClosed: function() {
+          },
+          notifyClosing: function() {
+          },
+          notifyOpened: function() {
+          },
+          notifyOpening: function() {
+          },
+          removeClass: function() {
+          }
+        };
+      },
+      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);
+    }, 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(f);
+          }, i));
+        }, o.SNACKBAR_ANIMATION_OPEN_TIME_MS);
+      });
+    }, e.prototype.close = function(t) {
+      var i = 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);
+      }, 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)
+        this.autoDismissTimeoutMs = t;
+      else
+        throw new Error(`
+        timeoutMs must be an integer in the range ` + i + "–" + 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(f);
+    }, e.prototype.handleActionButtonClick = function(t) {
+      this.close(V);
+    }, e.prototype.handleActionIconClick = function(t) {
+      this.close(f);
+    }, 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;
+      cancelAnimationFrame(this.animationFrame), this.animationFrame = requestAnimationFrame(function() {
+        i.animationFrame = 0, clearTimeout(i.animationTimer), i.animationTimer = setTimeout(t, 0);
+      });
+    }, e;
+  }(B)
+);
+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() {
+  }
+}
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const { ARIA_LIVE_DELAY_MS: Q } = y.numbers;
+class Y extends X {
+  constructor(e) {
+    if (super(e), this.labelEl = null, this.timerId = null, this.previousPart = null, e.type !== S.CHILD)
+      throw new Error("AccessibleSnackbarLabel only supports child parts.");
+  }
+  update(e, [t, i]) {
+    var n;
+    if (!i)
+      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 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;
+  }
+  render(e, t) {
+    return t ? b`
+      <div class="mdc-snackbar__label" role="status" aria-live="polite">${e}</div>` : b``;
+  }
+}
+const q = P(Y);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const { OPENING_EVENT: Z, OPENED_EVENT: J, CLOSING_EVENT: W, CLOSED_EVENT: ee } = y.strings;
+class d extends F {
+  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 = "";
+  }
+  render() {
+    const e = {
+      "mdc-snackbar--stacked": this.stacked,
+      "mdc-snackbar--leading": this.leading
+    };
+    return b`
+      <div class="mdc-snackbar ${R(e)}" @keydown="${this._handleKeydown}">
+        <div class="mdc-snackbar__surface">
+          ${q(this.labelText, this.open)}
+          <div class="mdc-snackbar__actions">
+            <slot name="action" @click="${this._handleActionClick}"></slot>
+            <slot name="dismiss" @click="${this._handleDismissClick}"></slot>
+          </div>
+        </div>
+      </div>`;
+  }
+  createAdapter() {
+    return Object.assign(Object.assign({}, U(this.mdcRoot)), { announce: () => {
+    }, notifyClosed: (e) => {
+      this.dispatchEvent(new CustomEvent(ee, { bubbles: !0, cancelable: !0, detail: { reason: e } }));
+    }, notifyClosing: (e) => {
+      this.open = !1, this.dispatchEvent(new CustomEvent(W, { bubbles: !0, cancelable: !0, detail: { reason: e } }));
+    }, notifyOpened: () => {
+      this.dispatchEvent(new CustomEvent(J, { bubbles: !0, cancelable: !0 }));
+    }, notifyOpening: () => {
+      this.open = !0, this.dispatchEvent(new CustomEvent(Z, { bubbles: !0, cancelable: !0 }));
+    } });
+  }
+  /** @export */
+  show() {
+    this.open = !0;
+  }
+  /** @export */
+  close(e = "") {
+    this.reason = e, this.open = !1;
+  }
+  firstUpdated() {
+    super.firstUpdated(), this.open && this.mdcFoundation.open();
+  }
+  _handleKeydown(e) {
+    this.mdcFoundation.handleKeyDown(e);
+  }
+  _handleActionClick(e) {
+    this.mdcFoundation.handleActionButtonClick(e);
+  }
+  _handleDismissClick(e) {
+    this.mdcFoundation.handleActionIconClick(e);
+  }
+}
+m([
+  O(".mdc-snackbar")
+], d.prototype, "mdcRoot", void 0);
+m([
+  O(".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 = ""));
+  })
+], d.prototype, "open", void 0);
+m([
+  g(function(a) {
+    this.mdcFoundation.setTimeoutMs(a);
+  }),
+  l({ type: Number })
+], d.prototype, "timeoutMs", void 0);
+m([
+  g(function(a) {
+    this.mdcFoundation.setCloseOnEscape(a);
+  }),
+  l({ type: Boolean })
+], d.prototype, "closeOnEscape", void 0);
+m([
+  l({ type: String })
+], d.prototype, "labelText", void 0);
+m([
+  l({ type: Boolean })
+], d.prototype, "stacked", void 0);
+m([
+  l({ type: Boolean })
+], d.prototype, "leading", void 0);
+/**
+ * @license
+ * 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)}:host ::slotted(cv-icon-button){color:var(--mdc-theme-text-icon-on-dark)}
 `;
-var b = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, d = (n, t, s, e) => {
-  for (var r = e > 1 ? void 0 : e ? _(t, s) : t, o = n.length - 1, a; o >= 0; o--)
-    (a = n[o]) && (r = (e ? a(t, s, r) : a(r)) || r);
-  return e && r && b(t, s, r), r;
+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;
 };
-let c = class extends v {
+let h = class extends d {
 };
-c.styles = [f, m`${l(i)}`];
-c = d([
-  p("cv-snackbar")
-], c);
+h.styles = [te, C`${D(ie)}`];
+h = se([
+  w("cv-snackbar")
+], h);
 export {
-  c as CovalentSnackbarBase
+  h as CovalentSnackbarBase
 };

package/src/action-ribbon/action-ribbon-base.d.ts

@@ -0,0 +1,30 @@
+import { MDCBannerAdapter } from '@material/banner/adapter';
+import { CloseReason } from '@material/banner/constants';
+import { MDCBannerFoundation } from '@material/banner';
+import { LitElement, TemplateResult } from 'lit';
+export declare class ActionRibbonBase extends LitElement {
+    protected mdcFoundation: MDCBannerFoundation;
+    protected readonly mdcFoundationClass: typeof MDCBannerFoundation;
+    protected mdcRoot: HTMLElement;
+    protected mdcContent: HTMLElement;
+    protected primaryActionEl: HTMLElement;
+    open: boolean;
+    labelText: string;
+    icon: string;
+    iconAriaLabel: string;
+    centered: boolean;
+    /**
+     * The state representation active|negative|positive|caution
+     */
+    state?: 'active' | 'negative' | 'positive' | 'caution';
+    protected reason: CloseReason;
+    protected render(): TemplateResult<1>;
+    protected renderIcon(): TemplateResult;
+    protected createAdapter(): MDCBannerAdapter;
+    /** @export */
+    show(): void;
+    /** @export */
+    close(reason?: CloseReason): void;
+    protected firstUpdated(): Promise<void>;
+}
+//# sourceMappingURL=action-ribbon-base.d.ts.map

package/src/action-ribbon/action-ribbon-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-ribbon-base.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/action-ribbon/action-ribbon-base.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAEL,WAAW,EAGZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,SAAS,CAAC,aAAa,EAAG,mBAAmB,CAAC;IAC9C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,6BAAuB;IAEtC,SAAS,CAAC,OAAO,EAAG,WAAW,CAAC;IAC5B,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;IAC5B,SAAS,CAAC,eAAe,EAAG,WAAW,CAAC;IAazE,IAAI,UAAQ;IAEgB,SAAS,SAAM;IAEf,IAAI,SAAM;IACV,aAAa,SAAM;IAElB,QAAQ,UAAQ;IAE7C;;OAEG;IAEH,KAAK,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAEvD,SAAS,CAAC,MAAM,EAAE,WAAW,CAA2B;cAErC,MAAM;IAsBzB,SAAS,CAAC,UAAU,IAAI,cAAc;IAQtC,SAAS,CAAC,aAAa,IAAI,gBAAgB;IA2C3C,cAAc;IACd,IAAI;IAIJ,cAAc;IACd,KAAK,CAAC,MAAM,cAA0B;cAKb,YAAY;CAUtC"}

package/src/action-ribbon/action-ribbon.d.ts

@@ -0,0 +1,15 @@
+import { ActionRibbonBase } from './action-ribbon-base';
+/**
+ * Action ribbon
+ *
+ * @slot - This element has a slot
+ */
+export declare class CovalentActionRibbon extends ActionRibbonBase {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-action-ribbon': CovalentActionRibbon;
+    }
+}
+//# sourceMappingURL=action-ribbon.d.ts.map

package/src/action-ribbon/action-ribbon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-ribbon.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/action-ribbon/action-ribbon.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD;;;;GAIG;AACH,qBACa,oBAAqB,SAAQ,gBAAgB;IACxD,OAAgB,MAAM,4BAIpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,oBAAoB,CAAC;KAC1C;CACF"}

package/src/alert/alert-base.d.ts

@@ -0,0 +1,31 @@
+import { MDCBannerFoundation } from '@material/banner/foundation';
+import { MDCBannerAdapter } from '@material/banner/adapter';
+import { CloseReason } from '@material/banner/constants';
+import { LitElement, TemplateResult } from 'lit';
+export declare class AlertBase extends LitElement {
+    protected mdcFoundation: MDCBannerFoundation;
+    protected readonly mdcFoundationClass: typeof MDCBannerFoundation;
+    protected mdcRoot: HTMLElement;
+    protected mdcContent: HTMLElement;
+    open: boolean;
+    titleText: string;
+    descriptionText: string;
+    icon: string;
+    iconAriaLabel: string;
+    inline: boolean;
+    /**
+     * The state representation active|negative|positive|caution
+     */
+    state: string;
+    protected reason: CloseReason;
+    protected render(): TemplateResult<1>;
+    /** @soyTemplate */
+    protected renderIcon(): TemplateResult;
+    protected createAdapter(): MDCBannerAdapter;
+    /** @export */
+    show(): void;
+    /** @export */
+    close(reason?: CloseReason): void;
+    protected firstUpdated(): Promise<void>;
+}
+//# sourceMappingURL=alert-base.d.ts.map

package/src/alert/alert-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-base.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/alert/alert-base.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAU,WAAW,EAAU,MAAM,4BAA4B,CAAC;AAEzE,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvD,qBAAa,SAAU,SAAQ,UAAU;IACvC,SAAS,CAAC,aAAa,EAAG,mBAAmB,CAAC;IAC9C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,6BAAuB;IAEtC,SAAS,CAAC,OAAO,EAAG,WAAW,CAAC;IACvB,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;IAalE,IAAI,UAAQ;IAEgB,SAAS,SAAM;IACf,eAAe,SAAM;IAErB,IAAI,SAAM;IACV,aAAa,SAAM;IAElB,MAAM,UAAS;IAC5C;;OAEG;IAEH,KAAK,SAAM;IAEX,SAAS,CAAC,MAAM,EAAE,WAAW,CAA2B;cAErC,MAAM;IAyBzB,mBAAmB;IACnB,SAAS,CAAC,UAAU,IAAI,cAAc;IAQtC,SAAS,CAAC,aAAa,IAAI,gBAAgB;IAsC3C,cAAc;IACd,IAAI;IAIJ,cAAc;IACd,KAAK,CAAC,MAAM,cAA0B;cAKb,YAAY;CAStC"}

package/src/alert/alert.d.ts

@@ -0,0 +1,15 @@
+import { AlertBase } from './alert-base';
+/**
+ * Action ribbon
+ *
+ * @slot - This element has a slot
+ */
+export declare class CovalentAlert extends AlertBase {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-alert': CovalentAlert;
+    }
+}
+//# sourceMappingURL=alert.d.ts.map

package/src/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/alert/alert.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC;;;;GAIG;AACH,qBACa,aAAc,SAAQ,SAAS;IAC1C,OAAgB,MAAM,4BAIpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,aAAa,CAAC;KAC3B;CACF"}

package/src/app-shell/app-shell.d.ts

@@ -0,0 +1,26 @@
+import { DrawerBase } from '@material/mwc-drawer/mwc-drawer-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-app-shell': CovalentAppShell;
+    }
+}
+/**
+ * App Shell element.
+ *
+ * @slot - This element has a slot
+ */
+export declare class CovalentAppShell extends DrawerBase {
+    static styles: import("lit").CSSResult[];
+    /**
+     * The name of the application to show in the small app bar
+     */
+    appName: string;
+    helpOpen: boolean;
+    constructor();
+    private _toggleOpen;
+    resizeEvent(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=app-shell.d.ts.map

package/src/app-shell/app-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/app-shell/app-shell.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAGlE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,gBAAgB,CAAC;KAClC;CACF;AAED;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAIpB;IAEF;;OAEG;IAEH,OAAO,SAAM;IAGb,QAAQ,UAAS;;IAQjB,OAAO,CAAC,WAAW;IAWnB,WAAW;IAWF,iBAAiB;IAKjB,oBAAoB;IAKpB,MAAM;CAsDhB"}

package/src/button/button.d.ts

@@ -0,0 +1,10 @@
+import { ButtonBase } from '@material/mwc-button/mwc-button-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-button': CovalentButtonBase;
+    }
+}
+export declare class CovalentButtonBase extends ButtonBase {
+    static styles: import("lit").CSSResult[];
+}
+//# sourceMappingURL=button.d.ts.map

package/src/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/button/button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAGlE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,kBAAkB,CAAC;KACjC;CACF;AAED,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,4BAA2C;CAClE"}