@covalent/components 6.2.2 → 6.3.0-beta.1

package/action-ribbon.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./query-assigned-elements.mjs"),p=require("./utils.mjs"),h=require("./observer.mjs"),t=require("./foundation.mjs"),_=require("./class-map.mjs"),b=require("./property.mjs"),l=require("./query.mjs");require("./tslib.es6.mjs");require("./foundation2.mjs");var g=Object.defineProperty,u=Object.getOwnPropertyDescriptor,o=(a,e,i,c)=>{for(var n=c>1?void 0:c?u(e,i):e,d=a.length-1,m;d>=0;d--)(m=a[d])&&(n=(c?m(e,i,n):m(n))||n);return c&&n&&g(e,i,n),n};class r extends s.s{constructor(){super(...arguments),this.mdcFoundationClass=t.MDCBannerFoundation,this.open=!0,this.labelText="",this.icon="",this.iconAriaLabel="",this.centered=!0,this.reason=t.CloseReason.UNSPECIFIED}render(){const e={"mdc-banner":!0,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active","mdc-banner--centered":this.centered};return s.y` <div class="${_.o(e)}" role="banner">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./query-assigned-elements-07e38f46.js"),p=require("./utils-a8190a39.js"),h=require("./observer-a096ab43.js"),t=require("./foundation-3f55a9dc.js"),_=require("./class-map-50b8edb4.js"),b=require("./property-074570d1.js"),l=require("./query-2ba749b7.js");require("./tslib.es6-6b53b818.js");require("./foundation-e830bd94.js");var g=Object.defineProperty,u=Object.getOwnPropertyDescriptor,o=(a,e,i,c)=>{for(var n=c>1?void 0:c?u(e,i):e,d=a.length-1,m;d>=0;d--)(m=a[d])&&(n=(c?m(e,i,n):m(n))||n);return c&&n&&g(e,i,n),n};class r extends s.s{constructor(){super(...arguments),this.mdcFoundationClass=t.MDCBannerFoundation,this.open=!0,this.labelText="",this.icon="",this.iconAriaLabel="",this.centered=!0,this.reason=t.CloseReason.UNSPECIFIED}render(){const e={"mdc-banner":!0,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active","mdc-banner--centered":this.centered};return s.y` <div class="${_.o(e)}" role="banner">
       <div class="mdc-banner__content" role="alertdialog" aria-live="assertive" aria-label="${this.labelText}">
         <div class="mdc-banner__graphic-text-wrapper">
           ${this.icon?this.renderIcon():""}

package/action-ribbon.mjs

@@ -1,12 +1,12 @@
-import { s as g, y as h, i as u, r as f, e as v } from "./query-assigned-elements.mjs";
-import { a as x } from "./utils.mjs";
-import { o as y } from "./observer.mjs";
-import { s as _, C as p, M as w, e as s } from "./foundation.mjs";
-import { o as C } from "./class-map.mjs";
-import { e as m } from "./property.mjs";
-import { i as l } from "./query.mjs";
-import "./tslib.es6.mjs";
-import "./foundation2.mjs";
+import { s as g, y as h, i as u, r as f, e as v } from "./query-assigned-elements-514e5265.mjs";
+import { a as x } from "./utils-dc65fdc9.mjs";
+import { o as y } from "./observer-be7b92e2.mjs";
+import { s as _, C as p, M as w, e as s } from "./foundation-c580100a.mjs";
+import { o as C } from "./class-map-08c84aeb.mjs";
+import { e as m } from "./property-ca27685b.mjs";
+import { i as l } from "./query-1e7846ea.mjs";
+import "./tslib.es6-b5e819a6.mjs";
+import "./foundation-2334d146.mjs";
 var E = Object.defineProperty, k = Object.getOwnPropertyDescriptor, i = (c, e, r, a) => {
   for (var t = a > 1 ? void 0 : a ? k(e, r) : e, o = c.length - 1, d; o >= 0; o--)
     (d = c[o]) && (t = (a ? d(e, r, t) : d(t)) || t);

package/alert.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./query-assigned-elements.mjs"),l=require("./utils.mjs"),p=require("./observer.mjs"),h=require("./foundation.mjs"),_=require("./class-map.mjs"),s=require("./property.mjs"),b=require("./query.mjs");require("./tslib.es6.mjs");require("./foundation2.mjs");var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,i=(r,e,a,o)=>{for(var t=o>1?void 0:o?f(e,a):e,c=r.length-1,d;c>=0;c--)(d=r[c])&&(t=(o?d(e,a,t):d(t))||t);return o&&t&&g(e,a,t),t};class n extends m.s{constructor(){super(...arguments),this.mdcFoundationClass=h.MDCBannerFoundation,this.open=!0,this.titleText="",this.descriptionText="",this.icon="",this.iconAriaLabel="",this.inline=!1,this.state="",this.reason=h.CloseReason.UNSPECIFIED}render(){const e={"mdc-banner":!0,"cv-banner--inline":this.inline,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active"};return m.y` <div class="${_.o(e)}" role="banner">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./query-assigned-elements-07e38f46.js"),l=require("./utils-a8190a39.js"),p=require("./observer-a096ab43.js"),h=require("./foundation-3f55a9dc.js"),_=require("./class-map-50b8edb4.js"),s=require("./property-074570d1.js"),b=require("./query-2ba749b7.js");require("./tslib.es6-6b53b818.js");require("./foundation-e830bd94.js");var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,i=(r,e,a,o)=>{for(var t=o>1?void 0:o?f(e,a):e,c=r.length-1,d;c>=0;c--)(d=r[c])&&(t=(o?d(e,a,t):d(t))||t);return o&&t&&g(e,a,t),t};class n extends m.s{constructor(){super(...arguments),this.mdcFoundationClass=h.MDCBannerFoundation,this.open=!0,this.titleText="",this.descriptionText="",this.icon="",this.iconAriaLabel="",this.inline=!1,this.state="",this.reason=h.CloseReason.UNSPECIFIED}render(){const e={"mdc-banner":!0,"cv-banner--inline":this.inline,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active"};return m.y` <div class="${_.o(e)}" role="banner">
       <div class="mdc-banner__content" role="alertdialog" aria-live="assertive" aria-label="${this.titleText}">
         <div class="mdc-banner__graphic-text-wrapper">
           ${this.icon?this.renderIcon():""}

package/alert.mjs

@@ -1,12 +1,12 @@
-import { s as l, y as b, i as _, r as f, e as g } from "./query-assigned-elements.mjs";
-import { a as v } from "./utils.mjs";
-import { o as u } from "./observer.mjs";
-import { C as h, M as x, e as y } from "./foundation.mjs";
-import { o as w } from "./class-map.mjs";
-import { e as s } from "./property.mjs";
-import { i as p } from "./query.mjs";
-import "./tslib.es6.mjs";
-import "./foundation2.mjs";
+import { s as l, y as b, i as _, r as f, e as g } from "./query-assigned-elements-514e5265.mjs";
+import { a as v } from "./utils-dc65fdc9.mjs";
+import { o as u } from "./observer-be7b92e2.mjs";
+import { C as h, M as x, e as y } from "./foundation-c580100a.mjs";
+import { o as w } from "./class-map-08c84aeb.mjs";
+import { e as s } from "./property-ca27685b.mjs";
+import { i as p } from "./query-1e7846ea.mjs";
+import "./tslib.es6-b5e819a6.mjs";
+import "./foundation-2334d146.mjs";
 var C = Object.defineProperty, k = Object.getOwnPropertyDescriptor, o = (i, e, r, a) => {
   for (var t = a > 1 ? void 0 : a ? k(e, r) : e, c = i.length - 1, d; c >= 0; c--)
     (d = i[c]) && (t = (a ? d(e, r, t) : d(t)) || t);

package/app-shell/app-shell.d.ts

@@ -1,3 +1,4 @@
+import { nothing } from 'lit';
 import { DrawerBase } from '@material/mwc-drawer/mwc-drawer-base';
 declare global {
     interface HTMLElementTagNameMap {
@@ -17,12 +18,25 @@ export declare class CovalentAppShell extends DrawerBase {
      * The name of the application to show in the small app bar
      */
     appName: string;
+    /**
+     * The name of the section shown above the navigation
+     */
+    sectionName: string;
+    miniListOpen: boolean;
     helpOpen: boolean;
+    private forcedOpen;
+    private hovered;
+    private navHoverTimeout?;
     constructor();
     private _toggleOpen;
+    private _handleMenuClick;
+    private _handleNavMouseOver;
+    private _handleNavMouseOut;
+    private _handleDrawerClosed;
     resizeEvent(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    protected renderSection(): import("lit-html").TemplateResult<1> | typeof nothing;
     render(): import("lit-html").TemplateResult<1>;
 }
 export default CovalentAppShell;

package/app-shell/app-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/app-shell/app-shell.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAGlE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,gBAAgB,CAAC;KAClC;CACF;AAED;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAIpB;IAGF,sBAAsB,EAAG,WAAW,EAAE,CAAC;IAGvC,gBAAgB,EAAG,WAAW,EAAE,CAAC;IAEjC;;OAEG;IAEH,OAAO,SAAM;IAGb,QAAQ,UAAS;;IAQjB,OAAO,CAAC,WAAW;IAgBnB,WAAW;IAWF,iBAAiB;IAKjB,oBAAoB;IAKpB,MAAM;CAsDhB;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/app-shell/app-shell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,OAAO,EAAa,MAAM,KAAK,CAAC;AAOpD,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAGlE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,gBAAgB,CAAC;KAClC;CACF;AAED;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAIpB;IAGF,sBAAsB,EAAG,WAAW,EAAE,CAAC;IAGvC,gBAAgB,EAAG,WAAW,EAAE,CAAC;IAEjC;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,WAAW,SAAM;IAGjB,YAAY,UAAS;IAGrB,QAAQ,UAAS;IAEjB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,eAAe,CAAC,CAAS;;IAQjC,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,mBAAmB;IAM3B,WAAW;IAWF,iBAAiB;IAMjB,oBAAoB;IAM7B,SAAS,CAAC,aAAa;IASd,MAAM;CAgEhB;AAED,eAAe,gBAAgB,CAAC"}

package/app-shell.js

@@ -1,41 +1,49 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements.mjs"),m=require("./property.mjs"),s=require("./class-map.mjs"),c=require("./mwc-drawer-base.mjs");require("./tslib.es6.mjs");require("./inert.esm.mjs");require("./base-element.mjs");require("./utils.mjs");require("./observer.mjs");require("./query.mjs");const p=`.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0}.app-shell{background-color:var(--mdc-theme-surface);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100vh}.app-shell:after{content:"";position:absolute;top:0;height:2px;width:100%;z-index:1000;background-color:#f3753f}.main{grid-area:main;overflow:auto;height:100vh;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}.help{grid-area:help;width:320px;height:100vh;overflow-y:auto;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12));transition-property:width;transition-duration:.2s}.help.help--closed{width:0}[name=mini-list]{display:block;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12));width:320px;height:100vh}@media only screen and (max-width: 1000px){[name=mini-list]{display:none}}nav.navigation{grid-area:nav;height:100vh;overflow-y:auto;border-right:0}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center}nav.navigation slot[name=logo]{display:none}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:12px;margin-right:12px}nav.navigation.mdc-drawer--open slot[name=logo]{display:block}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transition-duration:.2s;transform:none;background-color:transparent}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open{width:256px}.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}
-`;var h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,d=(n,e,i,a)=>{for(var t=a>1?void 0:a?g(e,i):e,o=n.length-1,l;o>=0;o--)(l=n[o])&&(t=(a?l(e,i,t):l(t))||t);return a&&t&&h(e,i,t),t};exports.CovalentAppShell=class extends c.DrawerBase{constructor(){super(),this.appName="",this.helpOpen=!1,this.resizeEvent()}_toggleOpen(){this.mdcFoundation.isOpening()||this.mdcFoundation.isClosing()||(this.open=!this.open,[...this.navigationListElements,...this.userMenuElements].forEach(e=>e.setAttribute("navopen",this.open.toString())),this.dispatchEvent(new Event("CovalentAppShell:toggle",{bubbles:!0,composed:!0})))}resizeEvent(){const e=window.matchMedia("(max-width: 800px)");e.matches&&this.type!=="modal"?this.type="modal":!e.matches&&this.type!=="dismissible"&&(this.type="dismissible"),this.requestUpdate()}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",()=>this.resizeEvent())}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.resizeEvent)}render(){const e=this.type==="dismissible"||this.type==="modal",i=this.type==="modal",a={"mdc-drawer--dismissible":e,"mdc-drawer--modal":i},t={"help--closed":!this.helpOpen},o=i?r.y`<div
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements-07e38f46.js"),s=require("./property-074570d1.js"),c=require("./class-map-50b8edb4.js"),m=require("./mwc-drawer-base-f44fcf34.js");require("./tslib.es6-6b53b818.js");require("./inert.esm-2cee6f2e.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./query-2ba749b7.js");const p=`.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0}.app-shell{background-color:var(--mdc-theme-surface);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100vh}.app-shell:after{content:"";position:absolute;top:0;height:2px;width:100%;z-index:1000;background-color:#f3753f}.main{grid-area:main;overflow:auto;height:100vh;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px}:not(.cov-drawer--forcedOpen) .main{margin-left:72px}.cov-appshell--minilist .main{margin-left:0}}.help{grid-area:help;width:320px;height:100vh;overflow-y:auto;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12));transition-property:width;transition-duration:.2s}.help.help--closed{width:0;border:none}.current-section{align-items:center;border-bottom:1px solid var(--mdc-theme-border);display:flex;column-gap:12px;font-size:var(--mdc-typography-body2-font-size);font-family:var(--mdc-typography-body2-font-family);font-weight:600;justify-content:flex-start;overflow:hidden;min-height:48px;padding:8px 16px 8px 12px;position:relative;text-align:left}[name=mini-list]{display:none;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12));width:320px;height:100vh}@media only screen and (min-width: 768px){.cov-appshell--minilist [name=mini-list]{display:block}:not(.cov-drawer--forcedOpen) [name=mini-list]{margin-left:72px}}@media only screen and (max-width: 1000px){[name=mini-list]{display:none}}nav.navigation{grid-area:nav;height:100vh;overflow-y:auto;border-right:0}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{border-bottom:1px solid var(--mdc-theme-border);display:flex;align-items:center}nav.navigation slot[name=logo]{display:none}nav.navigation slot[name=navigation]{margin-top:8px;display:block}:not(.cov-drawer--forcedOpen) nav.navigation,:not(.cov-drawer--forcedOpen) nav.navigation.mdc-drawer--closed,:not(.cov-drawer--forcedOpen) nav.navigation.mdc-drawer--closing{position:absolute;top:0;left:0;bottom:0}nav.navigation.mdc-drawer--open{background-color:var(--mdc-theme-surface)}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:12px;margin-right:12px}nav.navigation.mdc-drawer--open slot[name=logo]{display:block}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;border-right:1px solid var(--mdc-theme-border)}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transition-duration:.2s;transform:none;background-color:transparent}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open{width:256px}.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}
+`;var h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(l,e,i,o)=>{for(var r=o>1?void 0:o?g(e,i):e,n=l.length-1,d;n>=0;n--)(d=l[n])&&(r=(o?d(e,i,r):d(r))||r);return o&&r&&h(e,i,r),r};exports.CovalentAppShell=class extends m.DrawerBase{constructor(){super(),this.appName="",this.sectionName="",this.miniListOpen=!1,this.helpOpen=!1,this.forcedOpen=!1,this.hovered=!1,this.resizeEvent()}_toggleOpen(e=!1){this.mdcFoundation.isOpening()||this.mdcFoundation.isClosing()||(this.open=e||!this.open,[...this.navigationListElements,...this.userMenuElements].forEach(i=>i.setAttribute("navopen",this.open.toString())),this.dispatchEvent(new Event("CovalentAppShell:toggle",{bubbles:!0,composed:!0})),this.requestUpdate())}_handleMenuClick(){this._toggleOpen(!this.forcedOpen),this.forcedOpen=!0,this.hovered=!1}_handleNavMouseOver(){clearTimeout(this.navHoverTimeout),!(this.open||this.forcedOpen)&&(this.hovered=!0,this.navHoverTimeout=setTimeout(()=>this._toggleOpen(),350))}_handleNavMouseOut(){clearTimeout(this.navHoverTimeout),!(!this.open||this.forcedOpen)&&(this.navHoverTimeout=setTimeout(()=>this._toggleOpen(),350))}_handleDrawerClosed(){this.forcedOpen=!1,this.hovered=!1,this.requestUpdate()}resizeEvent(){const e=window.matchMedia("(max-width: 800px)");e.matches&&this.type!=="modal"?this.type="modal":!e.matches&&this.type!=="dismissible"&&(this.type="dismissible"),this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.addEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.addEventListener("resize",()=>this.resizeEvent())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.removeEventListener("resize",this.resizeEvent)}renderSection(){return this.sectionName?t.y`<div class="current-section">
+          <cv-icon-button icon="arrow_back"></cv-icon-button>
+          <span>${this.sectionName}</span>
+        </div>`:t.b}render(){const e=this.type==="dismissible"||this.type==="modal",i=this.type==="modal",o={"cov-drawer--forcedOpen":this.forcedOpen,"cov-appshell--minilist":this.miniListOpen,"cov-drawer--hovered":this.hovered},r={"mdc-drawer--dismissible":e,"mdc-drawer--modal":i},n={"help--closed":!this.helpOpen},d=i?t.y`<div
           class="mdc-drawer-scrim"
           @click="${this._handleScrimClick}"
-        ></div>`:r.b;return r.y`
-      <div class="app-shell">
+        ></div>`:t.b;return t.y`
+      <div class="app-shell ${c.o(o)}">
         <span class="header"
           ><cv-top-app-bar-fixed centerTitle>
             <cv-icon-button
               class="toggle-drawer"
-              @click=${this._toggleOpen}
+              @click=${this._handleMenuClick}
               slot="navigationIcon"
               icon="menu"
             ></cv-icon-button>
             <span slot="title">${this.appName}</span>
           </cv-top-app-bar-fixed>
         </span>
-        <nav class="navigation mdc-drawer ${s.o(a)}">
+        <nav
+          class="navigation mdc-drawer ${c.o(r)}"
+          @mouseover="${this._handleNavMouseOver}"
+          @mouseout="${this._handleNavMouseOut}"
+        >
           <div class="navigation-toolbar">
             <cv-icon-button
-              @click=${this._toggleOpen}
+              @click="${this._handleMenuClick}"
               class="toggle-drawer"
               icon="menu"
             ></cv-icon-button>
             <slot name="logo"></slot>
           </div>
+          ${this.renderSection()}
           <slot name="navigation"></slot>
           <div style="display:flex; flex:1;"></div>
           <div divider></div>
           <slot name="user-menu"></slot>
         </nav>
-        ${o}
+        ${d}
         <slot name="mini-list"></slot>
         <div class="main mdc-drawer-app-content"><slot></slot></div>
-        <div class="help ${s.o(t)}">
+        <div class="help ${c.o(n)}">
           <slot name="help"></slot>
         </div>
       </div>
-    `}};exports.CovalentAppShell.styles=[r.i`
-      ${r.r(p)}
-    `];d([r.l({slot:"navigation"})],exports.CovalentAppShell.prototype,"navigationListElements",2);d([r.l({slot:"user-menu"})],exports.CovalentAppShell.prototype,"userMenuElements",2);d([m.e()],exports.CovalentAppShell.prototype,"appName",2);d([m.e({type:Boolean})],exports.CovalentAppShell.prototype,"helpOpen",2);exports.CovalentAppShell=d([r.e("cv-app-shell")],exports.CovalentAppShell);const f=exports.CovalentAppShell;exports.default=f;
+    `}};exports.CovalentAppShell.styles=[t.i`
+      ${t.r(p)}
+    `];a([t.l({slot:"navigation"})],exports.CovalentAppShell.prototype,"navigationListElements",2);a([t.l({slot:"user-menu"})],exports.CovalentAppShell.prototype,"userMenuElements",2);a([s.e()],exports.CovalentAppShell.prototype,"appName",2);a([s.e()],exports.CovalentAppShell.prototype,"sectionName",2);a([s.e({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"miniListOpen",2);a([s.e({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"helpOpen",2);exports.CovalentAppShell=a([t.e("cv-app-shell")],exports.CovalentAppShell);const v=exports.CovalentAppShell;exports.default=v;

package/app-shell.mjs

@@ -1,110 +1,143 @@
-import { i as h, r as g, l as c, y as l, b as f, e as y } from "./query-assigned-elements.mjs";
-import { e as p } from "./property.mjs";
-import { o as m } from "./class-map.mjs";
-import { D as b } from "./mwc-drawer-base.mjs";
-import "./tslib.es6.mjs";
-import "./inert.esm.mjs";
-import "./base-element.mjs";
-import "./utils.mjs";
-import "./observer.mjs";
-import "./query.mjs";
-const w = `.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0}.app-shell{background-color:var(--mdc-theme-surface);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100vh}.app-shell:after{content:"";position:absolute;top:0;height:2px;width:100%;z-index:1000;background-color:#f3753f}.main{grid-area:main;overflow:auto;height:100vh;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}.help{grid-area:help;width:320px;height:100vh;overflow-y:auto;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12));transition-property:width;transition-duration:.2s}.help.help--closed{width:0}[name=mini-list]{display:block;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12));width:320px;height:100vh}@media only screen and (max-width: 1000px){[name=mini-list]{display:none}}nav.navigation{grid-area:nav;height:100vh;overflow-y:auto;border-right:0}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{display:flex;align-items:center}nav.navigation slot[name=logo]{display:none}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:12px;margin-right:12px}nav.navigation.mdc-drawer--open slot[name=logo]{display:block}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transition-duration:.2s;transform:none;background-color:transparent}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open{width:256px}.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}
+import { i as g, r as f, l as h, y as m, b as p, e as v } from "./query-assigned-elements-514e5265.mjs";
+import { e as s } from "./property-ca27685b.mjs";
+import { o as c } from "./class-map-08c84aeb.mjs";
+import { D as w } from "./mwc-drawer-base-b2b772c3.mjs";
+import "./tslib.es6-b5e819a6.mjs";
+import "./inert.esm-359d4581.mjs";
+import "./base-element-c3dc926e.mjs";
+import "./utils-dc65fdc9.mjs";
+import "./observer-be7b92e2.mjs";
+import "./query-1e7846ea.mjs";
+const y = `.mdc-drawer{border-color:#0000001f;background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer .mdc-drawer__title{color:#000000de}.mdc-drawer .mdc-deprecated-list-group__subheader,.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-deprecated-list-item__graphic{color:#0009}.mdc-drawer .mdc-deprecated-list-item{color:#000000de}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:#6200eede}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:40px;margin:8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader:before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translate(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translate(100%)}.mdc-drawer--opening{transform:translate(0);transition-duration:.25s}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translate(0)}.mdc-drawer--closing{transform:translate(-100%);transition-duration:.2s}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translate(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title:before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title:after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle:before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:#00000052}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:.25s;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:.2s;opacity:0}:host{--mdc-theme-surface: var(--mdc-theme-background);--mdc-list-vertical-padding: 0}.app-shell{background-color:var(--mdc-theme-surface);display:grid;grid-template:"nav mini-list main help" min-content/auto auto 1fr;min-height:100vh}.app-shell:after{content:"";position:absolute;top:0;height:2px;width:100%;z-index:1000;background-color:#f3753f}.main{grid-area:main;overflow:auto;height:100vh;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){.cov-drawer--hovered .main,.main.cov-drawer--hovered-closing{margin-left:72px}:not(.cov-drawer--forcedOpen) .main{margin-left:72px}.cov-appshell--minilist .main{margin-left:0}}.help{grid-area:help;width:320px;height:100vh;overflow-y:auto;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12));transition-property:width;transition-duration:.2s}.help.help--closed{width:0;border:none}.current-section{align-items:center;border-bottom:1px solid var(--mdc-theme-border);display:flex;column-gap:12px;font-size:var(--mdc-typography-body2-font-size);font-family:var(--mdc-typography-body2-font-family);font-weight:600;justify-content:flex-start;overflow:hidden;min-height:48px;padding:8px 16px 8px 12px;position:relative;text-align:left}[name=mini-list]{display:none;border-left:1px solid;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12));width:320px;height:100vh}@media only screen and (min-width: 768px){.cov-appshell--minilist [name=mini-list]{display:block}:not(.cov-drawer--forcedOpen) [name=mini-list]{margin-left:72px}}@media only screen and (max-width: 1000px){[name=mini-list]{display:none}}nav.navigation{grid-area:nav;height:100vh;overflow-y:auto;border-right:0}nav.navigation .toggle-drawer{margin:8px auto}nav.navigation .navigation-toolbar{border-bottom:1px solid var(--mdc-theme-border);display:flex;align-items:center}nav.navigation slot[name=logo]{display:none}nav.navigation slot[name=navigation]{margin-top:8px;display:block}:not(.cov-drawer--forcedOpen) nav.navigation,:not(.cov-drawer--forcedOpen) nav.navigation.mdc-drawer--closed,:not(.cov-drawer--forcedOpen) nav.navigation.mdc-drawer--closing{position:absolute;top:0;left:0;bottom:0}nav.navigation.mdc-drawer--open{background-color:var(--mdc-theme-surface)}nav.navigation.mdc-drawer--open .toggle-drawer{margin-left:12px;margin-right:12px}nav.navigation.mdc-drawer--open slot[name=logo]{display:block}.cov-drawer--hovered nav.navigation{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;border-right:1px solid var(--mdc-theme-border)}[divider]{border-bottom:1px solid;margin:16px;border-color:var(--mdc-theme-border, rgba(0, 0, 0, .12))}@media only screen and (min-width: 768px){nav.navigation{display:flex;flex-direction:column;transition-property:width;transition-duration:.2s;transform:none;background-color:transparent}.mdc-drawer--dismissible{display:block;width:72px;position:static}.mdc-drawer--open{width:256px}.mdc-drawer--opening{width:256px;transition-duration:.2s}.mdc-drawer--closing{width:72px;transition-duration:.2s}.header{display:none}}@media only screen and (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main" "mini-list" "help"}[name=help]::slotted(*),.main{height:auto;width:auto;border:none}}
 `;
-var v = Object.defineProperty, x = Object.getOwnPropertyDescriptor, d = (e, i, o, a) => {
-  for (var t = a > 1 ? void 0 : a ? x(i, o) : i, n = e.length - 1, s; n >= 0; n--)
-    (s = e[n]) && (t = (a ? s(i, o, t) : s(t)) || t);
-  return a && t && v(i, o, t), t;
+var b = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (e, r, n, o) => {
+  for (var i = o > 1 ? void 0 : o ? x(r, n) : r, d = e.length - 1, l; d >= 0; d--)
+    (l = e[d]) && (i = (o ? l(r, n, i) : l(i)) || i);
+  return o && i && b(r, n, i), i;
 };
-let r = class extends b {
+let t = class extends w {
   constructor() {
-    super(), this.appName = "", this.helpOpen = !1, this.resizeEvent();
+    super(), this.appName = "", this.sectionName = "", this.miniListOpen = !1, this.helpOpen = !1, this.forcedOpen = !1, this.hovered = !1, this.resizeEvent();
   }
-  _toggleOpen() {
-    this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open = !this.open, [...this.navigationListElements, ...this.userMenuElements].forEach(
-      (e) => e.setAttribute("navopen", this.open.toString())
+  _toggleOpen(e = !1) {
+    this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open = e || !this.open, [...this.navigationListElements, ...this.userMenuElements].forEach(
+      (r) => r.setAttribute("navopen", this.open.toString())
     ), this.dispatchEvent(
       new Event("CovalentAppShell:toggle", { bubbles: !0, composed: !0 })
-    ));
+    ), this.requestUpdate());
+  }
+  _handleMenuClick() {
+    this._toggleOpen(!this.forcedOpen), this.forcedOpen = !0, this.hovered = !1;
+  }
+  _handleNavMouseOver() {
+    clearTimeout(this.navHoverTimeout), !(this.open || this.forcedOpen) && (this.hovered = !0, this.navHoverTimeout = setTimeout(() => this._toggleOpen(), 350));
+  }
+  _handleNavMouseOut() {
+    clearTimeout(this.navHoverTimeout), !(!this.open || this.forcedOpen) && (this.navHoverTimeout = setTimeout(() => this._toggleOpen(), 350));
+  }
+  _handleDrawerClosed() {
+    this.forcedOpen = !1, this.hovered = !1, this.requestUpdate();
   }
   resizeEvent() {
     const e = window.matchMedia("(max-width: 800px)");
     e.matches && this.type !== "modal" ? this.type = "modal" : !e.matches && this.type !== "dismissible" && (this.type = "dismissible"), this.requestUpdate();
   }
   connectedCallback() {
-    super.connectedCallback(), window.addEventListener("resize", () => this.resizeEvent());
+    super.connectedCallback(), this.addEventListener("MDCDrawer:closed", this._handleDrawerClosed), window.addEventListener("resize", () => this.resizeEvent());
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), window.removeEventListener("resize", this.resizeEvent);
+    super.disconnectedCallback(), this.removeEventListener("MDCDrawer:closed", this._handleDrawerClosed), window.removeEventListener("resize", this.resizeEvent);
+  }
+  renderSection() {
+    return this.sectionName ? m`<div class="current-section">
+          <cv-icon-button icon="arrow_back"></cv-icon-button>
+          <span>${this.sectionName}</span>
+        </div>` : p;
   }
   render() {
-    const e = this.type === "dismissible" || this.type === "modal", i = this.type === "modal", o = {
+    const e = this.type === "dismissible" || this.type === "modal", r = this.type === "modal", n = {
+      "cov-drawer--forcedOpen": this.forcedOpen,
+      "cov-appshell--minilist": this.miniListOpen,
+      "cov-drawer--hovered": this.hovered
+    }, o = {
       "mdc-drawer--dismissible": e,
-      "mdc-drawer--modal": i
-    }, a = {
+      "mdc-drawer--modal": r
+    }, i = {
       "help--closed": !this.helpOpen
-    }, t = i ? l`<div
+    }, d = r ? m`<div
           class="mdc-drawer-scrim"
           @click="${this._handleScrimClick}"
-        ></div>` : f;
-    return l`
-      <div class="app-shell">
+        ></div>` : p;
+    return m`
+      <div class="app-shell ${c(n)}">
         <span class="header"
           ><cv-top-app-bar-fixed centerTitle>
             <cv-icon-button
               class="toggle-drawer"
-              @click=${this._toggleOpen}
+              @click=${this._handleMenuClick}
               slot="navigationIcon"
               icon="menu"
             ></cv-icon-button>
             <span slot="title">${this.appName}</span>
           </cv-top-app-bar-fixed>
         </span>
-        <nav class="navigation mdc-drawer ${m(o)}">
+        <nav
+          class="navigation mdc-drawer ${c(o)}"
+          @mouseover="${this._handleNavMouseOver}"
+          @mouseout="${this._handleNavMouseOut}"
+        >
           <div class="navigation-toolbar">
             <cv-icon-button
-              @click=${this._toggleOpen}
+              @click="${this._handleMenuClick}"
               class="toggle-drawer"
               icon="menu"
             ></cv-icon-button>
             <slot name="logo"></slot>
           </div>
+          ${this.renderSection()}
           <slot name="navigation"></slot>
           <div style="display:flex; flex:1;"></div>
           <div divider></div>
           <slot name="user-menu"></slot>
         </nav>
-        ${t}
+        ${d}
         <slot name="mini-list"></slot>
         <div class="main mdc-drawer-app-content"><slot></slot></div>
-        <div class="help ${m(a)}">
+        <div class="help ${c(i)}">
           <slot name="help"></slot>
         </div>
       </div>
     `;
   }
 };
-r.styles = [
-  h`
-      ${g(w)}
+t.styles = [
+  g`
+      ${f(y)}
     `
 ];
-d([
-  c({ slot: "navigation" })
-], r.prototype, "navigationListElements", 2);
-d([
-  c({ slot: "user-menu" })
-], r.prototype, "userMenuElements", 2);
-d([
-  p()
-], r.prototype, "appName", 2);
-d([
-  p({ type: Boolean })
-], r.prototype, "helpOpen", 2);
-r = d([
-  y("cv-app-shell")
-], r);
-const S = r;
+a([
+  h({ slot: "navigation" })
+], t.prototype, "navigationListElements", 2);
+a([
+  h({ slot: "user-menu" })
+], t.prototype, "userMenuElements", 2);
+a([
+  s()
+], t.prototype, "appName", 2);
+a([
+  s()
+], t.prototype, "sectionName", 2);
+a([
+  s({ type: Boolean, reflect: !0 })
+], t.prototype, "miniListOpen", 2);
+a([
+  s({ type: Boolean, reflect: !0 })
+], t.prototype, "helpOpen", 2);
+t = a([
+  v("cv-app-shell")
+], t);
+const N = t;
 export {
-  r as CovalentAppShell,
-  S as default
+  t as CovalentAppShell,
+  N as default
 };

package/aria-property-fa2717fe.mjs

@@ -0,0 +1,41 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+function c(e, t, r) {
+  const n = e.constructor;
+  if (!r) {
+    const s = `__${t}`;
+    if (r = n.getPropertyDescriptor(t, s), !r)
+      throw new Error("@ariaProperty must be used after a @property decorator");
+  }
+  const o = r;
+  let i = "";
+  if (!o.set)
+    throw new Error(`@ariaProperty requires a setter for ${t}`);
+  if (e.dispatchWizEvent)
+    return r;
+  const u = {
+    configurable: !0,
+    enumerable: !0,
+    set(s) {
+      if (i === "") {
+        const a = n.getPropertyOptions(t);
+        i = typeof a.attribute == "string" ? a.attribute : t;
+      }
+      this.hasAttribute(i) && this.removeAttribute(i), o.set.call(this, s);
+    }
+  };
+  return o.get && (u.get = function() {
+    return o.get.call(this);
+  }), u;
+}
+function p(e, t, r) {
+  if (t !== void 0)
+    return c(e, t, r);
+  throw new Error("@ariaProperty only supports TypeScript Decorators");
+}
+export {
+  p as a
+};

package/base-element-c3dc926e.mjs

@@ -0,0 +1,28 @@
+import { s as t } from "./query-assigned-elements-514e5265.mjs";
+import "./utils-dc65fdc9.mjs";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class d extends t {
+  click() {
+    if (this.mdcRoot) {
+      this.mdcRoot.focus(), this.mdcRoot.click();
+      return;
+    }
+    super.click();
+  }
+  /**
+   * Create and attach the MDC Foundation to the instance
+   */
+  createFoundation() {
+    this.mdcFoundation !== void 0 && this.mdcFoundation.destroy(), this.mdcFoundationClass && (this.mdcFoundation = new this.mdcFoundationClass(this.createAdapter()), this.mdcFoundation.init());
+  }
+  firstUpdated() {
+    this.createFoundation();
+  }
+}
+export {
+  d as B
+};

package/{base-element.mjs → base-element-d5abe37a.js}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./query-assigned-elements.mjs");require("./utils.mjs");/**
+"use strict";const t=require("./query-assigned-elements-07e38f46.js");require("./utils-a8190a39.js");/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0

package/button.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./query-assigned-elements.mjs"),e=require("./tslib.es6.mjs");require("./mwc-icon.mjs");const u=require("./ripple-handlers.mjs"),b=require("./aria-property.mjs"),r=require("./property.mjs"),m=require("./state.mjs"),x=require("./event-options.mjs"),h=require("./query.mjs"),s=require("./class-map.mjs"),g=require("./if-defined.mjs");require("./base-element.mjs");require("./utils.mjs");require("./style-map.mjs");/**
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./query-assigned-elements-07e38f46.js"),e=require("./tslib.es6-6b53b818.js");require("./mwc-icon-b96fb867.js");const u=require("./ripple-handlers-2176f137.js"),b=require("./aria-property-849c8816.js"),r=require("./property-074570d1.js"),m=require("./state-949232e6.js"),x=require("./event-options-7bc382d8.js"),h=require("./query-2ba749b7.js"),s=require("./class-map-50b8edb4.js"),g=require("./if-defined-cb12d481.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./style-map-3056a771.js");/**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: Apache-2.0

package/button.mjs

@@ -1,17 +1,17 @@
-import { s as m, y as a, i as u, r as x, e as h } from "./query-assigned-elements.mjs";
-import { _ as o } from "./tslib.es6.mjs";
-import "./mwc-icon.mjs";
-import { e as g, R as f } from "./ripple-handlers.mjs";
-import { a as v } from "./aria-property.mjs";
-import { e as r } from "./property.mjs";
-import { t as _ } from "./state.mjs";
-import { e as y } from "./event-options.mjs";
-import { i as w } from "./query.mjs";
-import { o as b } from "./class-map.mjs";
-import { l as R } from "./if-defined.mjs";
-import "./base-element.mjs";
-import "./utils.mjs";
-import "./style-map.mjs";
+import { s as m, y as a, i as u, r as x, e as h } from "./query-assigned-elements-514e5265.mjs";
+import { _ as o } from "./tslib.es6-b5e819a6.mjs";
+import "./mwc-icon-c7013880.mjs";
+import { e as g, R as f } from "./ripple-handlers-227497d3.mjs";
+import { a as v } from "./aria-property-fa2717fe.mjs";
+import { e as r } from "./property-ca27685b.mjs";
+import { t as _ } from "./state-6f7e570d.mjs";
+import { e as y } from "./event-options-3937d997.mjs";
+import { i as w } from "./query-1e7846ea.mjs";
+import { o as b } from "./class-map-08c84aeb.mjs";
+import { l as R } from "./if-defined-639ed018.mjs";
+import "./base-element-c3dc926e.mjs";
+import "./utils-dc65fdc9.mjs";
+import "./style-map-2cb0fb63.mjs";
 /**
  * @license
  * Copyright 2019 Google LLC

package/card.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements.mjs"),m=require("./class-map.mjs"),p=require("./property.mjs");var s=Object.defineProperty,_=Object.getOwnPropertyDescriptor,l=(c,e,t,i)=>{for(var r=i>1?void 0:i?_(e,t):e,d=c.length-1,o;d>=0;d--)(o=c[d])&&(r=(i?o(e,t,r):o(r))||r);return i&&r&&s(e,t,r),r};class n extends a.s{constructor(){super(...arguments),this.cardTitle="",this.subTitle="",this.actionBar=!1,this.interactive=!1,this.outlined=!1}render(){const e={"mdc-card":!0,"mdc-card--outlined":this.outlined};return a.y` <div class="${m.o(e)}">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-07e38f46.js"),m=require("./class-map-50b8edb4.js"),p=require("./property-074570d1.js");var s=Object.defineProperty,_=Object.getOwnPropertyDescriptor,l=(c,e,t,i)=>{for(var r=i>1?void 0:i?_(e,t):e,d=c.length-1,o;d>=0;d--)(o=c[d])&&(r=(i?o(e,t,r):o(r))||r);return i&&r&&s(e,t,r),r};class n extends a.s{constructor(){super(...arguments),this.cardTitle="",this.subTitle="",this.actionBar=!1,this.interactive=!1,this.outlined=!1}render(){const e={"mdc-card":!0,"mdc-card--outlined":this.outlined};return a.y` <div class="${m.o(e)}">
       ${this.cardTitle?a.y`
             <div class="mdc-card__actions mdc-typography--headline5">
               ${this.cardTitle}

package/card.mjs

@@ -1,6 +1,6 @@
-import { s, y as m, i as _, r as f, e as b } from "./query-assigned-elements.mjs";
-import { o as u } from "./class-map.mjs";
-import { e as n } from "./property.mjs";
+import { s, y as m, i as _, r as f, e as b } from "./query-assigned-elements-514e5265.mjs";
+import { o as u } from "./class-map-08c84aeb.mjs";
+import { e as n } from "./property-ca27685b.mjs";
 var g = Object.defineProperty, y = Object.getOwnPropertyDescriptor, p = (d, i, e, a) => {
   for (var r = a > 1 ? void 0 : a ? y(i, e) : i, c = d.length - 1, t; c >= 0; c--)
     (t = d[c]) && (r = (a ? t(i, e, r) : t(r)) || r);