@covalent/components 6.3.0-beta.4 → 6.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,3 @@
1
- import { nothing } from 'lit';
2
1
  import { DrawerBase } from '@material/mwc-drawer/mwc-drawer-base';
3
2
  declare global {
4
3
  interface HTMLElementTagNameMap {
@@ -18,24 +17,12 @@ export declare class CovalentAppShell extends DrawerBase {
18
17
  * The name of the application to show in the small app bar
19
18
  */
20
19
  appName: string;
21
- /**
22
- * The name of the section shown above the navigation
23
- */
24
- sectionName: string;
25
- miniListOpen: boolean;
26
20
  helpOpen: boolean;
27
- private forcedOpen;
28
- private hovered;
29
21
  constructor();
30
22
  private _toggleOpen;
31
- private _handleMenuClick;
32
- private _handleNavMouseOver;
33
- private _handleNavMouseOut;
34
- private _handleDrawerClosed;
35
23
  resizeEvent(): void;
36
24
  connectedCallback(): void;
37
25
  disconnectedCallback(): void;
38
- protected renderSection(): import("lit-html").TemplateResult<1> | typeof nothing;
39
26
  render(): import("lit-html").TemplateResult<1>;
40
27
  }
41
28
  export default CovalentAppShell;
@@ -1 +1 @@
1
- {"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;;IAQxB,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,mBAAmB;IAM3B,WAAW;IAWF,iBAAiB;IAMjB,oBAAoB;IAM7B,SAAS,CAAC,aAAa;IASd,MAAM;CAgEhB;AAED,eAAe,gBAAgB,CAAC"}
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"}
package/app-shell.js CHANGED
@@ -1,49 +1,41 @@
1
- "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"),p=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 m=`.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;--cv-list-padding-right: 0;--cv-list-item-border-radius: 100%;--cv-list-item-width: 48px;--cv-list-item-graphic-margin-left: 0;--cv-list-menu-height: 0;--cv-list-item-expansion-icon-size: 0}:host([open]){--cv-list-padding-right: 16px;--cv-list-item-border-radius: 0 28px 28px 0;--cv-list-item-width: 100%;--cv-list-item-graphic-margin-left: 12px;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit}.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}}
2
- `;var h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,i=(l,e,a,o)=>{for(var r=o>1?void 0:o?g(e,a):e,n=l.length-1,d;n>=0;n--)(d=l[n])&&(r=(o?d(e,a,r):d(r))||r);return o&&r&&h(e,a,r),r};exports.CovalentAppShell=class extends p.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.dispatchEvent(new Event("CovalentAppShell:toggle",{bubbles:!0,composed:!0})),this.requestUpdate())}_handleMenuClick(){this._toggleOpen(!this.forcedOpen),this.forcedOpen=!0,this.hovered=!1}_handleNavMouseOver(){this.open||this.forcedOpen||(this.hovered=!0,this._toggleOpen())}_handleNavMouseOut(){!this.open||this.forcedOpen||this._toggleOpen()}_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">
3
- <slot name="section-action"></slot>
4
- <span>${this.sectionName}</span>
5
- </div>`:t.b}render(){const e=this.type==="dismissible"||this.type==="modal",a=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":a},n={"help--closed":!this.helpOpen},d=a?t.y`<div
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-07e38f46.js"),m=require("./property-074570d1.js"),s=require("./class-map-50b8edb4.js"),c=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))}.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}}
2
+ `;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
6
3
  class="mdc-drawer-scrim"
7
4
  @click="${this._handleScrimClick}"
8
- ></div>`:t.b;return t.y`
9
- <div class="app-shell ${c.o(o)}">
5
+ ></div>`:r.b;return r.y`
6
+ <div class="app-shell">
10
7
  <span class="header"
11
8
  ><cv-top-app-bar-fixed centerTitle>
12
9
  <cv-icon-button
13
10
  class="toggle-drawer"
14
- @click=${this._handleMenuClick}
11
+ @click=${this._toggleOpen}
15
12
  slot="navigationIcon"
16
13
  icon="menu"
17
14
  ></cv-icon-button>
18
15
  <span slot="title">${this.appName}</span>
19
16
  </cv-top-app-bar-fixed>
20
17
  </span>
21
- <nav
22
- class="navigation mdc-drawer ${c.o(r)}"
23
- @mouseenter="${this._handleNavMouseOver}"
24
- @mouseleave="${this._handleNavMouseOut}"
25
- >
18
+ <nav class="navigation mdc-drawer ${s.o(a)}">
26
19
  <div class="navigation-toolbar">
27
20
  <cv-icon-button
28
- @click="${this._handleMenuClick}"
21
+ @click=${this._toggleOpen}
29
22
  class="toggle-drawer"
30
23
  icon="menu"
31
24
  ></cv-icon-button>
32
25
  <slot name="logo"></slot>
33
26
  </div>
34
- ${this.renderSection()}
35
27
  <slot name="navigation"></slot>
36
28
  <div style="display:flex; flex:1;"></div>
37
29
  <div divider></div>
38
30
  <slot name="user-menu"></slot>
39
31
  </nav>
40
- ${d}
32
+ ${o}
41
33
  <slot name="mini-list"></slot>
42
34
  <div class="main mdc-drawer-app-content"><slot></slot></div>
43
- <div class="help ${c.o(n)}">
35
+ <div class="help ${s.o(t)}">
44
36
  <slot name="help"></slot>
45
37
  </div>
46
38
  </div>
47
- `}};exports.CovalentAppShell.styles=[t.i`
48
- ${t.r(m)}
49
- `];i([t.l({slot:"navigation"})],exports.CovalentAppShell.prototype,"navigationListElements",2);i([t.l({slot:"user-menu"})],exports.CovalentAppShell.prototype,"userMenuElements",2);i([s.e()],exports.CovalentAppShell.prototype,"appName",2);i([s.e()],exports.CovalentAppShell.prototype,"sectionName",2);i([s.e({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"miniListOpen",2);i([s.e({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"helpOpen",2);exports.CovalentAppShell=i([t.e("cv-app-shell")],exports.CovalentAppShell);const v=exports.CovalentAppShell;exports.default=v;
39
+ `}};exports.CovalentAppShell.styles=[r.i`
40
+ ${r.r(p)}
41
+ `];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;
package/app-shell.mjs CHANGED
@@ -1,141 +1,110 @@
1
- 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";
2
- import { e as s } from "./property-ca27685b.mjs";
3
- import { o as c } from "./class-map-08c84aeb.mjs";
4
- import { D as w } from "./mwc-drawer-base-b2b772c3.mjs";
1
+ import { i as h, r as g, l as c, y as l, b as f, e as y } from "./query-assigned-elements-514e5265.mjs";
2
+ import { e as p } from "./property-ca27685b.mjs";
3
+ import { o as m } from "./class-map-08c84aeb.mjs";
4
+ import { D as b } from "./mwc-drawer-base-b2b772c3.mjs";
5
5
  import "./tslib.es6-b5e819a6.mjs";
6
6
  import "./inert.esm-359d4581.mjs";
7
7
  import "./base-element-c3dc926e.mjs";
8
8
  import "./utils-dc65fdc9.mjs";
9
9
  import "./observer-be7b92e2.mjs";
10
10
  import "./query-1e7846ea.mjs";
11
- 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;--cv-list-padding-right: 0;--cv-list-item-border-radius: 100%;--cv-list-item-width: 48px;--cv-list-item-graphic-margin-left: 0;--cv-list-menu-height: 0;--cv-list-item-expansion-icon-size: 0}:host([open]){--cv-list-padding-right: 16px;--cv-list-item-border-radius: 0 28px 28px 0;--cv-list-item-width: 100%;--cv-list-item-graphic-margin-left: 12px;--cv-list-item-expansion-icon-margin: -24px;--cv-list-item-expansion-icon-size: 24px;--cv-list-menu-height: inherit}.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}}
11
+ 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}}
12
12
  `;
13
- var b = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (e, i, n, o) => {
14
- for (var r = o > 1 ? void 0 : o ? x(i, n) : i, d = e.length - 1, l; d >= 0; d--)
15
- (l = e[d]) && (r = (o ? l(i, n, r) : l(r)) || r);
16
- return o && r && b(i, n, r), r;
13
+ var v = Object.defineProperty, x = Object.getOwnPropertyDescriptor, d = (e, i, o, a) => {
14
+ for (var t = a > 1 ? void 0 : a ? x(i, o) : i, n = e.length - 1, s; n >= 0; n--)
15
+ (s = e[n]) && (t = (a ? s(i, o, t) : s(t)) || t);
16
+ return a && t && v(i, o, t), t;
17
17
  };
18
- let t = class extends w {
18
+ let r = class extends b {
19
19
  constructor() {
20
- super(), this.appName = "", this.sectionName = "", this.miniListOpen = !1, this.helpOpen = !1, this.forcedOpen = !1, this.hovered = !1, this.resizeEvent();
20
+ super(), this.appName = "", this.helpOpen = !1, this.resizeEvent();
21
21
  }
22
- _toggleOpen(e = !1) {
23
- this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open = e || !this.open, this.dispatchEvent(
22
+ _toggleOpen() {
23
+ this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open = !this.open, [...this.navigationListElements, ...this.userMenuElements].forEach(
24
+ (e) => e.setAttribute("navopen", this.open.toString())
25
+ ), this.dispatchEvent(
24
26
  new Event("CovalentAppShell:toggle", { bubbles: !0, composed: !0 })
25
- ), this.requestUpdate());
26
- }
27
- _handleMenuClick() {
28
- this._toggleOpen(!this.forcedOpen), this.forcedOpen = !0, this.hovered = !1;
29
- }
30
- _handleNavMouseOver() {
31
- this.open || this.forcedOpen || (this.hovered = !0, this._toggleOpen());
32
- }
33
- _handleNavMouseOut() {
34
- !this.open || this.forcedOpen || this._toggleOpen();
35
- }
36
- _handleDrawerClosed() {
37
- this.forcedOpen = !1, this.hovered = !1, this.requestUpdate();
27
+ ));
38
28
  }
39
29
  resizeEvent() {
40
30
  const e = window.matchMedia("(max-width: 800px)");
41
31
  e.matches && this.type !== "modal" ? this.type = "modal" : !e.matches && this.type !== "dismissible" && (this.type = "dismissible"), this.requestUpdate();
42
32
  }
43
33
  connectedCallback() {
44
- super.connectedCallback(), this.addEventListener("MDCDrawer:closed", this._handleDrawerClosed), window.addEventListener("resize", () => this.resizeEvent());
34
+ super.connectedCallback(), window.addEventListener("resize", () => this.resizeEvent());
45
35
  }
46
36
  disconnectedCallback() {
47
- super.disconnectedCallback(), this.removeEventListener("MDCDrawer:closed", this._handleDrawerClosed), window.removeEventListener("resize", this.resizeEvent);
48
- }
49
- renderSection() {
50
- return this.sectionName ? m`<div class="current-section">
51
- <slot name="section-action"></slot>
52
- <span>${this.sectionName}</span>
53
- </div>` : p;
37
+ super.disconnectedCallback(), window.removeEventListener("resize", this.resizeEvent);
54
38
  }
55
39
  render() {
56
- const e = this.type === "dismissible" || this.type === "modal", i = this.type === "modal", n = {
57
- "cov-drawer--forcedOpen": this.forcedOpen,
58
- "cov-appshell--minilist": this.miniListOpen,
59
- "cov-drawer--hovered": this.hovered
60
- }, o = {
40
+ const e = this.type === "dismissible" || this.type === "modal", i = this.type === "modal", o = {
61
41
  "mdc-drawer--dismissible": e,
62
42
  "mdc-drawer--modal": i
63
- }, r = {
43
+ }, a = {
64
44
  "help--closed": !this.helpOpen
65
- }, d = i ? m`<div
45
+ }, t = i ? l`<div
66
46
  class="mdc-drawer-scrim"
67
47
  @click="${this._handleScrimClick}"
68
- ></div>` : p;
69
- return m`
70
- <div class="app-shell ${c(n)}">
48
+ ></div>` : f;
49
+ return l`
50
+ <div class="app-shell">
71
51
  <span class="header"
72
52
  ><cv-top-app-bar-fixed centerTitle>
73
53
  <cv-icon-button
74
54
  class="toggle-drawer"
75
- @click=${this._handleMenuClick}
55
+ @click=${this._toggleOpen}
76
56
  slot="navigationIcon"
77
57
  icon="menu"
78
58
  ></cv-icon-button>
79
59
  <span slot="title">${this.appName}</span>
80
60
  </cv-top-app-bar-fixed>
81
61
  </span>
82
- <nav
83
- class="navigation mdc-drawer ${c(o)}"
84
- @mouseenter="${this._handleNavMouseOver}"
85
- @mouseleave="${this._handleNavMouseOut}"
86
- >
62
+ <nav class="navigation mdc-drawer ${m(o)}">
87
63
  <div class="navigation-toolbar">
88
64
  <cv-icon-button
89
- @click="${this._handleMenuClick}"
65
+ @click=${this._toggleOpen}
90
66
  class="toggle-drawer"
91
67
  icon="menu"
92
68
  ></cv-icon-button>
93
69
  <slot name="logo"></slot>
94
70
  </div>
95
- ${this.renderSection()}
96
71
  <slot name="navigation"></slot>
97
72
  <div style="display:flex; flex:1;"></div>
98
73
  <div divider></div>
99
74
  <slot name="user-menu"></slot>
100
75
  </nav>
101
- ${d}
76
+ ${t}
102
77
  <slot name="mini-list"></slot>
103
78
  <div class="main mdc-drawer-app-content"><slot></slot></div>
104
- <div class="help ${c(r)}">
79
+ <div class="help ${m(a)}">
105
80
  <slot name="help"></slot>
106
81
  </div>
107
82
  </div>
108
83
  `;
109
84
  }
110
85
  };
111
- t.styles = [
112
- g`
113
- ${f(y)}
86
+ r.styles = [
87
+ h`
88
+ ${g(w)}
114
89
  `
115
90
  ];
116
- a([
117
- h({ slot: "navigation" })
118
- ], t.prototype, "navigationListElements", 2);
119
- a([
120
- h({ slot: "user-menu" })
121
- ], t.prototype, "userMenuElements", 2);
122
- a([
123
- s()
124
- ], t.prototype, "appName", 2);
125
- a([
126
- s()
127
- ], t.prototype, "sectionName", 2);
128
- a([
129
- s({ type: Boolean, reflect: !0 })
130
- ], t.prototype, "miniListOpen", 2);
131
- a([
132
- s({ type: Boolean, reflect: !0 })
133
- ], t.prototype, "helpOpen", 2);
134
- t = a([
135
- v("cv-app-shell")
136
- ], t);
137
- const N = t;
91
+ d([
92
+ c({ slot: "navigation" })
93
+ ], r.prototype, "navigationListElements", 2);
94
+ d([
95
+ c({ slot: "user-menu" })
96
+ ], r.prototype, "userMenuElements", 2);
97
+ d([
98
+ p()
99
+ ], r.prototype, "appName", 2);
100
+ d([
101
+ p({ type: Boolean })
102
+ ], r.prototype, "helpOpen", 2);
103
+ r = d([
104
+ y("cv-app-shell")
105
+ ], r);
106
+ const S = r;
138
107
  export {
139
- t as CovalentAppShell,
140
- N as default
108
+ r as CovalentAppShell,
109
+ S as default
141
110
  };
package/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),n=require("./button.js"),o=require("./checkbox.js"),a=require("./card.js"),i=require("./circular-progress.js"),u=require("./code-snippet.js"),l=require("./dialog-8ee07177.js"),c=require("./drawer.js"),b=require("./empty-state.js"),C=require("./icon.js"),s=require("./icon-button.js"),p=require("./icon-check-toggle.js"),v=require("./icon-radio-toggle.js"),d=require("./linear-progress.js"),q=require("./check-list-item.js"),g=require("./list.js"),m=require("./list-expansion.js"),y=require("./list-item-ee331821.js"),P=require("./nav-list-item.js"),f=require("./radio-list-item.js"),j=require("./menu.js"),O=require("./radio.js"),T=require("./select.js"),S=require("./side-sheet.js"),I=require("./slider.js"),L=require("./slider-range.js"),h=require("./snackbar.js"),x=require("./status-header.js"),k=require("./status-header-item.js"),R=require("./switch.js"),A=require("./tab.js"),B=require("./tab-bar.js"),w=require("./textarea.js"),H=require("./textfield.js"),E=require("./text-lockup.js"),F=require("./toolbar.js"),D=require("./tooltip.js"),M=require("./top-app-bar.js"),N=require("./top-app-bar-fixed.js"),_=require("./tree-list.js"),z=require("./tree-list-item.js"),G=require("./typography.js");require("./query-assigned-elements-07e38f46.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./foundation-3f55a9dc.js");require("./tslib.es6-6b53b818.js");require("./foundation-e830bd94.js");require("./class-map-50b8edb4.js");require("./property-074570d1.js");require("./query-2ba749b7.js");require("./mwc-drawer-base-f44fcf34.js");require("./inert.esm-2cee6f2e.js");require("./base-element-d5abe37a.js");require("./mwc-icon-b96fb867.js");require("./ripple-handlers-2176f137.js");require("./state-949232e6.js");require("./style-map-3056a771.js");require("./aria-property-849c8816.js");require("./event-options-7bc382d8.js");require("./if-defined-cb12d481.js");require("./mwc-checkbox-base-435c1f1d.js");require("./form-element-d4e7bcdb.js");require("./mwc-checkbox.css-956e3d6c.js");require("./query-assigned-nodes-9ec0fa5f.js");require("./mwc-radio-base-442d495a.js");require("./mwc-radio.css-388ad26d.js");require("./mwc-list-item-base-803b9771.js");require("./mwc-list-item.css-401e2407.js");require("./mwc-list-base-7d5f7278.js");require("./mwc-menu-base-ac49fe54.js");require("./mwc-line-ripple-directive-a97ce725.js");require("./mwc-slider.css-48f02f1e.js");require("./directive-helpers-fce8cf91.js");require("./mwc-tab-base-1a19b299.js");require("./textfield-507c6a06.js");require("./mwc-top-app-bar-base-14e0a018.js");require("./top-app-bar-34e85527.js");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>e.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>t.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>r.CovalentAppShell});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>n.CovalentButton});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>o.CovalentCheckbox});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>a.CovalentCard});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>i.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>u.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>l.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>c.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>b.CovalentEmptyState});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>C.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>s.CovalentIconButton});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>p.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>v.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>d.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>q.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>g.CovalentList});Object.defineProperty(exports,"CovalentExpansionList",{enumerable:!0,get:()=>m.CovalentExpansionList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>y.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>P.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>f.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>j.CovalentMenu});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>O.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>T.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>S.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>I.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>L.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>h.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>x.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>k.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>R.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>A.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>B.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>w.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>H.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>E.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>F.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>D.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>M.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>N.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>_.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>z.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>G.CovalentTypography});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),n=require("./button.js"),o=require("./checkbox.js"),a=require("./card.js"),i=require("./circular-progress.js"),u=require("./code-snippet.js"),l=require("./dialog-8ee07177.js"),c=require("./drawer.js"),b=require("./empty-state.js"),C=require("./icon.js"),s=require("./icon-button.js"),p=require("./icon-check-toggle.js"),v=require("./icon-radio-toggle.js"),d=require("./linear-progress.js"),q=require("./check-list-item.js"),g=require("./list-defdaa3b.js"),m=require("./list-expansion.js"),y=require("./list-item-3fa66f09.js"),P=require("./nav-list-item.js"),f=require("./radio-list-item.js"),j=require("./menu.js"),O=require("./radio.js"),T=require("./select.js"),S=require("./side-sheet.js"),I=require("./slider.js"),L=require("./slider-range.js"),h=require("./snackbar.js"),x=require("./status-header.js"),k=require("./status-header-item.js"),R=require("./switch.js"),A=require("./tab.js"),B=require("./tab-bar.js"),w=require("./textarea.js"),H=require("./textfield.js"),E=require("./text-lockup.js"),F=require("./toolbar.js"),D=require("./tooltip.js"),M=require("./top-app-bar.js"),N=require("./top-app-bar-fixed.js"),_=require("./tree-list.js"),z=require("./tree-list-item.js"),G=require("./typography.js");require("./query-assigned-elements-07e38f46.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./foundation-3f55a9dc.js");require("./tslib.es6-6b53b818.js");require("./foundation-e830bd94.js");require("./class-map-50b8edb4.js");require("./property-074570d1.js");require("./query-2ba749b7.js");require("./mwc-drawer-base-f44fcf34.js");require("./inert.esm-2cee6f2e.js");require("./base-element-d5abe37a.js");require("./mwc-icon-b96fb867.js");require("./ripple-handlers-2176f137.js");require("./state-949232e6.js");require("./style-map-3056a771.js");require("./aria-property-849c8816.js");require("./event-options-7bc382d8.js");require("./if-defined-cb12d481.js");require("./mwc-checkbox-base-435c1f1d.js");require("./form-element-d4e7bcdb.js");require("./mwc-checkbox.css-956e3d6c.js");require("./query-assigned-nodes-9ec0fa5f.js");require("./mwc-radio-base-442d495a.js");require("./mwc-radio.css-388ad26d.js");require("./mwc-list-item-base-803b9771.js");require("./mwc-list-item.css-401e2407.js");require("./mwc-list-base-7d5f7278.js");require("./mwc-menu-base-ac49fe54.js");require("./mwc-line-ripple-directive-a97ce725.js");require("./mwc-slider.css-48f02f1e.js");require("./directive-helpers-fce8cf91.js");require("./mwc-tab-base-1a19b299.js");require("./textfield-507c6a06.js");require("./mwc-top-app-bar-base-14e0a018.js");require("./top-app-bar-34e85527.js");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>e.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>t.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>r.CovalentAppShell});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>n.CovalentButton});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>o.CovalentCheckbox});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>a.CovalentCard});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>i.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>u.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>l.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>c.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>b.CovalentEmptyState});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>C.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>s.CovalentIconButton});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>p.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>v.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>d.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>q.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>g.CovalentList});Object.defineProperty(exports,"CovalentExpansionList",{enumerable:!0,get:()=>m.CovalentExpansionList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>y.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>P.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>f.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>j.CovalentMenu});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>O.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>T.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>S.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>I.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>L.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>h.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>x.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>k.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>R.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>A.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>B.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>w.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>H.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>E.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>F.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>D.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>M.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>N.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>_.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>z.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>G.CovalentTypography});
package/index.mjs CHANGED
@@ -15,9 +15,9 @@ import { CovalentIconCheckToggle as Co } from "./icon-check-toggle.mjs";
15
15
  import { CovalentIconRadioToggle as vo } from "./icon-radio-toggle.mjs";
16
16
  import { CovalentLinearProgress as so } from "./linear-progress.mjs";
17
17
  import { CovalentCheckListItem as To } from "./check-list-item.mjs";
18
- import { CovalentList as Io } from "./list.mjs";
18
+ import { C as Io } from "./list-d616957b.mjs";
19
19
  import { CovalentExpansionList as go } from "./list-expansion.mjs";
20
- import { C as bo } from "./list-item-1c65e4db.mjs";
20
+ import { C as bo } from "./list-item-d5c05e10.mjs";
21
21
  import { CovalentNavRailListItem as Ao } from "./nav-list-item.mjs";
22
22
  import { CovalentRadioListItem as ko } from "./radio-list-item.mjs";
23
23
  import { CovalentMenu as yo } from "./menu.mjs";
@@ -1,16 +1,19 @@
1
+ import { CovalentList } from './list';
1
2
  import CovalentNavRailListItem from './nav-list-item';
2
3
  declare global {
3
4
  interface HTMLElementTagNameMap {
4
5
  'cv-expansion-list': CovalentExpansionList;
5
6
  }
6
7
  }
7
- export declare class CovalentExpansionList extends CovalentNavRailListItem {
8
+ export declare class CovalentExpansionList extends CovalentList {
8
9
  static styles: import("lit").CSSResult[];
9
10
  static shadowRootOptions: ShadowRootInit;
10
11
  open: boolean;
12
+ navOpen: boolean;
11
13
  expansionHeader: CovalentNavRailListItem[];
12
14
  constructor();
13
15
  private _toggleOpen;
16
+ attributeChangedCallback(name: string, _old: string, value: string): void;
14
17
  render(): import("lit-html").TemplateResult<1>;
15
18
  }
16
19
  export default CovalentExpansionList;
@@ -1 +1 @@
1
- {"version":3,"file":"list-expansion.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/list-expansion.ts"],"names":[],"mappings":"AAOA,OAAO,uBAAuB,MAAM,iBAAiB,CAAC;AAEtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,qBAAqB,CAAC;KAC5C;CACF;AAED,qBACa,qBAAsB,SAAQ,uBAAuB;IAChE,OAAgB,MAAM,4BAKpB;IACF,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAGF,IAAI,UAAS;IAGb,eAAe,EAAG,uBAAuB,EAAE,CAAC;;IAM5C,OAAO,CAAC,WAAW;IASV,MAAM;CAiBhB;AAED,eAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"list-expansion.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/list-expansion.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,uBAAuB,MAAM,iBAAiB,CAAC;AAEtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,qBAAqB,CAAC;KAC5C;CACF;AAED,qBACa,qBAAsB,SAAQ,YAAY;IACrD,OAAgB,MAAM,4BAOpB;IACF,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAGF,IAAI,UAAS;IAGb,OAAO,UAAS;IAGhB,eAAe,EAAG,uBAAuB,EAAE,CAAC;;IAM5C,OAAO,CAAC,WAAW;IASV,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAelE,MAAM;CAMhB;AAED,eAAe,qBAAqB,CAAC"}
@@ -6,6 +6,8 @@ declare global {
6
6
  }
7
7
  export declare class CovalentListItem extends ListItemBase {
8
8
  static styles: import("lit").CSSResult[];
9
+ hasChildren: boolean;
10
+ render(): import("lit-html").TemplateResult<1>;
9
11
  }
10
12
  export default CovalentListItem;
11
13
  //# sourceMappingURL=list-item.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AASrE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,gBAAgB,CAAC;KAClC;CACF;AAED,qBACa,gBAAiB,SAAQ,YAAY;IAChD,OAAgB,MAAM,4BAUpB;CACH;AAED,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AASrE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,gBAAgB,CAAC;KAClC;CACF;AAED,qBACa,gBAAiB,SAAQ,YAAY;IAChD,OAAgB,MAAM,4BAUpB;IAE0C,WAAW,UAAS;IAEvD,MAAM;CAehB;AAED,eAAe,gBAAgB,CAAC"}
package/list/list.d.ts CHANGED
@@ -1,11 +1,16 @@
1
1
  import { ListBase } from '@material/mwc-list/mwc-list-base';
2
+ import CovalentNavRailListItem from './nav-list-item';
2
3
  declare global {
3
4
  interface HTMLElementTagNameMap {
4
5
  'cv-list': CovalentList;
5
6
  }
6
7
  }
7
8
  export declare class CovalentList extends ListBase {
9
+ slotElements: CovalentNavRailListItem[];
10
+ navOpen: boolean;
8
11
  static styles: import("lit").CSSResult[];
12
+ getUpdateComplete(): Promise<boolean>;
13
+ attributeChangedCallback(name: string, _old: string, value: string): void;
9
14
  }
10
15
  export default CovalentList;
11
16
  //# sourceMappingURL=list.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAI5D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,YAAY,CAAC;KACzB;CACF;AAED,qBACa,YAAa,SAAQ,QAAQ;IACxC,OAAgB,MAAM,4BAGpB;CACH;AAED,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAO5D,OAAO,uBAAuB,MAAM,iBAAiB,CAAC;AAEtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,YAAY,CAAC;KACzB;CACF;AAED,qBACa,YAAa,SAAQ,QAAQ;IAExC,YAAY,EAAG,uBAAuB,EAAE,CAAC;IAGzC,OAAO,UAAS;IAEhB,OAAgB,MAAM,4BAAY;IAEnB,iBAAiB;IAQvB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;CAa5E;AAED,eAAe,YAAY,CAAC"}
@@ -6,6 +6,7 @@ declare global {
6
6
  }
7
7
  export declare class CovalentNavRailListItem extends CovalentListItem {
8
8
  static styles: import("lit").CSSResult[];
9
+ navOpen: boolean;
9
10
  constructor();
10
11
  }
11
12
  export default CovalentNavRailListItem;
@@ -1 +1 @@
1
- {"version":3,"file":"nav-list-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/nav-list-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAM/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,gBAAgB;IAC3D,OAAgB,MAAM,4BAapB;;CAKH;AAED,eAAe,uBAAuB,CAAC"}
1
+ {"version":3,"file":"nav-list-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/nav-list-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAM/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,gBAAgB;IAC3D,OAAgB,MAAM,4BAapB;IAGF,OAAO,UAAS;;CAKjB;AAED,eAAe,uBAAuB,CAAC"}
@@ -0,0 +1,45 @@
1
+ import { L as l } from "./mwc-list-base-c0f8af1c.mjs";
2
+ import { i as c, l as p, e as m } from "./query-assigned-elements-514e5265.mjs";
3
+ import { e as g } from "./property-ca27685b.mjs";
4
+ /**
5
+ * @license
6
+ * Copyright 2021 Google LLC
7
+ * SPDX-LIcense-Identifier: Apache-2.0
8
+ */
9
+ const f = c`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`;
10
+ var h = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (t, a, e, i) => {
11
+ for (var r = i > 1 ? void 0 : i ? v(a, e) : a, s = t.length - 1, n; s >= 0; s--)
12
+ (n = t[s]) && (r = (i ? n(a, e, r) : n(r)) || r);
13
+ return i && r && h(a, e, r), r;
14
+ };
15
+ let d = class extends l {
16
+ constructor() {
17
+ super(...arguments), this.navOpen = !1;
18
+ }
19
+ async getUpdateComplete() {
20
+ return this.slotElements.forEach((t) => {
21
+ t.setAttribute("navopen", this.navOpen.toString());
22
+ }), await super.getUpdateComplete();
23
+ }
24
+ attributeChangedCallback(t, a, e) {
25
+ super.attributeChangedCallback(t, a, e), t === "navopen" && this.slotElements.forEach((i) => {
26
+ e === "true" ? i.setAttribute("navopen", e) : i.removeAttribute("navopen");
27
+ });
28
+ }
29
+ };
30
+ d.styles = [f];
31
+ o([
32
+ p({ flatten: !0 })
33
+ ], d.prototype, "slotElements", 2);
34
+ o([
35
+ g({ type: Boolean, reflect: !0 })
36
+ ], d.prototype, "navOpen", 2);
37
+ d = o([
38
+ m("cv-list")
39
+ ], d);
40
+ const u = d;
41
+ export {
42
+ d as C,
43
+ u as a,
44
+ f as s
45
+ };
@@ -0,0 +1,5 @@
1
+ "use strict";const c=require("./mwc-list-base-7d5f7278.js"),n=require("./query-assigned-elements-07e38f46.js"),p=require("./property-074570d1.js");/**
2
+ * @license
3
+ * Copyright 2021 Google LLC
4
+ * SPDX-LIcense-Identifier: Apache-2.0
5
+ */const l=n.i`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`;var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var t=i>1?void 0:i?g(e,r):e,s=a.length-1,d;s>=0;s--)(d=a[s])&&(t=(i?d(e,r,t):d(t))||t);return i&&t&&m(e,r,t),t};exports.CovalentList=class extends c.ListBase{constructor(){super(...arguments),this.navOpen=!1}async getUpdateComplete(){return this.slotElements.forEach(e=>{e.setAttribute("navopen",this.navOpen.toString())}),await super.getUpdateComplete()}attributeChangedCallback(e,r,i){super.attributeChangedCallback(e,r,i),e==="navopen"&&this.slotElements.forEach(t=>{i==="true"?t.setAttribute("navopen",i):t.removeAttribute("navopen")})}};exports.CovalentList.styles=[l];o([n.l({flatten:!0})],exports.CovalentList.prototype,"slotElements",2);o([p.e({type:Boolean,reflect:!0})],exports.CovalentList.prototype,"navOpen",2);exports.CovalentList=o([n.e("cv-list")],exports.CovalentList);const h=exports.CovalentList;exports.CovalentList$1=h;exports.styles=l;