@covalent/components 10.4.0-beta.3 → 11.0.0-beta.2

package/icon-button-toggle.mjs

@@ -1,20 +1,20 @@
-import { s as g, x as u, e as f, i as v, r as R } from "./query-assigned-elements-DhyCP_2z.mjs";
+import { s as b, x as h, e as m, r as g, i as R } from "./query-assigned-elements-D930kELM.mjs";
 import { n as r } from "./property-DJzm_oB9.mjs";
-import { b as e } from "./tslib.es6-CISSdiiH.mjs";
-import { s as y } from "./mwc-icon-button.css-DJiDOS0_.mjs";
-import { e as $, R as O } from "./ripple-handlers-BAdg-fJB.mjs";
+import { _ as e } from "./tslib.es6-pPsSiLLK.mjs";
+import { s as y } from "./mwc-icon-button.css-DosQIdlt.mjs";
+import { e as $, R as O } from "./ripple-handlers-BzwD98Ty.mjs";
 import { a as w } from "./aria-property-6O5bK0tV.mjs";
 import { t as L } from "./state-B_tK3mBm.mjs";
-import { e as m } from "./event-options-D44mpm5S.mjs";
-import { i as I } from "./query-DSO61t36.mjs";
-import { o as _ } from "./class-map-BHl5MHd7.mjs";
-import { l as h } from "./if-defined-DN7whKwy.mjs";
+import { e as f } from "./event-options-C7DvXRgq.mjs";
+import { i as _ } from "./query-CDOd1Kwm.mjs";
+import { o as I } from "./class-map-DPUylGZM.mjs";
+import { l as u } from "./if-defined-DGrxuPYz.mjs";
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-class t extends g {
+class t extends b {
   constructor() {
     super(...arguments), this.disabled = !1, this.onIcon = "", this.offIcon = "", this.on = !1, this.shouldRenderRipple = !1, this.rippleHandlers = new O(() => (this.shouldRenderRipple = !0, this.ripple));
   }
@@ -32,7 +32,7 @@ class t extends g {
   }
   /** @soyTemplate */
   renderRipple() {
-    return this.shouldRenderRipple ? u`
+    return this.shouldRenderRipple ? h`
             <mwc-ripple
                 .disabled="${this.disabled}"
                 unbounded>
@@ -42,11 +42,11 @@ class t extends g {
   render() {
     const o = {
       "mdc-icon-button--on": this.on
-    }, n = this.ariaLabelOn !== void 0 && this.ariaLabelOff !== void 0, l = n ? void 0 : this.on, s = n ? this.on ? this.ariaLabelOn : this.ariaLabelOff : this.ariaLabel;
-    return u`<button
-          class="mdc-icon-button mdc-icon-button--display-flex ${_(o)}"
-          aria-pressed="${h(l)}"
-          aria-label="${h(s)}"
+    }, s = this.ariaLabelOn !== void 0 && this.ariaLabelOff !== void 0, l = s ? void 0 : this.on, i = s ? this.on ? this.ariaLabelOn : this.ariaLabelOff : this.ariaLabel;
+    return h`<button
+          class="mdc-icon-button mdc-icon-button--display-flex ${I(o)}"
+          aria-pressed="${u(l)}"
+          aria-label="${u(i)}"
           @click="${this.handleClick}"
           ?disabled="${this.disabled}"
           @focus="${this.handleRippleFocus}"
@@ -71,10 +71,10 @@ class t extends g {
       </button>`;
   }
   handleRippleMouseDown(o) {
-    const n = () => {
-      window.removeEventListener("mouseup", n), this.handleRippleDeactivate();
+    const s = () => {
+      window.removeEventListener("mouseup", s), this.handleRippleDeactivate();
     };
-    window.addEventListener("mouseup", n), this.rippleHandlers.startPress(o);
+    window.addEventListener("mouseup", s), this.rippleHandlers.startPress(o);
   }
   handleRippleTouchStart(o) {
     this.rippleHandlers.startPress(o);
@@ -96,7 +96,7 @@ class t extends g {
   }
 }
 e([
-  I(".mdc-icon-button")
+  _(".mdc-icon-button")
 ], t.prototype, "mdcRoot", void 0);
 e([
   w,
@@ -127,10 +127,10 @@ e([
   L()
 ], t.prototype, "shouldRenderRipple", void 0);
 e([
-  m({ passive: !0 })
+  f({ passive: !0 })
 ], t.prototype, "handleRippleMouseDown", null);
 e([
-  m({ passive: !0 })
+  f({ passive: !0 })
 ], t.prototype, "handleRippleTouchStart", null);
 /**
  * @license
@@ -141,23 +141,23 @@ let a = class extends t {
 };
 a.styles = [y];
 a = e([
-  f("mwc-icon-button-toggle")
+  m("mwc-icon-button-toggle")
 ], a);
 const H = ':host{--mdc-icon-button-size: calc(48px + var(--cv-density-mode, 0) * var(--cv-density-interval, 4px));border-radius:50%;color:var(--cv-theme-on-surface-variant)}:host([disabled]){background-color:transparent}:host([on]){--mdc-ripple-color: var(--cv-theme-on-surface);background-color:var(--cv-theme-secondary-container);color:var(--cv-theme-on-secondary-container)}:host([on]) .material-icons{font-variation-settings:"FILL" 1}';
-var B = Object.defineProperty, D = Object.getOwnPropertyDescriptor, b = (i, o, n, l) => {
-  for (var s = l > 1 ? void 0 : l ? D(o, n) : o, d = i.length - 1, c; d >= 0; d--)
-    (c = i[d]) && (s = (l ? c(o, n, s) : c(s)) || s);
-  return l && s && B(o, n, s), s;
+var B = Object.defineProperty, D = Object.getOwnPropertyDescriptor, v = (n, o, s, l) => {
+  for (var i = l > 1 ? void 0 : l ? D(o, s) : o, d = n.length - 1, c; d >= 0; d--)
+    (c = n[d]) && (i = (l ? c(o, s, i) : c(i)) || i);
+  return l && i && B(o, s, i), i;
 };
 let p = class extends a {
   constructor() {
     super(...arguments), this.toggledOn = !1;
   }
-  update(i) {
-    i.has("toggledOn") && this.toggledOn !== this.on && (this.on = this.toggledOn), i.has("on") && this.toggledOn !== this.on && (this.toggledOn = this.on), super.update(i);
+  update(n) {
+    n.has("toggledOn") && this.toggledOn !== this.on && (this.on = this.toggledOn), n.has("on") && this.toggledOn !== this.on && (this.toggledOn = this.on), super.update(n);
   }
   renderRipple() {
-    return this.shouldRenderRipple ? u` <mwc-ripple
+    return this.shouldRenderRipple ? h` <mwc-ripple
           .disabled="${this.disabled}"
           .activated="${this.toggledOn}"
           unbounded
@@ -167,15 +167,15 @@ let p = class extends a {
 };
 p.styles = [
   ...a.styles,
-  v`
-      ${R(H)}
+  R`
+      ${g(H)}
     `
 ];
-b([
+v([
   r({ type: Boolean, reflect: !0 })
 ], p.prototype, "toggledOn", 2);
-p = b([
-  f("cv-icon-button-toggle")
+p = v([
+  m("cv-icon-button-toggle")
 ], p);
 const A = p;
 export {

package/icon-button.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./query-assigned-elements-BQszEgac.js"),n=require("./tslib.es6-CHeFCc6E.js"),d=require("./ripple-handlers-BDmOLx8c.js"),c=require("./aria-property-Dl2ZKBbP.js"),a=require("./property-BRKnMYJe.js"),v=require("./state-Csv4sdJA.js"),h=require("./event-options-IG-2g8HU.js"),b=require("./query-BvlE-gMJ.js"),R=require("./if-defined-B7G84qob.js"),f=require("./mwc-icon-button.css-DOVWWyjA.js");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./query-assigned-elements-8EurZY45.js"),o=require("./tslib.es6-CHeFCc6E.js"),c=require("./ripple-handlers-C7an-EE1.js"),d=require("./aria-property-Dl2ZKBbP.js"),l=require("./property-DYTC_2-m.js"),v=require("./state-C3HoXfoa.js"),h=require("./event-options-DD382x85.js"),b=require("./query-Dv2F3m_t.js"),R=require("./if-defined-CZCqOAYs.js"),m=require("./mwc-icon-button.css-BzElD_JI.js");/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */class t extends s.s{constructor(){super(...arguments),this.disabled=!1,this.icon="",this.shouldRenderRipple=!1,this.rippleHandlers=new d.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple))}renderRipple(){return this.shouldRenderRipple?s.x`
+ */class t extends n.s{constructor(){super(...arguments),this.disabled=!1,this.icon="",this.shouldRenderRipple=!1,this.rippleHandlers=new c.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple))}renderRipple(){return this.shouldRenderRipple?n.x`
             <mwc-ripple
                 .disabled="${this.disabled}"
                 unbounded>
-            </mwc-ripple>`:""}focus(){const e=this.buttonElement;e&&(this.rippleHandlers.startFocus(),e.focus())}blur(){const e=this.buttonElement;e&&(this.rippleHandlers.endFocus(),e.blur())}render(){return s.x`<button
+            </mwc-ripple>`:""}focus(){const e=this.buttonElement;e&&(this.rippleHandlers.startFocus(),e.focus())}blur(){const e=this.buttonElement;e&&(this.rippleHandlers.endFocus(),e.blur())}render(){return n.x`<button
         class="mdc-icon-button mdc-icon-button--display-flex"
         aria-label="${this.ariaLabel||this.icon}"
         aria-haspopup="${R.l(this.ariaHasPopup)}"
@@ -20,8 +20,8 @@
         @touchend="${this.handleRippleDeactivate}"
         @touchcancel="${this.handleRippleDeactivate}"
     >${this.renderRipple()}
-    ${this.icon?s.x`<i class="material-icons">${this.icon}</i>`:""}
+    ${this.icon?n.x`<i class="material-icons">${this.icon}</i>`:""}
     <span
       ><slot></slot
     ></span>
-  </button>`}handleRippleMouseDown(e){const r=()=>{window.removeEventListener("mouseup",r),this.handleRippleDeactivate()};window.addEventListener("mouseup",r),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()}}n.__decorate([a.n({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0);n.__decorate([a.n({type:String})],t.prototype,"icon",void 0);n.__decorate([c.ariaProperty,a.n({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0);n.__decorate([c.ariaProperty,a.n({type:String,attribute:"aria-haspopup"})],t.prototype,"ariaHasPopup",void 0);n.__decorate([b.i("button")],t.prototype,"buttonElement",void 0);n.__decorate([d.e("mwc-ripple")],t.prototype,"ripple",void 0);n.__decorate([v.t()],t.prototype,"shouldRenderRipple",void 0);n.__decorate([h.e({passive:!0})],t.prototype,"handleRippleMouseDown",null);n.__decorate([h.e({passive:!0})],t.prototype,"handleRippleTouchStart",null);const m=':host{--mdc-icon-button-size: calc(48px + var(--cv-density-mode, 0) * var(--cv-density-interval, 4px));color:var(--mdc-theme-text-icon-on-background)}:host .mdc-icon-button{cursor:var(--cv-icon-button-cursor, pointer)}:host .mdc-icon-button:active,:host .mdc-icon-button:focus{font-variation-settings:"FILL" 1}';var _=Object.defineProperty,y=Object.getOwnPropertyDescriptor,H=(i,e,r,l)=>{for(var o=l>1?void 0:l?y(e,r):e,p=i.length-1,u;p>=0;p--)(u=i[p])&&(o=(l?u(e,r,o):u(o))||o);return l&&o&&_(e,r,o),o};exports.CovalentIconButton=class extends t{};exports.CovalentIconButton.styles=[f.styles,s.i`${s.r(m)}`];exports.CovalentIconButton=H([s.e("cv-icon-button")],exports.CovalentIconButton);const $=exports.CovalentIconButton;exports.default=$;
+  </button>`}handleRippleMouseDown(e){const r=()=>{window.removeEventListener("mouseup",r),this.handleRippleDeactivate()};window.addEventListener("mouseup",r),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()}}o.__decorate([l.n({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0);o.__decorate([l.n({type:String})],t.prototype,"icon",void 0);o.__decorate([d.ariaProperty,l.n({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0);o.__decorate([d.ariaProperty,l.n({type:String,attribute:"aria-haspopup"})],t.prototype,"ariaHasPopup",void 0);o.__decorate([b.i("button")],t.prototype,"buttonElement",void 0);o.__decorate([c.e("mwc-ripple")],t.prototype,"ripple",void 0);o.__decorate([v.t()],t.prototype,"shouldRenderRipple",void 0);o.__decorate([h.e({passive:!0})],t.prototype,"handleRippleMouseDown",null);o.__decorate([h.e({passive:!0})],t.prototype,"handleRippleTouchStart",null);const y=':host{--mdc-icon-button-size: calc(48px + var(--cv-density-mode, 0) * var(--cv-density-interval, 4px));color:var(--mdc-theme-text-icon-on-background)}:host .mdc-icon-button{cursor:var(--cv-icon-button-cursor, pointer)}:host .mdc-icon-button:active,:host .mdc-icon-button:focus{font-variation-settings:"FILL" 1}';var _=Object.getOwnPropertyDescriptor,f=(s,e,r,p)=>{for(var i=p>1?void 0:p?_(e,r):e,a=s.length-1,u;a>=0;a--)(u=s[a])&&(i=u(i)||i);return i};exports.CovalentIconButton=class extends t{};exports.CovalentIconButton.styles=[m.styles,n.i`${n.r(y)}`];exports.CovalentIconButton=f([n.e("cv-icon-button")],exports.CovalentIconButton);const H=exports.CovalentIconButton;exports.default=H;

package/icon-button.mjs

@@ -1,13 +1,13 @@
-import { s as m, x as u, i as b, r as f, e as v } from "./query-assigned-elements-DhyCP_2z.mjs";
-import { b as s } from "./tslib.es6-CISSdiiH.mjs";
-import { e as R, R as $ } from "./ripple-handlers-BAdg-fJB.mjs";
+import { s as m, x as a, r as v, i as b, e as R } from "./query-assigned-elements-D930kELM.mjs";
+import { _ as o } from "./tslib.es6-pPsSiLLK.mjs";
+import { e as f, R as y } from "./ripple-handlers-BzwD98Ty.mjs";
 import { a as c } from "./aria-property-6O5bK0tV.mjs";
 import { n as p } from "./property-DJzm_oB9.mjs";
-import { t as y } from "./state-B_tK3mBm.mjs";
-import { e as h } from "./event-options-D44mpm5S.mjs";
-import { i as H } from "./query-DSO61t36.mjs";
-import { l as w } from "./if-defined-DN7whKwy.mjs";
-import { s as P } from "./mwc-icon-button.css-DJiDOS0_.mjs";
+import { t as $ } from "./state-B_tK3mBm.mjs";
+import { e as h } from "./event-options-C7DvXRgq.mjs";
+import { i as H } from "./query-CDOd1Kwm.mjs";
+import { l as w } from "./if-defined-DGrxuPYz.mjs";
+import { s as D } from "./mwc-icon-button.css-DosQIdlt.mjs";
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -15,11 +15,11 @@ import { s as P } from "./mwc-icon-button.css-DJiDOS0_.mjs";
  */
 class t extends m {
   constructor() {
-    super(...arguments), this.disabled = !1, this.icon = "", this.shouldRenderRipple = !1, this.rippleHandlers = new $(() => (this.shouldRenderRipple = !0, this.ripple));
+    super(...arguments), this.disabled = !1, this.icon = "", this.shouldRenderRipple = !1, this.rippleHandlers = new y(() => (this.shouldRenderRipple = !0, this.ripple));
   }
   /** @soyTemplate */
   renderRipple() {
-    return this.shouldRenderRipple ? u`
+    return this.shouldRenderRipple ? a`
             <mwc-ripple
                 .disabled="${this.disabled}"
                 unbounded>
@@ -35,7 +35,7 @@ class t extends m {
   }
   /** @soyTemplate */
   render() {
-    return u`<button
+    return a`<button
         class="mdc-icon-button mdc-icon-button--display-flex"
         aria-label="${this.ariaLabel || this.icon}"
         aria-haspopup="${w(this.ariaHasPopup)}"
@@ -49,17 +49,17 @@ class t extends m {
         @touchend="${this.handleRippleDeactivate}"
         @touchcancel="${this.handleRippleDeactivate}"
     >${this.renderRipple()}
-    ${this.icon ? u`<i class="material-icons">${this.icon}</i>` : ""}
+    ${this.icon ? a`<i class="material-icons">${this.icon}</i>` : ""}
     <span
       ><slot></slot
     ></span>
   </button>`;
   }
   handleRippleMouseDown(e) {
-    const o = () => {
-      window.removeEventListener("mouseup", o), this.handleRippleDeactivate();
+    const s = () => {
+      window.removeEventListener("mouseup", s), this.handleRippleDeactivate();
     };
-    window.addEventListener("mouseup", o), this.rippleHandlers.startPress(e);
+    window.addEventListener("mouseup", s), this.rippleHandlers.startPress(e);
   }
   handleRippleTouchStart(e) {
     this.rippleHandlers.startPress(e);
@@ -80,49 +80,49 @@ class t extends m {
     this.rippleHandlers.endFocus();
   }
 }
-s([
+o([
   p({ type: Boolean, reflect: !0 })
 ], t.prototype, "disabled", void 0);
-s([
+o([
   p({ type: String })
 ], t.prototype, "icon", void 0);
-s([
+o([
   c,
   p({ type: String, attribute: "aria-label" })
 ], t.prototype, "ariaLabel", void 0);
-s([
+o([
   c,
   p({ type: String, attribute: "aria-haspopup" })
 ], t.prototype, "ariaHasPopup", void 0);
-s([
+o([
   H("button")
 ], t.prototype, "buttonElement", void 0);
-s([
-  R("mwc-ripple")
+o([
+  f("mwc-ripple")
 ], t.prototype, "ripple", void 0);
-s([
-  y()
+o([
+  $()
 ], t.prototype, "shouldRenderRipple", void 0);
-s([
+o([
   h({ passive: !0 })
 ], t.prototype, "handleRippleMouseDown", null);
-s([
+o([
   h({ passive: !0 })
 ], t.prototype, "handleRippleTouchStart", null);
-const D = ':host{--mdc-icon-button-size: calc(48px + var(--cv-density-mode, 0) * var(--cv-density-interval, 4px));color:var(--mdc-theme-text-icon-on-background)}:host .mdc-icon-button{cursor:var(--cv-icon-button-cursor, pointer)}:host .mdc-icon-button:active,:host .mdc-icon-button:focus{font-variation-settings:"FILL" 1}';
-var E = Object.defineProperty, x = Object.getOwnPropertyDescriptor, L = (l, e, o, n) => {
-  for (var i = n > 1 ? void 0 : n ? x(e, o) : e, a = l.length - 1, d; a >= 0; a--)
-    (d = l[a]) && (i = (n ? d(e, o, i) : d(i)) || i);
-  return n && i && E(e, o, i), i;
+const E = ':host{--mdc-icon-button-size: calc(48px + var(--cv-density-mode, 0) * var(--cv-density-interval, 4px));color:var(--mdc-theme-text-icon-on-background)}:host .mdc-icon-button{cursor:var(--cv-icon-button-cursor, pointer)}:host .mdc-icon-button:active,:host .mdc-icon-button:focus{font-variation-settings:"FILL" 1}';
+var g = Object.getOwnPropertyDescriptor, x = (n, e, s, d) => {
+  for (var i = d > 1 ? void 0 : d ? g(e, s) : e, l = n.length - 1, u; l >= 0; l--)
+    (u = n[l]) && (i = u(i) || i);
+  return i;
 };
 let r = class extends t {
 };
-r.styles = [P, b`${f(D)}`];
-r = L([
-  v("cv-icon-button")
+r.styles = [D, b`${v(E)}`];
+r = x([
+  R("cv-icon-button")
 ], r);
-const j = r;
+const T = r;
 export {
   r as CovalentIconButton,
-  j as default
+  T as default
 };

package/icon-check-toggle.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./query-assigned-elements-BQszEgac.js"),l=require("./property-BRKnMYJe.js"),h=require("./query-BvlE-gMJ.js"),d=require("./class-map-PsUYVqvf.js"),g=require("./style-map-3QfsA_1O.js"),s=require("./mwc-checkbox.css-BV3dyB4C.js"),m=':host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-on-primary)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0% );left:var(--mdc-ripple-left, 0% );width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-primary) 28px,transparent 0)}.checked{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,i=(a,r,t,o)=>{for(var e=o>1?void 0:o?v(r,t):r,n=a.length-1,p;n>=0;n--)(p=a[n])&&(e=(o?p(r,t,e):p(e))||e);return o&&e&&f(r,t,e),e};exports.CovalentIconCheckToggle=class extends s.CheckboxBase{constructor(){super(...arguments),this.width="200",this.height="160",this.iconOnly=!1}render(){const r={checked:this.checked,cornerFill:this.checked},t={showCheck:this.checked},o={"--width":this.width=="fill"?"100%":`${this.width}px`,"--height":`${this.height}px`};return c.x`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./query-assigned-elements-8EurZY45.js"),l=require("./property-DYTC_2-m.js"),h=require("./query-Dv2F3m_t.js"),d=require("./class-map-DTzB8z-1.js"),g=require("./style-map-DOMuf9Fg.js"),s=require("./mwc-checkbox.css-u49MHsHT.js"),m=':host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-on-primary)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0% );left:var(--mdc-ripple-left, 0% );width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-primary) 28px,transparent 0)}.checked{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,i=(a,r,t,o)=>{for(var e=o>1?void 0:o?v(r,t):r,n=a.length-1,p;n>=0;n--)(p=a[n])&&(e=(o?p(r,t,e):p(e))||e);return o&&e&&f(r,t,e),e};exports.CovalentIconCheckToggle=class extends s.CheckboxBase{constructor(){super(...arguments),this.width="200",this.height="160",this.iconOnly=!1}render(){const r={checked:this.checked,cornerFill:this.checked},t={showCheck:this.checked},o={"--width":this.width=="fill"?"100%":`${this.width}px`,"--height":`${this.height}px`};return c.x`
         <div class="${d.o(r)} container" style="${g.o(o)}" @click="${this._handleClick}">
             <input type="checkbox" class="mdc-checkbox__native-control"></input>
             <div class="mdc-toggle__background">

package/icon-check-toggle.mjs

@@ -1,9 +1,9 @@
-import { i as h, r as m, x as l, e as f } from "./query-assigned-elements-DhyCP_2z.mjs";
+import { r as h, i as m, x as l, e as f } from "./query-assigned-elements-D930kELM.mjs";
 import { n as s } from "./property-DJzm_oB9.mjs";
-import { i as g } from "./query-DSO61t36.mjs";
-import { o as d } from "./class-map-BHl5MHd7.mjs";
-import { o as y } from "./style-map-QxIETvrs.mjs";
-import { s as v, C as u } from "./mwc-checkbox.css-CNoj0V14.mjs";
+import { i as g } from "./query-CDOd1Kwm.mjs";
+import { o as d } from "./class-map-DPUylGZM.mjs";
+import { o as y } from "./style-map-D2TR7M-D.mjs";
+import { s as v, C as u } from "./mwc-checkbox.css-2vEWGIGy.mjs";
 const b = ':host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-on-primary)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0% );left:var(--mdc-ripple-left, 0% );width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-primary) 28px,transparent 0)}.checked{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';
 var k = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (a, r, o, c) => {
   for (var t = c > 1 ? void 0 : c ? x(r, o) : r, n = a.length - 1, p; n >= 0; n--)
@@ -46,8 +46,8 @@ let e = class extends u {
   }
 };
 e.styles = [
-  h`
-      ${m(b)}
+  m`
+      ${h(b)}
     `,
   v
 ];

package/icon-lockup.js

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./query-assigned-elements-BQszEgac.js"),l=require("./property-BRKnMYJe.js"),u=require("./state-Csv4sdJA.js"),p=require("./class-map-PsUYVqvf.js");require("./typography.js");require("./icon.js");const v='.filled{font-variation-settings:"FILL" 1}.hidden{display:none}.icon-lockup{align-items:center;display:flex;gap:4px;max-width:100%}.icon-lockup cv-typography{flex:1 0 0}.icon-lockup--primary,.icon-lockup--loading{color:var(--cv-theme-primary)}.icon-lockup--positive{color:var(--cv-theme-positive)}.icon-lockup--negative{color:var(--cv-theme-negative)}.icon-lockup--caution{color:var(--cv-theme-caution)}.text{font-feature-settings:"liga" off,"clig" off;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trailing-icon{flex-direction:row-reverse}';var h=Object.defineProperty,d=Object.getOwnPropertyDescriptor,e=(s,o,n,i)=>{for(var t=i>1?void 0:i?d(o,n):o,a=s.length-1,r;a>=0;a--)(r=s[a])&&(t=(i?r(o,n,t):r(t))||t);return i&&t&&h(o,n,t),t};exports.CovalentIconLockup=class extends c.s{constructor(){super(...arguments),this.covalentIcon=!1,this.filledIcon=!1,this.icon="",this.scale="body1",this.state="neutral",this.trailingIcon=!1,this._hasIconSlot=!1}checkIconSlot(){var n;const o=(n=this.shadowRoot)==null?void 0:n.querySelector('slot[name="icon"]');this._hasIconSlot=o&&o.assignedNodes().length>0}iconTemplate(){const o={"covalent-icon":this.covalentIcon,filled:this.filledIcon,hidden:this._hasIconSlot};return c.x`<slot name="icon"></slot>
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./query-assigned-elements-8EurZY45.js"),l=require("./property-DYTC_2-m.js"),u=require("./state-C3HoXfoa.js"),p=require("./class-map-DTzB8z-1.js");require("./typography.js");require("./icon.js");const v='.filled{font-variation-settings:"FILL" 1}.hidden{display:none}.icon-lockup{align-items:center;display:flex;gap:4px;max-width:100%}.icon-lockup cv-typography{flex:1 0 0}.icon-lockup--primary,.icon-lockup--loading{color:var(--cv-theme-primary)}.icon-lockup--positive{color:var(--cv-theme-positive)}.icon-lockup--negative{color:var(--cv-theme-negative)}.icon-lockup--caution{color:var(--cv-theme-caution)}.text{font-feature-settings:"liga" off,"clig" off;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trailing-icon{flex-direction:row-reverse}';var h=Object.defineProperty,y=Object.getOwnPropertyDescriptor,e=(s,o,c,i)=>{for(var t=i>1?void 0:i?y(o,c):o,a=s.length-1,r;a>=0;a--)(r=s[a])&&(t=(i?r(o,c,t):r(t))||t);return i&&t&&h(o,c,t),t};exports.CovalentIconLockup=class extends n.s{constructor(){super(...arguments),this.covalentIcon=!1,this.filledIcon=!1,this.icon="",this.scale="body1",this.state="neutral",this.trailingIcon=!1,this._hasIconSlot=!1}checkIconSlot(){var c;const o=(c=this.shadowRoot)==null?void 0:c.querySelector('slot[name="icon"]');this._hasIconSlot=o&&o.assignedNodes().length>0}iconTemplate(){const o={"covalent-icon":this.covalentIcon,filled:this.filledIcon,hidden:this._hasIconSlot};return n.x`<slot name="icon"></slot>
       <cv-icon
         class=${p.o(o)}
         style="${`font-size: var(--cv-typography-${this.scale}-line-height, 16px)`}"
       >
         ${this.icon}
-      </cv-icon>`}render(){const o={"icon-lockup":!0,[`icon-lockup--${this.state}`]:this.state,"trailing-icon":this.trailingIcon};return c.x`
+      </cv-icon>`}render(){const o={"icon-lockup":!0,[`icon-lockup--${this.state}`]:this.state,"trailing-icon":this.trailingIcon};return n.x`
       <cv-typography class=${p.o(o)} scale="${this.scale}">
         ${this.iconTemplate()}
         <div class="text"><slot></slot></div>
       </cv-typography>
-    `}updated(o){super.updated(o),this.checkIconSlot()}};exports.CovalentIconLockup.styles=[c.i`
-      ${c.r(v)}
-    `];e([l.n({type:Boolean,reflect:!0})],exports.CovalentIconLockup.prototype,"covalentIcon",2);e([l.n({type:Boolean,reflect:!0})],exports.CovalentIconLockup.prototype,"filledIcon",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"icon",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"scale",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"state",2);e([l.n({type:Boolean})],exports.CovalentIconLockup.prototype,"trailingIcon",2);e([u.t()],exports.CovalentIconLockup.prototype,"_hasIconSlot",2);exports.CovalentIconLockup=e([c.e("cv-icon-lockup")],exports.CovalentIconLockup);const y=exports.CovalentIconLockup;exports.default=y;
+    `}updated(o){super.updated(o),this.checkIconSlot()}};exports.CovalentIconLockup.styles=[n.i`
+      ${n.r(v)}
+    `];e([l.n({type:Boolean,reflect:!0})],exports.CovalentIconLockup.prototype,"covalentIcon",2);e([l.n({type:Boolean,reflect:!0})],exports.CovalentIconLockup.prototype,"filledIcon",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"icon",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"scale",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"state",2);e([l.n({type:Boolean})],exports.CovalentIconLockup.prototype,"trailingIcon",2);e([u.t()],exports.CovalentIconLockup.prototype,"_hasIconSlot",2);exports.CovalentIconLockup=e([n.e("cv-icon-lockup")],exports.CovalentIconLockup);const d=exports.CovalentIconLockup;exports.default=d;

package/icon-lockup.mjs

@@ -1,7 +1,7 @@
-import { i as v, r as f, s as u, x as p, e as y } from "./query-assigned-elements-DhyCP_2z.mjs";
+import { r as v, i as f, s as u, x as p, e as y } from "./query-assigned-elements-D930kELM.mjs";
 import { n } from "./property-DJzm_oB9.mjs";
 import { t as d } from "./state-B_tK3mBm.mjs";
-import { o as h } from "./class-map-BHl5MHd7.mjs";
+import { o as h } from "./class-map-DPUylGZM.mjs";
 import "./typography.mjs";
 import "./icon.mjs";
 const g = '.filled{font-variation-settings:"FILL" 1}.hidden{display:none}.icon-lockup{align-items:center;display:flex;gap:4px;max-width:100%}.icon-lockup cv-typography{flex:1 0 0}.icon-lockup--primary,.icon-lockup--loading{color:var(--cv-theme-primary)}.icon-lockup--positive{color:var(--cv-theme-positive)}.icon-lockup--negative{color:var(--cv-theme-negative)}.icon-lockup--caution{color:var(--cv-theme-caution)}.text{font-feature-settings:"liga" off,"clig" off;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trailing-icon{flex-direction:row-reverse}';
@@ -64,8 +64,8 @@ let o = class extends u {
   }
 };
 o.styles = [
-  v`
-      ${f(g)}
+  f`
+      ${v(g)}
     `
 ];
 e([

package/icon-radio-toggle.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./query-assigned-elements-BQszEgac.js"),d=require("./mwc-radio.css-DjO4Rn44.js"),s=require("./property-BRKnMYJe.js"),h=':host{--mdc-radio-unchecked-color: var(--cv-theme-on-surface-variant);--mdc-theme-secondary: var(--cv-theme-primary);--mdc-radio-disabled-color: var(--cv-theme-on-surface-38)}:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';var m=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(i,t,a,r)=>{for(var e=r>1?void 0:r?p(t,a):t,n=i.length-1,c;n>=0;n--)(c=i[n])&&(e=(r?c(t,a,e):c(e))||e);return r&&e&&m(t,a,e),e};exports.CovalentIconRadioToggle=class extends d.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const t=o.x`<slot name="icon"></slot>`,a=this.iconOnly?"":o.x`<div><slot name="text"></slot></div>`,r=this.shouldRenderRipple?o.x`<mwc-ripple
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./query-assigned-elements-8EurZY45.js"),d=require("./mwc-radio.css-BWiWreTh.js"),s=require("./property-DYTC_2-m.js"),h=':host{--mdc-radio-unchecked-color: var(--cv-theme-on-surface-variant);--mdc-theme-secondary: var(--cv-theme-primary);--mdc-radio-disabled-color: var(--cv-theme-on-surface-38)}:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';var m=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(i,t,a,r)=>{for(var e=r>1?void 0:r?p(t,a):t,n=i.length-1,c;n>=0;n--)(c=i[n])&&(e=(r?c(t,a,e):c(e))||e);return r&&e&&m(t,a,e),e};exports.CovalentIconRadioToggle=class extends d.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const t=o.x`<slot name="icon"></slot>`,a=this.iconOnly?"":o.x`<div><slot name="text"></slot></div>`,r=this.shouldRenderRipple?o.x`<mwc-ripple
           accent
           .internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
           .disabled="${this.disabled}"

package/icon-radio-toggle.mjs

@@ -1,11 +1,11 @@
-import { i as h, r as l, x as c, e as m } from "./query-assigned-elements-DhyCP_2z.mjs";
-import { s as p, R as y } from "./mwc-radio.css-BiHC1R8I.mjs";
-import { n as g } from "./property-DJzm_oB9.mjs";
-const v = ':host{--mdc-radio-unchecked-color: var(--cv-theme-on-surface-variant);--mdc-theme-secondary: var(--cv-theme-primary);--mdc-radio-disabled-color: var(--cv-theme-on-surface-38)}:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';
-var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, s = (a, t, o, i) => {
-  for (var e = i > 1 ? void 0 : i ? u(t, o) : t, n = a.length - 1, d; n >= 0; n--)
-    (d = a[n]) && (e = (i ? d(t, o, e) : d(e)) || e);
-  return i && e && f(t, o, e), e;
+import { r as h, i as l, x as c, e as m } from "./query-assigned-elements-D930kELM.mjs";
+import { s as p, R as y } from "./mwc-radio.css-6ufegTtG.mjs";
+import { n as v } from "./property-DJzm_oB9.mjs";
+const g = ':host{--mdc-radio-unchecked-color: var(--cv-theme-on-surface-variant);--mdc-theme-secondary: var(--cv-theme-primary);--mdc-radio-disabled-color: var(--cv-theme-on-surface-38)}:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';
+var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, s = (a, e, o, i) => {
+  for (var t = i > 1 ? void 0 : i ? u(e, o) : e, n = a.length - 1, d; n >= 0; n--)
+    (d = a[n]) && (t = (i ? d(e, o, t) : d(t)) || t);
+  return i && t && f(e, o, t), t;
 };
 let r = class extends y {
   constructor() {
@@ -13,22 +13,22 @@ let r = class extends y {
   }
   // Override the renderRipple method to minimally introduce the icon & text slots without overwritting the render method
   renderRipple() {
-    const a = c`<slot name="icon"></slot>`, t = this.iconOnly ? "" : c`<div><slot name="text"></slot></div>`, o = this.shouldRenderRipple ? c`<mwc-ripple
+    const a = c`<slot name="icon"></slot>`, e = this.iconOnly ? "" : c`<div><slot name="text"></slot></div>`, o = this.shouldRenderRipple ? c`<mwc-ripple
           accent
           .internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
           .disabled="${this.disabled}"
         ></mwc-ripple>` : "";
-    return c`${a}${t}${o}`;
+    return c`${a}${e}${o}`;
   }
 };
 r.styles = [
   p,
-  h`
-      ${l(v)}
+  l`
+      ${h(g)}
     `
 ];
 s([
-  g({ type: Boolean })
+  v({ type: Boolean })
 ], r.prototype, "iconOnly", 2);
 r = s([
   m("cv-radio-icon")

package/icon.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./mwc-icon-Xgr698ax.js"),v=require("./query-assigned-elements-BQszEgac.js");var a=Object.defineProperty,u=Object.getOwnPropertyDescriptor,I=(t,n,s,o)=>{for(var e=o>1?void 0:o?u(n,s):n,c=t.length-1,l;c>=0;c--)(l=t[c])&&(e=(o?l(n,s,e):l(e))||e);return o&&e&&a(n,s,e),e};exports.CovalentIcon=class extends r.Icon{};exports.CovalentIcon.styles=[r.styles];exports.CovalentIcon=I([v.e("cv-icon")],exports.CovalentIcon);const f=exports.CovalentIcon;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./mwc-icon-BUzuM0iB.js"),a=require("./query-assigned-elements-8EurZY45.js");var v=Object.getOwnPropertyDescriptor,u=(n,t,r,s)=>{for(var e=s>1?void 0:s?v(t,r):t,o=n.length-1,c;o>=0;o--)(c=n[o])&&(e=c(e)||e);return e};exports.CovalentIcon=class extends l.Icon{};exports.CovalentIcon.styles=[l.styles];exports.CovalentIcon=u([a.e("cv-icon")],exports.CovalentIcon);const I=exports.CovalentIcon;exports.default=I;

package/icon.mjs

@@ -1,18 +1,18 @@
-import { s as f, I as a } from "./mwc-icon-DTCUplqR.mjs";
-import { e as p } from "./query-assigned-elements-DhyCP_2z.mjs";
-var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, m = (c, s, t, r) => {
-  for (var e = r > 1 ? void 0 : r ? _(s, t) : s, n = c.length - 1, l; n >= 0; n--)
-    (l = c[n]) && (e = (r ? l(s, t, e) : l(e)) || e);
-  return r && e && v(s, t, e), e;
+import { s as c, I as v } from "./mwc-icon-CU54ISyR.mjs";
+import { e as p } from "./query-assigned-elements-D930kELM.mjs";
+var f = Object.getOwnPropertyDescriptor, m = (o, r, l, n) => {
+  for (var e = n > 1 ? void 0 : n ? f(r, l) : r, t = o.length - 1, a; t >= 0; t--)
+    (a = o[t]) && (e = a(e) || e);
+  return e;
 };
-let o = class extends a {
+let s = class extends v {
 };
-o.styles = [f];
-o = m([
+s.styles = [c];
+s = m([
   p("cv-icon")
-], o);
-const O = o;
+], s);
+const i = s;
 export {
-  o as CovalentIcon,
-  O as default
+  s as CovalentIcon,
+  i as default
 };

package/{if-defined-B7G84qob.js → if-defined-CZCqOAYs.js}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./query-assigned-elements-BQszEgac.js");/**
+"use strict";const s=require("./query-assigned-elements-8EurZY45.js");/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/{if-defined-DN7whKwy.mjs → if-defined-DGrxuPYz.mjs}

@@ -1,4 +1,4 @@
-import { A as r } from "./query-assigned-elements-DhyCP_2z.mjs";
+import { A as r } from "./query-assigned-elements-D930kELM.mjs";
 /**
  * @license
  * Copyright 2018 Google LLC

package/index.d.ts

@@ -20,7 +20,6 @@ export * from './focused-page/focused-page';
 export * from './formfield/formfield';
 export * from './full-screen-dialog/full-screen-dialog';
 export * from './icon/icon';
-export * from './icon/icon-demo';
 export * from './icon-button/icon-button';
 export * from './icon-button-toggle/icon-button-toggle';
 export * from './icon-checkbox/icon-check-toggle';