@covalent/components 6.3.0-beta.3 → 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.
- package/app-shell/app-shell.d.ts +0 -15
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +12 -21
- package/app-shell.mjs +50 -84
- package/index.js +1 -1
- package/index.mjs +2 -2
- package/list/list-expansion.d.ts +4 -1
- package/list/list-expansion.d.ts.map +1 -1
- package/list/list-item.d.ts +2 -0
- package/list/list-item.d.ts.map +1 -1
- package/list/list.d.ts +5 -0
- package/list/list.d.ts.map +1 -1
- package/list/nav-list-item.d.ts +1 -0
- package/list/nav-list-item.d.ts.map +1 -1
- package/list-d616957b.mjs +45 -0
- package/list-defdaa3b.js +5 -0
- package/list-expansion.js +9 -11
- package/list-expansion.mjs +45 -39
- package/list-item-3fa66f09.js +9 -0
- package/list-item-d5c05e10.mjs +44 -0
- package/list-item.js +1 -1
- package/list-item.mjs +2 -2
- package/list.js +1 -6
- package/list.mjs +6 -27
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +22 -19
- package/package.json +1 -2
- package/style.css +1 -1
- package/list-item-1c65e4db.mjs +0 -32
- package/list-item-ee331821.js +0 -8
package/app-shell/app-shell.d.ts
CHANGED
@@ -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,26 +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
|
-
private navHoverTimeout?;
|
30
21
|
constructor();
|
31
22
|
private _toggleOpen;
|
32
|
-
private _handleMenuClick;
|
33
|
-
private _handleNavMouseOver;
|
34
|
-
private _handleNavMouseOut;
|
35
|
-
private _handleNavClick;
|
36
|
-
private _handleDrawerClosed;
|
37
23
|
resizeEvent(): void;
|
38
24
|
connectedCallback(): void;
|
39
25
|
disconnectedCallback(): void;
|
40
|
-
protected renderSection(): import("lit-html").TemplateResult<1> | typeof nothing;
|
41
26
|
render(): import("lit-html").TemplateResult<1>;
|
42
27
|
}
|
43
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":"
|
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,50 +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"),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;--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,
|
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>`:
|
9
|
-
<div class="app-shell
|
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.
|
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
|
-
@click=${this._handleNavClick}
|
24
|
-
@mouseover="${this._handleNavMouseOver}"
|
25
|
-
@mouseout="${this._handleNavMouseOut}"
|
26
|
-
>
|
18
|
+
<nav class="navigation mdc-drawer ${s.o(a)}">
|
27
19
|
<div class="navigation-toolbar">
|
28
20
|
<cv-icon-button
|
29
|
-
@click
|
21
|
+
@click=${this._toggleOpen}
|
30
22
|
class="toggle-drawer"
|
31
23
|
icon="menu"
|
32
24
|
></cv-icon-button>
|
33
25
|
<slot name="logo"></slot>
|
34
26
|
</div>
|
35
|
-
${this.renderSection()}
|
36
27
|
<slot name="navigation"></slot>
|
37
28
|
<div style="display:flex; flex:1;"></div>
|
38
29
|
<div divider></div>
|
39
30
|
<slot name="user-menu"></slot>
|
40
31
|
</nav>
|
41
|
-
${
|
32
|
+
${o}
|
42
33
|
<slot name="mini-list"></slot>
|
43
34
|
<div class="main mdc-drawer-app-content"><slot></slot></div>
|
44
|
-
<div class="help ${
|
35
|
+
<div class="help ${s.o(t)}">
|
45
36
|
<slot name="help"></slot>
|
46
37
|
</div>
|
47
38
|
</div>
|
48
|
-
`}};exports.CovalentAppShell.styles=[
|
49
|
-
${
|
50
|
-
`];
|
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,144 +1,110 @@
|
|
1
|
-
import { i as
|
2
|
-
import { e as
|
3
|
-
import { o as
|
4
|
-
import { D as
|
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
|
14
|
-
for (var
|
15
|
-
(
|
16
|
-
return
|
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
|
18
|
+
let r = class extends b {
|
19
19
|
constructor() {
|
20
|
-
super(), this.appName = "", this.
|
20
|
+
super(), this.appName = "", this.helpOpen = !1, this.resizeEvent();
|
21
21
|
}
|
22
|
-
_toggleOpen(
|
23
|
-
this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open =
|
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
|
-
)
|
26
|
-
}
|
27
|
-
_handleMenuClick() {
|
28
|
-
this._toggleOpen(!this.forcedOpen), this.forcedOpen = !0, this.hovered = !1;
|
29
|
-
}
|
30
|
-
_handleNavMouseOver() {
|
31
|
-
clearTimeout(this.navHoverTimeout), !(this.open || this.forcedOpen) && (this.hovered = !0, this.navHoverTimeout = setTimeout(() => this._toggleOpen(), 350));
|
32
|
-
}
|
33
|
-
_handleNavMouseOut() {
|
34
|
-
clearTimeout(this.navHoverTimeout), !(!this.open || this.forcedOpen) && (this.navHoverTimeout = setTimeout(() => this._toggleOpen(), 350));
|
35
|
-
}
|
36
|
-
_handleNavClick() {
|
37
|
-
}
|
38
|
-
_handleDrawerClosed() {
|
39
|
-
this.forcedOpen = !1, this.hovered = !1, this.requestUpdate();
|
27
|
+
));
|
40
28
|
}
|
41
29
|
resizeEvent() {
|
42
30
|
const e = window.matchMedia("(max-width: 800px)");
|
43
31
|
e.matches && this.type !== "modal" ? this.type = "modal" : !e.matches && this.type !== "dismissible" && (this.type = "dismissible"), this.requestUpdate();
|
44
32
|
}
|
45
33
|
connectedCallback() {
|
46
|
-
super.connectedCallback(),
|
34
|
+
super.connectedCallback(), window.addEventListener("resize", () => this.resizeEvent());
|
47
35
|
}
|
48
36
|
disconnectedCallback() {
|
49
|
-
super.disconnectedCallback(),
|
50
|
-
}
|
51
|
-
renderSection() {
|
52
|
-
return this.sectionName ? m`<div class="current-section">
|
53
|
-
<slot name="section-action"></slot>
|
54
|
-
<span>${this.sectionName}</span>
|
55
|
-
</div>` : p;
|
37
|
+
super.disconnectedCallback(), window.removeEventListener("resize", this.resizeEvent);
|
56
38
|
}
|
57
39
|
render() {
|
58
|
-
const e = this.type === "dismissible" || this.type === "modal", i = this.type === "modal",
|
59
|
-
"cov-drawer--forcedOpen": this.forcedOpen,
|
60
|
-
"cov-appshell--minilist": this.miniListOpen,
|
61
|
-
"cov-drawer--hovered": this.hovered
|
62
|
-
}, o = {
|
40
|
+
const e = this.type === "dismissible" || this.type === "modal", i = this.type === "modal", o = {
|
63
41
|
"mdc-drawer--dismissible": e,
|
64
42
|
"mdc-drawer--modal": i
|
65
|
-
},
|
43
|
+
}, a = {
|
66
44
|
"help--closed": !this.helpOpen
|
67
|
-
},
|
45
|
+
}, t = i ? l`<div
|
68
46
|
class="mdc-drawer-scrim"
|
69
47
|
@click="${this._handleScrimClick}"
|
70
|
-
></div>` :
|
71
|
-
return
|
72
|
-
<div class="app-shell
|
48
|
+
></div>` : f;
|
49
|
+
return l`
|
50
|
+
<div class="app-shell">
|
73
51
|
<span class="header"
|
74
52
|
><cv-top-app-bar-fixed centerTitle>
|
75
53
|
<cv-icon-button
|
76
54
|
class="toggle-drawer"
|
77
|
-
@click=${this.
|
55
|
+
@click=${this._toggleOpen}
|
78
56
|
slot="navigationIcon"
|
79
57
|
icon="menu"
|
80
58
|
></cv-icon-button>
|
81
59
|
<span slot="title">${this.appName}</span>
|
82
60
|
</cv-top-app-bar-fixed>
|
83
61
|
</span>
|
84
|
-
<nav
|
85
|
-
class="navigation mdc-drawer ${c(o)}"
|
86
|
-
@click=${this._handleNavClick}
|
87
|
-
@mouseover="${this._handleNavMouseOver}"
|
88
|
-
@mouseout="${this._handleNavMouseOut}"
|
89
|
-
>
|
62
|
+
<nav class="navigation mdc-drawer ${m(o)}">
|
90
63
|
<div class="navigation-toolbar">
|
91
64
|
<cv-icon-button
|
92
|
-
@click
|
65
|
+
@click=${this._toggleOpen}
|
93
66
|
class="toggle-drawer"
|
94
67
|
icon="menu"
|
95
68
|
></cv-icon-button>
|
96
69
|
<slot name="logo"></slot>
|
97
70
|
</div>
|
98
|
-
${this.renderSection()}
|
99
71
|
<slot name="navigation"></slot>
|
100
72
|
<div style="display:flex; flex:1;"></div>
|
101
73
|
<div divider></div>
|
102
74
|
<slot name="user-menu"></slot>
|
103
75
|
</nav>
|
104
|
-
${
|
76
|
+
${t}
|
105
77
|
<slot name="mini-list"></slot>
|
106
78
|
<div class="main mdc-drawer-app-content"><slot></slot></div>
|
107
|
-
<div class="help ${
|
79
|
+
<div class="help ${m(a)}">
|
108
80
|
<slot name="help"></slot>
|
109
81
|
</div>
|
110
82
|
</div>
|
111
83
|
`;
|
112
84
|
}
|
113
85
|
};
|
114
|
-
|
115
|
-
|
116
|
-
${
|
86
|
+
r.styles = [
|
87
|
+
h`
|
88
|
+
${g(w)}
|
117
89
|
`
|
118
90
|
];
|
119
|
-
|
120
|
-
|
121
|
-
],
|
122
|
-
|
123
|
-
|
124
|
-
],
|
125
|
-
|
126
|
-
|
127
|
-
],
|
128
|
-
|
129
|
-
|
130
|
-
],
|
131
|
-
|
132
|
-
|
133
|
-
],
|
134
|
-
|
135
|
-
s({ type: Boolean, reflect: !0 })
|
136
|
-
], t.prototype, "helpOpen", 2);
|
137
|
-
t = a([
|
138
|
-
v("cv-app-shell")
|
139
|
-
], t);
|
140
|
-
const M = 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;
|
141
107
|
export {
|
142
|
-
|
143
|
-
|
108
|
+
r as CovalentAppShell,
|
109
|
+
S as default
|
144
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-
|
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 {
|
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-
|
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";
|
package/list/list-expansion.d.ts
CHANGED
@@ -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
|
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,
|
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"}
|
package/list/list-item.d.ts
CHANGED
@@ -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
|
package/list/list-item.d.ts.map
CHANGED
@@ -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;
|
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
|
package/list/list.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/list.ts"],"names":[],"mappings":"
|
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"}
|
package/list/nav-list-item.d.ts
CHANGED
@@ -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;;
|
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
|
+
};
|
package/list-defdaa3b.js
ADDED
@@ -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;
|