@covalent/components 6.0.1 → 6.0.2

package/linear-progress.mjs

@@ -1,20 +1,183 @@
-import { css as f, unsafeCSS as n } from "lit";
-import { customElement as p } from "lit/decorators.js";
-import { LinearProgressBase as c } from "@material/mwc-linear-progress/mwc-linear-progress-base";
-import { styles as v } from "@material/mwc-linear-progress/mwc-linear-progress.css?used";
-const i = `:host{--mdc-linear-progress-buffer-color: var(--mdc-theme-border)}
+import { s as y, y as b, i as g, r as u, e as h } from "./query-assigned-elements.mjs";
+import { b as a } from "./tslib.es6.mjs";
+import { a as _ } from "./aria-property.mjs";
+import { e as o } from "./property.mjs";
+import { t } from "./state.mjs";
+import { i as v } from "./query.mjs";
+import { o as x } from "./class-map.mjs";
+import { l as c } from "./if-defined.mjs";
+import { i as p } from "./style-map.mjs";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class e extends y {
+  constructor() {
+    super(...arguments), this.indeterminate = !1, this.progress = 0, this.buffer = 1, this.reverse = !1, this.closed = !1, this.stylePrimaryHalf = "", this.stylePrimaryFull = "", this.styleSecondaryQuarter = "", this.styleSecondaryHalf = "", this.styleSecondaryFull = "", this.animationReady = !0, this.closedAnimationOff = !1, this.resizeObserver = null;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.rootEl && this.attachResizeObserver();
+  }
+  /**
+   * @soyTemplate
+   */
+  render() {
+    const r = {
+      "mdc-linear-progress--closed": this.closed,
+      "mdc-linear-progress--closed-animation-off": this.closedAnimationOff,
+      "mdc-linear-progress--indeterminate": this.indeterminate,
+      // needed for controller-less render
+      "mdc-linear-progress--animation-ready": this.animationReady
+    }, i = {
+      "--mdc-linear-progress-primary-half": this.stylePrimaryHalf,
+      "--mdc-linear-progress-primary-half-neg": this.stylePrimaryHalf !== "" ? `-${this.stylePrimaryHalf}` : "",
+      "--mdc-linear-progress-primary-full": this.stylePrimaryFull,
+      "--mdc-linear-progress-primary-full-neg": this.stylePrimaryFull !== "" ? `-${this.stylePrimaryFull}` : "",
+      "--mdc-linear-progress-secondary-quarter": this.styleSecondaryQuarter,
+      "--mdc-linear-progress-secondary-quarter-neg": this.styleSecondaryQuarter !== "" ? `-${this.styleSecondaryQuarter}` : "",
+      "--mdc-linear-progress-secondary-half": this.styleSecondaryHalf,
+      "--mdc-linear-progress-secondary-half-neg": this.styleSecondaryHalf !== "" ? `-${this.styleSecondaryHalf}` : "",
+      "--mdc-linear-progress-secondary-full": this.styleSecondaryFull,
+      "--mdc-linear-progress-secondary-full-neg": this.styleSecondaryFull !== "" ? `-${this.styleSecondaryFull}` : ""
+    }, n = {
+      "flex-basis": this.indeterminate ? "100%" : `${this.buffer * 100}%`
+    }, s = {
+      transform: this.indeterminate ? "scaleX(1)" : `scaleX(${this.progress})`
+    };
+    return b`
+      <div
+          role="progressbar"
+          class="mdc-linear-progress ${x(r)}"
+          style="${p(i)}"
+          dir="${c(this.reverse ? "rtl" : void 0)}"
+          aria-label="${c(this.ariaLabel)}"
+          aria-valuemin="0"
+          aria-valuemax="1"
+          aria-valuenow="${c(this.indeterminate ? void 0 : this.progress)}"
+        @transitionend="${this.syncClosedState}">
+        <div class="mdc-linear-progress__buffer">
+          <div
+            class="mdc-linear-progress__buffer-bar"
+            style=${p(n)}>
+          </div>
+          <div class="mdc-linear-progress__buffer-dots"></div>
+        </div>
+        <div
+            class="mdc-linear-progress__bar mdc-linear-progress__primary-bar"
+            style=${p(s)}>
+          <span class="mdc-linear-progress__bar-inner"></span>
+        </div>
+        <div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar">
+          <span class="mdc-linear-progress__bar-inner"></span>
+        </div>
+      </div>`;
+  }
+  update(r) {
+    r.has("closed") && (!this.closed || r.get("closed") === void 0) && this.syncClosedState(), super.update(r);
+  }
+  async firstUpdated(r) {
+    super.firstUpdated(r), this.attachResizeObserver();
+  }
+  syncClosedState() {
+    this.closedAnimationOff = this.closed;
+  }
+  updated(r) {
+    !r.has("indeterminate") && r.has("reverse") && this.indeterminate && this.restartAnimation(), r.has("indeterminate") && r.get("indeterminate") !== void 0 && this.indeterminate && window.ResizeObserver && this.calculateAndSetAnimationDimensions(this.rootEl.offsetWidth), super.updated(r);
+  }
+  disconnectedCallback() {
+    this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), super.disconnectedCallback();
+  }
+  attachResizeObserver() {
+    if (window.ResizeObserver) {
+      this.resizeObserver = new window.ResizeObserver((r) => {
+        if (this.indeterminate) {
+          for (const i of r)
+            if (i.contentRect) {
+              const n = i.contentRect.width;
+              this.calculateAndSetAnimationDimensions(n);
+            }
+        }
+      }), this.resizeObserver.observe(this.rootEl);
+      return;
+    }
+    this.resizeObserver = null;
+  }
+  calculateAndSetAnimationDimensions(r) {
+    const i = r * 0.8367142, n = r * 2.00611057, s = r * 0.37651913, l = r * 0.84386165, m = r * 1.60277782;
+    this.stylePrimaryHalf = `${i}px`, this.stylePrimaryFull = `${n}px`, this.styleSecondaryQuarter = `${s}px`, this.styleSecondaryHalf = `${l}px`, this.styleSecondaryFull = `${m}px`, this.restartAnimation();
+  }
+  async restartAnimation() {
+    this.animationReady = !1, await this.updateComplete, await new Promise(requestAnimationFrame), this.animationReady = !0, await this.updateComplete;
+  }
+  open() {
+    this.closed = !1;
+  }
+  close() {
+    this.closed = !0;
+  }
+}
+a([
+  v(".mdc-linear-progress")
+], e.prototype, "rootEl", void 0);
+a([
+  o({ type: Boolean, reflect: !0 })
+], e.prototype, "indeterminate", void 0);
+a([
+  o({ type: Number })
+], e.prototype, "progress", void 0);
+a([
+  o({ type: Number })
+], e.prototype, "buffer", void 0);
+a([
+  o({ type: Boolean, reflect: !0 })
+], e.prototype, "reverse", void 0);
+a([
+  o({ type: Boolean, reflect: !0 })
+], e.prototype, "closed", void 0);
+a([
+  _,
+  o({ attribute: "aria-label" })
+], e.prototype, "ariaLabel", void 0);
+a([
+  t()
+], e.prototype, "stylePrimaryHalf", void 0);
+a([
+  t()
+], e.prototype, "stylePrimaryFull", void 0);
+a([
+  t()
+], e.prototype, "styleSecondaryQuarter", void 0);
+a([
+  t()
+], e.prototype, "styleSecondaryHalf", void 0);
+a([
+  t()
+], e.prototype, "styleSecondaryFull", void 0);
+a([
+  t()
+], e.prototype, "animationReady", void 0);
+a([
+  t()
+], e.prototype, "closedAnimationOff", void 0);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const w = g`@keyframes mdc-linear-progress-primary-indeterminate-translate{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(83.67142%);transform:translateX(var(--mdc-linear-progress-primary-half, 83.67142%))}100%{transform:translateX(200.611057%);transform:translateX(var(--mdc-linear-progress-primary-full, 200.611057%))}}@keyframes mdc-linear-progress-primary-indeterminate-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.661479)}100%{transform:scaleX(0.08)}}@keyframes mdc-linear-progress-secondary-indeterminate-translate{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(37.651913%);transform:translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%))}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(84.386165%);transform:translateX(var(--mdc-linear-progress-secondary-half, 84.386165%))}100%{transform:translateX(160.277782%);transform:translateX(var(--mdc-linear-progress-secondary-full, 160.277782%))}}@keyframes mdc-linear-progress-secondary-indeterminate-scale{0%{animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);transform:scaleX(0.457104)}44.15%{animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);transform:scaleX(0.72796)}100%{transform:scaleX(0.08)}}@keyframes mdc-linear-progress-buffering{from{transform:rotate(180deg) translateX(-10px)}}@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(-83.67142%);transform:translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%))}100%{transform:translateX(-200.611057%);transform:translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%))}}@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(-37.651913%);transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%))}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(-84.386165%);transform:translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%))}100%{transform:translateX(-160.277782%);transform:translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%))}}@keyframes mdc-linear-progress-buffering-reverse{from{transform:translateX(-10px)}}.mdc-linear-progress{position:relative;width:100%;transform:translateZ(0);outline:1px solid transparent;overflow:hidden;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}@media screen and (forced-colors: active){.mdc-linear-progress{outline-color:CanvasText}}.mdc-linear-progress__bar{position:absolute;width:100%;height:100%;animation:none;transform-origin:top left;transition:transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__bar-inner{display:inline-block;position:absolute;width:100%;animation:none;border-top-style:solid}.mdc-linear-progress__buffer{display:flex;position:absolute;width:100%;height:100%}.mdc-linear-progress__buffer-dots{background-repeat:repeat-x;flex:auto;transform:rotate(180deg);animation:mdc-linear-progress-buffering 250ms infinite linear}.mdc-linear-progress__buffer-bar{flex:0 1 100%;transition:flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__primary-bar{transform:scaleX(0)}.mdc-linear-progress__secondary-bar{display:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__bar{transition:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{left:-145.166611%}.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{left:-54.888891%;display:block}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{animation:mdc-linear-progress-primary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar>.mdc-linear-progress__bar-inner{animation:mdc-linear-progress-primary-indeterminate-scale 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{animation:mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar>.mdc-linear-progress__bar-inner{animation:mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear}[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar{right:0;-webkit-transform-origin:center right;transform-origin:center right}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{animation-name:mdc-linear-progress-primary-indeterminate-translate-reverse}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{animation-name:mdc-linear-progress-secondary-indeterminate-translate-reverse}[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots,.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots{animation:mdc-linear-progress-buffering-reverse 250ms infinite linear;transform:rotate(0)}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{right:-145.166611%;left:auto}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{right:-54.888891%;left:auto}.mdc-linear-progress--closed{opacity:0}.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots{animation:none}.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner{animation:none}.mdc-linear-progress__bar-inner{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E")}.mdc-linear-progress__buffer-bar{background-color:#e6e6e6}.mdc-linear-progress{height:4px}.mdc-linear-progress__bar-inner{border-top-width:4px}.mdc-linear-progress__buffer-dots{background-size:10px 4px}:host{display:block}.mdc-linear-progress__buffer-bar{background-color:#e6e6e6;background-color:var(--mdc-linear-progress-buffer-color, #e6e6e6)}.mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E");background-image:var(--mdc-linear-progress-buffering-dots-image, url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E"))}`, X = `:host{--mdc-linear-progress-buffer-color: var(--mdc-theme-border)}
 `;
-var P = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, u = (a, e, o, s) => {
-  for (var r = s > 1 ? void 0 : s ? _(e, o) : e, t = a.length - 1, l; t >= 0; t--)
-    (l = a[t]) && (r = (s ? l(e, o, r) : l(r)) || r);
-  return s && r && P(e, o, r), r;
+var z = Object.defineProperty, k = Object.getOwnPropertyDescriptor, S = (d, r, i, n) => {
+  for (var s = n > 1 ? void 0 : n ? k(r, i) : r, l = d.length - 1, m; l >= 0; l--)
+    (m = d[l]) && (s = (n ? m(r, i, s) : m(s)) || s);
+  return n && s && z(r, i, s), s;
 };
-let m = class extends c {
+let f = class extends e {
 };
-m.styles = [v, f`${n(i)}`];
-m = u([
-  p("cv-linear-progress")
-], m);
+f.styles = [w, g`${u(X)}`];
+f = S([
+  h("cv-linear-progress")
+], f);
 export {
-  m as CovalentLinearProgressBase
+  f as CovalentLinearProgressBase
 };

package/list-expansion.mjs

@@ -1,53 +1,64 @@
-import { html as d, nothing as m, css as l, unsafeCSS as h } from "lit";
-import { property as c, queryAssignedElements as v, customElement as f } from "lit/decorators.js";
-import { styles as u } from "@material/mwc-list/mwc-list.css?used";
-import { CovalentListBase as g } from "./list.mjs";
-import "@material/mwc-list/mwc-list-base";
-const y = `.mdc-deprecated-list{--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden;height:var(--cv-list-menu-height, 0)}.mdc-deprecated-list slot::slotted(*){height:32px}:host([open]) ul{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}
+import { y as d, b as c, i as l, r as m, l as v, e as f } from "./query-assigned-elements.mjs";
+import { e as h } from "./property.mjs";
+import { C as u, s as g } from "./list.mjs";
+import "./mwc-list-base.mjs";
+import "./tslib.es6.mjs";
+import "./mwc-list-item-base.mjs";
+import "./ripple-handlers.mjs";
+import "./base-element.mjs";
+import "./utils.mjs";
+import "./state.mjs";
+import "./query.mjs";
+import "./class-map.mjs";
+import "./style-map.mjs";
+import "./observer.mjs";
+import "./query-assigned-nodes.mjs";
+import "./if-defined.mjs";
+const x = `.mdc-deprecated-list{--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden;height:var(--cv-list-menu-height, 0)}.mdc-deprecated-list slot::slotted(*){height:32px}:host([open]) ul{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}
 `;
-var x = Object.defineProperty, O = Object.getOwnPropertyDescriptor, r = (s, o, i, n) => {
-  for (var e = n > 1 ? void 0 : n ? O(o, i) : o, p = s.length - 1, a; p >= 0; p--)
-    (a = s[p]) && (e = (n ? a(o, i, e) : a(e)) || e);
-  return n && e && x(o, i, e), e;
+var O = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (o, s, p, r) => {
+  for (var e = r > 1 ? void 0 : r ? y(s, p) : s, n = o.length - 1, a; n >= 0; n--)
+    (a = o[n]) && (e = (r ? a(s, p, e) : a(e)) || e);
+  return r && e && O(s, p, e), e;
 };
-let t = class extends g {
+let t = class extends u {
   constructor() {
     super(), this.open = !1, this.navOpen = !1;
   }
   _toggleOpen() {
-    this.open = !this.open, this.expansionHeader.forEach((s) => {
-      s.activated = this.open, s.selected = this.open;
+    this.open = !this.open, this.expansionHeader.forEach((o) => {
+      o.activated = this.open, o.selected = this.open;
     });
   }
   render() {
     return d`
       <slot name="expansionHeader" @click=${this._toggleOpen}></slot>
-      ${this.navOpen ? super.render() : m}
+      ${this.navOpen ? super.render() : c}
     `;
   }
 };
 t.styles = [
   l`
-      ${h(u)}
+      ${m(g)}
     `,
   l`
-      ${h(y)}
+      ${m(x)}
     `
 ];
 t.shadowRootOptions = {
   mode: "open",
   delegatesFocus: !0
 };
-r([
-  c({ type: Boolean, reflect: !0 })
+i([
+  h({ type: Boolean, reflect: !0 })
 ], t.prototype, "open", 2);
-r([
-  c({ type: Boolean, reflect: !0 })
+i([
+  h({ type: Boolean, reflect: !0 })
 ], t.prototype, "navOpen", 2);
-r([
+i([
   v({ slot: "expansionHeader" })
 ], t.prototype, "expansionHeader", 2);
-t = r([
+t = i([
   f("cv-expansion-list")
 ], t);
 export {

package/list-item.mjs

@@ -1,42 +1,41 @@
-import { ListItemBase as m } from "@material/mwc-list/mwc-list-item-base";
-import { html as o, css as l, unsafeCSS as p } from "lit";
-import { property as d, customElement as f } from "lit/decorators.js";
-import { styles as v } from "@material/mwc-list/mwc-control-list-item.css?used";
-import { styles as u } from "@material/mwc-list/mwc-list-item.css?used";
-const _ = `.expansion-icon{margin-left:-16px;margin-right:-8px;color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}:host([childItem]){height:32px}:host([childItem]) .mdc-deprecated-list-item__text{padding-left:56px}
+import { L as m } from "./mwc-list-item-base.mjs";
+import { y as o, i as l, r as p, e as d } from "./query-assigned-elements.mjs";
+import { e as v } from "./property.mjs";
+import { s as f, a as _ } from "./mwc-list-item.css.mjs";
+const g = `.expansion-icon{margin-left:-16px;margin-right:-8px;color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}:host([childItem]){height:32px}:host([childItem]) .mdc-deprecated-list-item__text{padding-left:56px}
 `;
-var g = Object.defineProperty, x = Object.getOwnPropertyDescriptor, h = (n, e, s, r) => {
-  for (var t = r > 1 ? void 0 : r ? x(e, s) : e, a = n.length - 1, c; a >= 0; a--)
-    (c = n[a]) && (t = (r ? c(e, s, t) : c(t)) || t);
-  return r && t && g(e, s, t), t;
+var u = Object.defineProperty, x = Object.getOwnPropertyDescriptor, h = (n, t, s, r) => {
+  for (var e = r > 1 ? void 0 : r ? x(t, s) : t, a = n.length - 1, c; a >= 0; a--)
+    (c = n[a]) && (e = (r ? c(t, s, e) : c(e)) || e);
+  return r && e && u(t, s, e), e;
 };
 let i = class extends m {
   constructor() {
     super(...arguments), this.hasChildren = !1;
   }
   render() {
-    const n = this.renderText(), e = this.graphic ? this.renderGraphic() : o``, s = this.hasMeta ? this.renderMeta() : o``, r = this.activated ? "arrow_drop_down" : "arrow_right", t = this.hasChildren ? o`<cv-icon class="expansion-icon">${r}</cv-icon>` : o``;
-    return o` ${this.renderRipple()} ${t} ${e} ${n} ${s} `;
+    const n = this.renderText(), t = this.graphic ? this.renderGraphic() : o``, s = this.hasMeta ? this.renderMeta() : o``, r = this.activated ? "arrow_drop_down" : "arrow_right", e = this.hasChildren ? o`<cv-icon class="expansion-icon">${r}</cv-icon>` : o``;
+    return o` ${this.renderRipple()} ${e} ${t} ${n} ${s} `;
   }
 };
 i.styles = [
   l`
-      ${p(u)}
+      ${p(f)}
     `,
   l`
-      ${p(v)}
+      ${p(_)}
     `,
   l`
-      ${p(_)}
+      ${p(g)}
     `
 ];
 h([
-  d({ type: Boolean, reflect: !0 })
+  v({ type: Boolean, reflect: !0 })
 ], i.prototype, "hasChildren", 2);
 i = h([
-  f("cv-list-item")
+  d("cv-list-item")
 ], i);
-const I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   get CovalentListItemBase() {
     return i;
@@ -44,6 +43,6 @@ const I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   i as C,
-  I as l,
-  _ as s
+  C as l,
+  g as s
 };

package/list.mjs

@@ -1,17 +1,30 @@
-import { ListBase as m } from "@material/mwc-list/mwc-list-base";
-import { styles as v } from "@material/mwc-list/mwc-list.css?used";
-import { customElement as i } from "lit/decorators.js";
-var _ = Object.defineProperty, a = Object.getOwnPropertyDescriptor, c = (f, s, t, r) => {
-  for (var e = r > 1 ? void 0 : r ? a(s, t) : s, o = f.length - 1, l; o >= 0; o--)
-    (l = f[o]) && (e = (r ? l(s, t, e) : l(e)) || e);
-  return r && e && _(s, t, e), e;
+import { L as o } from "./mwc-list-base.mjs";
+import { i as n, e as c } from "./query-assigned-elements.mjs";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const m = n`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`;
+var p = Object.defineProperty, g = Object.getOwnPropertyDescriptor, f = (l, e, d, i) => {
+  for (var t = i > 1 ? void 0 : i ? g(e, d) : e, a = l.length - 1, s; a >= 0; a--)
+    (s = l[a]) && (t = (i ? s(e, d, t) : s(t)) || t);
+  return i && t && p(e, d, t), t;
 };
-let p = class extends m {
+let r = class extends o {
 };
-p.styles = [v];
-p = c([
-  i("cv-list")
-], p);
+r.styles = [m];
+r = f([
+  c("cv-list")
+], r);
+const v = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get CovalentListBase() {
+    return r;
+  }
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  p as CovalentListBase
+  r as C,
+  v as l,
+  m as s
 };

package/menu.mjs

@@ -1,17 +1,36 @@
-import { MenuBase as f } from "@material/mwc-menu/mwc-menu-base";
-import { styles as n } from "@material/mwc-menu/mwc-menu.css?used";
-import { customElement as v } from "lit/decorators.js";
-var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (p, r, t, s) => {
-  for (var e = s > 1 ? void 0 : s ? _(r, t) : r, o = p.length - 1, l; o >= 0; o--)
-    (l = p[o]) && (e = (s ? l(r, t, e) : l(e)) || e);
-  return s && e && u(r, t, e), e;
+import { M as n } from "./mwc-menu-base.mjs";
+import { i as l, e as c } from "./query-assigned-elements.mjs";
+import "./tslib.es6.mjs";
+import "./mwc-list-base.mjs";
+import "./mwc-list-item-base.mjs";
+import "./ripple-handlers.mjs";
+import "./base-element.mjs";
+import "./utils.mjs";
+import "./property.mjs";
+import "./state.mjs";
+import "./query.mjs";
+import "./class-map.mjs";
+import "./style-map.mjs";
+import "./observer.mjs";
+import "./query-assigned-nodes.mjs";
+import "./if-defined.mjs";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const v = l`mwc-list ::slotted([mwc-list-item]:not([twoline])),mwc-list ::slotted([noninteractive]:not([twoline])){height:var(--mdc-menu-item-height, 48px)}`;
+var a = Object.defineProperty, f = Object.getOwnPropertyDescriptor, w = (s, e, r, o) => {
+  for (var t = o > 1 ? void 0 : o ? f(e, r) : e, i = s.length - 1, m; i >= 0; i--)
+    (m = s[i]) && (t = (o ? m(e, r, t) : m(t)) || t);
+  return o && t && a(e, r, t), t;
 };
-let m = class extends f {
+let p = class extends n {
 };
-m.styles = [n];
-m = a([
-  v("cv-menu")
-], m);
+p.styles = [v];
+p = w([
+  c("cv-menu")
+], p);
 export {
-  m as CovalentMenuBase
+  p as CovalentMenuBase
 };