@covalent/components 7.0.0 → 7.1.0-beta.2

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,20 @@ declare global {
 }
 export declare class CovalentNavRailListItem extends CovalentListItem {
     static styles: import("lit").CSSResult[];
-    navOpen: boolean;
-    constructor();
+    expansionPanelElements: CovalentList[];
+    lastKeySelected: number;
+    open: boolean;
+    hasChildren: boolean;
+    activated: boolean;
+    private _toggleOpen;
+    private _handleKeydown;
+    private _handleRequestSelected;
+    private _deselectChildren;
+    private _deselectHeader;
+    renderExpansionItem(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): 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;AAM/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;IAEpB,SAAS,UAAS;IAElB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,cAAc;IAkEtB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,eAAe;IAOvB,mBAAmB;IAsBV,iBAAiB;IAOjB,oBAAoB;IAOpB,MAAM;CAGhB;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 a=require("./query-assigned-elements-f623705d.js"),h=require("./property-57f6f6fe.js"),c=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 p=`: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([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([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-primary)}.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 m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(o,e,t,i)=>{for(var s=i>1?void 0:i?g(e,t):e,r=o.length-1,l;r>=0;r--)(l=o[r])&&(s=(i?l(e,t,s):l(s))||s);return i&&s&&m(e,t,s),s};exports.CovalentNavRailListItem=class extends c.CovalentListItem{constructor(){super(...arguments),this.lastKeySelected=0,this.open=!1,this.hasChildren=!1,this.activated=!1}_toggleOpen(){this.open=!this.open}_handleKeydown(e){const t=this.expansionPanelElements[0],i=t?t==null?void 0:t.getFocusedItemIndex():0,s=(t==null?void 0:t.items.length)??0;if(this.hasChildren){if(e.code==="Enter"){e.preventDefault(),e.stopImmediatePropagation(),e.target.hasChildren?this._toggleOpen():this._deselectHeader(e);return}if(this.open){if(e.code==="ArrowUp"&&i===0&&this.lastKeySelected===0&&!e.target.hasChildren){e.preventDefault(),e.stopImmediatePropagation(),t.items[0].blur(),this.focus();return}e.code==="ArrowDown"&&i===-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(0),this.lastKeySelected=0),e.code==="ArrowUp"&&i!==-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i),(e.code==="ArrowDown"||e.code==="ArrowUp")&&i!==-1&&this.lastKeySelected<s-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i)}}}_handleRequestSelected(e){const t=e;this.hasChildren&&t.detail.selected===!1&&t.detail.source==="property"&&this._deselectChildren()}_deselectChildren(){this.expansionPanelElements.forEach(e=>{e.items.forEach(t=>t.selected=!1)})}_deselectHeader(e){e.preventDefault(),e.stopImmediatePropagation(),this.fireRequestSelected(!1,"interaction"),this.activated=!1}renderExpansionItem(){const e=this.renderText(),t=this.graphic?this.renderGraphic():a.A,i=this.hasMeta?this.renderMeta():a.A,s=this.open?"arrow_drop_down":"arrow_right",r=a.x`<cv-icon class="expansion-icon">${s}</cv-icon>`;return a.x`
+      <div
+        @mousedown=${this._toggleOpen}
+        @touchstart="${this._toggleOpen}"
+        @keydown=${this._toggleOpen}
+        class="expansion-header"
+      >
+        ${this.renderRipple()} ${r} ${t} ${e} ${i}
+      </div>
+      <div class="expansion-panel" @click=${this._deselectHeader}>
+        <slot name="expansion-panel"></slot>
+      </div>
+    `}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeydown),this.addEventListener("request-selected",this._handleRequestSelected)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown),this.addEventListener("request-selected",this._handleRequestSelected)}render(){return this.hasChildren?this.renderExpansionItem():super.render()}};exports.CovalentNavRailListItem.styles=[a.i`
+      ${a.r(d.styles)}
+    `,a.i`
+      ${a.r(d.styles$1)}
+    `,a.i`
+      ${a.r(c.styles)}
+    `,a.i`
+      ${a.r(p)}
+    `];n([a.l({slot:"expansion-panel",flatten:!0})],exports.CovalentNavRailListItem.prototype,"expansionPanelElements",2);n([h.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"open",2);n([h.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"hasChildren",2);exports.CovalentNavRailListItem=n([a.e("cv-nav-list-item")],exports.CovalentNavRailListItem);const u=exports.CovalentNavRailListItem;exports.default=u;

package/nav-list-item.mjs

@@ -1,7 +1,7 @@
-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 r, r as n, l as g, A as h, x as c, e as f } from "./query-assigned-elements-4a39219d.mjs";
+import { n as m } from "./property-9b6ea53b.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 +12,102 @@ 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([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([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-primary)}.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, _ = Object.getOwnPropertyDescriptor, d = (e, t, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? _(t, i) : t, l = e.length - 1, p; l >= 0; l--)
+    (p = e[l]) && (s = (a ? p(t, i, s) : p(s)) || s);
+  return a && s && w(t, i, s), s;
 };
-let o = class extends d {
+let o = class extends u {
   constructor() {
-    super(), this.navOpen = !1;
+    super(...arguments), this.lastKeySelected = 0, this.open = !1, this.hasChildren = !1, this.activated = !1;
+  }
+  _toggleOpen() {
+    this.open = !this.open;
+  }
+  _handleKeydown(e) {
+    const t = this.expansionPanelElements[0], i = t ? t == null ? void 0 : t.getFocusedItemIndex() : 0, a = (t == null ? void 0 : t.items.length) ?? 0;
+    if (this.hasChildren) {
+      if (e.code === "Enter") {
+        e.preventDefault(), e.stopImmediatePropagation(), e.target.hasChildren ? this._toggleOpen() : this._deselectHeader(e);
+        return;
+      }
+      if (this.open) {
+        if (e.code === "ArrowUp" && i === 0 && this.lastKeySelected === 0 && !e.target.hasChildren) {
+          e.preventDefault(), e.stopImmediatePropagation(), t.items[0].blur(), this.focus();
+          return;
+        }
+        e.code === "ArrowDown" && i === -1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(0), this.lastKeySelected = 0), e.code === "ArrowUp" && i !== -1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(i), this.lastKeySelected = i), (e.code === "ArrowDown" || e.code === "ArrowUp") && i !== -1 && this.lastKeySelected < a - 1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(i), this.lastKeySelected = i);
+      }
+    }
+  }
+  _handleRequestSelected(e) {
+    const t = e;
+    this.hasChildren && t.detail.selected === !1 && t.detail.source === "property" && this._deselectChildren();
+  }
+  _deselectChildren() {
+    this.expansionPanelElements.forEach((e) => {
+      e.items.forEach((t) => t.selected = !1);
+    });
+  }
+  _deselectHeader(e) {
+    e.preventDefault(), e.stopImmediatePropagation(), this.fireRequestSelected(!1, "interaction"), this.activated = !1;
+  }
+  renderExpansionItem() {
+    const e = this.renderText(), t = this.graphic ? this.renderGraphic() : h, i = this.hasMeta ? this.renderMeta() : h, a = this.open ? "arrow_drop_down" : "arrow_right", s = c`<cv-icon class="expansion-icon">${a}</cv-icon>`;
+    return c`
+      <div
+        @mousedown=${this._toggleOpen}
+        @touchstart="${this._toggleOpen}"
+        @keydown=${this._toggleOpen}
+        class="expansion-header"
+      >
+        ${this.renderRipple()} ${s} ${t} ${e} ${i}
+      </div>
+      <div class="expansion-panel" @click=${this._deselectHeader}>
+        <slot name="expansion-panel"></slot>
+      </div>
+    `;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("keydown", this._handleKeydown), this.addEventListener("request-selected", this._handleRequestSelected);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("keydown", this._handleKeydown), this.addEventListener("request-selected", this._handleRequestSelected);
+  }
+  render() {
+    return this.hasChildren ? this.renderExpansionItem() : super.render();
   }
 };
 o.styles = [
-  a`
-      ${r(f)}
+  r`
+      ${n(y)}
     `,
-  a`
-      ${r(v)}
+  r`
+      ${n(x)}
     `,
-  a`
-      ${r(y)}
+  r`
+      ${n(v)}
     `,
-  a`
-      ${r(g)}
+  r`
+      ${n(b)}
     `
 ];
-c([
-  l({ type: Boolean, reflect: !0 })
-], o.prototype, "navOpen", 2);
-o = c([
-  h("cv-nav-list-item")
+d([
+  g({ slot: "expansion-panel", flatten: !0 })
+], o.prototype, "expansionPanelElements", 2);
+d([
+  m({ type: Boolean, reflect: !0 })
+], o.prototype, "open", 2);
+d([
+  m({ type: Boolean, reflect: !0 })
+], o.prototype, "hasChildren", 2);
+o = d([
+  f("cv-nav-list-item")
 ], o);
-const B = o;
+const q = o;
 export {
   o as CovalentNavRailListItem,
-  B as default
+  q as default
 };

package/package.json

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