@covalent/components 6.0.1 → 6.0.3

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
+};

package/mwc-drawer-base.mjs

@@ -0,0 +1,335 @@
+import { _ as h, a as p, b as r } from "./tslib.es6.mjs";
+import "./inert.esm.mjs";
+import { B as F } from "./base-element.mjs";
+import { o as b } from "./observer.mjs";
+import { y as c } from "./query-assigned-elements.mjs";
+import { e as l } from "./property.mjs";
+import { i as C } from "./query.mjs";
+import { o as g } from "./class-map.mjs";
+import { a as N } 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 i = {
+  ANIMATE: "mdc-drawer--animate",
+  CLOSING: "mdc-drawer--closing",
+  DISMISSIBLE: "mdc-drawer--dismissible",
+  MODAL: "mdc-drawer--modal",
+  OPEN: "mdc-drawer--open",
+  OPENING: "mdc-drawer--opening",
+  ROOT: "mdc-drawer"
+}, u = {
+  APP_CONTENT_SELECTOR: ".mdc-drawer-app-content",
+  CLOSE_EVENT: "MDCDrawer:closed",
+  OPEN_EVENT: "MDCDrawer:opened",
+  SCRIM_SELECTOR: ".mdc-drawer-scrim",
+  LIST_SELECTOR: ".mdc-list,.mdc-deprecated-list",
+  LIST_ITEM_ACTIVATED_SELECTOR: ".mdc-list-item--activated,.mdc-deprecated-list-item--activated"
+};
+/**
+ * @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 w = (
+  /** @class */
+  function() {
+    function n(e) {
+      e === void 0 && (e = {}), this.adapter = e;
+    }
+    return Object.defineProperty(n, "cssClasses", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(n, "strings", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(n, "numbers", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(n, "defaultAdapter", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), n.prototype.init = function() {
+    }, n.prototype.destroy = function() {
+    }, n;
+  }()
+);
+/**
+ * @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 v = (
+  /** @class */
+  function(n) {
+    h(e, n);
+    function e(t) {
+      var s = n.call(this, p(p({}, e.defaultAdapter), t)) || this;
+      return s.animationFrame = 0, s.animationTimer = 0, s;
+    }
+    return Object.defineProperty(e, "strings", {
+      get: function() {
+        return u;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return i;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          hasClass: function() {
+            return !1;
+          },
+          elementHasClass: function() {
+            return !1;
+          },
+          notifyClose: function() {
+          },
+          notifyOpen: function() {
+          },
+          saveFocus: function() {
+          },
+          restoreFocus: function() {
+          },
+          focusActiveNavigationItem: function() {
+          },
+          trapFocus: function() {
+          },
+          releaseFocus: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.destroy = function() {
+      this.animationFrame && cancelAnimationFrame(this.animationFrame), this.animationTimer && clearTimeout(this.animationTimer);
+    }, e.prototype.open = function() {
+      var t = this;
+      this.isOpen() || this.isOpening() || this.isClosing() || (this.adapter.addClass(i.OPEN), this.adapter.addClass(i.ANIMATE), this.runNextAnimationFrame(function() {
+        t.adapter.addClass(i.OPENING);
+      }), this.adapter.saveFocus());
+    }, e.prototype.close = function() {
+      !this.isOpen() || this.isOpening() || this.isClosing() || this.adapter.addClass(i.CLOSING);
+    }, e.prototype.isOpen = function() {
+      return this.adapter.hasClass(i.OPEN);
+    }, e.prototype.isOpening = function() {
+      return this.adapter.hasClass(i.OPENING) || this.adapter.hasClass(i.ANIMATE);
+    }, e.prototype.isClosing = function() {
+      return this.adapter.hasClass(i.CLOSING);
+    }, e.prototype.handleKeydown = function(t) {
+      var s = t.keyCode, a = t.key, d = a === "Escape" || s === 27;
+      d && this.close();
+    }, e.prototype.handleTransitionEnd = function(t) {
+      var s = i.OPENING, a = i.CLOSING, d = i.OPEN, y = i.ANIMATE, E = i.ROOT, O = this.isElement(t.target) && this.adapter.elementHasClass(t.target, E);
+      O && (this.isClosing() ? (this.adapter.removeClass(d), this.closed(), this.adapter.restoreFocus(), this.adapter.notifyClose()) : (this.adapter.focusActiveNavigationItem(), this.opened(), this.adapter.notifyOpen()), this.adapter.removeClass(y), this.adapter.removeClass(s), this.adapter.removeClass(a));
+    }, e.prototype.opened = function() {
+    }, e.prototype.closed = function() {
+    }, e.prototype.runNextAnimationFrame = function(t) {
+      var s = this;
+      cancelAnimationFrame(this.animationFrame), this.animationFrame = requestAnimationFrame(function() {
+        s.animationFrame = 0, clearTimeout(s.animationTimer), s.animationTimer = setTimeout(t, 0);
+      });
+    }, e.prototype.isElement = function(t) {
+      return Boolean(t.classList);
+    }, e;
+  }(w)
+);
+const T = v;
+/**
+ * @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 _ = (
+  /** @class */
+  function(n) {
+    h(e, n);
+    function e() {
+      return n !== null && n.apply(this, arguments) || this;
+    }
+    return e.prototype.handleScrimClick = function() {
+      this.close();
+    }, e.prototype.opened = function() {
+      this.adapter.trapFocus();
+    }, e.prototype.closed = function() {
+      this.adapter.releaseFocus();
+    }, e;
+  }(v)
+);
+const m = _;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const f = document.$blockingElements;
+class o extends F {
+  constructor() {
+    super(...arguments), this._previousFocus = null, this.open = !1, this.hasHeader = !1, this.type = "";
+  }
+  get mdcFoundationClass() {
+    return this.type === "modal" ? m : T;
+  }
+  createAdapter() {
+    return Object.assign(Object.assign({}, N(this.mdcRoot)), { elementHasClass: (e, t) => e.classList.contains(t), saveFocus: () => {
+      this._previousFocus = this.getRootNode().activeElement;
+    }, restoreFocus: () => {
+      this._previousFocus && this._previousFocus.focus && this._previousFocus.focus();
+    }, notifyClose: () => {
+      this.open = !1, this.dispatchEvent(new Event(u.CLOSE_EVENT, { bubbles: !0, cancelable: !0 }));
+    }, notifyOpen: () => {
+      this.open = !0, this.dispatchEvent(new Event(u.OPEN_EVENT, { bubbles: !0, cancelable: !0 }));
+    }, focusActiveNavigationItem: () => {
+    }, trapFocus: () => {
+      f.push(this), this.appContent.inert = !0;
+    }, releaseFocus: () => {
+      f.remove(this), this.appContent.inert = !1;
+    } });
+  }
+  _handleScrimClick() {
+    this.mdcFoundation instanceof m && this.mdcFoundation.handleScrimClick();
+  }
+  render() {
+    const e = this.type === "dismissible" || this.type === "modal", t = this.type === "modal", s = this.hasHeader ? c`
+      <div class="mdc-drawer__header">
+        <h3 class="mdc-drawer__title"><slot name="title"></slot></h3>
+        <h6 class="mdc-drawer__subtitle"><slot name="subtitle"></slot></h6>
+        <slot name="header"></slot>
+      </div>
+      ` : "";
+    return c`
+      <aside class="mdc-drawer ${g({
+      "mdc-drawer--dismissible": e,
+      "mdc-drawer--modal": t
+    })}">
+        ${s}
+        <div class="mdc-drawer__content"><slot></slot></div>
+      </aside>
+      ${t ? c`<div class="mdc-drawer-scrim"
+                          @click="${this._handleScrimClick}"></div>` : ""}
+      <div class="mdc-drawer-app-content">
+        <slot name="appContent"></slot>
+      </div>
+      `;
+  }
+  // note, we avoid calling `super.firstUpdated()` to control when
+  // `createFoundation()` is called.
+  firstUpdated() {
+    this.mdcRoot.addEventListener("keydown", (e) => this.mdcFoundation.handleKeydown(e)), this.mdcRoot.addEventListener("transitionend", (e) => this.mdcFoundation.handleTransitionEnd(e));
+  }
+  updated(e) {
+    e.has("type") && this.createFoundation();
+  }
+}
+r([
+  C(".mdc-drawer")
+], o.prototype, "mdcRoot", void 0);
+r([
+  C(".mdc-drawer-app-content")
+], o.prototype, "appContent", void 0);
+r([
+  b(function(n) {
+    this.type !== "" && (n ? this.mdcFoundation.open() : this.mdcFoundation.close());
+  }),
+  l({ type: Boolean, reflect: !0 })
+], o.prototype, "open", void 0);
+r([
+  l({ type: Boolean })
+], o.prototype, "hasHeader", void 0);
+r([
+  l({ reflect: !0 })
+], o.prototype, "type", void 0);
+export {
+  o as D
+};

package/mwc-icon.mjs

@@ -0,0 +1,26 @@
+import { b as o } from "./tslib.es6.mjs";
+import { i as n, s as e, y as i, e as s } from "./query-assigned-elements.mjs";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const r = n`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}`;
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let t = class extends e {
+  /** @soyTemplate */
+  render() {
+    return i`<span><slot></slot></span>`;
+  }
+};
+t.styles = [r];
+t = o([
+  s("mwc-icon")
+], t);
+export {
+  t as I
+};