@covalent/components 7.0.0 → 7.1.0-beta.1
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 +13 -0
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +20 -12
- package/app-shell.mjs +81 -50
- package/index.d.ts +0 -1
- package/index.d.ts.map +1 -1
- package/index.js +1 -1
- package/index.mjs +53 -55
- package/list/list-item.d.ts +0 -2
- package/list/list-item.d.ts.map +1 -1
- package/list/list.d.ts +0 -5
- package/list/list.d.ts.map +1 -1
- package/list/nav-list-item.d.ts +12 -1
- package/list/nav-list-item.d.ts.map +1 -1
- package/list-item-3dc4b60f.js +8 -0
- package/list-item-bab8d6ba.mjs +32 -0
- package/list-item.js +1 -1
- package/list-item.mjs +2 -2
- package/list.js +6 -1
- package/list.mjs +27 -6
- package/nav-list-item.js +22 -10
- package/nav-list-item.mjs +85 -29
- package/package.json +2 -1
- package/style.css +1 -1
- package/list/list-expansion.d.ts +0 -20
- package/list/list-expansion.d.ts.map +0 -1
- package/list-05db7fed.js +0 -5
- package/list-066f5de4.mjs +0 -45
- package/list-expansion.js +0 -9
- package/list-expansion.mjs +0 -73
- package/list-item-8da7ba96.js +0 -9
- package/list-item-ba77097d.mjs +0 -44
package/app-shell/app-shell.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { nothing } from 'lit';
|
1
2
|
import { DrawerBase } from '@material/mwc-drawer/mwc-drawer-base';
|
2
3
|
declare global {
|
3
4
|
interface HTMLElementTagNameMap {
|
@@ -17,12 +18,24 @@ export declare class CovalentAppShell extends DrawerBase {
|
|
17
18
|
* The name of the application to show in the small app bar
|
18
19
|
*/
|
19
20
|
appName: string;
|
21
|
+
/**
|
22
|
+
* The name of the section shown above the navigation
|
23
|
+
*/
|
24
|
+
sectionName: string;
|
25
|
+
miniListOpen: boolean;
|
20
26
|
helpOpen: boolean;
|
27
|
+
private forcedOpen;
|
28
|
+
private hovered;
|
21
29
|
constructor();
|
22
30
|
private _toggleOpen;
|
31
|
+
private _handleMenuClick;
|
32
|
+
private _handleNavMouseOver;
|
33
|
+
private _handleNavMouseOut;
|
34
|
+
private _handleDrawerClosed;
|
23
35
|
resizeEvent(): void;
|
24
36
|
connectedCallback(): void;
|
25
37
|
disconnectedCallback(): void;
|
38
|
+
protected renderSection(): import("lit-html").TemplateResult<1> | typeof nothing;
|
26
39
|
render(): import("lit-html").TemplateResult<1>;
|
27
40
|
}
|
28
41
|
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":"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"}
|
package/app-shell.js
CHANGED
@@ -1,41 +1,49 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-f623705d.js"),m=require("./property-57f6f6fe.js"),s=require("./class-map-b5efe8da.js"),c=require("./mwc-drawer-base-8eecb1de.js");require("./tslib.es6-e6a11c8a.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./query-680f1868.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,
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements-f623705d.js"),s=require("./property-57f6f6fe.js"),c=require("./class-map-b5efe8da.js"),p=require("./mwc-drawer-base-8eecb1de.js");require("./tslib.es6-e6a11c8a.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./query-680f1868.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.x`<div class="current-section">
|
3
|
+
<slot name="section-action"></slot>
|
4
|
+
<span>${this.sectionName}</span>
|
5
|
+
</div>`:t.A}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.x`<div
|
3
6
|
class="mdc-drawer-scrim"
|
4
7
|
@click="${this._handleScrimClick}"
|
5
|
-
></div>`:
|
6
|
-
<div class="app-shell">
|
8
|
+
></div>`:t.A;return t.x`
|
9
|
+
<div class="app-shell ${c.o(o)}">
|
7
10
|
<span class="header"
|
8
11
|
><cv-top-app-bar-fixed centerTitle>
|
9
12
|
<cv-icon-button
|
10
13
|
class="toggle-drawer"
|
11
|
-
@click=${this.
|
14
|
+
@click=${this._handleMenuClick}
|
12
15
|
slot="navigationIcon"
|
13
16
|
icon="menu"
|
14
17
|
></cv-icon-button>
|
15
18
|
<span slot="title">${this.appName}</span>
|
16
19
|
</cv-top-app-bar-fixed>
|
17
20
|
</span>
|
18
|
-
<nav
|
21
|
+
<nav
|
22
|
+
class="navigation mdc-drawer ${c.o(r)}"
|
23
|
+
@mouseenter="${this._handleNavMouseOver}"
|
24
|
+
@mouseleave="${this._handleNavMouseOut}"
|
25
|
+
>
|
19
26
|
<div class="navigation-toolbar">
|
20
27
|
<cv-icon-button
|
21
|
-
@click
|
28
|
+
@click="${this._handleMenuClick}"
|
22
29
|
class="toggle-drawer"
|
23
30
|
icon="menu"
|
24
31
|
></cv-icon-button>
|
25
32
|
<slot name="logo"></slot>
|
26
33
|
</div>
|
34
|
+
${this.renderSection()}
|
27
35
|
<slot name="navigation"></slot>
|
28
36
|
<div style="display:flex; flex:1;"></div>
|
29
37
|
<div divider></div>
|
30
38
|
<slot name="user-menu"></slot>
|
31
39
|
</nav>
|
32
|
-
${
|
40
|
+
${d}
|
33
41
|
<slot name="mini-list"></slot>
|
34
42
|
<div class="main mdc-drawer-app-content"><slot></slot></div>
|
35
|
-
<div class="help ${
|
43
|
+
<div class="help ${c.o(n)}">
|
36
44
|
<slot name="help"></slot>
|
37
45
|
</div>
|
38
46
|
</div>
|
39
|
-
`}};exports.CovalentAppShell.styles=[
|
40
|
-
${
|
41
|
-
`];
|
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.n()],exports.CovalentAppShell.prototype,"appName",2);i([s.n()],exports.CovalentAppShell.prototype,"sectionName",2);i([s.n({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"miniListOpen",2);i([s.n({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;
|
package/app-shell.mjs
CHANGED
@@ -1,110 +1,141 @@
|
|
1
|
-
import { i as
|
2
|
-
import { n as
|
3
|
-
import { o as
|
4
|
-
import { D as
|
1
|
+
import { i as g, r as f, l as h, x as m, A as p, e as v } from "./query-assigned-elements-4a39219d.mjs";
|
2
|
+
import { n as s } from "./property-9b6ea53b.mjs";
|
3
|
+
import { o as c } from "./class-map-4b94b017.mjs";
|
4
|
+
import { D as w } from "./mwc-drawer-base-fe660bdf.mjs";
|
5
5
|
import "./tslib.es6-f1eaf65c.mjs";
|
6
6
|
import "./inert.esm-359d4581.mjs";
|
7
7
|
import "./base-element-67ae173f.mjs";
|
8
8
|
import "./utils-2932417c.mjs";
|
9
9
|
import "./observer-be7b92e2.mjs";
|
10
10
|
import "./query-d843aa92.mjs";
|
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}}
|
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}}
|
12
12
|
`;
|
13
|
-
var
|
14
|
-
for (var
|
15
|
-
(
|
16
|
-
return
|
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;
|
17
17
|
};
|
18
|
-
let
|
18
|
+
let t = class extends w {
|
19
19
|
constructor() {
|
20
|
-
super(), this.appName = "", this.helpOpen = !1, this.resizeEvent();
|
20
|
+
super(), this.appName = "", this.sectionName = "", this.miniListOpen = !1, this.helpOpen = !1, this.forcedOpen = !1, this.hovered = !1, this.resizeEvent();
|
21
21
|
}
|
22
|
-
_toggleOpen() {
|
23
|
-
this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open = !this.open,
|
24
|
-
(e) => e.setAttribute("navopen", this.open.toString())
|
25
|
-
), this.dispatchEvent(
|
22
|
+
_toggleOpen(e = !1) {
|
23
|
+
this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open = e || !this.open, this.dispatchEvent(
|
26
24
|
new Event("CovalentAppShell:toggle", { bubbles: !0, composed: !0 })
|
27
|
-
));
|
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();
|
28
38
|
}
|
29
39
|
resizeEvent() {
|
30
40
|
const e = window.matchMedia("(max-width: 800px)");
|
31
41
|
e.matches && this.type !== "modal" ? this.type = "modal" : !e.matches && this.type !== "dismissible" && (this.type = "dismissible"), this.requestUpdate();
|
32
42
|
}
|
33
43
|
connectedCallback() {
|
34
|
-
super.connectedCallback(), window.addEventListener("resize", () => this.resizeEvent());
|
44
|
+
super.connectedCallback(), this.addEventListener("MDCDrawer:closed", this._handleDrawerClosed), window.addEventListener("resize", () => this.resizeEvent());
|
35
45
|
}
|
36
46
|
disconnectedCallback() {
|
37
|
-
super.disconnectedCallback(), window.removeEventListener("resize", this.resizeEvent);
|
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;
|
38
54
|
}
|
39
55
|
render() {
|
40
|
-
const e = this.type === "dismissible" || this.type === "modal", i = this.type === "modal",
|
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 = {
|
41
61
|
"mdc-drawer--dismissible": e,
|
42
62
|
"mdc-drawer--modal": i
|
43
|
-
},
|
63
|
+
}, r = {
|
44
64
|
"help--closed": !this.helpOpen
|
45
|
-
},
|
65
|
+
}, d = i ? m`<div
|
46
66
|
class="mdc-drawer-scrim"
|
47
67
|
@click="${this._handleScrimClick}"
|
48
|
-
></div>` :
|
49
|
-
return
|
50
|
-
<div class="app-shell">
|
68
|
+
></div>` : p;
|
69
|
+
return m`
|
70
|
+
<div class="app-shell ${c(n)}">
|
51
71
|
<span class="header"
|
52
72
|
><cv-top-app-bar-fixed centerTitle>
|
53
73
|
<cv-icon-button
|
54
74
|
class="toggle-drawer"
|
55
|
-
@click=${this.
|
75
|
+
@click=${this._handleMenuClick}
|
56
76
|
slot="navigationIcon"
|
57
77
|
icon="menu"
|
58
78
|
></cv-icon-button>
|
59
79
|
<span slot="title">${this.appName}</span>
|
60
80
|
</cv-top-app-bar-fixed>
|
61
81
|
</span>
|
62
|
-
<nav
|
82
|
+
<nav
|
83
|
+
class="navigation mdc-drawer ${c(o)}"
|
84
|
+
@mouseenter="${this._handleNavMouseOver}"
|
85
|
+
@mouseleave="${this._handleNavMouseOut}"
|
86
|
+
>
|
63
87
|
<div class="navigation-toolbar">
|
64
88
|
<cv-icon-button
|
65
|
-
@click
|
89
|
+
@click="${this._handleMenuClick}"
|
66
90
|
class="toggle-drawer"
|
67
91
|
icon="menu"
|
68
92
|
></cv-icon-button>
|
69
93
|
<slot name="logo"></slot>
|
70
94
|
</div>
|
95
|
+
${this.renderSection()}
|
71
96
|
<slot name="navigation"></slot>
|
72
97
|
<div style="display:flex; flex:1;"></div>
|
73
98
|
<div divider></div>
|
74
99
|
<slot name="user-menu"></slot>
|
75
100
|
</nav>
|
76
|
-
${
|
101
|
+
${d}
|
77
102
|
<slot name="mini-list"></slot>
|
78
103
|
<div class="main mdc-drawer-app-content"><slot></slot></div>
|
79
|
-
<div class="help ${
|
104
|
+
<div class="help ${c(r)}">
|
80
105
|
<slot name="help"></slot>
|
81
106
|
</div>
|
82
107
|
</div>
|
83
108
|
`;
|
84
109
|
}
|
85
110
|
};
|
86
|
-
|
87
|
-
|
88
|
-
${
|
111
|
+
t.styles = [
|
112
|
+
g`
|
113
|
+
${f(y)}
|
89
114
|
`
|
90
115
|
];
|
91
|
-
|
92
|
-
|
93
|
-
],
|
94
|
-
|
95
|
-
|
96
|
-
],
|
97
|
-
|
98
|
-
|
99
|
-
],
|
100
|
-
|
101
|
-
|
102
|
-
],
|
103
|
-
|
104
|
-
|
105
|
-
],
|
106
|
-
|
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;
|
107
138
|
export {
|
108
|
-
|
109
|
-
|
139
|
+
t as CovalentAppShell,
|
140
|
+
N as default
|
110
141
|
};
|
package/index.d.ts
CHANGED
@@ -16,7 +16,6 @@ export * from './icon-radio/icon-radio-toggle';
|
|
16
16
|
export * from './linear-progress/linear-progress';
|
17
17
|
export * from './list/check-list-item';
|
18
18
|
export * from './list/list';
|
19
|
-
export * from './list/list-expansion';
|
20
19
|
export * from './list/list-item';
|
21
20
|
export * from './list/nav-list-item';
|
22
21
|
export * from './list/radio-list-item';
|
package/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AAExC,OAAO,qBAAqB,CAAC"}
|
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-79036d60.js"),c=require("./drawer.js"),b=require("./empty-state.js"),C=require("./icon.js"),s=require("./icon-button.js"),
|
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-79036d60.js"),c=require("./drawer.js"),b=require("./empty-state.js"),C=require("./icon.js"),s=require("./icon-button.js"),v=require("./icon-check-toggle.js"),p=require("./icon-radio-toggle.js"),d=require("./linear-progress.js"),q=require("./check-list-item.js"),g=require("./list.js"),m=require("./list-item-3dc4b60f.js"),y=require("./nav-list-item.js"),P=require("./radio-list-item.js"),f=require("./menu.js"),j=require("./radio.js"),O=require("./select.js"),T=require("./side-sheet.js"),S=require("./slider.js"),I=require("./slider-range.js"),L=require("./snackbar.js"),h=require("./status-header.js"),k=require("./status-header-item.js"),x=require("./switch.js"),R=require("./tab.js"),A=require("./tab-bar.js"),B=require("./textarea.js"),w=require("./textfield.js"),H=require("./text-lockup.js"),F=require("./toolbar.js"),D=require("./tooltip.js"),M=require("./top-app-bar.js"),E=require("./top-app-bar-fixed.js"),N=require("./tree-list.js"),_=require("./tree-list-item.js"),z=require("./typography.js");require("./query-assigned-elements-f623705d.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./foundation-62d4413d.js");require("./tslib.es6-e6a11c8a.js");require("./class-map-b5efe8da.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./mwc-drawer-base-8eecb1de.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./mwc-icon-8c9cd0c9.js");require("./ripple-handlers-c82b1232.js");require("./state-0974a8e5.js");require("./style-map-88d2563f.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");require("./mwc-checkbox-base-d46c7666.js");require("./form-element-ead758d4.js");require("./mwc-checkbox.css-b3434429.js");require("./query-assigned-nodes-99eae71d.js");require("./mwc-radio-base-470b4fcc.js");require("./mwc-radio.css-4e140252.js");require("./mwc-list-item-base-4a4d1e1b.js");require("./mwc-list-item.css-25adc0c4.js");require("./mwc-list-base-cb3500b4.js");require("./mwc-menu-base-f14ec544.js");require("./mwc-line-ripple-directive-d1cf9570.js");require("./mwc-slider.css-9dd57b10.js");require("./directive-helpers-0ce1f995.js");require("./mwc-tab-base-fc3ffb43.js");require("./textfield-0993c163.js");require("./mwc-top-app-bar-base-0304e67f.js");require("./top-app-bar-a531c1b4.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:()=>v.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>p.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,"CovalentListItem",{enumerable:!0,get:()=>m.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>y.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>P.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>f.CovalentMenu});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>j.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>O.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>T.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>S.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>I.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>L.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>h.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>k.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>x.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>R.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>A.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>B.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>w.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>H.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:()=>E.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>N.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>_.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>z.CovalentTypography});
|
package/index.mjs
CHANGED
@@ -11,37 +11,36 @@ import { CovalentDrawer as to } from "./drawer.mjs";
|
|
11
11
|
import { CovalentEmptyState as eo } from "./empty-state.mjs";
|
12
12
|
import { CovalentIcon as mo } from "./icon.mjs";
|
13
13
|
import { CovalentIconButton as io } from "./icon-button.mjs";
|
14
|
-
import { CovalentIconCheckToggle as
|
14
|
+
import { CovalentIconCheckToggle as no } from "./icon-check-toggle.mjs";
|
15
15
|
import { CovalentIconRadioToggle as xo } from "./icon-radio-toggle.mjs";
|
16
16
|
import { CovalentLinearProgress as fo } from "./linear-progress.mjs";
|
17
17
|
import { CovalentCheckListItem as co } from "./check-list-item.mjs";
|
18
|
-
import {
|
19
|
-
import {
|
20
|
-
import {
|
21
|
-
import {
|
22
|
-
import {
|
23
|
-
import {
|
24
|
-
import {
|
25
|
-
import {
|
26
|
-
import {
|
27
|
-
import {
|
28
|
-
import {
|
29
|
-
import {
|
30
|
-
import {
|
31
|
-
import {
|
32
|
-
import {
|
33
|
-
import {
|
34
|
-
import {
|
35
|
-
import {
|
36
|
-
import {
|
37
|
-
import {
|
38
|
-
import {
|
39
|
-
import {
|
40
|
-
import {
|
41
|
-
import {
|
42
|
-
import {
|
43
|
-
import {
|
44
|
-
import { CovalentTypography as Tt } from "./typography.mjs";
|
18
|
+
import { CovalentList as So } from "./list.mjs";
|
19
|
+
import { C as go } from "./list-item-bab8d6ba.mjs";
|
20
|
+
import { CovalentNavRailListItem as ho } from "./nav-list-item.mjs";
|
21
|
+
import { CovalentRadioListItem as uo } from "./radio-list-item.mjs";
|
22
|
+
import { CovalentMenu as Ro } from "./menu.mjs";
|
23
|
+
import { CovalentRadio as Bo } from "./radio.mjs";
|
24
|
+
import { CovalentSelect as wo } from "./select.mjs";
|
25
|
+
import { CovalentSideSheet as Fo } from "./side-sheet.mjs";
|
26
|
+
import { CovalentSlider as Po } from "./slider.mjs";
|
27
|
+
import { CovalentSliderRange as Mo } from "./slider-range.mjs";
|
28
|
+
import { CovalentSnackbar as jo } from "./snackbar.mjs";
|
29
|
+
import { CovalentStatusHeader as zo } from "./status-header.mjs";
|
30
|
+
import { CovalentStatusHeaderItem as Jo } from "./status-header-item.mjs";
|
31
|
+
import { CovalentSwitch as Oo } from "./switch.mjs";
|
32
|
+
import { CovalentTab as Uo } from "./tab.mjs";
|
33
|
+
import { CovalentTabBar as Wo } from "./tab-bar.mjs";
|
34
|
+
import { CovalentTextArea as Yo } from "./textarea.mjs";
|
35
|
+
import { CovalentTextField as _o } from "./textfield.mjs";
|
36
|
+
import { CovalentTextLockup as ot } from "./text-lockup.mjs";
|
37
|
+
import { CovalentToolbar as rt } from "./toolbar.mjs";
|
38
|
+
import { CovalentTooltip as pt } from "./tooltip.mjs";
|
39
|
+
import { CovalentTopAppBar as at } from "./top-app-bar.mjs";
|
40
|
+
import { CovalentTopAppBarFixed as lt } from "./top-app-bar-fixed.mjs";
|
41
|
+
import { CovalentTreeList as Ct } from "./tree-list.mjs";
|
42
|
+
import { CovalentTreeListItem as vt } from "./tree-list-item.mjs";
|
43
|
+
import { CovalentTypography as st } from "./typography.mjs";
|
45
44
|
import "./query-assigned-elements-4a39219d.mjs";
|
46
45
|
import "./utils-2932417c.mjs";
|
47
46
|
import "./observer-be7b92e2.mjs";
|
@@ -90,36 +89,35 @@ export {
|
|
90
89
|
$ as CovalentDialog,
|
91
90
|
to as CovalentDrawer,
|
92
91
|
eo as CovalentEmptyState,
|
93
|
-
Lo as CovalentExpansionList,
|
94
92
|
mo as CovalentIcon,
|
95
93
|
io as CovalentIconButton,
|
96
|
-
|
94
|
+
no as CovalentIconCheckToggle,
|
97
95
|
xo as CovalentIconRadioToggle,
|
98
96
|
fo as CovalentLinearProgress,
|
99
97
|
So as CovalentList,
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
98
|
+
go as CovalentListItem,
|
99
|
+
Ro as CovalentMenu,
|
100
|
+
ho as CovalentNavRailListItem,
|
101
|
+
Bo as CovalentRadio,
|
102
|
+
uo as CovalentRadioListItem,
|
103
|
+
wo as CovalentSelect,
|
104
|
+
Fo as CovalentSideSheet,
|
105
|
+
Po as CovalentSlider,
|
106
|
+
Mo as CovalentSliderRange,
|
107
|
+
jo as CovalentSnackbar,
|
108
|
+
zo as CovalentStatusHeader,
|
109
|
+
Jo as CovalentStatusHeaderItem,
|
110
|
+
Oo as CovalentSwitch,
|
111
|
+
Uo as CovalentTab,
|
112
|
+
Wo as CovalentTabBar,
|
113
|
+
Yo as CovalentTextArea,
|
114
|
+
_o as CovalentTextField,
|
115
|
+
ot as CovalentTextLockup,
|
116
|
+
rt as CovalentToolbar,
|
117
|
+
pt as CovalentTooltip,
|
118
|
+
at as CovalentTopAppBar,
|
119
|
+
lt as CovalentTopAppBarFixed,
|
120
|
+
Ct as CovalentTreeList,
|
121
|
+
vt as CovalentTreeListItem,
|
122
|
+
st as CovalentTypography
|
125
123
|
};
|
package/list/list-item.d.ts
CHANGED
@@ -6,8 +6,6 @@ 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>;
|
11
9
|
}
|
12
10
|
export default CovalentListItem;
|
13
11
|
//# 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;CACH;AAED,eAAe,gBAAgB,CAAC"}
|
package/list/list.d.ts
CHANGED
@@ -1,16 +1,11 @@
|
|
1
1
|
import { ListBase } from '@material/mwc-list/mwc-list-base';
|
2
|
-
import CovalentNavRailListItem from './nav-list-item';
|
3
2
|
declare global {
|
4
3
|
interface HTMLElementTagNameMap {
|
5
4
|
'cv-list': CovalentList;
|
6
5
|
}
|
7
6
|
}
|
8
7
|
export declare class CovalentList extends ListBase {
|
9
|
-
slotElements: CovalentNavRailListItem[];
|
10
|
-
navOpen: boolean;
|
11
8
|
static styles: import("lit").CSSResult[];
|
12
|
-
getUpdateComplete(): Promise<boolean>;
|
13
|
-
attributeChangedCallback(name: string, _old: string, value: string): void;
|
14
9
|
}
|
15
10
|
export default CovalentList;
|
16
11
|
//# sourceMappingURL=list.d.ts.map
|