@covalent/components 4.15.0 → 6.0.1

package/dialog.mjs

@@ -0,0 +1,20 @@
+import { css as c, unsafeCSS as i } from "lit";
+import { customElement as n } from "lit/decorators.js";
+import { DialogBase as d } from "@material/mwc-dialog/mwc-dialog-base";
+import { styles as p } from "@material/mwc-dialog/mwc-dialog.css?used";
+const v = `:host{--mdc-dialog-heading-ink-color: var(--mdc-theme-text-primary-on-background);--mdc-dialog-content-ink-color: var(--mdc-theme-text-primary-on-background);--mdc-dialog-scroll-divider-color: var(--mdc-theme-border)}
+`;
+var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, h = (m, o, t, r) => {
+  for (var e = r > 1 ? void 0 : r ? g(o, t) : o, s = m.length - 1, l; s >= 0; s--)
+    (l = m[s]) && (e = (r ? l(o, t, e) : l(e)) || e);
+  return r && e && f(o, t, e), e;
+};
+let a = class extends d {
+};
+a.styles = [p, c`${i(v)}`];
+a = h([
+  n("cv-dialog")
+], a);
+export {
+  a as CovalentDialogBase
+};

package/drawer.mjs

@@ -0,0 +1,20 @@
+import { css as f, unsafeCSS as p } from "lit";
+import { customElement as c } from "lit/decorators.js";
+import { DrawerBase as v } from "@material/mwc-drawer/mwc-drawer-base";
+import { styles as n } from "@material/mwc-drawer/mwc-drawer.css?used";
+const _ = `:host{border-color:var(--mdc-theme-border)}
+`;
+var w = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (a, e, o, s) => {
+  for (var r = s > 1 ? void 0 : s ? b(e, o) : e, t = a.length - 1, l; t >= 0; t--)
+    (l = a[t]) && (r = (s ? l(e, o, r) : l(r)) || r);
+  return s && r && w(e, o, r), r;
+};
+let m = class extends v {
+};
+m.styles = [n, f`${p(_)}`];
+m = i([
+  c("cv-drawer")
+], m);
+export {
+  m as CovalentDrawerBase
+};

package/empty-state.mjs

@@ -0,0 +1,66 @@
+import { LitElement as s, html as o, css as g, unsafeCSS as f } from "lit";
+import { property as h, customElement as l } from "lit/decorators.js";
+import "./icon.mjs";
+import "@material/mwc-icon/mwc-icon";
+import "@material/mwc-icon/mwc-icon-host.css?used";
+const c = `.mdc-typography{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-font-family, Roboto, sans-serif)}.mdc-typography--headline1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:6rem;font-size:var(--mdc-typography-headline1-font-size, 6rem);line-height:6rem;line-height:var(--mdc-typography-headline1-line-height, 6rem);font-weight:300;font-weight:var(--mdc-typography-headline1-font-weight, 300);letter-spacing:-.015625em;letter-spacing:var(--mdc-typography-headline1-letter-spacing, -.015625em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline1-text-transform, inherit)}.mdc-typography--headline2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3.75rem;font-size:var(--mdc-typography-headline2-font-size, 3.75rem);line-height:3.75rem;line-height:var(--mdc-typography-headline2-line-height, 3.75rem);font-weight:300;font-weight:var(--mdc-typography-headline2-font-weight, 300);letter-spacing:-.0083333333em;letter-spacing:var(--mdc-typography-headline2-letter-spacing, -.0083333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline2-text-transform, inherit)}.mdc-typography--headline3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3rem;font-size:var(--mdc-typography-headline3-font-size, 3rem);line-height:3.125rem;line-height:var(--mdc-typography-headline3-line-height, 3.125rem);font-weight:400;font-weight:var(--mdc-typography-headline3-font-weight, 400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline3-letter-spacing, normal);text-decoration:inherit;text-decoration:var(--mdc-typography-headline3-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline3-text-transform, inherit)}.mdc-typography--headline4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:2.125rem;font-size:var(--mdc-typography-headline4-font-size, 2.125rem);line-height:2.5rem;line-height:var(--mdc-typography-headline4-line-height, 2.5rem);font-weight:400;font-weight:var(--mdc-typography-headline4-font-weight, 400);letter-spacing:.0073529412em;letter-spacing:var(--mdc-typography-headline4-letter-spacing, .0073529412em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline4-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline4-text-transform, inherit)}.mdc-typography--headline5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight, 400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;text-decoration:var(--mdc-typography-headline5-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform, inherit)}.mdc-typography--headline6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit)}.mdc-typography--subtitle1{-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:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .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)}.mdc-typography--subtitle2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-typography--body1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform, inherit)}.mdc-typography--body2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit)}.mdc-typography--caption{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}.mdc-typography--button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase)}.mdc-typography--overline{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-overline-font-size, .75rem);line-height:2rem;line-height:var(--mdc-typography-overline-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-overline-font-weight, 500);letter-spacing:.1666666667em;letter-spacing:var(--mdc-typography-overline-letter-spacing, .1666666667em);text-decoration:none;text-decoration:var(--mdc-typography-overline-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-overline-text-transform, uppercase)}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.icon-background{display:flex;justify-content:center;align-items:center;width:96px;height:96px;border-radius:50%;background-color:var(--mdc-theme-background);margin-left:auto;margin-right:auto}.covalent-icon{font-size:40px;color:var(--mdc-theme-text-secondary-on-background)}.mdc-typography--headline6{font-family:var(--mdc-typography-headline6-font-family);font-size:var(--mdc-typography-headline6-font-size);font-weight:var(--mdc-typography-headline6-font-weight);line-height:var(--mdc-typography-headline6-line-height);color:var(--mdc-theme-text-secondary-on-background);margin:16px 0 8px}.mdc-typography--caption{font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height);color:var(--mdc-theme-text-secondary-on-background);margin:0}.buttonContainer{display:flex;gap:0 20px;margin-top:16px}h6{margin:16px}
+`;
+var d = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (a, r, m, n) => {
+  for (var t = n > 1 ? void 0 : n ? v(r, m) : r, y = a.length - 1, p; y >= 0; y--)
+    (p = a[y]) && (t = (n ? p(r, m, t) : p(t)) || t);
+  return n && t && d(r, m, t), t;
+};
+let e = class extends s {
+  constructor() {
+    super(...arguments), this.headline = "", this.subtitle = "", this.icon = "", this.card = !1;
+  }
+  render() {
+    return o`
+      <div
+        class="content mdc-typography"
+        style=${this.card ? "width: 632px; height: 300px;" : ""}
+      >
+        ${this.icon ? o` <div class="icon-background">
+              <cv-icon class="covalent-icon">${this.icon}</cv-icon>
+            </div>` : ""}
+        ${this.headline ? o`<h6 class="mdc-typography--headline6">${this.headline}</h6>` : ""}
+        ${this.subtitle ? o` <p
+              key="{line}"
+              class="mdc-typography--caption"
+              style=${this.headline ? "" : "margin-top:16px;"}
+            >
+              ${this.subtitle.split(/\n/).map((a) => o`${a}<br />`)}
+            </p>` : ""}
+        <div
+          class="buttonContainer"
+          style=${this.subtitle ? "" : "margin-top:0;"}
+        >
+          <slot name="buttons"></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+e.styles = [
+  g`
+      ${f(c)}
+    `
+];
+i([
+  h({ type: String })
+], e.prototype, "headline", 2);
+i([
+  h({ type: String })
+], e.prototype, "subtitle", 2);
+i([
+  h({ type: String })
+], e.prototype, "icon", 2);
+i([
+  h({ type: Boolean })
+], e.prototype, "card", 2);
+e = i([
+  l("cv-empty-state")
+], e);
+export {
+  e as CovalentEmptyStateBase
+};

package/icon-button.mjs

@@ -0,0 +1,20 @@
+import { css as m, unsafeCSS as f } from "lit";
+import { customElement as p } from "lit/decorators.js";
+import { IconButtonBase as a } from "@material/mwc-icon-button/mwc-icon-button-base";
+import { styles as v } from "@material/mwc-icon-button/mwc-icon-button.css?used";
+const u = `:host{color:var(--mdc-theme-text-icon-on-background)}
+`;
+var i = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, b = (l, o, s, e) => {
+  for (var t = e > 1 ? void 0 : e ? _(o, s) : o, r = l.length - 1, n; r >= 0; r--)
+    (n = l[r]) && (t = (e ? n(o, s, t) : n(t)) || t);
+  return e && t && i(o, s, t), t;
+};
+let c = class extends a {
+};
+c.styles = [v, m`${f(u)}`];
+c = b([
+  p("cv-icon-button")
+], c);
+export {
+  c as CovalentIconButtonBase
+};

package/icon-check-toggle.mjs

@@ -0,0 +1,71 @@
+import { html as l, css as h, unsafeCSS as m } from "lit";
+import { property as s, customElement as f } from "lit/decorators.js";
+import { classMap as d } from "lit/directives/class-map.js";
+import { styleMap as g } from "lit/directives/style-map.js";
+import { CheckboxBase as y } from "@material/mwc-checkbox/mwc-checkbox-base";
+import { styles as v } from "@material/mwc-checkbox/mwc-checkbox.css?used";
+const u = `:host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-text-icon-on-dark)}: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-secondary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.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 b = Object.defineProperty, k = Object.getOwnPropertyDescriptor, c = (i, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? k(e, o) : e, n = i.length - 1, p; n >= 0; n--)
+    (p = i[n]) && (r = (a ? p(e, o, r) : p(r)) || r);
+  return a && r && b(e, o, r), r;
+};
+let t = class extends y {
+  constructor() {
+    super(...arguments), this.width = "200", this.height = "160", this.iconOnly = !1;
+  }
+  render() {
+    const i = {
+      checked: this.checked,
+      cornerFill: this.checked
+    }, e = {
+      showCheck: this.checked
+    }, o = {
+      "--width": this.width == "fill" ? "100%" : `${this.width}px`,
+      "--height": `${this.height}px`
+    };
+    return l`
+        <div class="${d(i)} container" style="${g(
+      o
+    )}" @click="${this._handleClick}">
+            <input type="checkbox" class="mdc-checkbox__native-control"></input>
+            <div class="mdc-toggle__background">
+                <svg class="mdc-toggle__checkmark ${d(
+      e
+    )}" viewBox="0 0 24 24">
+                    <path class="mdc-toggle__checkmark-path ${d(
+      e
+    )}" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
+                </svg>
+            </div>
+            <slot name="icon"></slot>
+            ${this.iconOnly ? "" : l`<div><slot name="text"></slot></div>`}
+        </div>
+    `;
+  }
+  _handleClick() {
+    this.checked = !this.checked;
+  }
+};
+t.styles = [
+  h`
+      ${m(u)}
+    `,
+  v
+];
+c([
+  s()
+], t.prototype, "width", 2);
+c([
+  s()
+], t.prototype, "height", 2);
+c([
+  s({ type: Boolean })
+], t.prototype, "iconOnly", 2);
+t = c([
+  f("cv-checkbox-icon")
+], t);
+export {
+  t as CovalentIconCheckToggleBase
+};

package/icon-radio-toggle.mjs

@@ -0,0 +1,62 @@
+import { html as l, css as s, unsafeCSS as m } from "lit";
+import { RadioBase as h } from "@material/mwc-radio/mwc-radio-base";
+import { styles as f } from "@material/mwc-radio/mwc-radio.css?used";
+import { property as p, customElement as g } from "lit/decorators.js";
+import { classMap as y } from "lit/directives/class-map.js";
+import { styleMap as v } from "lit/directives/style-map.js";
+const u = `:host .mdc-radio__background{position:absolute;top:8px;right:8px}: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}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.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)}.mdc-radio__outer-circle{border-color:var(--mdc-theme-text-icon-on-background)}.mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__inner-circle{border-color:var(--mdc-theme-secondary, #018786)}
+`;
+var b = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (o, r, c, i) => {
+  for (var e = i > 1 ? void 0 : i ? x(r, c) : r, n = o.length - 1, d; n >= 0; n--)
+    (d = o[n]) && (e = (i ? d(r, c, e) : d(e)) || e);
+  return i && e && b(r, c, e), e;
+};
+let t = class extends h {
+  constructor() {
+    super(...arguments), this.width = "200", this.height = "160", this.iconOnly = !1;
+  }
+  render() {
+    const o = {
+      checked: this.checked
+    }, r = {
+      "--width": this.width == "fill" ? "100%" : `${this.width}px`,
+      "--height": `${this.height}px`
+    };
+    return l`
+        <div class="${y(o)} container" style="${v(
+      r
+    )}" @click="${() => {
+      this.checked = !0;
+    }}">
+            <input type="radio" class="mdc-radio__native-control"></input>
+            <div class="mdc-radio__background">
+                <div class="mdc-radio__outer-circle"></div>
+                <div class="mdc-radio__inner-circle"></div>
+            </div>
+            <slot name="icon"></slot>
+            ${this.iconOnly ? "" : l`<div><slot name="text"></slot></div>`}
+        </div>
+    `;
+  }
+};
+t.styles = [
+  s`
+      ${m(u)}
+    `,
+  f
+];
+a([
+  p()
+], t.prototype, "width", 2);
+a([
+  p()
+], t.prototype, "height", 2);
+a([
+  p({ type: Boolean })
+], t.prototype, "iconOnly", 2);
+t = a([
+  g("cv-radio-icon")
+], t);
+export {
+  t as CovalentIconRadioToggleBase
+};

package/icon.mjs

@@ -0,0 +1,17 @@
+import { Icon as f } from "@material/mwc-icon/mwc-icon";
+import { styles as m } from "@material/mwc-icon/mwc-icon-host.css?used";
+import { customElement as n } from "lit/decorators.js";
+var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, i = (c, r, t, o) => {
+  for (var e = o > 1 ? void 0 : o ? _(r, t) : r, s = c.length - 1, l; s >= 0; s--)
+    (l = c[s]) && (e = (o ? l(r, t, e) : l(e)) || e);
+  return o && e && v(r, t, e), e;
+};
+let p = class extends f {
+};
+p.styles = [m];
+p = i([
+  n("cv-icon")
+], p);
+export {
+  p as CovalentIcon
+};

package/linear-progress.mjs

@@ -0,0 +1,20 @@
+import { css as f, unsafeCSS as n } from "lit";
+import { customElement as p } from "lit/decorators.js";
+import { LinearProgressBase as c } from "@material/mwc-linear-progress/mwc-linear-progress-base";
+import { styles as v } from "@material/mwc-linear-progress/mwc-linear-progress.css?used";
+const i = `:host{--mdc-linear-progress-buffer-color: var(--mdc-theme-border)}
+`;
+var P = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, u = (a, e, o, s) => {
+  for (var r = s > 1 ? void 0 : s ? _(e, o) : e, t = a.length - 1, l; t >= 0; t--)
+    (l = a[t]) && (r = (s ? l(e, o, r) : l(r)) || r);
+  return s && r && P(e, o, r), r;
+};
+let m = class extends c {
+};
+m.styles = [v, f`${n(i)}`];
+m = u([
+  p("cv-linear-progress")
+], m);
+export {
+  m as CovalentLinearProgressBase
+};

package/list-expansion.mjs

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

package/list-item.mjs

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

package/list.mjs

@@ -0,0 +1,17 @@
+import { ListBase as m } from "@material/mwc-list/mwc-list-base";
+import { styles as v } from "@material/mwc-list/mwc-list.css?used";
+import { customElement as i } from "lit/decorators.js";
+var _ = Object.defineProperty, a = Object.getOwnPropertyDescriptor, c = (f, s, t, r) => {
+  for (var e = r > 1 ? void 0 : r ? a(s, t) : s, o = f.length - 1, l; o >= 0; o--)
+    (l = f[o]) && (e = (r ? l(s, t, e) : l(e)) || e);
+  return r && e && _(s, t, e), e;
+};
+let p = class extends m {
+};
+p.styles = [v];
+p = c([
+  i("cv-list")
+], p);
+export {
+  p as CovalentListBase
+};

package/menu.mjs

@@ -0,0 +1,17 @@
+import { MenuBase as f } from "@material/mwc-menu/mwc-menu-base";
+import { styles as n } from "@material/mwc-menu/mwc-menu.css?used";
+import { customElement as v } from "lit/decorators.js";
+var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (p, r, t, s) => {
+  for (var e = s > 1 ? void 0 : s ? _(r, t) : r, o = p.length - 1, l; o >= 0; o--)
+    (l = p[o]) && (e = (s ? l(r, t, e) : l(e)) || e);
+  return s && e && u(r, t, e), e;
+};
+let m = class extends f {
+};
+m.styles = [n];
+m = a([
+  v("cv-menu")
+], m);
+export {
+  m as CovalentMenuBase
+};

package/nav-list-item.mjs

@@ -0,0 +1,41 @@
+import { css as i, unsafeCSS as a } from "lit";
+import { property as h, customElement as l } from "lit/decorators.js";
+import { C as d, s as y } from "./list-item.mjs";
+import { styles as f } from "@material/mwc-list/mwc-control-list-item.css?used";
+import { styles as g } from "@material/mwc-list/mwc-list-item.css?used";
+import "@material/mwc-list/mwc-list-item-base";
+const v = `:host{font-family:var(--mdc-typography-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)}:host([navopen]){border-radius:0 28px 28px 0;transition:border-radius .1s ease-out;margin-right:16px}:host([graphic=avatar]:not([navopen])){border-radius:100%;margin:0 auto 8px;padding:0;width:48px;height:48px}:host([graphic=avatar]:not([navopen])) ::slotted(cv-icon[slot=graphic]){margin-left:8px;background:transparent}:host(.home-item) ::slotted(.teradata-no-circle){--mdc-list-item-graphic-size: 40px;--mdc-icon-size: 40px;display:none}:host(.home-item) ::slotted(.home-icon){display:none}:host(.home-item) ::slotted(.home-icon):hover .covalent-icon{display:none}:host(.home-item:hover) ::slotted(.home-icon){display:block}:host(.home-item:hover) ::slotted(.teradata-circle){display:none}:host(.home-item:hover) ::slotted(.teradata-no-circle){display:none}:host(.home-item:not([navopen])){background-color:#f3753f;--mdc-ripple-color: #ffffff;--mdc-theme-text-icon-on-background: #ffffff}:host(.home-item:not([navopen])) ::slotted(.teradata-circle){display:none}:host(.home-item:not([navopen])) ::slotted(.teradata-no-circle){display:block}:host(.home-item:hover:not([navopen])) ::slotted(.teradata-no-circle){display:none}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 15px;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;font-size:var(--mdc-typography-subtitle1-font-size);margin-right:0;border-radius:0}:host(.beta-list-item:not([navopen])){--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: 0;--mdc-typography-body2-font-size: 0;height:48px;font-size:0;padding:0;justify-content:center;align-content:center}
+`;
+var b = Object.defineProperty, u = Object.getOwnPropertyDescriptor, c = (m, e, r, o) => {
+  for (var t = o > 1 ? void 0 : o ? u(e, r) : e, s = m.length - 1, p; s >= 0; s--)
+    (p = m[s]) && (t = (o ? p(e, r, t) : p(t)) || t);
+  return o && t && b(e, r, t), t;
+};
+let n = class extends d {
+  constructor() {
+    super(), this.navOpen = !1;
+  }
+};
+n.styles = [
+  i`
+      ${a(g)}
+    `,
+  i`
+      ${a(f)}
+    `,
+  i`
+      ${a(y)}
+    `,
+  i`
+      ${a(v)}
+    `
+];
+c([
+  h({ type: Boolean, reflect: !0 })
+], n.prototype, "navOpen", 2);
+n = c([
+  l("cv-nav-list-item")
+], n);
+export {
+  n as CovalentNavRailListItem
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/components",
-  "version": "4.15.0",
+  "version": "6.0.1",
   "description": "a catalog of material components for covalent",
   "main": "index.js",
   "repository": {

package/radio-list-item.mjs

@@ -0,0 +1,18 @@
+import { RadioListItemBase as p } from "@material/mwc-list/mwc-radio-list-item-base";
+import { styles as a } from "@material/mwc-list/mwc-control-list-item.css?used";
+import { styles as f } from "@material/mwc-list/mwc-list-item.css?used";
+import { customElement as v } from "lit/decorators.js";
+var _ = Object.defineProperty, c = Object.getOwnPropertyDescriptor, n = (i, s, r, t) => {
+  for (var e = t > 1 ? void 0 : t ? c(s, r) : s, o = i.length - 1, m; o >= 0; o--)
+    (m = i[o]) && (e = (t ? m(s, r, e) : m(e)) || e);
+  return t && e && _(s, r, e), e;
+};
+let l = class extends p {
+};
+l.styles = [f, a];
+l = n([
+  v("cv-radio-list-item")
+], l);
+export {
+  l as CovalentRadioListItemBase
+};

package/radio.mjs

@@ -0,0 +1,20 @@
+import { css as l, unsafeCSS as n } from "lit";
+import { customElement as f } from "lit/decorators.js";
+import { RadioBase as p } from "@material/mwc-radio/mwc-radio-base";
+import { styles as i } from "@material/mwc-radio/mwc-radio.css?used";
+const v = `:host{--mdc-radio-unchecked-color: var(--mdc-theme-text-icon-on-background)}
+`;
+var d = Object.defineProperty, u = Object.getOwnPropertyDescriptor, _ = (m, o, r, s) => {
+  for (var e = s > 1 ? void 0 : s ? u(o, r) : o, t = m.length - 1, c; t >= 0; t--)
+    (c = m[t]) && (e = (s ? c(o, r, e) : c(e)) || e);
+  return s && e && d(o, r, e), e;
+};
+let a = class extends p {
+};
+a.styles = [i, l`${n(v)}`];
+a = _([
+  f("cv-radio")
+], a);
+export {
+  a as CovalentRadioBase
+};

package/select.mjs

@@ -0,0 +1,20 @@
+import { css as m, unsafeCSS as n } from "lit";
+import { customElement as a } from "lit/decorators.js";
+import { SelectBase as i } from "@material/mwc-select/mwc-select-base";
+import { styles as v } from "@material/mwc-select/mwc-select.css?used";
+const b = `:host{--mdc-select-idle-line-color: var(--mdc-theme-border);--mdc-select-hover-line-color: var(--mdc-theme-text-icon-on-background);--mdc-select-fill-color: var(--mdc-theme-surface-canvas);--mdc-select-ink-color: var(--mdc-theme-text-primary-on-background);--mdc-select-label-ink-color: var(--mdc-theme-text-secondary-on-background);--mdc-select-outlined-idle-border-color: var(--mdc-theme-border);--mdc-select-outlined-hover-border-color: var(--mdc-theme-text-icon-on-background);--mdc-select-dropdown-icon-color: var(--mdc-theme-text-icon-on-background)}:host .mdc-select:not(.mdc-select--disabled) .mdc-select__icon{color:var(--mdc-select-dropdown-icon-color)}
+`;
+var h = Object.defineProperty, p = Object.getOwnPropertyDescriptor, f = (d, c, r, o) => {
+  for (var e = o > 1 ? void 0 : o ? p(c, r) : c, t = d.length - 1, l; t >= 0; t--)
+    (l = d[t]) && (e = (o ? l(c, r, e) : l(e)) || e);
+  return o && e && h(c, r, e), e;
+};
+let s = class extends i {
+};
+s.styles = [m`${n(b)}`, v];
+s = f([
+  a("cv-select")
+], s);
+export {
+  s as CovalentSelectBase
+};

package/side-sheet.mjs

@@ -0,0 +1,35 @@
+import { css as l, unsafeCSS as m } from "lit";
+import { property as c, customElement as p } from "lit/decorators.js";
+import { styles as h } from "@material/mwc-dialog/mwc-dialog.css?used";
+import { CovalentDialogBase as g } from "./dialog.mjs";
+import "@material/mwc-dialog/mwc-dialog-base";
+const f = `:host{--cv-side-sheet-width: 800px;--mdc-dialog-heading-ink-color: var(--mdc-theme-text-primary-on-background)}.mdc-dialog{justify-content:flex-end}.mdc-dialog .mdc-dialog__surface{border-radius:0;height:100%;min-height:inherit;max-height:inherit;min-width:var(--cv-side-sheet-width, 400px)}.mdc-dialog--opening .mdc-dialog__container{transform:translate(100%);transition:transform .15s cubic-bezier(.4,0,1,1)}.mdc-dialog--open .mdc-dialog__container{transform:translate(0)}.mdc-dialog--closing .mdc-dialog__container{opacity:1;transform:translate(100%);transition:transform .15s cubic-bezier(0,0,.2,1)}:host([pushed]) .mdc-dialog__surface{min-width:100vw}:host([noPadding]) .mdc-dialog .mdc-dialog__content{padding:0}
+`;
+var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (d, o, r, i) => {
+  for (var e = i > 1 ? void 0 : i ? _(o, r) : o, n = d.length - 1, s; n >= 0; n--)
+    (s = d[n]) && (e = (i ? s(o, r, e) : s(e)) || e);
+  return i && e && u(o, r, e), e;
+};
+let t = class extends g {
+  constructor() {
+    super(), this.pushed = !1, this.noPadding = !1, this.hideActions = !0;
+  }
+};
+t.styles = [
+  h,
+  l`
+      ${m(f)}
+    `
+];
+a([
+  c({ type: Boolean, reflect: !0 })
+], t.prototype, "pushed", 2);
+a([
+  c({ type: Boolean, reflect: !0 })
+], t.prototype, "noPadding", 2);
+t = a([
+  p("cv-side-sheet")
+], t);
+export {
+  t as CovalentSideSheet
+};

package/slider-range.mjs

@@ -0,0 +1,17 @@
+import { SliderRangeBase as f } from "@material/mwc-slider/slider-range-base";
+import { styles as m } from "@material/mwc-slider/mwc-slider.css?used";
+import { customElement as n } from "lit/decorators.js";
+var v = Object.defineProperty, i = Object.getOwnPropertyDescriptor, _ = (a, r, t, s) => {
+  for (var e = s > 1 ? void 0 : s ? i(r, t) : r, l = a.length - 1, o; l >= 0; l--)
+    (o = a[l]) && (e = (s ? o(r, t, e) : o(e)) || e);
+  return s && e && v(r, t, e), e;
+};
+let p = class extends f {
+};
+p.styles = [m];
+p = _([
+  n("cv-slider-range")
+], p);
+export {
+  p as CovalentSliderRangeBase
+};