@covalent/components 4.16.0-beta.1 → 6.0.2

package/src/textarea/textarea.d.ts

@@ -1,9 +1,10 @@
 import { TextAreaBase } from '@material/mwc-textarea/mwc-textarea-base';
 declare global {
     interface HTMLElementTagNameMap {
-        'td-textarea': CovalentTextAreaBase;
+        'cv-textarea': CovalentTextAreaBase;
     }
 }
 export declare class CovalentTextAreaBase extends TextAreaBase {
     static styles: import("lit").CSSResult[];
 }
+//# sourceMappingURL=textarea.d.ts.map

package/src/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/textarea/textarea.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAKxE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,oBAAoB,CAAC;KACrC;CACF;AAED,qBACa,oBAAqB,SAAQ,YAAY;IACpD,OAAgB,MAAM,4BAAoE;CAC3F"}

package/src/textfield/textfield.d.ts

@@ -1,9 +1,10 @@
 import { TextFieldBase } from '@material/mwc-textfield/mwc-textfield-base';
 declare global {
     interface HTMLElementTagNameMap {
-        'td-textfield': CovalentTextFieldBase;
+        'cv-textfield': CovalentTextFieldBase;
     }
 }
 export declare class CovalentTextFieldBase extends TextFieldBase {
     static styles: import("lit").CSSResult[];
 }
+//# sourceMappingURL=textfield.d.ts.map

package/src/textfield/textfield.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/textfield/textfield.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAI3E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,qBAAqB,CAAC;KACvC;CACF;AAED,qBACa,qBAAsB,SAAQ,aAAa;IACtD,OAAgB,MAAM,4BAKpB;CACH"}

package/src/toolbar/toolbar.d.ts

@@ -1,9 +1,10 @@
 import { TopAppBarBase } from '@material/mwc-top-app-bar/mwc-top-app-bar-base';
 declare global {
     interface HTMLElementTagNameMap {
-        'td-toolbar': CovalentToolbarBase;
+        'cv-toolbar': CovalentToolbarBase;
     }
 }
 export declare class CovalentToolbarBase extends TopAppBarBase {
     static styles: import("lit").CSSResult[];
 }
+//# sourceMappingURL=toolbar.d.ts.map

package/src/toolbar/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/toolbar/toolbar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAG/E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,mBAAmB,CAAC;KACnC;CACF;AAED,qBACa,mBAAoB,SAAQ,aAAa;IACpD,OAAgB,MAAM,4BAIpB;CACH"}

package/src/tooltip/tooltip.d.ts

@@ -1,9 +1,9 @@
-import { MDCTooltipAdapter } from '@material/tooltip';
 import { LitElement, PropertyValues } from 'lit';
-import { MDCTooltipFoundation } from './tooltip.foundation';
+import { MDCTooltipAdapter } from '@material/tooltip';
+import { MDCTooltipFoundation } from '@material/tooltip/foundation';
 declare global {
     interface HTMLElementTagNameMap {
-        'td-tooltip': CovalentTooltipBase;
+        'cv-tooltip': CovalentTooltipBase;
     }
 }
 export declare class CovalentTooltipBase extends LitElement {
@@ -24,3 +24,4 @@ export declare class CovalentTooltipBase extends LitElement {
     disconnectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
+//# sourceMappingURL=tooltip.d.ts.map

package/src/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAGvE,OAAO,EAAE,iBAAiB,EAAU,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGpE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,mBAAmB,CAAC;KACnC;CACF;AAED,qBACa,mBAAoB,SAAQ,UAAU;IACjD,SAAS,CAAC,aAAa,EAAG,oBAAoB,CAAC;IAC/C,SAAS,CAAC,QAAQ,CAAC,kBAAkB,8BAAwB;IAC7D,OAAgB,MAAM,4BAIpB;IAEqB,SAAS,CAAC,OAAO,EAAG,WAAW,CAAC;IACvB,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;IAEvC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACa,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,WAAW,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAE/C,SAAS,CAAC,aAAa,IAAI,iBAAiB;IAqE5C,SAAS,CAAC,OAAO,CAAC,YAAY,EAAE,cAAc,GAAG,IAAI;cAW5B,YAAY;IA0BrC,oBAAoB,IAAI,IAAI;IAmBnB,MAAM;CAsBhB"}

package/src/top-app-bar/top-app-bar-fixed.d.ts

@@ -1,9 +1,10 @@
 import { TopAppBarFixedBase } from '@material/mwc-top-app-bar-fixed/mwc-top-app-bar-fixed-base';
 declare global {
     interface HTMLElementTagNameMap {
-        'td-top-app-bar-fixed': CovalentTopAppBaraFixedBase;
+        'cv-top-app-bar-fixed': CovalentTopAppBaraFixedBase;
     }
 }
 export declare class CovalentTopAppBaraFixedBase extends TopAppBarFixedBase {
     static styles: import("lit").CSSResult[];
 }
+//# sourceMappingURL=top-app-bar-fixed.d.ts.map

package/src/top-app-bar/top-app-bar-fixed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-app-bar-fixed.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/top-app-bar/top-app-bar-fixed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4DAA4D,CAAC;AAIhG,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,2BAA2B,CAAC;KACrD;CACF;AAED,qBACa,2BAA4B,SAAQ,kBAAkB;IACjE,OAAgB,MAAM,4BAKpB;CACH"}

package/src/top-app-bar/top-app-bar.d.ts

@@ -1,9 +1,10 @@
 import { TopAppBarBase } from '@material/mwc-top-app-bar/mwc-top-app-bar-base';
 declare global {
     interface HTMLElementTagNameMap {
-        'td-top-app-bar': CovalentTopAppBarBase;
+        'cv-top-app-bar': CovalentTopAppBarBase;
     }
 }
 export declare class CovalentTopAppBarBase extends TopAppBarBase {
     static styles: import("lit").CSSResult[];
 }
+//# sourceMappingURL=top-app-bar.d.ts.map

package/src/top-app-bar/top-app-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-app-bar.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/top-app-bar/top-app-bar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAI/E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF;AAED,qBACa,qBAAsB,SAAQ,aAAa;IACtD,OAAgB,MAAM,4BAKpB;CACH"}

package/src/tree-list/tree-list-item.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
-        'td-tree-list-item': CovalentTreeListItem;
+        'cv-tree-list-item': CovalentTreeListItem;
     }
 }
 export declare class CovalentTreeListItem extends LitElement {
@@ -13,3 +13,4 @@ export declare class CovalentTreeListItem extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     private _handleClick;
 }
+//# sourceMappingURL=tree-list-item.d.ts.map

package/src/tree-list/tree-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-list-item.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/tree-list/tree-list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAKvD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,oBAAoB,CAAC;KAC3C;CACF;AAED,qBACa,oBAAqB,SAAQ,UAAU;IAClD,OAAgB,MAAM,4BAIpB;IAE2B,MAAM,UAAS;IAEhB,IAAI,SAAM;IAEV,WAAW,SAAK;IAEhB,cAAc,SAAM;IACvC,MAAM;IAyCf,OAAO,CAAC,YAAY;CAerB"}

package/src/tree-list/tree-list.d.ts

@@ -1,10 +1,11 @@
 import { LitElement } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
-        'td-tree-list': CovalentTreeList;
+        'cv-tree-list': CovalentTreeList;
     }
 }
 export declare class CovalentTreeList extends LitElement {
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }
+//# sourceMappingURL=tree-list.d.ts.map

package/src/tree-list/tree-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-list.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/tree-list/tree-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAIvD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,gBAAgB,CAAC;KAClC;CACF;AAED,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAIpB;IACO,MAAM;CAShB"}

package/src/typography/typography.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
-        'td-typography': CovalentTypography;
+        'cv-typography': CovalentTypography;
     }
 }
 export declare class CovalentTypography extends LitElement {
@@ -9,3 +9,4 @@ export declare class CovalentTypography extends LitElement {
     scale: string;
     render(): import("lit-html").TemplateResult<1>;
 }
+//# sourceMappingURL=typography.d.ts.map

package/src/typography/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/typography/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAIvD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF;AAED,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,4BAIpB;IAGF,KAAK,SAAW;IAEP,MAAM;CAGhB"}

package/state.mjs

@@ -0,0 +1,12 @@
+import { e as r } from "./property.mjs";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function o(t) {
+  return r({ ...t, state: !0 });
+}
+export {
+  o as t
+};

package/status-header-item.mjs

@@ -0,0 +1,28 @@
+import { s as l, y as d, i as y, r as h, e as c } from "./query-assigned-elements.mjs";
+import { e as m } from "./property.mjs";
+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, p = (n, t, o, r) => {
+  for (var e = r > 1 ? void 0 : r ? g(t, o) : t, s = n.length - 1, i; s >= 0; s--)
+    (i = n[s]) && (e = (r ? i(t, o, e) : i(e)) || e);
+  return r && e && v(t, o, e), e;
+};
+let a = class extends l {
+  render() {
+    return d`<span>${this.label}</span> <slot></slot>`;
+  }
+};
+a.styles = [
+  y`
+      ${h(f)}
+    `
+];
+p([
+  m()
+], a.prototype, "label", 2);
+a = p([
+  c("cv-status-header-item")
+], a);
+export {
+  a as CovalentStatusHeaderItem
+};

package/status-header.mjs

@@ -0,0 +1,74 @@
+import { s as u, y as v, i as l, r as m, e as p } from "./query-assigned-elements.mjs";
+import { o as g } from "./class-map.mjs";
+import { e as h } from "./property.mjs";
+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 v`
+      <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 = [
+  l`
+      ${m(x)}
+    `
+];
+n = _([
+  p("cv-status-header")
+], n);
+export {
+  n as CovalentStatusHeader
+};

package/style-map.mjs

@@ -0,0 +1,40 @@
+import { x as i } from "./query-assigned-elements.mjs";
+import { e as o, i as l, t as u } from "./class-map.mjs";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const a = o(class extends l {
+  constructor(s) {
+    var t;
+    if (super(s), s.type !== u.ATTRIBUTE || s.name !== "style" || ((t = s.strings) === null || t === void 0 ? void 0 : t.length) > 2)
+      throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+  }
+  render(s) {
+    return Object.keys(s).reduce((t, r) => {
+      const e = s[r];
+      return e == null ? t : t + `${r = r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${e};`;
+    }, "");
+  }
+  update(s, [t]) {
+    const { style: r } = s.element;
+    if (this.vt === void 0) {
+      this.vt = /* @__PURE__ */ new Set();
+      for (const e in t)
+        this.vt.add(e);
+      return this.render(t);
+    }
+    this.vt.forEach((e) => {
+      t[e] == null && (this.vt.delete(e), e.includes("-") ? r.removeProperty(e) : r[e] = "");
+    });
+    for (const e in t) {
+      const n = t[e];
+      n != null && (this.vt.add(e), e.includes("-") ? r.setProperty(e, n) : r[e] = n);
+    }
+    return i;
+  }
+});
+export {
+  a as i
+};