@covalent/components 7.0.0 → 7.1.0-beta.1

package/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAO5D,OAAO,uBAAuB,MAAM,iBAAiB,CAAC;AAEtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,YAAY,CAAC;KACzB;CACF;AAED,qBACa,YAAa,SAAQ,QAAQ;IAExC,YAAY,EAAG,uBAAuB,EAAE,CAAC;IAGzC,OAAO,UAAS;IAEhB,OAAgB,MAAM,4BAAY;IAEnB,iBAAiB;IAQvB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;CAa5E;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAI5D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,YAAY,CAAC;KACzB;CACF;AAED,qBACa,YAAa,SAAQ,QAAQ;IACxC,OAAgB,MAAM,4BAGpB;CACH;AAED,eAAe,YAAY,CAAC"}

package/list/nav-list-item.d.ts

@@ -1,4 +1,5 @@
 import { CovalentListItem } from './list-item';
+import CovalentList from './list';
 declare global {
     interface HTMLElementTagNameMap {
         'cv-nav-list-item': CovalentNavRailListItem;
@@ -6,8 +7,18 @@ declare global {
 }
 export declare class CovalentNavRailListItem extends CovalentListItem {
     static styles: import("lit").CSSResult[];
-    navOpen: boolean;
+    expansionPanelElements: CovalentList[];
+    lastKeySelected: number;
+    open: boolean;
+    hasChildren: boolean;
     constructor();
+    private _toggleOpen;
+    private _handleKeydown;
+    private _deselectHeader;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    renderExpansionItem(): import("lit-html").TemplateResult<1>;
 }
 export default CovalentNavRailListItem;
 //# sourceMappingURL=nav-list-item.d.ts.map

package/list/nav-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-list-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/nav-list-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAM/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,gBAAgB;IAC3D,OAAgB,MAAM,4BAapB;IAGF,OAAO,UAAS;;CAKjB;AAED,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"nav-list-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/nav-list-item.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAK/C,OAAO,YAAY,MAAM,QAAQ,CAAC;AAElC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,gBAAgB;IAC3D,OAAgB,MAAM,4BAapB;IAGF,sBAAsB,EAAG,YAAY,EAAE,CAAC;IAExC,eAAe,SAAK;IAGpB,IAAI,UAAS;IAGb,WAAW,UAAS;;IAMpB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,cAAc;IAmEtB,OAAO,CAAC,eAAe;IAQd,iBAAiB;IAMjB,oBAAoB;IAMpB,MAAM;IAIf,mBAAmB;CAsBpB;AAED,eAAe,uBAAuB,CAAC"}

package/list-item-3dc4b60f.js

@@ -0,0 +1,8 @@
+"use strict";const c=require("./mwc-list-item-base-4a4d1e1b.js"),e=require("./query-assigned-elements-f623705d.js"),v=require("./mwc-list-item.css-25adc0c4.js"),a=`.mdc-deprecated-list-item__text{padding-left:var(--cv-list-item-text-padding, 0)}
+`;var o=Object.defineProperty,I=Object.getOwnPropertyDescriptor,L=(l,s,r,i)=>{for(var t=i>1?void 0:i?I(s,r):s,n=l.length-1,m;n>=0;n--)(m=l[n])&&(t=(i?m(s,r,t):m(t))||t);return i&&t&&o(s,r,t),t};exports.CovalentListItem=class extends c.ListItemBase{};exports.CovalentListItem.styles=[e.i`
+      ${e.r(v.styles)}
+    `,e.i`
+      ${e.r(v.styles$1)}
+    `,e.i`
+      ${e.r(a)}
+    `];exports.CovalentListItem=L([e.e("cv-list-item")],exports.CovalentListItem);const C=exports.CovalentListItem;exports.CovalentListItem$1=C;exports.styles=a;

package/list-item-bab8d6ba.mjs

@@ -0,0 +1,32 @@
+import { L as v } from "./mwc-list-item-base-8654347d.mjs";
+import { i as m, r as o, e as n } from "./query-assigned-elements-4a39219d.mjs";
+import { s as c, a as f } from "./mwc-list-item.css-b0009fc7.mjs";
+const _ = `.mdc-deprecated-list-item__text{padding-left:var(--cv-list-item-text-padding, 0)}
+`;
+var d = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, x = (p, e, a, s) => {
+  for (var t = s > 1 ? void 0 : s ? $(e, a) : e, i = p.length - 1, l; i >= 0; i--)
+    (l = p[i]) && (t = (s ? l(e, a, t) : l(t)) || t);
+  return s && t && d(e, a, t), t;
+};
+let r = class extends v {
+};
+r.styles = [
+  m`
+      ${o(c)}
+    `,
+  m`
+      ${o(f)}
+    `,
+  m`
+      ${o(_)}
+    `
+];
+r = x([
+  n("cv-list-item")
+], r);
+const O = r;
+export {
+  r as C,
+  O as a,
+  _ 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-4a4d1e1b.js");require("./query-assigned-elements-f623705d.js");require("./property-57f6f6fe.js");require("./mwc-list-item.css-25adc0c4.js");const e=require("./list-item-8da7ba96.js");require("./tslib.es6-e6a11c8a.js");require("./ripple-handlers-c82b1232.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.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-4a4d1e1b.js");require("./query-assigned-elements-f623705d.js");require("./mwc-list-item.css-25adc0c4.js");const e=require("./list-item-3dc4b60f.js");require("./tslib.es6-e6a11c8a.js");require("./ripple-handlers-c82b1232.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./property-57f6f6fe.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.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-8654347d.mjs";
 import "./query-assigned-elements-4a39219d.mjs";
-import "./property-9b6ea53b.mjs";
 import "./mwc-list-item.css-b0009fc7.mjs";
-import { C as v, a as x } from "./list-item-ba77097d.mjs";
+import { C as v, a as x } from "./list-item-bab8d6ba.mjs";
 import "./tslib.es6-f1eaf65c.mjs";
 import "./ripple-handlers-321219b8.mjs";
 import "./base-element-67ae173f.mjs";
 import "./utils-2932417c.mjs";
+import "./property-9b6ea53b.mjs";
 import "./state-b5e865db.mjs";
 import "./query-d843aa92.mjs";
 import "./class-map-4b94b017.mjs";

package/list.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./mwc-list-base-cb3500b4.js");const e=require("./list-05db7fed.js");require("./query-assigned-elements-f623705d.js");require("./property-57f6f6fe.js");require("./tslib.es6-e6a11c8a.js");require("./mwc-list-item-base-4a4d1e1b.js");require("./ripple-handlers-c82b1232.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.js");require("./observer-a096ab43.js");require("./query-assigned-nodes-99eae71d.js");require("./if-defined-f1c45245.js");Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>e.CovalentList});exports.default=e.CovalentList$1;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-f623705d.js"),l=require("./mwc-list-base-cb3500b4.js");require("./tslib.es6-e6a11c8a.js");require("./mwc-list-item-base-4a4d1e1b.js");require("./ripple-handlers-c82b1232.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./property-57f6f6fe.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.js");require("./observer-a096ab43.js");require("./query-assigned-nodes-99eae71d.js");require("./if-defined-f1c45245.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;

package/list.mjs

@@ -1,12 +1,11 @@
-import "./mwc-list-base-32d4ac31.mjs";
-import { C as L, a as b } from "./list-066f5de4.mjs";
-import "./query-assigned-elements-4a39219d.mjs";
-import "./property-9b6ea53b.mjs";
+import { i as n, r as l, e as p } from "./query-assigned-elements-4a39219d.mjs";
+import { L as m } from "./mwc-list-base-32d4ac31.mjs";
 import "./tslib.es6-f1eaf65c.mjs";
 import "./mwc-list-item-base-8654347d.mjs";
 import "./ripple-handlers-321219b8.mjs";
 import "./base-element-67ae173f.mjs";
 import "./utils-2932417c.mjs";
+import "./property-9b6ea53b.mjs";
 import "./state-b5e865db.mjs";
 import "./query-d843aa92.mjs";
 import "./class-map-4b94b017.mjs";
@@ -14,7 +13,29 @@ import "./style-map-bc3ed3e0.mjs";
 import "./observer-be7b92e2.mjs";
 import "./query-assigned-nodes-df691e78.mjs";
 import "./if-defined-c367f208.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 {
-  L as CovalentList,
-  b as default
+  r as CovalentList,
+  R as default
 };

package/nav-list-item.js

@@ -1,10 +1,22 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./query-assigned-elements-f623705d.js"),c=require("./property-57f6f6fe.js"),m=require("./list-item-8da7ba96.js"),l=require("./mwc-list-item.css-25adc0c4.js");require("./mwc-list-item-base-4a4d1e1b.js");require("./tslib.es6-e6a11c8a.js");require("./ripple-handlers-c82b1232.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.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.n({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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),c=require("./property-57f6f6fe.js"),h=require("./query-assigned-nodes-99eae71d.js"),p=require("./list-item-3dc4b60f.js"),d=require("./mwc-list-item.css-25adc0c4.js");require("./mwc-list-item-base-4a4d1e1b.js");require("./tslib.es6-e6a11c8a.js");require("./ripple-handlers-c82b1232.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.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}:host(:not([selected])[open]) .expansion-header{--mdc-ripple-color: transparent}:host(:not([selected])[open]) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-primary)}:host([hasChildren]){flex-direction:column;overflow:visible;height:inherit!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 12px}:host(:hover) .expansion-header{background:none}.expansion-header{border-radius:var(--cv-list-item-border-radius);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][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}
+`;var g=Object.defineProperty,u=Object.getOwnPropertyDescriptor,n=(l,e,r,t)=>{for(var s=t>1?void 0:t?u(e,r):e,o=l.length-1,a;o>=0;o--)(a=l[o])&&(s=(t?a(e,r,s):a(s))||s);return t&&s&&g(e,r,s),s};exports.CovalentNavRailListItem=class extends p.CovalentListItem{constructor(){super(),this.lastKeySelected=0,this.open=!1,this.hasChildren=!1}_toggleOpen(e){e.preventDefault(),e.stopImmediatePropagation(),this.open=!this.open,this.selected=this.open,this.activated=this.open}_handleKeydown(e){if(!this.hasChildren)return;if(e.code==="Enter"){e.preventDefault(),e.stopImmediatePropagation(),e.target.hasChildren?this._toggleOpen(e):this._deselectHeader();return}if(!this.open)return;const r=this.expansionPanelElements[0],t=r.getFocusedItemIndex(),s=r.items.length;if(e.code==="ArrowUp"&&t===0&&this.lastKeySelected===0&&!e.target.hasChildren){e.preventDefault(),e.stopImmediatePropagation(),r.items[0].blur(),this.focus();return}e.code==="ArrowDown"&&t===-1&&(e.preventDefault(),e.stopImmediatePropagation(),r.focusItemAtIndex(0),this.lastKeySelected=0),e.code==="ArrowUp"&&t!==-1&&(e.preventDefault(),e.stopImmediatePropagation(),r.focusItemAtIndex(t),this.lastKeySelected=t),(e.code==="ArrowDown"||e.code==="ArrowUp")&&t!==-1&&this.lastKeySelected<s-1&&(e.preventDefault(),e.stopImmediatePropagation(),r.focusItemAtIndex(t),this.lastKeySelected=t)}_deselectHeader(){setTimeout(()=>{this.selected=!1,this.activated=!1,this.blur()})}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}render(){return this.hasChildren?this.renderExpansionItem():super.render()}renderExpansionItem(){const e=this.renderText(),r=this.graphic?this.renderGraphic():i.A,t=this.hasMeta?this.renderMeta():i.A,s=this.open?"arrow_drop_down":"arrow_right",o=i.x`<cv-icon class="expansion-icon">${s}</cv-icon>`,a=i.x`<slot name="child"></slot>`;return i.x`
+      <div
+        @mousedown=${this._toggleOpen}
+        @touchstart="${this._toggleOpen}"
+        @keydown=${this._toggleOpen}
+        class="expansion-header"
+      >
+        ${this.renderRipple()} ${o} ${r} ${e} ${t} ${a}
+      </div>
+      <div class="expansion-panel" @click=${this._deselectHeader}>
+        <slot name="expansion-panel"></slot>
+      </div>
+    `}};exports.CovalentNavRailListItem.styles=[i.i`
+      ${i.r(d.styles)}
+    `,i.i`
+      ${i.r(d.styles$1)}
+    `,i.i`
+      ${i.r(p.styles)}
+    `,i.i`
+      ${i.r(m)}
+    `];n([h.o({slot:"expansion-panel"})],exports.CovalentNavRailListItem.prototype,"expansionPanelElements",2);n([c.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"open",2);n([c.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"hasChildren",2);exports.CovalentNavRailListItem=n([i.e("cv-nav-list-item")],exports.CovalentNavRailListItem);const v=exports.CovalentNavRailListItem;exports.default=v;

package/nav-list-item.mjs

@@ -1,7 +1,8 @@
-import { i as a, r, e as h } from "./query-assigned-elements-4a39219d.mjs";
-import { n as l } from "./property-9b6ea53b.mjs";
-import { C as d, s as y } from "./list-item-ba77097d.mjs";
-import { s as f, a as v } from "./mwc-list-item.css-b0009fc7.mjs";
+import { i as n, r as p, A as c, x as h, e as g } from "./query-assigned-elements-4a39219d.mjs";
+import { n as m } from "./property-9b6ea53b.mjs";
+import { o as f } from "./query-assigned-nodes-df691e78.mjs";
+import { C as u, s as v } from "./list-item-bab8d6ba.mjs";
+import { s as y, a as x } from "./mwc-list-item.css-b0009fc7.mjs";
 import "./mwc-list-item-base-8654347d.mjs";
 import "./tslib.es6-f1eaf65c.mjs";
 import "./ripple-handlers-321219b8.mjs";
@@ -12,40 +13,95 @@ import "./query-d843aa92.mjs";
 import "./class-map-4b94b017.mjs";
 import "./style-map-bc3ed3e0.mjs";
 import "./observer-be7b92e2.mjs";
-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}
+const b = `: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}:host(:not([selected])[open]) .expansion-header{--mdc-ripple-color: transparent}:host(:not([selected])[open]) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-primary)}:host([hasChildren]){flex-direction:column;overflow:visible;height:inherit!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 12px}:host(:hover) .expansion-header{background:none}.expansion-header{border-radius:var(--cv-list-item-border-radius);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][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}
 `;
-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;
+var w = Object.defineProperty, I = Object.getOwnPropertyDescriptor, l = (e, i, t, r) => {
+  for (var o = r > 1 ? void 0 : r ? I(i, t) : i, a = e.length - 1, d; a >= 0; a--)
+    (d = e[a]) && (o = (r ? d(i, t, o) : d(o)) || o);
+  return r && o && w(i, t, o), o;
 };
-let o = class extends d {
+let s = class extends u {
   constructor() {
-    super(), this.navOpen = !1;
+    super(), this.lastKeySelected = 0, this.open = !1, this.hasChildren = !1;
+  }
+  _toggleOpen(e) {
+    e.preventDefault(), e.stopImmediatePropagation(), this.open = !this.open, this.selected = this.open, this.activated = this.open;
+  }
+  _handleKeydown(e) {
+    if (!this.hasChildren)
+      return;
+    if (e.code === "Enter") {
+      e.preventDefault(), e.stopImmediatePropagation(), e.target.hasChildren ? this._toggleOpen(e) : this._deselectHeader();
+      return;
+    }
+    if (!this.open)
+      return;
+    const i = this.expansionPanelElements[0], t = i.getFocusedItemIndex(), r = i.items.length;
+    if (e.code === "ArrowUp" && t === 0 && this.lastKeySelected === 0 && !e.target.hasChildren) {
+      e.preventDefault(), e.stopImmediatePropagation(), i.items[0].blur(), this.focus();
+      return;
+    }
+    e.code === "ArrowDown" && t === -1 && (e.preventDefault(), e.stopImmediatePropagation(), i.focusItemAtIndex(0), this.lastKeySelected = 0), e.code === "ArrowUp" && t !== -1 && (e.preventDefault(), e.stopImmediatePropagation(), i.focusItemAtIndex(t), this.lastKeySelected = t), (e.code === "ArrowDown" || e.code === "ArrowUp") && t !== -1 && this.lastKeySelected < r - 1 && (e.preventDefault(), e.stopImmediatePropagation(), i.focusItemAtIndex(t), this.lastKeySelected = t);
+  }
+  _deselectHeader() {
+    setTimeout(() => {
+      this.selected = !1, this.activated = !1, this.blur();
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("keydown", this._handleKeydown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("keydown", this._handleKeydown);
+  }
+  render() {
+    return this.hasChildren ? this.renderExpansionItem() : super.render();
+  }
+  renderExpansionItem() {
+    const e = this.renderText(), i = this.graphic ? this.renderGraphic() : c, t = this.hasMeta ? this.renderMeta() : c, r = this.open ? "arrow_drop_down" : "arrow_right", o = h`<cv-icon class="expansion-icon">${r}</cv-icon>`, a = h`<slot name="child"></slot>`;
+    return h`
+      <div
+        @mousedown=${this._toggleOpen}
+        @touchstart="${this._toggleOpen}"
+        @keydown=${this._toggleOpen}
+        class="expansion-header"
+      >
+        ${this.renderRipple()} ${o} ${i} ${e} ${t} ${a}
+      </div>
+      <div class="expansion-panel" @click=${this._deselectHeader}>
+        <slot name="expansion-panel"></slot>
+      </div>
+    `;
   }
 };
-o.styles = [
-  a`
-      ${r(f)}
+s.styles = [
+  n`
+      ${p(y)}
     `,
-  a`
-      ${r(v)}
+  n`
+      ${p(x)}
     `,
-  a`
-      ${r(y)}
+  n`
+      ${p(v)}
     `,
-  a`
-      ${r(g)}
+  n`
+      ${p(b)}
     `
 ];
-c([
-  l({ type: Boolean, reflect: !0 })
-], o.prototype, "navOpen", 2);
-o = c([
-  h("cv-nav-list-item")
-], o);
-const B = o;
+l([
+  f({ slot: "expansion-panel" })
+], s.prototype, "expansionPanelElements", 2);
+l([
+  m({ type: Boolean, reflect: !0 })
+], s.prototype, "open", 2);
+l([
+  m({ type: Boolean, reflect: !0 })
+], s.prototype, "hasChildren", 2);
+s = l([
+  g("cv-nav-list-item")
+], s);
+const U = s;
 export {
-  o as CovalentNavRailListItem,
-  B as default
+  s as CovalentNavRailListItem,
+  U as default
 };

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@covalent/components",
-  "version": "7.0.0",
+  "version": "7.1.0-beta.1",
   "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"
     },