@covalent/components 8.2.0 → 8.2.1

package/list.mjs

@@ -1,37 +1,43 @@
-import { i as l, r as m, e as d } from "./query-assigned-elements-yFWOzcsT.mjs";
-import { s as n, L as v } from "./mwc-list.css-_OVL_dbR.mjs";
-import "./tslib.es6-S8SvF2K1.mjs";
-import "./mwc-list-item.css-d-SHhq7Q.mjs";
-import "./ripple-handlers-BwaZu9Ps.mjs";
-import "./base-element--jaKdI-8.mjs";
-import "./utils-xAXEDL0Y.mjs";
-import "./property-K7hFBmOi.mjs";
-import "./state-inNZe6rL.mjs";
-import "./query-1WmuF6Bq.mjs";
-import "./class-map-YPXv0Hj4.mjs";
-import "./style-map-8yp6DGeh.mjs";
-import "./observer-cKAgu-MI.mjs";
-import "./query-assigned-nodes-6yHI5ePh.mjs";
-import "./if-defined-BH_l2PVl.mjs";
-const c = ":host{padding-right:var(--cv-list-padding-right, 0)}:host(.subnav){--cv-list-padding-right: 0;--cv-list-item-text-padding: 68px}:host(.subnav) ::slotted(*){height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:0 28px 28px 0;padding:0}.mdc-deprecated-list{display:flex;flex-direction:column;align-items:center;width:100%}";
-var g = Object.defineProperty, h = Object.getOwnPropertyDescriptor, f = (a, i, e, r) => {
-  for (var t = r > 1 ? void 0 : r ? h(i, e) : i, o = a.length - 1, p; o >= 0; o--)
-    (p = a[o]) && (t = (r ? p(i, e, t) : p(t)) || t);
-  return r && t && g(i, e, t), t;
+import { i as n, r as l, e as p } from "./query-assigned-elements-4a39219d.mjs";
+import { L as m } from "./mwc-list-base-76e37212.mjs";
+import "./tslib.es6-f3e988cd.mjs";
+import "./mwc-list-item-base-fe4398c3.mjs";
+import "./ripple-handlers-f37f21cf.mjs";
+import "./base-element-67ae173f.mjs";
+import "./utils-2932417c.mjs";
+import "./property-9b6ea53b.mjs";
+import "./state-b5e865db.mjs";
+import "./query-d843aa92.mjs";
+import "./class-map-4b94b017.mjs";
+import "./style-map-bc3ed3e0.mjs";
+import "./observer-be7b92e2.mjs";
+import "./query-assigned-nodes-df691e78.mjs";
+import "./if-defined-c367f208.mjs";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const c = 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}`, g = `:host{padding-right:var(--cv-list-padding-right, 0)}:host(.subnav){--cv-list-padding-right: 0;--cv-list-item-text-padding: 68px}:host(.subnav) ::slotted(*){height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:0 28px 28px 0;padding:0}.mdc-deprecated-list{display:flex;flex-direction:column;align-items:center;width:100%}
+`;
+var h = Object.defineProperty, f = Object.getOwnPropertyDescriptor, v = (o, e, d, i) => {
+  for (var t = i > 1 ? void 0 : i ? f(e, d) : e, a = o.length - 1, s; a >= 0; a--)
+    (s = o[a]) && (t = (i ? s(e, d, t) : s(t)) || t);
+  return i && t && h(e, d, t), t;
 };
-let s = class extends v {
+let r = class extends m {
 };
-s.styles = [
-  n,
-  l`
-      ${m(c)}
+r.styles = [
+  c,
+  n`
+      ${l(g)}
     `
 ];
-s = f([
-  d("cv-list")
-], s);
-const z = s;
+r = v([
+  p("cv-list")
+], r);
+const R = r;
 export {
-  s as CovalentList,
-  z as default
+  r as CovalentList,
+  R as default
 };

package/menu.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./mwc-menu.css-qavo4jer.js"),o=require("./query-assigned-elements-j_5ZiL65.js");require("./tslib.es6-5xG0QhxF.js");require("./mwc-list.css-DjU8XB1m.js");require("./mwc-list-item.css-yJ5bjNGc.js");require("./ripple-handlers-HeGhXgD2.js");require("./base-element-atp_8bvP.js");require("./utils-W3ENJhq-.js");require("./property-iZpLBvy-.js");require("./state-LqPxt99W.js");require("./query-duvhtfSs.js");require("./class-map-wtcW44Of.js");require("./style-map-66_3wrLx.js");require("./observer-LlGBroG9.js");require("./query-assigned-nodes-1p7z6CEm.js");require("./if-defined-lAIUwAsA.js");var q=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(n,r,s,u)=>{for(var e=u>1?void 0:u?v(r,s):r,t=n.length-1,i;t>=0;t--)(i=n[t])&&(e=(u?i(r,s,e):i(e))||e);return u&&e&&q(r,s,e),e};exports.CovalentMenu=class extends l.MenuBase{};exports.CovalentMenu.styles=[l.styles];exports.CovalentMenu=a([o.e("cv-menu")],exports.CovalentMenu);const c=exports.CovalentMenu;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./mwc-menu-base-c75ca473.js"),l=require("./query-assigned-elements-f623705d.js");require("./tslib.es6-98719205.js");require("./mwc-list-base-400b00e2.js");require("./mwc-list-item-base-297d86b0.js");require("./ripple-handlers-5d5b21db.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./property-57f6f6fe.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.js");require("./observer-a096ab43.js");require("./query-assigned-nodes-99eae71d.js");require("./if-defined-f1c45245.js");/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */const v=l.i`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,q=Object.getOwnPropertyDescriptor,c=(u,r,n,t)=>{for(var e=t>1?void 0:t?q(r,n):r,i=u.length-1,s;i>=0;i--)(s=u[i])&&(e=(t?s(r,n,e):s(e))||e);return t&&e&&a(r,n,e),e};exports.CovalentMenu=class extends o.MenuBase{};exports.CovalentMenu.styles=[v];exports.CovalentMenu=c([l.e("cv-menu")],exports.CovalentMenu);const m=exports.CovalentMenu;exports.default=m;

package/menu.mjs

@@ -1,32 +1,38 @@
-import { s as l, M as n } from "./mwc-menu.css-cKtc1ZD4.mjs";
-import { e as a } from "./query-assigned-elements-yFWOzcsT.mjs";
-import "./tslib.es6-S8SvF2K1.mjs";
-import "./mwc-list.css-_OVL_dbR.mjs";
-import "./mwc-list-item.css-d-SHhq7Q.mjs";
-import "./ripple-handlers-BwaZu9Ps.mjs";
-import "./base-element--jaKdI-8.mjs";
-import "./utils-xAXEDL0Y.mjs";
-import "./property-K7hFBmOi.mjs";
-import "./state-inNZe6rL.mjs";
-import "./query-1WmuF6Bq.mjs";
-import "./class-map-YPXv0Hj4.mjs";
-import "./style-map-8yp6DGeh.mjs";
-import "./observer-cKAgu-MI.mjs";
-import "./query-assigned-nodes-6yHI5ePh.mjs";
-import "./if-defined-BH_l2PVl.mjs";
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, u = (i, t, p, o) => {
-  for (var r = o > 1 ? void 0 : o ? f(t, p) : t, m = i.length - 1, s; m >= 0; m--)
-    (s = i[m]) && (r = (o ? s(t, p, r) : s(r)) || r);
-  return o && r && v(t, p, r), r;
+import { M as n } from "./mwc-menu-base-c4bc88ea.mjs";
+import { i as l, e as c } from "./query-assigned-elements-4a39219d.mjs";
+import "./tslib.es6-f3e988cd.mjs";
+import "./mwc-list-base-76e37212.mjs";
+import "./mwc-list-item-base-fe4398c3.mjs";
+import "./ripple-handlers-f37f21cf.mjs";
+import "./base-element-67ae173f.mjs";
+import "./utils-2932417c.mjs";
+import "./property-9b6ea53b.mjs";
+import "./state-b5e865db.mjs";
+import "./query-d843aa92.mjs";
+import "./class-map-4b94b017.mjs";
+import "./style-map-bc3ed3e0.mjs";
+import "./observer-be7b92e2.mjs";
+import "./query-assigned-nodes-df691e78.mjs";
+import "./if-defined-c367f208.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, u = (s, e, i, o) => {
+  for (var t = o > 1 ? void 0 : o ? f(e, i) : e, m = s.length - 1, p; m >= 0; m--)
+    (p = s[m]) && (t = (o ? p(e, i, t) : p(t)) || t);
+  return o && t && a(e, i, t), t;
 };
-let e = class extends n {
+let r = class extends n {
 };
-e.styles = [l];
-e = u([
-  a("cv-menu")
-], e);
-const g = e;
+r.styles = [v];
+r = u([
+  c("cv-menu")
+], r);
+const q = r;
 export {
-  e as CovalentMenu,
-  g as default
+  r as CovalentMenu,
+  q as default
 };

package/mwc-checkbox-base-3d8c9549.js

@@ -0,0 +1,41 @@
+"use strict";const i=require("./tslib.es6-98719205.js"),h=require("./ripple-handlers-5d5b21db.js"),r=require("./aria-property-849c8816.js"),k=require("./form-element-c553d6f5.js"),l=require("./query-assigned-elements-f623705d.js"),n=require("./property-57f6f6fe.js"),c=require("./state-0974a8e5.js"),b=require("./event-options-3f5eb195.js"),p=require("./query-680f1868.js"),v=require("./class-map-b5efe8da.js"),s=require("./if-defined-f1c45245.js");/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */class t extends k.FormElement{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 h.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple.then(e=>this.rippleElement=e),this.ripple))}createAdapter(){return{}}update(e){const a=e.get("indeterminate"),d=e.get("checked"),o=e.get("disabled");if(a!==void 0||d!==void 0||o!==void 0){const u=this.calculateAnimationStateName(!!d,!!a,!!o),m=this.calculateAnimationStateName(this.checked,this.indeterminate,this.disabled);this.animationClass=`${u}-${m}`}super.update(e)}calculateAnimationStateName(e,a,d){return d?"disabled":a?"indeterminate":e?"checked":"unchecked"}renderRipple(){return this.shouldRenderRipple?this.renderRippleTemplate():""}renderRippleTemplate(){return l.x`<mwc-ripple
+        .disabled="${this.disabled}"
+        unbounded></mwc-ripple>`}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,"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"},d=this.indeterminate?"mixed":void 0;return l.x`
+      <div class="mdc-checkbox mdc-checkbox--upgraded ${v.o(a)}">
+        <input type="checkbox"
+              class="mdc-checkbox__native-control"
+              name="${s.l(this.name)}"
+              aria-checked="${s.l(d)}"
+              aria-label="${s.l(this.ariaLabel)}"
+              aria-labelledby="${s.l(this.ariaLabelledBy)}"
+              aria-describedby="${s.l(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}}i.__decorate([p.i(".mdc-checkbox")],t.prototype,"mdcRoot",void 0);i.__decorate([p.i("input")],t.prototype,"formElement",void 0);i.__decorate([n.n({type:Boolean,reflect:!0})],t.prototype,"checked",void 0);i.__decorate([n.n({type:Boolean})],t.prototype,"indeterminate",void 0);i.__decorate([n.n({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0);i.__decorate([n.n({type:String,reflect:!0})],t.prototype,"name",void 0);i.__decorate([n.n({type:String})],t.prototype,"value",void 0);i.__decorate([r.ariaProperty,n.n({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0);i.__decorate([r.ariaProperty,n.n({type:String,attribute:"aria-labelledby"})],t.prototype,"ariaLabelledBy",void 0);i.__decorate([r.ariaProperty,n.n({type:String,attribute:"aria-describedby"})],t.prototype,"ariaDescribedBy",void 0);i.__decorate([n.n({type:Boolean})],t.prototype,"reducedTouchTarget",void 0);i.__decorate([c.t()],t.prototype,"animationClass",void 0);i.__decorate([c.t()],t.prototype,"shouldRenderRipple",void 0);i.__decorate([c.t()],t.prototype,"focused",void 0);i.__decorate([h.e("mwc-ripple")],t.prototype,"ripple",void 0);i.__decorate([b.e({passive:!0})],t.prototype,"handleRippleTouchStart",null);exports.CheckboxBase=t;

package/mwc-checkbox-base-f10fd709.mjs

@@ -0,0 +1,198 @@
+import { f as t } from "./tslib.es6-f3e988cd.mjs";
+import { e as u, R as k } from "./ripple-handlers-f37f21cf.mjs";
+import { a as r } from "./aria-property-fa2717fe.mjs";
+import { F as b } from "./form-element-ffcf59ff.mjs";
+import { x as l } from "./query-assigned-elements-4a39219d.mjs";
+import { n as d } from "./property-9b6ea53b.mjs";
+import { t as c } from "./state-b5e865db.mjs";
+import { e as v } from "./event-options-78d6cf94.mjs";
+import { i as h } from "./query-d843aa92.mjs";
+import { o as f } from "./class-map-4b94b017.mjs";
+import { l as s } from "./if-defined-c367f208.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 k(() => (this.shouldRenderRipple = !0, this.ripple.then((e) => this.rippleElement = e), this.ripple));
+  }
+  createAdapter() {
+    return {};
+  }
+  update(e) {
+    const a = e.get("indeterminate"), n = e.get("checked"), o = e.get("disabled");
+    if (a !== void 0 || n !== void 0 || o !== void 0) {
+      const p = this.calculateAnimationStateName(!!n, !!a, !!o), m = this.calculateAnimationStateName(this.checked, this.indeterminate, this.disabled);
+      this.animationClass = `${p}-${m}`;
+    }
+    super.update(e);
+  }
+  calculateAnimationStateName(e, a, n) {
+    return n ? "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"
+    }, n = 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="${s(this.name)}"
+              aria-checked="${s(n)}"
+              aria-label="${s(this.ariaLabel)}"
+              aria-labelledby="${s(this.ariaLabelledBy)}"
+              aria-describedby="${s(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([
+  u("mwc-ripple")
+], i.prototype, "ripple", void 0);
+t([
+  v({ passive: !0 })
+], i.prototype, "handleRippleTouchStart", null);
+export {
+  i as C
+};