@covalent/components 6.3.0-beta.3 → 6.3.0

package/list-expansion.js

@@ -1,11 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-07e38f46.js"),l=require("./property-074570d1.js"),c=require("./nav-list-item.js");require("./list-item-ee331821.js");require("./mwc-list-item-base-803b9771.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");require("./mwc-list-item.css-401e2407.js");const d=`:host{flex-direction:column;overflow:visible;height:inherit!important;background:none;padding:0;--mdc-ripple-color: transparent;--mdc-list-side-padding: 0;--cv-list-item-border-radius: 0;--cv-list-item-graphic-margin-left: 12px}:host([activated]){--mdc-ripple-color: transparent}.expansion-header{--mdc-ripple-color: var(--mdc-theme-primary);border-radius:0 28px 28px 0;position:relative;height:48px;width:100%;overflow:hidden;display:flex;flex-shrink:0;align-items:center}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, -12px);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;height:var(--cv-list-menu-height, 0);--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden}:host([open]) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}:host([graphic=avatar]) ::slotted(cv-icon[slot=graphic]){margin-left:0}
-`;var h=Object.defineProperty,v=Object.getOwnPropertyDescriptor,u=Object.getPrototypeOf,x=Reflect.get,p=(r,e,n,o)=>{for(var t=o>1?void 0:o?v(e,n):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,n,t):a(t))||t);return o&&t&&h(e,n,t),t},g=(r,e,n)=>x(u(r),n,e);exports.CovalentExpansionList=class extends c.default{constructor(){super(),this.open=!1}_toggleOpen(){this.open=!this.open,this.expansionHeader.forEach(e=>{e.activated=this.open,e.selected=this.open})}render(){const e=this.renderText(),n=this.graphic?this.renderGraphic():i.b,o=this.hasMeta?this.renderMeta():i.b,t=this.open?"arrow_drop_down":"arrow_right",s=i.y`<cv-icon class="expansion-icon">${t}</cv-icon>`,a=i.y`<slot name="child"></slot>`;return i.y`
-      <div @click=${this._toggleOpen} class="expansion-header">
-        ${this.renderRipple()} ${s} ${n} ${e} ${o} ${a}
-      </div>
-      <div class="expansion-panel">
-        <slot name="expansion-panel"></slot>
-      </div>
-    `}};exports.CovalentExpansionList.styles=[i.i`
-      ${i.r(d)},
-    `,...g(exports.CovalentExpansionList,exports.CovalentExpansionList,"styles")];exports.CovalentExpansionList.shadowRootOptions={mode:"open",delegatesFocus:!0};p([l.e({type:Boolean,reflect:!0})],exports.CovalentExpansionList.prototype,"open",2);p([i.l({slot:"expansionHeader"})],exports.CovalentExpansionList.prototype,"expansionHeader",2);exports.CovalentExpansionList=p([i.e("cv-expansion-list")],exports.CovalentExpansionList);const m=exports.CovalentExpansionList;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./query-assigned-elements-07e38f46.js"),l=require("./property-074570d1.js"),u=require("./list-defdaa3b.js");require("./mwc-list-base-7d5f7278.js");require("./tslib.es6-6b53b818.js");require("./mwc-list-item-base-803b9771.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");require("./query-assigned-nodes-9ec0fa5f.js");require("./if-defined-cb12d481.js");const v=`.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 c=Object.defineProperty,d=Object.getOwnPropertyDescriptor,r=(o,t,i,n)=>{for(var e=n>1?void 0:n?d(t,i):t,a=o.length-1,p;a>=0;a--)(p=o[a])&&(e=(n?p(t,i,e):p(e))||e);return n&&e&&c(t,i,e),e};exports.CovalentExpansionList=class extends u.CovalentList{constructor(){super(),this.open=!1,this.navOpen=!1}_toggleOpen(){this.open=!this.open,this.expansionHeader.forEach(t=>{t.activated=this.open,t.selected=this.open})}attributeChangedCallback(t,i,n){super.attributeChangedCallback(t,i,n),t==="navopen"&&this.expansionHeader.forEach(e=>{n==="true"?(e.navOpen=!!n,e.setAttribute("navopen",n)):e.removeAttribute("navopen")})}render(){return s.y`
+      <slot name="expansionHeader" @click=${this._toggleOpen}></slot>
+      ${this.navOpen?super.render():s.b}
+    `}};exports.CovalentExpansionList.styles=[s.i`
+      ${s.r(u.styles)}
+    `,s.i`
+      ${s.r(v)}
+    `];exports.CovalentExpansionList.shadowRootOptions={mode:"open",delegatesFocus:!0};r([l.e({type:Boolean,reflect:!0})],exports.CovalentExpansionList.prototype,"open",2);r([l.e({type:Boolean,reflect:!0})],exports.CovalentExpansionList.prototype,"navOpen",2);r([s.l({slot:"expansionHeader"})],exports.CovalentExpansionList.prototype,"expansionHeader",2);exports.CovalentExpansionList=r([s.e("cv-expansion-list")],exports.CovalentExpansionList);const h=exports.CovalentExpansionList;exports.default=h;

package/list-expansion.mjs

@@ -1,9 +1,9 @@
-import { i as d, r as h, l as m, b as l, y as p, e as v } from "./query-assigned-elements-514e5265.mjs";
-import { e as g } from "./property-ca27685b.mjs";
-import x from "./nav-list-item.mjs";
-import "./list-item-1c65e4db.mjs";
-import "./mwc-list-item-base-acef0223.mjs";
+import { i as l, r as h, l as d, y as c, b as v, e as f } from "./query-assigned-elements-514e5265.mjs";
+import { e as m } from "./property-ca27685b.mjs";
+import { C as u, s as g } from "./list-d616957b.mjs";
+import "./mwc-list-base-c0f8af1c.mjs";
 import "./tslib.es6-b5e819a6.mjs";
+import "./mwc-list-item-base-acef0223.mjs";
 import "./ripple-handlers-227497d3.mjs";
 import "./base-element-c3dc926e.mjs";
 import "./utils-dc65fdc9.mjs";
@@ -12,56 +12,62 @@ import "./query-1e7846ea.mjs";
 import "./class-map-08c84aeb.mjs";
 import "./style-map-2cb0fb63.mjs";
 import "./observer-be7b92e2.mjs";
-import "./mwc-list-item.css-b5481d96.mjs";
-const f = `:host{flex-direction:column;overflow:visible;height:inherit!important;background:none;padding:0;--mdc-ripple-color: transparent;--mdc-list-side-padding: 0;--cv-list-item-border-radius: 0;--cv-list-item-graphic-margin-left: 12px}:host([activated]){--mdc-ripple-color: transparent}.expansion-header{--mdc-ripple-color: var(--mdc-theme-primary);border-radius:0 28px 28px 0;position:relative;height:48px;width:100%;overflow:hidden;display:flex;flex-shrink:0;align-items:center}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, -12px);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;height:var(--cv-list-menu-height, 0);--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden}:host([open]) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}:host([graphic=avatar]) ::slotted(cv-icon[slot=graphic]){margin-left:0}
+import "./query-assigned-nodes-bea12e0c.mjs";
+import "./if-defined-639ed018.mjs";
+const x = `.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 u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, w = Object.getPrototypeOf, b = Reflect.get, c = (e, o, n, r) => {
-  for (var t = r > 1 ? void 0 : r ? _(o, n) : o, s = e.length - 1, a; s >= 0; s--)
-    (a = e[s]) && (t = (r ? a(o, n, t) : a(t)) || t);
-  return r && t && u(o, n, t), t;
-}, y = (e, o, n) => b(w(e), n, o);
-let i = class extends x {
+var O = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (e, i, t, o) => {
+  for (var r = o > 1 ? void 0 : o ? b(i, t) : i, p = e.length - 1, a; p >= 0; p--)
+    (a = e[p]) && (r = (o ? a(i, t, r) : a(r)) || r);
+  return o && r && O(i, t, r), r;
+};
+let s = class extends u {
   constructor() {
-    super(), this.open = !1;
+    super(), this.open = !1, this.navOpen = !1;
   }
   _toggleOpen() {
     this.open = !this.open, this.expansionHeader.forEach((e) => {
       e.activated = this.open, e.selected = this.open;
     });
   }
+  attributeChangedCallback(e, i, t) {
+    super.attributeChangedCallback(e, i, t), e === "navopen" && this.expansionHeader.forEach((o) => {
+      t === "true" ? (o.navOpen = !!t, o.setAttribute("navopen", t)) : o.removeAttribute("navopen");
+    });
+  }
   render() {
-    const e = this.renderText(), o = this.graphic ? this.renderGraphic() : l, n = this.hasMeta ? this.renderMeta() : l, r = this.open ? "arrow_drop_down" : "arrow_right", t = p`<cv-icon class="expansion-icon">${r}</cv-icon>`, s = p`<slot name="child"></slot>`;
-    return p`
-      <div @click=${this._toggleOpen} class="expansion-header">
-        ${this.renderRipple()} ${t} ${o} ${e} ${n} ${s}
-      </div>
-      <div class="expansion-panel">
-        <slot name="expansion-panel"></slot>
-      </div>
+    return c`
+      <slot name="expansionHeader" @click=${this._toggleOpen}></slot>
+      ${this.navOpen ? super.render() : v}
     `;
   }
 };
-i.styles = [
-  d`
-      ${h(f)},
+s.styles = [
+  l`
+      ${h(g)}
     `,
-  ...y(i, i, "styles")
+  l`
+      ${h(x)}
+    `
 ];
-i.shadowRootOptions = {
+s.shadowRootOptions = {
   mode: "open",
   delegatesFocus: !0
 };
-c([
-  g({ type: Boolean, reflect: !0 })
-], i.prototype, "open", 2);
-c([
-  m({ slot: "expansionHeader" })
-], i.prototype, "expansionHeader", 2);
-i = c([
-  v("cv-expansion-list")
-], i);
-const B = i;
+n([
+  m({ type: Boolean, reflect: !0 })
+], s.prototype, "open", 2);
+n([
+  m({ type: Boolean, reflect: !0 })
+], s.prototype, "navOpen", 2);
+n([
+  d({ slot: "expansionHeader" })
+], s.prototype, "expansionHeader", 2);
+s = n([
+  f("cv-expansion-list")
+], s);
+const z = s;
 export {
-  i as CovalentExpansionList,
-  B as default
+  s as CovalentExpansionList,
+  z as default
 };

package/list-item-3fa66f09.js

@@ -0,0 +1,9 @@
+"use strict";const m=require("./mwc-list-item-base-803b9771.js"),t=require("./query-assigned-elements-07e38f46.js"),p=require("./property-074570d1.js"),a=require("./mwc-list-item.css-401e2407.js"),l=`.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 d=Object.defineProperty,v=Object.getOwnPropertyDescriptor,h=(c,s,i,r)=>{for(var e=r>1?void 0:r?v(s,i):s,n=c.length-1,o;n>=0;n--)(o=c[n])&&(e=(r?o(s,i,e):o(e))||e);return r&&e&&d(s,i,e),e};exports.CovalentListItem=class extends m.ListItemBase{constructor(){super(...arguments),this.hasChildren=!1}render(){const s=this.renderText(),i=this.graphic?this.renderGraphic():t.b,r=this.hasMeta?this.renderMeta():t.b,e=this.activated?"arrow_drop_down":"arrow_right",n=this.hasChildren?t.y`<cv-icon class="expansion-icon">${e}</cv-icon>`:t.b,o=this.hasChildren?t.y`<slot name="child"></slot>`:t.b;return t.y` ${this.renderRipple()} ${n} ${i} ${s} ${r}
+    ${o}`}};exports.CovalentListItem.styles=[t.i`
+      ${t.r(a.styles)}
+    `,t.i`
+      ${t.r(a.styles$1)}
+    `,t.i`
+      ${t.r(l)}
+    `];h([p.e({type:Boolean,reflect:!0})],exports.CovalentListItem.prototype,"hasChildren",2);exports.CovalentListItem=h([t.e("cv-list-item")],exports.CovalentListItem);const u=exports.CovalentListItem;exports.CovalentListItem$1=u;exports.styles=l;

package/list-item-d5c05e10.mjs

@@ -0,0 +1,44 @@
+import { L as d } from "./mwc-list-item-base-acef0223.mjs";
+import { i as h, r as l, b as a, y as p, e as v } from "./query-assigned-elements-514e5265.mjs";
+import { e as $ } from "./property-ca27685b.mjs";
+import { s as f, a as x } from "./mwc-list-item.css-b5481d96.mjs";
+const g = `.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 _ = Object.defineProperty, u = Object.getOwnPropertyDescriptor, m = (n, e, r, s) => {
+  for (var t = s > 1 ? void 0 : s ? u(e, r) : e, o = n.length - 1, c; o >= 0; o--)
+    (c = n[o]) && (t = (s ? c(e, r, t) : c(t)) || t);
+  return s && t && _(e, r, t), t;
+};
+let i = class extends d {
+  constructor() {
+    super(...arguments), this.hasChildren = !1;
+  }
+  render() {
+    const n = this.renderText(), e = this.graphic ? this.renderGraphic() : a, r = this.hasMeta ? this.renderMeta() : a, s = this.activated ? "arrow_drop_down" : "arrow_right", t = this.hasChildren ? p`<cv-icon class="expansion-icon">${s}</cv-icon>` : a, o = this.hasChildren ? p`<slot name="child"></slot>` : a;
+    return p` ${this.renderRipple()} ${t} ${e} ${n} ${r}
+    ${o}`;
+  }
+};
+i.styles = [
+  h`
+      ${l(f)}
+    `,
+  h`
+      ${l(x)}
+    `,
+  h`
+      ${l(g)}
+    `
+];
+m([
+  $({ type: Boolean, reflect: !0 })
+], i.prototype, "hasChildren", 2);
+i = m([
+  v("cv-list-item")
+], i);
+const b = i;
+export {
+  i as C,
+  b as a,
+  g as s
+};

package/list-item.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./mwc-list-item-base-803b9771.js");require("./query-assigned-elements-07e38f46.js");require("./mwc-list-item.css-401e2407.js");const e=require("./list-item-ee331821.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./property-074570d1.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>e.CovalentListItem});exports.default=e.CovalentListItem$1;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./mwc-list-item-base-803b9771.js");require("./query-assigned-elements-07e38f46.js");require("./property-074570d1.js");require("./mwc-list-item.css-401e2407.js");const e=require("./list-item-3fa66f09.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>e.CovalentListItem});exports.default=e.CovalentListItem$1;

package/list-item.mjs

@@ -1,12 +1,12 @@
 import "./mwc-list-item-base-acef0223.mjs";
 import "./query-assigned-elements-514e5265.mjs";
+import "./property-ca27685b.mjs";
 import "./mwc-list-item.css-b5481d96.mjs";
-import { C as v, a as x } from "./list-item-1c65e4db.mjs";
+import { C as v, a as x } from "./list-item-d5c05e10.mjs";
 import "./tslib.es6-b5e819a6.mjs";
 import "./ripple-handlers-227497d3.mjs";
 import "./base-element-c3dc926e.mjs";
 import "./utils-dc65fdc9.mjs";
-import "./property-ca27685b.mjs";
 import "./state-6f7e570d.mjs";
 import "./query-1e7846ea.mjs";
 import "./class-map-08c84aeb.mjs";

package/list.js

@@ -1,6 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-07e38f46.js"),l=require("./mwc-list-base-7d5f7278.js");require("./tslib.es6-6b53b818.js");require("./mwc-list-item-base-803b9771.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./property-074570d1.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");require("./query-assigned-nodes-9ec0fa5f.js");require("./if-defined-cb12d481.js");/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-LIcense-Identifier: Apache-2.0
- */const o=r.i`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`,c=`:host{padding-right:var(--cv-list-padding-right, 16px)}:host(.subnav){--cv-list-padding-right: 0;--cv-list-item-text-padding: 68px}:host(.subnav) ::slotted(*){height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:0 28px 28px 0;padding:0}.mdc-deprecated-list{display:flex;flex-direction:column;align-items:center;width:100%}
-`;var p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,g=(d,t,a,i)=>{for(var e=i>1?void 0:i?m(t,a):t,s=d.length-1,n;s>=0;s--)(n=d[s])&&(e=(i?n(t,a,e):n(e))||e);return i&&e&&p(t,a,e),e};exports.CovalentList=class extends l.ListBase{};exports.CovalentList.styles=[o,r.i`${r.r(c)}`];exports.CovalentList=g([r.e("cv-list")],exports.CovalentList);const h=exports.CovalentList;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./mwc-list-base-7d5f7278.js");const e=require("./list-defdaa3b.js");require("./query-assigned-elements-07e38f46.js");require("./property-074570d1.js");require("./tslib.es6-6b53b818.js");require("./mwc-list-item-base-803b9771.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");require("./query-assigned-nodes-9ec0fa5f.js");require("./if-defined-cb12d481.js");Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>e.CovalentList});exports.default=e.CovalentList$1;

package/list.mjs

@@ -1,11 +1,12 @@
-import { i as n, r as l, e as p } from "./query-assigned-elements-514e5265.mjs";
-import { L as m } from "./mwc-list-base-c0f8af1c.mjs";
+import "./mwc-list-base-c0f8af1c.mjs";
+import { C as L, a as b } from "./list-d616957b.mjs";
+import "./query-assigned-elements-514e5265.mjs";
+import "./property-ca27685b.mjs";
 import "./tslib.es6-b5e819a6.mjs";
 import "./mwc-list-item-base-acef0223.mjs";
 import "./ripple-handlers-227497d3.mjs";
 import "./base-element-c3dc926e.mjs";
 import "./utils-dc65fdc9.mjs";
-import "./property-ca27685b.mjs";
 import "./state-6f7e570d.mjs";
 import "./query-1e7846ea.mjs";
 import "./class-map-08c84aeb.mjs";
@@ -13,29 +14,7 @@ import "./style-map-2cb0fb63.mjs";
 import "./observer-be7b92e2.mjs";
 import "./query-assigned-nodes-bea12e0c.mjs";
 import "./if-defined-639ed018.mjs";
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-LIcense-Identifier: Apache-2.0
- */
-const c = n`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`, g = `:host{padding-right:var(--cv-list-padding-right, 16px)}:host(.subnav){--cv-list-padding-right: 0;--cv-list-item-text-padding: 68px}:host(.subnav) ::slotted(*){height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:0 28px 28px 0;padding:0}.mdc-deprecated-list{display:flex;flex-direction:column;align-items:center;width:100%}
-`;
-var h = Object.defineProperty, f = Object.getOwnPropertyDescriptor, v = (o, e, d, i) => {
-  for (var t = i > 1 ? void 0 : i ? f(e, d) : e, a = o.length - 1, s; a >= 0; a--)
-    (s = o[a]) && (t = (i ? s(e, d, t) : s(t)) || t);
-  return i && t && h(e, d, t), t;
-};
-let r = class extends m {
-};
-r.styles = [
-  c,
-  n`${l(g)}`
-];
-r = v([
-  p("cv-list")
-], r);
-const R = r;
 export {
-  r as CovalentList,
-  R as default
+  L as CovalentList,
+  b as default
 };

package/nav-list-item.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements-07e38f46.js"),c=require("./list-item-ee331821.js"),n=require("./mwc-list-item.css-401e2407.js");require("./mwc-list-item-base-803b9771.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./property-074570d1.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");const m=`:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 28px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%)}::slotted(.section-selector){display:none;position:absolute;top:0;right:0}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--mdc-theme-primary)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{margin-left:var(--cv-list-item-graphic-margin-left, 12px)}:host([graphic=avatar]){padding:0}:host([graphic=avatar]) ::slotted(cv-icon[slot=graphic]){margin-left:8px;background:transparent}:host([graphic=avatar]:not([twoline])){height:48px}: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){--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 0 0 15px}
-`;var p=Object.defineProperty,d=Object.getOwnPropertyDescriptor,v=(a,i,s,r)=>{for(var e=r>1?void 0:r?d(i,s):i,o=a.length-1,l;o>=0;o--)(l=a[o])&&(e=(r?l(i,s,e):l(e))||e);return r&&e&&p(i,s,e),e};exports.CovalentNavRailListItem=class extends c.CovalentListItem{constructor(){super()}};exports.CovalentNavRailListItem.styles=[t.i`
-      ${t.r(n.styles)}
-    `,t.i`
-      ${t.r(n.styles$1)}
-    `,t.i`
-      ${t.r(c.styles)}
-    `,t.i`
-      ${t.r(m)}
-    `];exports.CovalentNavRailListItem=v([t.e("cv-nav-list-item")],exports.CovalentNavRailListItem);const h=exports.CovalentNavRailListItem;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./query-assigned-elements-07e38f46.js"),c=require("./property-074570d1.js"),m=require("./list-item-3fa66f09.js"),l=require("./mwc-list-item.css-401e2407.js");require("./mwc-list-item-base-803b9771.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");const d=`: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 h=Object.defineProperty,v=Object.getOwnPropertyDescriptor,p=(a,o,r,i)=>{for(var t=i>1?void 0:i?v(o,r):o,n=a.length-1,s;n>=0;n--)(s=a[n])&&(t=(i?s(o,r,t):s(t))||t);return i&&t&&h(o,r,t),t};exports.CovalentNavRailListItem=class extends m.CovalentListItem{constructor(){super(),this.navOpen=!1}};exports.CovalentNavRailListItem.styles=[e.i`
+      ${e.r(l.styles)}
+    `,e.i`
+      ${e.r(l.styles$1)}
+    `,e.i`
+      ${e.r(m.styles)}
+    `,e.i`
+      ${e.r(d)}
+    `];p([c.e({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"navOpen",2);exports.CovalentNavRailListItem=p([e.e("cv-nav-list-item")],exports.CovalentNavRailListItem);const y=exports.CovalentNavRailListItem;exports.default=y;

package/nav-list-item.mjs

@@ -1,48 +1,51 @@
-import { i as a, r as e, e as n } from "./query-assigned-elements-514e5265.mjs";
-import { C as l, s as h } from "./list-item-1c65e4db.mjs";
-import { s as d, a as g } from "./mwc-list-item.css-b5481d96.mjs";
+import { i as a, r, e as h } from "./query-assigned-elements-514e5265.mjs";
+import { e as l } from "./property-ca27685b.mjs";
+import { C as d, s as y } from "./list-item-d5c05e10.mjs";
+import { s as f, a as v } from "./mwc-list-item.css-b5481d96.mjs";
 import "./mwc-list-item-base-acef0223.mjs";
 import "./tslib.es6-b5e819a6.mjs";
 import "./ripple-handlers-227497d3.mjs";
 import "./base-element-c3dc926e.mjs";
 import "./utils-dc65fdc9.mjs";
-import "./property-ca27685b.mjs";
 import "./state-6f7e570d.mjs";
 import "./query-1e7846ea.mjs";
 import "./class-map-08c84aeb.mjs";
 import "./style-map-2cb0fb63.mjs";
 import "./observer-be7b92e2.mjs";
-const v = `:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 28px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%)}::slotted(.section-selector){display:none;position:absolute;top:0;right:0}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--mdc-theme-primary)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{margin-left:var(--cv-list-item-graphic-margin-left, 12px)}:host([graphic=avatar]){padding:0}:host([graphic=avatar]) ::slotted(cv-icon[slot=graphic]){margin-left:8px;background:transparent}:host([graphic=avatar]:not([twoline])){height:48px}: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){--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 0 0 15px}
+const g = `: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 y = Object.defineProperty, f = Object.getOwnPropertyDescriptor, b = (c, i, s, r) => {
-  for (var t = r > 1 ? void 0 : r ? f(i, s) : i, p = c.length - 1, m; p >= 0; p--)
-    (m = c[p]) && (t = (r ? m(i, s, t) : m(t)) || t);
-  return r && t && y(i, s, t), t;
+var b = Object.defineProperty, u = Object.getOwnPropertyDescriptor, c = (m, e, n, i) => {
+  for (var t = i > 1 ? void 0 : i ? u(e, n) : e, s = m.length - 1, p; s >= 0; s--)
+    (p = m[s]) && (t = (i ? p(e, n, t) : p(t)) || t);
+  return i && t && b(e, n, t), t;
 };
-let o = class extends l {
+let o = class extends d {
   constructor() {
-    super();
+    super(), this.navOpen = !1;
   }
 };
 o.styles = [
   a`
-      ${e(d)}
+      ${r(f)}
     `,
   a`
-      ${e(g)}
+      ${r(v)}
     `,
   a`
-      ${e(h)}
+      ${r(y)}
     `,
   a`
-      ${e(v)}
+      ${r(g)}
     `
 ];
-o = b([
-  n("cv-nav-list-item")
+c([
+  l({ type: Boolean, reflect: !0 })
+], o.prototype, "navOpen", 2);
+o = c([
+  h("cv-nav-list-item")
 ], o);
-const R = o;
+const B = o;
 export {
   o as CovalentNavRailListItem,
-  R as default
+  B as default
 };

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@covalent/components",
-  "version": "6.3.0-beta.3",
+  "version": "6.3.0",
   "description": "a catalog of material components for covalent",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
   "exports": {
     ".": {
-      "sass": "./style.css",
       "import": "./index.mjs",
       "require": "./index.js"
     },