@covalent/components 8.9.2 → 8.10.0

package/code-snippet.mjs

@@ -3,7 +3,7 @@ import { n as Te } from "./property-9b6ea53b.mjs";
 import { o as It } from "./query-assigned-nodes-df691e78.mjs";
 import { o as kt } from "./class-map-4b94b017.mjs";
 import { g as xt } from "./_commonjsHelpers-2f131a27.mjs";
-const Dt = `:host{background-color:var(--mdc-theme-surface-canvas);border-radius:var(--mdc-shape-medium);display:block;position:relative;overflow:hidden}:host .code-slot{display:none}:host pre{margin:0;padding:16px 0;overflow:auto}:host pre code.hljs.cv-code-snippet{padding:0 16px;display:block;overflow-x:auto;font-family:var(--cv-theme-code-font-family);font-size:var(--cv-theme-code-font-size);font-weight:var(--cv-theme-code-font-weight);line-height:var(--cv-theme-code-line-height)}:host .hljs{color:var(--cv-theme-code-snippet-color, #abb2bf)}:host .hljs-comment,:host .hljs-quote{color:var(--cv-theme-code-snippet-comment, #5c6370);font-style:italic}:host .hljs-doctag,:host .hljs-formula,:host .hljs-keyword{color:var(--cv-theme-code-snippet-keyword, #c678dd)}:host .hljs-deletion,:host .hljs-name,:host .hljs-section,:host .hljs-selector-tag,:host .hljs-subst{color:var(--cv-theme-code-snippet-selector, #e06c75)}:host .hljs-literal{color:var(--cv-theme-code-snippet-literal, #56b6c2)}:host .hljs-addition,:host .hljs-attribute,:host .hljs-meta .hljs-string,:host .hljs-regexp,:host .hljs-string{color:var(--cv-theme-code-snippet-string, #98c379)}:host .hljs-attr,:host .hljs-number,:host .hljs-selector-attr,:host .hljs-selector-class,:host .hljs-selector-pseudo,:host .hljs-template-variable,:host .hljs-type,:host .hljs-variable{color:var(--cv-theme-code-snippet-variable, #d19a66)}:host .hljs-bullet,:host .hljs-link,:host .hljs-meta,:host .hljs-selector-id,:host .hljs-symbol,:host .hljs-title{color:var(--cv-theme-code-snippet-title, #61aeee)}:host .hljs-built_in,:host .hljs-class .hljs-title,:host .hljs-title.class_{color:var(--cv-theme-code-snippet-class, #e6c07b)}:host .hljs-emphasis{font-style:italic}:host .hljs-strong{font-weight:700}:host .hljs-link{text-decoration:underline}:host([inline]){border-radius:0}.header{border-bottom:1px solid var(--mdc-theme-border);position:sticky;top:-8px;background-color:var(--mdc-theme-surface-canvas);display:flex;justify-content:space-between;padding:4px 8px 4px 16px;align-items:center;border-radius:var(--mdc-shape-medium) var(--mdc-shape-medium) 0 0}.title{font-family:var(--mdc-typography-subtitle2-font-family);font-size:var(--mdc-typography-subtitle2-font-size);font-weight:var(--mdc-typography-subtitle2-font-weight);line-height:var(--mdc-typography-subtitle2-line-height);padding-right:16px}
+const Dt = `:host{background-color:var(--mdc-theme-surface-canvas);border-radius:var(--mdc-shape-medium);display:block;position:relative;overflow:hidden}:host .code-slot{display:none}:host pre{margin:0;overflow:auto}:host pre code.hljs.cv-code-snippet{padding:16px;display:block;overflow-x:auto;font-family:var(--cv-theme-code-font-family);font-size:var(--cv-theme-code-font-size);font-weight:var(--cv-theme-code-font-weight);line-height:var(--cv-theme-code-line-height)}:host .hljs{color:var(--cv-theme-code-snippet-color, #abb2bf)}:host .hljs-comment,:host .hljs-quote{color:var(--cv-theme-code-snippet-comment, #5c6370);font-style:italic}:host .hljs-doctag,:host .hljs-formula,:host .hljs-keyword{color:var(--cv-theme-code-snippet-keyword, #c678dd)}:host .hljs-deletion,:host .hljs-name,:host .hljs-section,:host .hljs-selector-tag,:host .hljs-subst{color:var(--cv-theme-code-snippet-selector, #e06c75)}:host .hljs-literal{color:var(--cv-theme-code-snippet-literal, #56b6c2)}:host .hljs-addition,:host .hljs-attribute,:host .hljs-meta .hljs-string,:host .hljs-regexp,:host .hljs-string{color:var(--cv-theme-code-snippet-string, #98c379)}:host .hljs-attr,:host .hljs-number,:host .hljs-selector-attr,:host .hljs-selector-class,:host .hljs-selector-pseudo,:host .hljs-template-variable,:host .hljs-type,:host .hljs-variable{color:var(--cv-theme-code-snippet-variable, #d19a66)}:host .hljs-bullet,:host .hljs-link,:host .hljs-meta,:host .hljs-selector-id,:host .hljs-symbol,:host .hljs-title{color:var(--cv-theme-code-snippet-title, #61aeee)}:host .hljs-built_in,:host .hljs-class .hljs-title,:host .hljs-title.class_{color:var(--cv-theme-code-snippet-class, #e6c07b)}:host .hljs-emphasis{font-style:italic}:host .hljs-strong{font-weight:700}:host .hljs-link{text-decoration:underline}:host([inline]){border-radius:0}.header{border-bottom:1px solid var(--mdc-theme-border);position:sticky;top:-8px;background-color:var(--mdc-theme-surface-canvas);display:flex;justify-content:space-between;padding:4px 8px 4px 16px;align-items:center;border-radius:var(--mdc-shape-medium) var(--mdc-shape-medium) 0 0}.title{font-family:var(--mdc-typography-subtitle2-font-family);font-size:var(--mdc-typography-subtitle2-font-size);font-weight:var(--mdc-typography-subtitle2-font-weight);line-height:var(--mdc-typography-subtitle2-line-height);padding-right:16px}
 `;
 function gt(n) {
   return n instanceof Map ? n.clear = n.delete = n.set = function() {
@@ -12212,9 +12212,12 @@ let le = class extends Mt {
     const e = document.createElement("div");
     e.innerHTML = this._code.trim();
     let t;
-    return this.maxHeight && this.maxHeight > 0 && (t = `max-height: ${this.maxHeight}px`), Me`<pre style="${t} part="container"><code class="${kt(
-      n
-    )}">${e}</code></pre><slot class="code-slot"></slot>`;
+    return this.maxHeight && this.maxHeight > 0 && (t = `max-height: ${this.maxHeight}px`), Me`
+      <pre style="${t}" part="container">
+        <code class="${kt(n)}">${e}</code>
+      </pre>
+      <slot class="code-slot"></slot>
+    `;
   }
   renderHeader() {
     return Me`<div class="header" part="header">

package/icon-button-toggle/icon-button-toggle.d.ts

@@ -6,6 +6,7 @@ declare global {
 }
 export declare class CovalentIconButtonToggle extends IconButtonToggle {
     static styles: import("lit").CSSResult[];
+    protected renderRipple(): "" | import("lit-html").TemplateResult<1>;
 }
 export default CovalentIconButtonToggle;
 //# sourceMappingURL=icon-button-toggle.d.ts.map

package/icon-button-toggle/icon-button-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button-toggle.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-button-toggle/icon-button-toggle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAG3F,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,wBAAwB,CAAC;KACnD;CACF;AAED,qBACa,wBAAyB,SAAQ,gBAAgB;IAC5D,OAAgB,MAAM,4BAKpB;CACH;AAED,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"icon-button-toggle.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-button-toggle/icon-button-toggle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAG3F,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,wBAAwB,CAAC;KACnD;CACF;AAED,qBACa,wBAAyB,SAAQ,gBAAgB;IAC5D,OAAgB,MAAM,4BAKpB;IAEF,SAAS,CAAC,YAAY;CAUvB;AAED,eAAe,wBAAwB,CAAC"}

package/icon-button-toggle.js

@@ -39,7 +39,12 @@
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */let a=class extends t{};a.styles=[v];a=o.__decorate([c.e("mwc-icon-button-toggle")],a);const x=`:host{border-radius:50%;color:var(--cv-theme-on-surface-variant)}:host([disabled]){background-color:transparent}:host([on]){--mdc-ripple-press-opacity: .16;--mdc-ripple-hover-opacity: .12;--mdc-ripple-focus-opacity: .16;background-color:var(--cv-theme-primary-8);color:var(--cv-theme-primary)}
-`;var y=Object.defineProperty,w=Object.getOwnPropertyDescriptor,R=(d,e,n,s)=>{for(var i=s>1?void 0:s?w(e,n):e,l=d.length-1,p;l>=0;l--)(p=d[l])&&(i=(s?p(e,n,i):p(i))||i);return s&&i&&y(e,n,i),i};exports.CovalentIconButtonToggle=class extends a{};exports.CovalentIconButtonToggle.styles=[...a.styles,c.i`
+ */let a=class extends t{};a.styles=[v];a=o.__decorate([c.e("mwc-icon-button-toggle")],a);const x=`:host{border-radius:50%;color:var(--cv-theme-on-surface-variant)}:host([disabled]){background-color:transparent}:host([on]){--mdc-ripple-press-opacity: .16;--mdc-ripple-hover-opacity: .12;--mdc-ripple-focus-opacity: .16;background-color:var(--cv-theme-primary-8);color:var(--cv-theme-primary)}:host([on]) .material-icons{font-variation-settings:"FILL" 1}
+`;var y=Object.defineProperty,w=Object.getOwnPropertyDescriptor,R=(d,e,n,s)=>{for(var i=s>1?void 0:s?w(e,n):e,l=d.length-1,p;l>=0;l--)(p=d[l])&&(i=(s?p(e,n,i):p(i))||i);return s&&i&&y(e,n,i),i};exports.CovalentIconButtonToggle=class extends a{renderRipple(){return this.shouldRenderRipple?c.x` <mwc-ripple
+          .disabled="${this.disabled}"
+          .activated="${this.on}"
+          unbounded
+        >
+        </mwc-ripple>`:""}};exports.CovalentIconButtonToggle.styles=[...a.styles,c.i`
       ${c.r(x)}
     `];exports.CovalentIconButtonToggle=R([c.e("cv-icon-button-toggle")],exports.CovalentIconButtonToggle);const k=exports.CovalentIconButtonToggle;exports.default=k;

package/icon-button-toggle.mjs

@@ -151,7 +151,7 @@ s.styles = [$];
 s = o([
   h("mwc-icon-button-toggle")
 ], s);
-const z = `:host{border-radius:50%;color:var(--cv-theme-on-surface-variant)}:host([disabled]){background-color:transparent}:host([on]){--mdc-ripple-press-opacity: .16;--mdc-ripple-hover-opacity: .12;--mdc-ripple-focus-opacity: .16;background-color:var(--cv-theme-primary-8);color:var(--cv-theme-primary)}
+const z = `:host{border-radius:50%;color:var(--cv-theme-on-surface-variant)}:host([disabled]){background-color:transparent}:host([on]){--mdc-ripple-press-opacity: .16;--mdc-ripple-hover-opacity: .12;--mdc-ripple-focus-opacity: .16;background-color:var(--cv-theme-primary-8);color:var(--cv-theme-primary)}:host([on]) .material-icons{font-variation-settings:"FILL" 1}
 `;
 var L = Object.defineProperty, I = Object.getOwnPropertyDescriptor, H = (d, n, e, r) => {
   for (var i = r > 1 ? void 0 : r ? I(n, e) : n, l = d.length - 1, p; l >= 0; l--)
@@ -159,6 +159,14 @@ var L = Object.defineProperty, I = Object.getOwnPropertyDescriptor, H = (d, n, e
   return r && i && L(n, e, i), i;
 };
 let a = class extends s {
+  renderRipple() {
+    return this.shouldRenderRipple ? u` <mwc-ripple
+          .disabled="${this.disabled}"
+          .activated="${this.on}"
+          unbounded
+        >
+        </mwc-ripple>` : "";
+  }
 };
 a.styles = [
   ...s.styles,

package/nav-list-item.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-f623705d.js"),c=require("./property-57f6f6fe.js"),h=require("./list-item.js"),d=require("./list-item-e336fb0e.js");require("./mwc-list-item-base-297d86b0.js");require("./tslib.es6-98719205.js");require("./ripple-handlers-5d5b21db.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, 100px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%);--mdc-list-item-graphic-margin: 4px}::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{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color: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: 0;--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;margin-right:0;border-radius: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: 0}: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{position:relative;height:48px;width:100%;overflow:visible;display:flex;flex-shrink:0;align-items:center}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);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)}
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-f623705d.js"),c=require("./property-57f6f6fe.js"),h=require("./list-item.js"),d=require("./list-item-e336fb0e.js");require("./mwc-list-item-base-297d86b0.js");require("./tslib.es6-98719205.js");require("./ripple-handlers-5d5b21db.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, 100px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%);--mdc-list-item-graphic-margin: 4px}::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{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host([selected]) .mdc-deprecated-list-item__graphic.material-icons,:host([activated]) .mdc-deprecated-list-item__graphic.material-icons{font-variation-settings:"FILL" 1}: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: 0;--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;margin-right:0;border-radius: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: 0}: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{position:relative;height:48px;width:100%;overflow:visible;display:flex;flex-shrink:0;align-items:center}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);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,u=Object.getOwnPropertyDescriptor,s=(n,e,t,i)=>{for(var r=i>1?void 0:i?u(e,t):e,o=n.length-1,l;o>=0;o--)(l=n[o])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&m(e,t,r),r};exports.CovalentNavRailListItem=class extends h.CovalentListItem{constructor(){super(...arguments),this.open=!1,this.hasChildren=!1,this.activated=!1,this.lastKeySelected=0}_toggleOpen(){this.open=!this.open}_handleKeydown(e){const t=this.expansionPanelElements[0],i=t?t==null?void 0:t.getFocusedItemIndex():0,r=(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<r-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.renderMeta();return a.x`
       <div
         @mousedown=${this._toggleOpen}

package/nav-list-item.mjs

@@ -1,4 +1,4 @@
-import { i as s, r as n, l as m, A as g, x as c, e as f } from "./query-assigned-elements-4a39219d.mjs";
+import { i as o, r as n, l as m, A as g, x as p, e as f } from "./query-assigned-elements-4a39219d.mjs";
 import { n as h } from "./property-9b6ea53b.mjs";
 import { CovalentListItem as u } from "./list-item.mjs";
 import { s as v, a as x, c as y } from "./list-item-e628f363.mjs";
@@ -12,14 +12,14 @@ import "./query-d843aa92.mjs";
 import "./class-map-4b94b017.mjs";
 import "./style-map-bc3ed3e0.mjs";
 import "./observer-be7b92e2.mjs";
-const w = `: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, 100px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%);--mdc-list-item-graphic-margin: 4px}::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{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color: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: 0;--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;margin-right:0;border-radius: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: 0}: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{position:relative;height:48px;width:100%;overflow:visible;display:flex;flex-shrink:0;align-items:center}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);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)}
+const w = `: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, 100px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%);--mdc-list-item-graphic-margin: 4px}::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{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host([selected]) .mdc-deprecated-list-item__graphic.material-icons,:host([activated]) .mdc-deprecated-list-item__graphic.material-icons{font-variation-settings:"FILL" 1}: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: 0;--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;margin-right:0;border-radius: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: 0}: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{position:relative;height:48px;width:100%;overflow:visible;display:flex;flex-shrink:0;align-items:center}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);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, _ = Object.getOwnPropertyDescriptor, d = (e, t, i, o) => {
-  for (var r = o > 1 ? void 0 : o ? _(t, i) : t, l = e.length - 1, p; l >= 0; l--)
-    (p = e[l]) && (r = (o ? p(t, i, r) : p(r)) || r);
-  return o && r && b(t, i, r), r;
+var _ = Object.defineProperty, b = Object.getOwnPropertyDescriptor, d = (e, t, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? b(t, i) : t, l = e.length - 1, c; l >= 0; l--)
+    (c = e[l]) && (a = (s ? c(t, i, a) : c(a)) || a);
+  return s && a && _(t, i, a), a;
 };
-let a = class extends u {
+let r = class extends u {
   constructor() {
     super(...arguments), this.open = !1, this.hasChildren = !1, this.activated = !1, this.lastKeySelected = 0;
   }
@@ -27,7 +27,7 @@ let a = class extends u {
     this.open = !this.open;
   }
   _handleKeydown(e) {
-    const t = this.expansionPanelElements[0], i = t ? t == null ? void 0 : t.getFocusedItemIndex() : 0, o = (t == null ? void 0 : t.items.length) ?? 0;
+    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);
@@ -38,7 +38,7 @@ let a = class extends u {
           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 < o - 1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(i), this.lastKeySelected = i);
+        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);
       }
     }
   }
@@ -56,7 +56,7 @@ let a = class extends u {
   }
   renderExpansionItem() {
     const e = this.renderText(), t = this.graphic ? this.renderGraphic() : g, i = this.renderMeta();
-    return c`
+    return p`
       <div
         @mousedown=${this._toggleOpen}
         @touchstart="${this._toggleOpen}"
@@ -77,8 +77,8 @@ let a = class extends u {
     super.disconnectedCallback(), this.removeEventListener("keydown", this._handleKeydown), this.addEventListener("request-selected", this._handleRequestSelected);
   }
   renderMeta() {
-    const e = this.open ? "arrow_drop_up" : "arrow_drop_down", t = this.hasChildren ? c`<cv-icon class="expansion-icon">${e}</cv-icon>` : "";
-    return c`<span class="mdc-deprecated-list-item__meta material-icons">
+    const e = this.open ? "arrow_drop_up" : "arrow_drop_down", t = this.hasChildren ? p`<cv-icon class="expansion-icon">${e}</cv-icon>` : "";
+    return p`<span class="mdc-deprecated-list-item__meta material-icons">
       ${t}
       <slot name="meta"></slot>
     </span>`;
@@ -87,34 +87,34 @@ let a = class extends u {
     return this.hasChildren ? this.renderExpansionItem() : super.render();
   }
 };
-a.styles = [
-  s`
+r.styles = [
+  o`
       ${n(v)}
     `,
-  s`
+  o`
       ${n(x)}
     `,
-  s`
+  o`
       ${n(y)}
     `,
-  s`
+  o`
       ${n(w)}
     `
 ];
 d([
   m({ slot: "expansion-panel", flatten: !0 })
-], a.prototype, "expansionPanelElements", 2);
+], r.prototype, "expansionPanelElements", 2);
 d([
   h({ type: Boolean, reflect: !0 })
-], a.prototype, "open", 2);
+], r.prototype, "open", 2);
 d([
   h({ type: Boolean, reflect: !0 })
-], a.prototype, "hasChildren", 2);
-a = d([
+], r.prototype, "hasChildren", 2);
+r = d([
   f("cv-nav-list-item")
-], a);
-const q = a;
+], r);
+const q = r;
 export {
-  a as CovalentNavRailListItem,
+  r as CovalentNavRailListItem,
   q as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/components",
-  "version": "8.9.2",
+  "version": "8.10.0",
   "description": "a catalog of material components for covalent",
   "main": "./index.js",
   "module": "./index.mjs",