@covalent/components 4.16.0-beta.1 → 6.0.2

package/linear-progress.mjs

@@ -0,0 +1,183 @@
+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 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 f = class extends e {
+};
+f.styles = [w, g`${u(X)}`];
+f = S([
+  h("cv-linear-progress")
+], f);
+export {
+  f as CovalentLinearProgressBase
+};

package/list-expansion.mjs

@@ -0,0 +1,66 @@
+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 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 u {
+  constructor() {
+    super(), this.open = !1, this.navOpen = !1;
+  }
+  _toggleOpen() {
+    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() : c}
+    `;
+  }
+};
+t.styles = [
+  l`
+      ${m(g)}
+    `,
+  l`
+      ${m(x)}
+    `
+];
+t.shadowRootOptions = {
+  mode: "open",
+  delegatesFocus: !0
+};
+i([
+  h({ type: Boolean, reflect: !0 })
+], t.prototype, "open", 2);
+i([
+  h({ type: Boolean, reflect: !0 })
+], t.prototype, "navOpen", 2);
+i([
+  v({ slot: "expansionHeader" })
+], t.prototype, "expansionHeader", 2);
+t = i([
+  f("cv-expansion-list")
+], t);
+export {
+  t as CovalentExpansionList
+};

package/list-item.mjs

@@ -0,0 +1,48 @@
+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 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(), 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(f)}
+    `,
+  l`
+      ${p(_)}
+    `,
+  l`
+      ${p(g)}
+    `
+];
+h([
+  v({ type: Boolean, reflect: !0 })
+], i.prototype, "hasChildren", 2);
+i = h([
+  d("cv-list-item")
+], i);
+const C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get CovalentListItemBase() {
+    return i;
+  }
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  i as C,
+  C as l,
+  g as s
+};

package/list.mjs

@@ -0,0 +1,30 @@
+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 r = class extends o {
+};
+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 {
+  r as C,
+  v as l,
+  m as s
+};

package/menu.mjs

@@ -0,0 +1,36 @@
+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 p = class extends n {
+};
+p.styles = [v];
+p = w([
+  c("cv-menu")
+], p);
+export {
+  p as CovalentMenuBase
+};

package/mwc-checkbox-base.mjs

@@ -0,0 +1,198 @@
+import { b as t } from "./tslib.es6.mjs";
+import { R as u, e as k } from "./ripple-handlers.mjs";
+import { a as r } from "./aria-property.mjs";
+import { F as b } from "./form-element.mjs";
+import { y as l } from "./query-assigned-elements.mjs";
+import { e as d } from "./property.mjs";
+import { t as c } from "./state.mjs";
+import { e as v } from "./event-options.mjs";
+import { i as h } from "./query.mjs";
+import { o as f } from "./class-map.mjs";
+import { l as n } from "./if-defined.mjs";
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class i extends b {
+  constructor() {
+    super(...arguments), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.name = "", this.value = "on", this.reducedTouchTarget = !1, this.animationClass = "", this.shouldRenderRipple = !1, this.focused = !1, this.mdcFoundationClass = void 0, this.mdcFoundation = void 0, this.rippleElement = null, this.rippleHandlers = new u(() => (this.shouldRenderRipple = !0, this.ripple.then((e) => this.rippleElement = e), this.ripple));
+  }
+  createAdapter() {
+    return {};
+  }
+  update(e) {
+    const a = e.get("indeterminate"), s = e.get("checked"), o = e.get("disabled");
+    if (a !== void 0 || s !== void 0 || o !== void 0) {
+      const p = this.calculateAnimationStateName(!!s, !!a, !!o), m = this.calculateAnimationStateName(this.checked, this.indeterminate, this.disabled);
+      this.animationClass = `${p}-${m}`;
+    }
+    super.update(e);
+  }
+  calculateAnimationStateName(e, a, s) {
+    return s ? "disabled" : a ? "indeterminate" : e ? "checked" : "unchecked";
+  }
+  // TODO(dfreedm): Make this use selected as a param after Polymer/internal#739
+  /** @soyTemplate */
+  renderRipple() {
+    return this.shouldRenderRipple ? this.renderRippleTemplate() : "";
+  }
+  /** @soyTemplate */
+  renderRippleTemplate() {
+    return l`<mwc-ripple
+        .disabled="${this.disabled}"
+        unbounded></mwc-ripple>`;
+  }
+  /**
+   * @soyTemplate
+   * @soyAttributes checkboxAttributes: input
+   * @soyClasses checkboxClasses: .mdc-checkbox
+   */
+  render() {
+    const e = this.indeterminate || this.checked, a = {
+      "mdc-checkbox--disabled": this.disabled,
+      "mdc-checkbox--selected": e,
+      "mdc-checkbox--touch": !this.reducedTouchTarget,
+      "mdc-ripple-upgraded--background-focused": this.focused,
+      // transition animiation classes
+      "mdc-checkbox--anim-checked-indeterminate": this.animationClass == "checked-indeterminate",
+      "mdc-checkbox--anim-checked-unchecked": this.animationClass == "checked-unchecked",
+      "mdc-checkbox--anim-indeterminate-checked": this.animationClass == "indeterminate-checked",
+      "mdc-checkbox--anim-indeterminate-unchecked": this.animationClass == "indeterminate-unchecked",
+      "mdc-checkbox--anim-unchecked-checked": this.animationClass == "unchecked-checked",
+      "mdc-checkbox--anim-unchecked-indeterminate": this.animationClass == "unchecked-indeterminate"
+    }, s = this.indeterminate ? "mixed" : void 0;
+    return l`
+      <div class="mdc-checkbox mdc-checkbox--upgraded ${f(a)}">
+        <input type="checkbox"
+              class="mdc-checkbox__native-control"
+              name="${n(this.name)}"
+              aria-checked="${n(s)}"
+              aria-label="${n(this.ariaLabel)}"
+              aria-labelledby="${n(this.ariaLabelledBy)}"
+              aria-describedby="${n(this.ariaDescribedBy)}"
+              data-indeterminate="${this.indeterminate ? "true" : "false"}"
+              ?disabled="${this.disabled}"
+              .indeterminate="${this.indeterminate}"
+              .checked="${this.checked}"
+              .value="${this.value}"
+              @change="${this.handleChange}"
+              @focus="${this.handleFocus}"
+              @blur="${this.handleBlur}"
+              @mousedown="${this.handleRippleMouseDown}"
+              @mouseenter="${this.handleRippleMouseEnter}"
+              @mouseleave="${this.handleRippleMouseLeave}"
+              @touchstart="${this.handleRippleTouchStart}"
+              @touchend="${this.handleRippleDeactivate}"
+              @touchcancel="${this.handleRippleDeactivate}">
+        <div class="mdc-checkbox__background"
+          @animationend="${this.resetAnimationClass}">
+          <svg class="mdc-checkbox__checkmark"
+              viewBox="0 0 24 24">
+            <path class="mdc-checkbox__checkmark-path"
+                  fill="none"
+                  d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
+          </svg>
+          <div class="mdc-checkbox__mixedmark"></div>
+        </div>
+        ${this.renderRipple()}
+      </div>`;
+  }
+  setFormData(e) {
+    this.name && this.checked && e.append(this.name, this.value);
+  }
+  handleFocus() {
+    this.focused = !0, this.handleRippleFocus();
+  }
+  handleBlur() {
+    this.focused = !1, this.handleRippleBlur();
+  }
+  handleRippleMouseDown(e) {
+    const a = () => {
+      window.removeEventListener("mouseup", a), this.handleRippleDeactivate();
+    };
+    window.addEventListener("mouseup", a), this.rippleHandlers.startPress(e);
+  }
+  handleRippleTouchStart(e) {
+    this.rippleHandlers.startPress(e);
+  }
+  handleRippleDeactivate() {
+    this.rippleHandlers.endPress();
+  }
+  handleRippleMouseEnter() {
+    this.rippleHandlers.startHover();
+  }
+  handleRippleMouseLeave() {
+    this.rippleHandlers.endHover();
+  }
+  handleRippleFocus() {
+    this.rippleHandlers.startFocus();
+  }
+  handleRippleBlur() {
+    this.rippleHandlers.endFocus();
+  }
+  handleChange() {
+    this.checked = this.formElement.checked, this.indeterminate = this.formElement.indeterminate;
+  }
+  resetAnimationClass() {
+    this.animationClass = "";
+  }
+  get isRippleActive() {
+    var e;
+    return ((e = this.rippleElement) === null || e === void 0 ? void 0 : e.isActive) || !1;
+  }
+}
+t([
+  h(".mdc-checkbox")
+], i.prototype, "mdcRoot", void 0);
+t([
+  h("input")
+], i.prototype, "formElement", void 0);
+t([
+  d({ type: Boolean, reflect: !0 })
+], i.prototype, "checked", void 0);
+t([
+  d({ type: Boolean })
+], i.prototype, "indeterminate", void 0);
+t([
+  d({ type: Boolean, reflect: !0 })
+], i.prototype, "disabled", void 0);
+t([
+  d({ type: String, reflect: !0 })
+], i.prototype, "name", void 0);
+t([
+  d({ type: String })
+], i.prototype, "value", void 0);
+t([
+  r,
+  d({ type: String, attribute: "aria-label" })
+], i.prototype, "ariaLabel", void 0);
+t([
+  r,
+  d({ type: String, attribute: "aria-labelledby" })
+], i.prototype, "ariaLabelledBy", void 0);
+t([
+  r,
+  d({ type: String, attribute: "aria-describedby" })
+], i.prototype, "ariaDescribedBy", void 0);
+t([
+  d({ type: Boolean })
+], i.prototype, "reducedTouchTarget", void 0);
+t([
+  c()
+], i.prototype, "animationClass", void 0);
+t([
+  c()
+], i.prototype, "shouldRenderRipple", void 0);
+t([
+  c()
+], i.prototype, "focused", void 0);
+t([
+  k("mwc-ripple")
+], i.prototype, "ripple", void 0);
+t([
+  v({ passive: !0 })
+], i.prototype, "handleRippleTouchStart", null);
+export {
+  i as C
+};

package/mwc-checkbox.css.mjs

@@ -0,0 +1,10 @@
+import { i as c } from "./query-assigned-elements.mjs";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const o = c`.mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((40px - 40px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-checkbox:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox .mdc-checkbox__background{top:calc((40px - 18px) / 2);top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((40px - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - 40px) / 2);top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - 40px) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - 40px) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:40px;width:var(--mdc-checkbox-touch-target-size, 40px);height:40px;height:var(--mdc-checkbox-touch-target-size, 40px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786}.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786}.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.38);border-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:transparent;background-color:rgba(0, 0, 0, 0.38);background-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-touch-target-wrapper{display:inline}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{transform:scaleX(0)}68.2%{animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{transform:scaleX(1)}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes mdc-checkbox-checked-indeterminate-checkmark{from{animation-timing-function:cubic-bezier(0, 0, 0.2, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(45deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-checked-checkmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(45deg);opacity:0}to{transform:rotate(360deg);opacity:1}}@keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{animation-timing-function:mdc-animation-deceleration-curve-timing-function;transform:rotate(-45deg);opacity:0}to{transform:rotate(0deg);opacity:1}}@keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(315deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{animation-timing-function:linear;transform:scaleX(1);opacity:1}32.8%,100%{transform:scaleX(0);opacity:0}}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__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){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{border-color:CanvasText}}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__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){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{border-color:CanvasText}}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled{cursor:default;pointer-events:none}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__checkmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--upgraded .mdc-checkbox__checkmark{opacity:1}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);stroke:currentColor;stroke-width:3.12px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background{animation-duration:180ms;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background{transition:border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1),background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}.mdc-checkbox__native-control:disabled{cursor:default;pointer-events:none}.mdc-checkbox--touch{margin:calc((48px - 40px) / 2);margin:calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2)}.mdc-checkbox--touch .mdc-checkbox__native-control{top:calc((40px - 48px) / 2);top:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);right:calc((40px - 48px) / 2);right:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);left:calc((40px - 48px) / 2);left:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);width:48px;width:var(--mdc-checkbox-state-layer-size, 48px);height:48px;height:var(--mdc-checkbox-state-layer-size, 48px)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark{transform:rotate(45deg);opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark{transform:scaleX(1) rotate(0deg);opacity:1}.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{transition:none}:host{outline:none;display:inline-flex;-webkit-tap-highlight-color:transparent}:host([checked]),:host([indeterminate]){--mdc-ripple-color:var(--mdc-theme-secondary, #018786)}.mdc-checkbox .mdc-checkbox__background::before{content:none}`;
+export {
+  o as s
+};