@covalent/components 4.15.0 → 6.0.1

package/slider.mjs

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

package/snackbar.mjs

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

package/status-header-item.mjs

@@ -0,0 +1,28 @@
+import { LitElement as i, html as d, css as h, unsafeCSS as m } from "lit";
+import { property as y, customElement as c } from "lit/decorators.js";
+const f = `:host{--cv-status-header-item-width: 178px;display:flex;padding:14px 16px;align-items:center;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)}span{display:inline-block;width:var(--cv-status-header-item-width);color:var(--mdc-theme-text-secondary-on-background)}
+`;
+var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (p, e, s, r) => {
+  for (var t = r > 1 ? void 0 : r ? g(e, s) : e, a = p.length - 1, n; a >= 0; a--)
+    (n = p[a]) && (t = (r ? n(e, s, t) : n(t)) || t);
+  return r && t && v(e, s, t), t;
+};
+let o = class extends i {
+  render() {
+    return d`<span>${this.label}</span> <slot></slot>`;
+  }
+};
+o.styles = [
+  h`
+      ${m(f)}
+    `
+];
+l([
+  y()
+], o.prototype, "label", 2);
+o = l([
+  c("cv-status-header-item")
+], o);
+export {
+  o as CovalentStatusHeaderItem
+};

package/status-header.mjs

@@ -0,0 +1,74 @@
+import { LitElement as u, html as l, css as v, unsafeCSS as m } from "lit";
+import { property as h, customElement as p } from "lit/decorators.js";
+import { classMap as g } from "lit/directives/class-map.js";
+var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, d = (c, e, s, a) => {
+  for (var t = a > 1 ? void 0 : a ? y(e, s) : e, r = c.length - 1, o; r >= 0; r--)
+    (o = c[r]) && (t = (a ? o(e, s, t) : o(t)) || t);
+  return a && t && f(e, s, t), t;
+};
+class i extends u {
+  constructor() {
+    super(...arguments), this.state = "neutral", this.statusText = "", this.statusHelper = "", this.titleText = "";
+  }
+  render() {
+    const e = {
+      active: this.state === "active",
+      caution: this.state === "caution",
+      error: this.state === "error",
+      positive: this.state === "positive"
+    };
+    return l`
+      <div class="status-header ${g(e)}">
+        <div class="status-header-title">
+          <div class="status-header-title-text">${this.titleText}</div>
+          <slot name="status-header-actions"></slot>
+        </div>
+        <div class="status-header-status">
+          <div class="status-header-icon">
+            <slot name="status-header-icon"></slot>
+          </div>
+          <div class="status-header-text-block">
+            <div class="status-header-text">${this.statusText}</div>
+            <div class="status-header-helper">${this.statusHelper}</div>
+          </div>
+          <div class="status-header-slot">
+            <slot name="status-header-text"></slot>
+          </div>
+        </div>
+        <slot></slot>
+      </div>
+    `;
+  }
+}
+d([
+  h()
+], i.prototype, "state", 2);
+d([
+  h({ type: String })
+], i.prototype, "statusText", 2);
+d([
+  h({ type: String })
+], i.prototype, "statusHelper", 2);
+d([
+  h({ type: String })
+], i.prototype, "titleText", 2);
+const x = `.status-header{--cv-status-header-background: transparent;--cv-status-header-icon-background: var( --mdc-theme-surface-neutral-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-text-icon-on-background);--cv-status-header-status-color: var(--mdc-theme-on-surface);background-color:var(--cv-status-header-background)}.status-header .status-header-content{max-width:inherit;flex-direction:column}.status-header .status-header-icon{background-color:var(--cv-status-header-icon-background);color:var(--cv-status-header-icon-color)}.status-header .status-header-text{--mdc-theme-primary: var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface: var(--mdc-theme-text-icon-on-background);color:var(--cv-status-header-status-color)}.status-header .status-header-helper{color:var(--mdc-theme-text-secondary-on-background)}.status-header .status-header-title-text{color:var(--mdc-theme-on-surface)}.status-header.active{--cv-status-header-background: var( --mdc-theme-surface-secondary-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-secondary-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-secondary);--cv-status-header-status-color: var(--mdc-theme-secondary)}.status-header.caution{--cv-status-header-background: var(--mdc-theme-surface-caution-highlight);--cv-status-header-icon-background: var( --mdc-theme-surface-caution-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-caution);--cv-status-header-status-color: var(--mdc-theme-caution)}.status-header.error{--cv-status-header-background: var( --mdc-theme-surface-negative-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-negative-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-negative);--cv-status-header-status-color: var(--mdc-theme-negative)}.status-header.positive{--cv-status-header-background: var( --mdc-theme-surface-positive-highlight );--cv-status-header-icon-background: var( --mdc-theme-surface-positive-highlight-hover );--cv-status-header-icon-color: var(--mdc-theme-positive);--cv-status-header-status-color: var(--mdc-theme-positive)}.status-header-title{padding:0 0 16px 16px;height:fit-content;display:flex;justify-content:space-between;align-items:center}.status-header-title-text{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)}.status-header-text{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)}.status-header-icon{--mdc-icon-size: 36px;border-radius:50%;min-width:72px;height:72px;display:flex;justify-content:center;align-items:center}.status-header-status{padding-left:32px;padding-bottom:16px;display:flex;flex-direction:row;align-items:center}.status-header-text-block{display:flex;flex-direction:column;margin-left:12px;margin-right:56px}.status-header-text-block .status-header-helper{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)}
+`;
+var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, _ = (c, e, s, a) => {
+  for (var t = a > 1 ? void 0 : a ? w(e, s) : e, r = c.length - 1, o; r >= 0; r--)
+    (o = c[r]) && (t = (a ? o(e, s, t) : o(t)) || t);
+  return a && t && b(e, s, t), t;
+};
+let n = class extends i {
+};
+n.styles = [
+  v`
+      ${m(x)}
+    `
+];
+n = _([
+  p("cv-status-header")
+], n);
+export {
+  n as CovalentStatusHeader
+};

package/switch.mjs

@@ -0,0 +1,20 @@
+import { css as a, unsafeCSS as d } from "lit";
+import { customElement as l } from "lit/decorators.js";
+import { SwitchBase as i } from "@material/mwc-switch/mwc-switch-base";
+import { styles as v } from "@material/mwc-switch/styles.css?used";
+const f = `:host{--mdc-theme-surface: var(--mdc-theme-background);--mdc-switch-selected-handle-color: var(--mdc-theme-primary);--mdc-switch-selected-hover-handle-color: var(--mdc-theme-primary);--mdc-switch-selected-focus-handle-color: var(--mdc-theme-primary);--mdc-switch-selected-pressed-handle-color: var(--mdc-theme-primary);--mdc-switch-selected-track-color: var(--mdc-theme-surface-secondary);--mdc-switch-selected-focus-track-color: var( --mdc-theme-surface-secondary-highlight );--mdc-switch-selected-hover-track-color: var( --mdc-theme-surface-secondary-highlight-hover );--mdc-switch-selected-pressed-track-color: var( --mdc-theme-surface-secondary-highlight-hover )}
+`;
+var n = Object.defineProperty, p = Object.getOwnPropertyDescriptor, w = (h, c, s, r) => {
+  for (var e = r > 1 ? void 0 : r ? p(c, s) : c, t = h.length - 1, m; t >= 0; t--)
+    (m = h[t]) && (e = (r ? m(c, s, e) : m(e)) || e);
+  return r && e && n(c, s, e), e;
+};
+let o = class extends i {
+};
+o.styles = [v, a`${d(f)}`];
+o = w([
+  l("cv-switch")
+], o);
+export {
+  o as CovalentSwitchBase
+};

package/tab-bar.mjs

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

package/tab.mjs

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

package/text-lockup.mjs

@@ -0,0 +1,53 @@
+import { LitElement as h, html as l, nothing as y, css as m, unsafeCSS as g } from "lit";
+import { property as i, customElement as f } from "lit/decorators.js";
+import { classMap as d } from "lit/directives/class-map.js";
+const u = `.subtext--trailing{display:flex;flex-direction:column-reverse}.subtext{display:flex;align-items:center;--mdc-icon-size: 16px;color:var(--mdc-theme-text-secondary-on-background);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);margin-bottom:2px}.subtext cv-icon{margin-right:8px}slot{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);margin-bottom:8px}.scale--large .subtext{--mdc-icon-size: 24px;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);margin-bottom:2px}.scale--large slot{font-family:var(--mdc-typography-headline4-font-family);font-size:var(--mdc-typography-headline4-font-size);font-weight:var(--mdc-typography-headline4-font-weight);line-height:var(--mdc-typography-headline4-line-height);margin-bottom:8px}.subtext-state--positive .subtext{color:var(--mdc-theme-positive)}.subtext-state--negative .subtext{color:var(--mdc-theme-negative)}.subtext-state--caution .subtext{color:var(--mdc-theme-caution)}.subtext-state--active .subtext{color:var(--mdc-theme-accent)}
+`;
+var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (o, r, n, s) => {
+  for (var e = s > 1 ? void 0 : s ? b(r, n) : r, c = o.length - 1, p; c >= 0; c--)
+    (p = o[c]) && (e = (s ? p(r, n, e) : p(e)) || e);
+  return s && e && v(r, n, e), e;
+};
+let t = class extends h {
+  constructor() {
+    super(...arguments), this.scale = "small", this.trailingSubText = !1;
+  }
+  render() {
+    const o = {
+      "subtext--trailing": this.trailingSubText
+    };
+    return o[`scale--${this.scale}`] = !0, this.state && (o[`subtext-state--${this.state}`] = !0), l`<span class="${d(o)}"
+      ><span class="subtext">${this.renderIcon()}${this.subText}</span
+      ><slot></slot
+    ></span>`;
+  }
+  renderIcon() {
+    return this.icon ? l`<cv-icon>${this.icon}</cv-icon>` : y;
+  }
+};
+t.styles = [
+  m`
+      ${g(u)}
+    `
+];
+a([
+  i()
+], t.prototype, "subText", 2);
+a([
+  i()
+], t.prototype, "icon", 2);
+a([
+  i()
+], t.prototype, "state", 2);
+a([
+  i()
+], t.prototype, "scale", 2);
+a([
+  i({ type: Boolean, reflect: !0 })
+], t.prototype, "trailingSubText", 2);
+t = a([
+  f("cv-text-lockup")
+], t);
+export {
+  t as CovalentTextLockup
+};

package/textarea.mjs

@@ -0,0 +1,20 @@
+import { css as l, unsafeCSS as p } from "lit";
+import { customElement as v } from "lit/decorators.js";
+import { TextAreaBase as c } from "@material/mwc-textarea/mwc-textarea-base";
+import { styles as i } from "@material/mwc-textarea/mwc-textarea.css?used";
+import { styles as n } from "@material/mwc-textfield/mwc-textfield.css.js";
+import { s as _ } from "./textfield2.mjs";
+var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, u = (f, s, t, r) => {
+  for (var e = r > 1 ? void 0 : r ? y(s, t) : s, o = f.length - 1, m; o >= 0; o--)
+    (m = f[o]) && (e = (r ? m(s, t, e) : m(e)) || e);
+  return r && e && x(s, t, e), e;
+};
+let a = class extends c {
+};
+a.styles = [n, i, l`${p(_)}`];
+a = u([
+  v("cv-textarea")
+], a);
+export {
+  a as CovalentTextAreaBase
+};

package/textfield.mjs

@@ -0,0 +1,24 @@
+import { css as p, unsafeCSS as i } from "lit";
+import { customElement as v } from "lit/decorators.js";
+import { TextFieldBase as a } from "@material/mwc-textfield/mwc-textfield-base";
+import { styles as c } from "@material/mwc-textfield/mwc-textfield.css?used";
+import { s as n } from "./textfield2.mjs";
+var _ = Object.defineProperty, x = Object.getOwnPropertyDescriptor, u = (m, s, t, r) => {
+  for (var e = r > 1 ? void 0 : r ? x(s, t) : s, o = m.length - 1, l; o >= 0; o--)
+    (l = m[o]) && (e = (r ? l(s, t, e) : l(e)) || e);
+  return r && e && _(s, t, e), e;
+};
+let f = class extends a {
+};
+f.styles = [
+  c,
+  p`
+      ${i(n)}
+    `
+];
+f = u([
+  v("cv-textfield")
+], f);
+export {
+  f as CovalentTextFieldBase
+};

package/textfield2.mjs

@@ -0,0 +1,5 @@
+const e = `:host{--mdc-text-field-label-ink-color: var(--mdc-theme-text-secondary-on-background);--mdc-text-field-ink-color: var(--mdc-theme-text-secondary-on-background);--mdc-text-field-fill-color: var(--mdc-theme-surface-canvas);--mdc-text-field-idle-line-color: var(--mdc-theme-border);--mdc-text-field-hover-line-color: var(--mdc-theme-text-icon-on-background);--mdc-text-field-outlined-idle-border-color: var(--mdc-theme-border);--mdc-text-field-outlined-hover-border-color: var(--mdc-theme-text-icon-on-background)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon{color:var(--mdc-theme-text-icon-on-background)}
+`;
+export {
+  e as s
+};

package/toolbar.mjs

@@ -0,0 +1,23 @@
+import { css as c, unsafeCSS as n } from "lit";
+import { customElement as m } from "lit/decorators.js";
+import { TopAppBarBase as b } from "@material/mwc-top-app-bar/mwc-top-app-bar-base";
+const s = `.mdc-top-app-bar{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);color:#fff;display:flex;position:fixed;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:100%;z-index:4}.mdc-top-app-bar .mdc-top-app-bar__action-item,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon{color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-top-app-bar .mdc-top-app-bar__action-item:before,.mdc-top-app-bar .mdc-top-app-bar__action-item:after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:after{background-color:#fff;background-color:var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff))}.mdc-top-app-bar .mdc-top-app-bar__action-item:hover:before,.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-surface--hover:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-surface--hover:before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused:before,.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active:after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .24)}.mdc-top-app-bar__row{display:flex;position:relative;box-sizing:border-box;width:100%;height:64px}.mdc-top-app-bar__section{display:inline-flex;flex:1 1 auto;align-items:center;min-width:0;padding:8px 12px;z-index:1}.mdc-top-app-bar__section--align-start{justify-content:flex-start;order:-1}.mdc-top-app-bar__section--align-end{justify-content:flex-end;order:1}.mdc-top-app-bar__title{-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);padding-left:20px;padding-right:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:1}[dir=rtl] .mdc-top-app-bar__title,.mdc-top-app-bar__title[dir=rtl]{padding-left:0;padding-right:20px}.mdc-top-app-bar--short-collapsed{border-radius:0 0 24px}[dir=rtl] .mdc-top-app-bar--short-collapsed,.mdc-top-app-bar--short-collapsed[dir=rtl]{border-radius:0 0 0 24px}.mdc-top-app-bar--short{top:0;right:auto;left:0;width:100%;transition:width .25s cubic-bezier(.4,0,.2,1)}[dir=rtl] .mdc-top-app-bar--short,.mdc-top-app-bar--short[dir=rtl]{right:0;left:auto}.mdc-top-app-bar--short .mdc-top-app-bar__row{height:56px}.mdc-top-app-bar--short .mdc-top-app-bar__section{padding:4px}.mdc-top-app-bar--short .mdc-top-app-bar__title{transition:opacity .2s cubic-bezier(.4,0,.2,1);opacity:1}.mdc-top-app-bar--short-collapsed{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;width:56px;transition:width .3s cubic-bezier(.4,0,.2,1)}.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title{display:none}.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item{transition:padding .15s cubic-bezier(.4,0,.2,1)}.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item{width:112px}.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end{padding-left:0;padding-right:12px}[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end,.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl]{padding-left:12px;padding-right:0}.mdc-top-app-bar--dense .mdc-top-app-bar__row{height:48px}.mdc-top-app-bar--dense .mdc-top-app-bar__section{padding:0 4px}.mdc-top-app-bar--dense .mdc-top-app-bar__title{padding-left:12px;padding-right:0}[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title,.mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl]{padding-left:0;padding-right:12px}.mdc-top-app-bar--prominent .mdc-top-app-bar__row{height:128px}.mdc-top-app-bar--prominent .mdc-top-app-bar__title{align-self:flex-end;padding-bottom:2px}.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon{align-self:flex-start}.mdc-top-app-bar--fixed{transition:box-shadow .2s linear}.mdc-top-app-bar--fixed-scrolled{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;transition:box-shadow .2s linear}.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row{height:96px}.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section{padding:0 12px}.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title{padding-left:20px;padding-right:0;padding-bottom:9px}[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title,.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl]{padding-left:0;padding-right:20px}.mdc-top-app-bar--fixed-adjust{padding-top:64px}.mdc-top-app-bar--dense-fixed-adjust{padding-top:48px}.mdc-top-app-bar--short-fixed-adjust{padding-top:56px}.mdc-top-app-bar--prominent-fixed-adjust{padding-top:128px}.mdc-top-app-bar--dense-prominent-fixed-adjust{padding-top:96px}@media (max-width: 599px){.mdc-top-app-bar__row{height:56px}.mdc-top-app-bar__section{padding:4px}.mdc-top-app-bar--short{transition:width .2s cubic-bezier(.4,0,.2,1)}.mdc-top-app-bar--short-collapsed{transition:width .25s cubic-bezier(.4,0,.2,1)}.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end{padding-left:0;padding-right:12px}[dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end,.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl]{padding-left:12px;padding-right:0}.mdc-top-app-bar--prominent .mdc-top-app-bar__title{padding-bottom:6px}.mdc-top-app-bar--fixed-adjust{padding-top:56px}}:host{display:block}.mdc-top-app-bar__title{padding-left:0}@media screen and (max-width: 768px){.mdc-top-app-bar__title{font-family:var(--mdc-typography-subtitle2-font-family);font-size:var(--mdc-typography-subtitle2-font-size);font-weight:var(--mdc-typography-subtitle2-font-weight);line-height:var(--mdc-typography-subtitle2-line-height)}}.mdc-top-app-bar{position:static;background-color:transparent;background-color:var(--mdc-theme-surface);color:var(--mdc-theme-on-surface)}.mdc-top-app-bar--fixed-adjust,.mdc-top-app-bar--dense-fixed-adjust{padding-top:0}
+`;
+var l = Object.defineProperty, g = Object.getOwnPropertyDescriptor, h = (e, a, o, t) => {
+  for (var p = t > 1 ? void 0 : t ? g(a, o) : a, r = e.length - 1, d; r >= 0; r--)
+    (d = e[r]) && (p = (t ? d(a, o, p) : d(p)) || p);
+  return t && p && l(a, o, p), p;
+};
+let i = class extends b {
+};
+i.styles = [
+  c`
+      ${n(s)}
+    `
+];
+i = h([
+  m("cv-toolbar")
+], i);
+export {
+  i as CovalentToolbarBase
+};

package/tooltip.mjs

@@ -0,0 +1,189 @@
+import { LitElement as p, html as l, css as h, unsafeCSS as f } from "lit";
+import { query as m, property as a, customElement as u } from "lit/decorators.js";
+import { addHasRemoveClass as g } from "@material/mwc-base/base-element";
+import { events as y } from "@material/tooltip";
+import { MDCTooltipFoundation as _ } from "@material/tooltip/foundation";
+const v = `.mdc-tooltip__surface,.mdc-tooltip__caret-surface-top,.mdc-tooltip__caret-surface-bottom{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-tooltip__surface{color:#fff;color:var(--mdc-theme-text-primary-on-dark, white)}.mdc-tooltip__surface{background-color:#0009}.mdc-tooltip__surface{word-break:break-all;word-break:var(--mdc-tooltip-word-break, normal);overflow-wrap:anywhere}.mdc-tooltip{z-index:9}.mdc-tooltip--showing-transition .mdc-tooltip__surface-animation{transition:opacity .15s 0ms cubic-bezier(0,0,.2,1),transform .15s 0ms cubic-bezier(0,0,.2,1)}.mdc-tooltip--hide-transition .mdc-tooltip__surface-animation{transition:opacity 75ms 0ms cubic-bezier(.4,0,1,1)}.mdc-tooltip__title{color:#000000de;color:var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, .87))}.mdc-tooltip__content{color:#0009}.mdc-tooltip__content-link{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-tooltip{position:fixed;display:none}.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__surface,.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-top,.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-bottom{background-color:#fff}.mdc-tooltip-wrapper--rich{position:relative}.mdc-tooltip--shown,.mdc-tooltip--showing,.mdc-tooltip--hide{display:inline-flex}.mdc-tooltip--shown.mdc-tooltip--rich,.mdc-tooltip--showing.mdc-tooltip--rich,.mdc-tooltip--hide.mdc-tooltip--rich{display:inline-block;left:-320px;position:absolute}.mdc-tooltip__surface{-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);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);line-height:16px;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center}.mdc-tooltip__surface:before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors: active){.mdc-tooltip__surface:before{border-color:CanvasText}}.mdc-tooltip--rich .mdc-tooltip__surface{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;align-items:flex-start;border-radius:4px;display:flex;flex-direction:column;line-height:20px;min-height:24px;min-width:40px;max-width:320px;position:relative}.mdc-tooltip--rich .mdc-tooltip__surface .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-tooltip--multiline .mdc-tooltip__surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface,.mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl]{text-align:right}.mdc-tooltip__surface .mdc-tooltip__title{display:block;line-height:20px;-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);margin:0 8px}.mdc-tooltip__surface .mdc-tooltip__title:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-tooltip__surface .mdc-tooltip__content{-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);max-width:184px;margin:8px;text-align:left}[dir=rtl] .mdc-tooltip__surface .mdc-tooltip__content,.mdc-tooltip__surface .mdc-tooltip__content[dir=rtl]{text-align:right}.mdc-tooltip--rich .mdc-tooltip__surface .mdc-tooltip__content{max-width:304px;align-self:stretch}.mdc-tooltip__surface .mdc-tooltip__content-link{text-decoration:none}.mdc-tooltip--rich-actions,.mdc-tooltip__content,.mdc-tooltip__title{z-index:1}.mdc-tooltip__surface-animation{opacity:0;transform:scale(.8);will-change:transform,opacity}.mdc-tooltip--shown .mdc-tooltip__surface-animation{transform:scale(1);opacity:1}.mdc-tooltip--hide .mdc-tooltip__surface-animation{transform:scale(1)}.mdc-tooltip__caret-surface-top,.mdc-tooltip__caret-surface-bottom{position:absolute;height:24px;width:24px;transform:rotate(35deg) skewY(20deg) scaleX(.9396926208)}.mdc-tooltip__caret-surface-top .mdc-elevation-overlay,.mdc-tooltip__caret-surface-bottom .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-tooltip__caret-surface-bottom{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;outline:1px solid transparent;z-index:-1}@media screen and (forced-colors: active){.mdc-tooltip__caret-surface-bottom{outline-color:CanvasText}}.mdc-tooltip__title,.mdc-tooltip__content{color:var(--mdc-theme-text-primary-on-background)}.mdc-tooltip__content-link{color:var(--mdc-theme-accent)}.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__surface,.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-top,.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-bottom{background-color:var(--mdc-theme-surface)}
+`;
+var x = Object.defineProperty, b = Object.getOwnPropertyDescriptor, c = (t, o, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? b(o, e) : o, d = t.length - 1, s; d >= 0; d--)
+    (s = t[d]) && (i = (n ? s(o, e, i) : s(i)) || i);
+  return n && i && x(o, e, i), i;
+};
+let r = class extends p {
+  constructor() {
+    super(...arguments), this.mdcFoundationClass = _;
+  }
+  createAdapter() {
+    return {
+      ...g(this.mdcRoot),
+      getAttribute: (t) => this.mdcRoot.getAttribute(t),
+      setAttribute: (t, o) => this.mdcRoot.setAttribute(t, o),
+      removeAttribute: (t) => this.mdcRoot.removeAttribute(t),
+      getComputedStyleProperty: (t) => getComputedStyle(this.mdcRoot, t).cssText,
+      setStyleProperty: (t, o) => this.mdcRoot.style.setProperty(t, o),
+      setSurfaceAnimationStyleProperty: (t, o) => this.mdcSurface.style.setProperty(t, o),
+      getViewportWidth: () => Math.max(
+        document.documentElement.clientWidth || 0,
+        window.innerWidth || 0
+      ),
+      getViewportHeight: () => Math.max(
+        document.documentElement.clientHeight || 0,
+        window.innerHeight || 0
+      ),
+      getTooltipSize: () => Object.assign({
+        width: this.mdcRoot.clientWidth,
+        height: this.mdcRoot.clientHeight
+      }),
+      getAnchorBoundingRect: () => {
+        var t;
+        return ((t = this.anchor) == null ? void 0 : t.getBoundingClientRect()) ?? null;
+      },
+      getParentBoundingRect: () => {
+        var t;
+        return ((t = this.renderRoot.getRootNode().parentElement) == null ? void 0 : t.getBoundingClientRect()) ?? null;
+      },
+      getAnchorAttribute: (t) => {
+        var o;
+        return ((o = this.anchor) == null ? void 0 : o.getAttribute(t)) ?? null;
+      },
+      setAnchorAttribute: (t, o) => {
+        var e;
+        return (e = this.anchor) == null ? void 0 : e.setAttribute(t, o);
+      },
+      isRTL: () => !1,
+      anchorContainsElement: (t) => {
+        var o;
+        return ((o = this.anchor) == null ? void 0 : o.contains(t)) ?? !1;
+      },
+      tooltipContainsElement: (t) => this.contains(t),
+      focusAnchorElement: () => {
+        var t;
+        return (t = this.anchor) == null ? void 0 : t.focus();
+      },
+      registerEventHandler: (t, o) => {
+        var e;
+        return (e = this.mdcRoot) == null ? void 0 : e.addEventListener(t, o);
+      },
+      deregisterEventHandler: (t, o) => {
+        var e;
+        return (e = this.mdcRoot) == null ? void 0 : e.removeEventListener(t, o);
+      },
+      registerAnchorEventHandler: (t, o) => {
+        var e;
+        return (e = this.anchor) == null ? void 0 : e.addEventListener(t, o);
+      },
+      deregisterAnchorEventHandler: (t, o) => {
+        var e;
+        return (e = this.anchor) == null ? void 0 : e.removeEventListener(t, o);
+      },
+      registerDocumentEventHandler: (t, o) => document.addEventListener(t, o),
+      deregisterDocumentEventHandler: (t, o) => document.removeEventListener(t, o),
+      registerWindowEventHandler: (t, o) => window.addEventListener(t, o),
+      deregisterWindowEventHandler: (t, o) => window.removeEventListener(t, o),
+      notifyHidden: () => this.dispatchEvent(new Event(y.HIDDEN)),
+      getTooltipCaretBoundingRect: () => null,
+      setTooltipCaretStyle: () => {
+      },
+      clearTooltipCaretStyles: () => {
+      },
+      getActiveElement: () => document.activeElement
+    };
+  }
+  updated(t) {
+    super.updated(t), this.showDelay !== void 0 && !isNaN(this.showDelay) && this.mdcFoundation.setShowDelay(this.showDelay), this.hideDelay !== void 0 && !isNaN(this.hideDelay) && this.mdcFoundation.setHideDelay(this.hideDelay);
+  }
+  async firstUpdated() {
+    var t, o, e, n, i;
+    this.mdcFoundation !== void 0 && this.mdcFoundation.destroy(), this.mdcFoundation = new this.mdcFoundationClass(this.createAdapter()), (t = this.anchor) == null || t.addEventListener(
+      "click",
+      () => this.mdcFoundation.handleAnchorClick()
+    ), (o = this.anchor) == null || o.addEventListener(
+      "mouseenter",
+      () => this.mdcFoundation.handleAnchorMouseEnter()
+    ), (e = this.anchor) == null || e.addEventListener(
+      "touchstart",
+      () => this.mdcFoundation.handleAnchorTouchstart()
+    ), this.persistent || ((n = this.anchor) == null || n.addEventListener(
+      "mouseleave",
+      () => this.mdcFoundation.handleAnchorMouseLeave()
+    ), (i = this.anchor) == null || i.addEventListener(
+      "touchend",
+      () => this.mdcFoundation.handleAnchorTouchend()
+    ));
+  }
+  disconnectedCallback() {
+    var t, o, e, n, i;
+    super.connectedCallback(), (t = this.anchor) == null || t.removeEventListener(
+      "click",
+      () => this.mdcFoundation.handleAnchorClick()
+    ), (o = this.anchor) == null || o.removeEventListener(
+      "mouseenter",
+      () => this.mdcFoundation.handleAnchorMouseEnter()
+    ), (e = this.anchor) == null || e.removeEventListener(
+      "mouseleave",
+      () => this.mdcFoundation.handleAnchorMouseLeave()
+    ), (n = this.anchor) == null || n.removeEventListener(
+      "touchstart",
+      () => this.mdcFoundation.handleAnchorTouchstart()
+    ), (i = this.anchor) == null || i.removeEventListener(
+      "touchend",
+      () => this.mdcFoundation.handleAnchorTouchend()
+    );
+  }
+  render() {
+    return l`
+      <div
+        class="mdc-tooltip ${this.rich ? "mdc-tooltip--rich" : ""}"
+        role="tooltip"
+        aria-hidden="true"
+        data-mdc-tooltip-persistent="true"
+      >
+        <div class="mdc-tooltip__surface mdc-tooltip__surface-animation">
+          ${this.rich ? l`<div class="mdc-tooltip__title">${this.richTitle}</div>
+                <div class="mdc-tooltip__content">
+                  <slot></slot>
+                </div>
+                <div class="mdc-tooltip--rich-actions">
+                  <slot name="actionItems"></slot>
+                </div>` : l`<slot></slot>`}
+        </div>
+      </div>
+    `;
+  }
+};
+r.styles = [
+  h`
+      ${f(v)}
+    `
+];
+c([
+  m(".mdc-tooltip")
+], r.prototype, "mdcRoot", 2);
+c([
+  m(".mdc-tooltip__surface")
+], r.prototype, "mdcSurface", 2);
+c([
+  a({ type: Object })
+], r.prototype, "anchor", 2);
+c([
+  a()
+], r.prototype, "richTitle", 2);
+c([
+  a({ type: Boolean, reflect: !0 })
+], r.prototype, "rich", 2);
+c([
+  a({ type: Boolean, reflect: !0 })
+], r.prototype, "persistent", 2);
+c([
+  a({ type: Number })
+], r.prototype, "showDelay", 2);
+c([
+  a({ type: Number })
+], r.prototype, "hideDelay", 2);
+r = c([
+  u("cv-tooltip")
+], r);
+export {
+  r as CovalentTooltipBase
+};

package/top-app-bar-fixed.mjs

@@ -0,0 +1,24 @@
+import { css as m, unsafeCSS as l } from "lit";
+import { customElement as i } from "lit/decorators.js";
+import { TopAppBarFixedBase as v } from "@material/mwc-top-app-bar-fixed/mwc-top-app-bar-fixed-base";
+import { styles as c } from "@material/mwc-top-app-bar/mwc-top-app-bar.css?used";
+import { b as n } from "./top-app-bar2.mjs";
+var _ = Object.defineProperty, b = Object.getOwnPropertyDescriptor, x = (f, r, s, p) => {
+  for (var e = p > 1 ? void 0 : p ? b(r, s) : r, o = f.length - 1, t; o >= 0; o--)
+    (t = f[o]) && (e = (p ? t(r, s, e) : t(e)) || e);
+  return p && e && _(r, s, e), e;
+};
+let a = class extends v {
+};
+a.styles = [
+  c,
+  m`
+      ${l(n)}
+    `
+];
+a = x([
+  i("cv-top-app-bar-fixed")
+], a);
+export {
+  a as CovalentTopAppBaraFixedBase
+};

package/top-app-bar.mjs

@@ -0,0 +1,24 @@
+import { css as f, unsafeCSS as l } from "lit";
+import { customElement as v } from "lit/decorators.js";
+import { TopAppBarBase as c } from "@material/mwc-top-app-bar/mwc-top-app-bar-base";
+import { styles as n } from "@material/mwc-top-app-bar/mwc-top-app-bar.css?used";
+import { b as _ } from "./top-app-bar2.mjs";
+var b = Object.defineProperty, i = Object.getOwnPropertyDescriptor, u = (m, e, s, p) => {
+  for (var r = p > 1 ? void 0 : p ? i(e, s) : e, o = m.length - 1, t; o >= 0; o--)
+    (t = m[o]) && (r = (p ? t(e, s, r) : t(r)) || r);
+  return p && r && b(e, s, r), r;
+};
+let a = class extends c {
+};
+a.styles = [
+  n,
+  f`
+      ${l(_)}
+    `
+];
+a = u([
+  v("cv-top-app-bar")
+], a);
+export {
+  a as CovalentTopAppBarBase
+};

package/top-app-bar2.mjs

@@ -0,0 +1,5 @@
+const e = `:host{--mdc-theme-primary: var(--mdc-theme-surface);--mdc-theme-on-primary: var(--mdc-theme-text-primary-on-background)}:host ::slotted(cv-button){--mdc-theme-primary: var(--mdc-theme-primary);--mdc-theme-on-primary: var(--mdc-theme-on-primary)}.mdc-top-app-bar{background:var(--mdc-theme-surface);color:var(--mdc-theme-on-surface)}
+`;
+export {
+  e as b
+};