@covalent/components 6.3.0-beta.1 → 6.3.0-beta.3
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 +1 -0
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +6 -5
- package/app-shell.mjs +17 -16
- package/index.js +1 -1
- package/index.mjs +2 -2
- package/list/list-expansion.d.ts +1 -4
- package/list/list-expansion.d.ts.map +1 -1
- 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 +0 -1
- package/list/nav-list-item.d.ts.map +1 -1
- package/list-expansion.js +10 -8
- package/list-expansion.mjs +38 -44
- package/list-item-1c65e4db.mjs +32 -0
- package/list-item-ee331821.js +8 -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 +7 -7
- package/nav-list-item.mjs +23 -26
- package/package.json +2 -1
- package/list-d616957b.mjs +0 -45
- package/list-defdaa3b.js +0 -5
- package/list-item-e78d76c5.js +0 -9
- package/list-item-f7cb5460.mjs +0 -44
package/app-shell/app-shell.d.ts
CHANGED
|
@@ -32,6 +32,7 @@ export declare class CovalentAppShell extends DrawerBase {
|
|
|
32
32
|
private _handleMenuClick;
|
|
33
33
|
private _handleNavMouseOver;
|
|
34
34
|
private _handleNavMouseOut;
|
|
35
|
+
private _handleNavClick;
|
|
35
36
|
private _handleDrawerClosed;
|
|
36
37
|
resizeEvent(): void;
|
|
37
38
|
connectedCallback(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/app-shell/app-shell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,OAAO,EAAa,MAAM,KAAK,CAAC;AAOpD,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAGlE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,gBAAgB,CAAC;KAClC;CACF;AAED;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAIpB;IAGF,sBAAsB,EAAG,WAAW,EAAE,CAAC;IAGvC,gBAAgB,EAAG,WAAW,EAAE,CAAC;IAEjC;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,WAAW,SAAM;IAGjB,YAAY,UAAS;IAGrB,QAAQ,UAAS;IAEjB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,eAAe,CAAC,CAAS;;IAQjC,OAAO,CAAC,WAAW;
|
|
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;IAExB,OAAO,CAAC,eAAe,CAAC,CAAS;;IAQjC,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,mBAAmB;IAM3B,WAAW;IAWF,iBAAiB;IAMjB,oBAAoB;IAM7B,SAAS,CAAC,aAAa;IASd,MAAM;CAiEhB;AAED,eAAe,gBAAgB,CAAC"}
|
package/app-shell.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
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}.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
|
-
|
|
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,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 m.DrawerBase{constructor(){super(),this.appName="",this.sectionName="",this.miniListOpen=!1,this.helpOpen=!1,this.forcedOpen=!1,this.hovered=!1,this.resizeEvent()}_toggleOpen(e=!1){this.mdcFoundation.isOpening()||this.mdcFoundation.isClosing()||(this.open=e||!this.open,this.dispatchEvent(new Event("CovalentAppShell:toggle",{bubbles:!0,composed:!0})),this.requestUpdate())}_handleMenuClick(){this._toggleOpen(!this.forcedOpen),this.forcedOpen=!0,this.hovered=!1}_handleNavMouseOver(){clearTimeout(this.navHoverTimeout),!(this.open||this.forcedOpen)&&(this.hovered=!0,this.navHoverTimeout=setTimeout(()=>this._toggleOpen(),350))}_handleNavMouseOut(){clearTimeout(this.navHoverTimeout),!(!this.open||this.forcedOpen)&&(this.navHoverTimeout=setTimeout(()=>this._toggleOpen(),350))}_handleNavClick(){}_handleDrawerClosed(){this.forcedOpen=!1,this.hovered=!1,this.requestUpdate()}resizeEvent(){const e=window.matchMedia("(max-width: 800px)");e.matches&&this.type!=="modal"?this.type="modal":!e.matches&&this.type!=="dismissible"&&(this.type="dismissible"),this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.addEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.addEventListener("resize",()=>this.resizeEvent())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("MDCDrawer:closed",this._handleDrawerClosed),window.removeEventListener("resize",this.resizeEvent)}renderSection(){return this.sectionName?t.y`<div class="current-section">
|
|
3
|
+
<slot name="section-action"></slot>
|
|
4
4
|
<span>${this.sectionName}</span>
|
|
5
|
-
</div>`:t.b}render(){const e=this.type==="dismissible"||this.type==="modal",
|
|
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
|
|
6
6
|
class="mdc-drawer-scrim"
|
|
7
7
|
@click="${this._handleScrimClick}"
|
|
8
8
|
></div>`:t.b;return t.y`
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
</span>
|
|
21
21
|
<nav
|
|
22
22
|
class="navigation mdc-drawer ${c.o(r)}"
|
|
23
|
+
@click=${this._handleNavClick}
|
|
23
24
|
@mouseover="${this._handleNavMouseOver}"
|
|
24
25
|
@mouseout="${this._handleNavMouseOut}"
|
|
25
26
|
>
|
|
@@ -46,4 +47,4 @@
|
|
|
46
47
|
</div>
|
|
47
48
|
`}};exports.CovalentAppShell.styles=[t.i`
|
|
48
49
|
${t.r(p)}
|
|
49
|
-
`];
|
|
50
|
+
`];i([t.l({slot:"navigation"})],exports.CovalentAppShell.prototype,"navigationListElements",2);i([t.l({slot:"user-menu"})],exports.CovalentAppShell.prototype,"userMenuElements",2);i([s.e()],exports.CovalentAppShell.prototype,"appName",2);i([s.e()],exports.CovalentAppShell.prototype,"sectionName",2);i([s.e({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"miniListOpen",2);i([s.e({type:Boolean,reflect:!0})],exports.CovalentAppShell.prototype,"helpOpen",2);exports.CovalentAppShell=i([t.e("cv-app-shell")],exports.CovalentAppShell);const v=exports.CovalentAppShell;exports.default=v;
|
package/app-shell.mjs
CHANGED
|
@@ -8,21 +8,19 @@ 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}.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 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 b = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (e,
|
|
14
|
-
for (var
|
|
15
|
-
(l = e[d]) && (
|
|
16
|
-
return o &&
|
|
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
18
|
let t = class extends w {
|
|
19
19
|
constructor() {
|
|
20
20
|
super(), this.appName = "", this.sectionName = "", this.miniListOpen = !1, this.helpOpen = !1, this.forcedOpen = !1, this.hovered = !1, this.resizeEvent();
|
|
21
21
|
}
|
|
22
22
|
_toggleOpen(e = !1) {
|
|
23
|
-
this.mdcFoundation.isOpening() || this.mdcFoundation.isClosing() || (this.open = e || !this.open,
|
|
24
|
-
(r) => r.setAttribute("navopen", this.open.toString())
|
|
25
|
-
), this.dispatchEvent(
|
|
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());
|
|
28
26
|
}
|
|
@@ -35,6 +33,8 @@ let t = class extends w {
|
|
|
35
33
|
_handleNavMouseOut() {
|
|
36
34
|
clearTimeout(this.navHoverTimeout), !(!this.open || this.forcedOpen) && (this.navHoverTimeout = setTimeout(() => this._toggleOpen(), 350));
|
|
37
35
|
}
|
|
36
|
+
_handleNavClick() {
|
|
37
|
+
}
|
|
38
38
|
_handleDrawerClosed() {
|
|
39
39
|
this.forcedOpen = !1, this.hovered = !1, this.requestUpdate();
|
|
40
40
|
}
|
|
@@ -50,21 +50,21 @@ let t = class extends w {
|
|
|
50
50
|
}
|
|
51
51
|
renderSection() {
|
|
52
52
|
return this.sectionName ? m`<div class="current-section">
|
|
53
|
-
|
|
53
|
+
<slot name="section-action"></slot>
|
|
54
54
|
<span>${this.sectionName}</span>
|
|
55
55
|
</div>` : p;
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
const e = this.type === "dismissible" || this.type === "modal",
|
|
58
|
+
const e = this.type === "dismissible" || this.type === "modal", i = this.type === "modal", n = {
|
|
59
59
|
"cov-drawer--forcedOpen": this.forcedOpen,
|
|
60
60
|
"cov-appshell--minilist": this.miniListOpen,
|
|
61
61
|
"cov-drawer--hovered": this.hovered
|
|
62
62
|
}, o = {
|
|
63
63
|
"mdc-drawer--dismissible": e,
|
|
64
|
-
"mdc-drawer--modal":
|
|
65
|
-
},
|
|
64
|
+
"mdc-drawer--modal": i
|
|
65
|
+
}, r = {
|
|
66
66
|
"help--closed": !this.helpOpen
|
|
67
|
-
}, d =
|
|
67
|
+
}, d = i ? m`<div
|
|
68
68
|
class="mdc-drawer-scrim"
|
|
69
69
|
@click="${this._handleScrimClick}"
|
|
70
70
|
></div>` : p;
|
|
@@ -83,6 +83,7 @@ let t = class extends w {
|
|
|
83
83
|
</span>
|
|
84
84
|
<nav
|
|
85
85
|
class="navigation mdc-drawer ${c(o)}"
|
|
86
|
+
@click=${this._handleNavClick}
|
|
86
87
|
@mouseover="${this._handleNavMouseOver}"
|
|
87
88
|
@mouseout="${this._handleNavMouseOut}"
|
|
88
89
|
>
|
|
@@ -103,7 +104,7 @@ let t = class extends w {
|
|
|
103
104
|
${d}
|
|
104
105
|
<slot name="mini-list"></slot>
|
|
105
106
|
<div class="main mdc-drawer-app-content"><slot></slot></div>
|
|
106
|
-
<div class="help ${c(
|
|
107
|
+
<div class="help ${c(r)}">
|
|
107
108
|
<slot name="help"></slot>
|
|
108
109
|
</div>
|
|
109
110
|
</div>
|
|
@@ -136,8 +137,8 @@ a([
|
|
|
136
137
|
t = a([
|
|
137
138
|
v("cv-app-shell")
|
|
138
139
|
], t);
|
|
139
|
-
const
|
|
140
|
+
const M = t;
|
|
140
141
|
export {
|
|
141
142
|
t as CovalentAppShell,
|
|
142
|
-
|
|
143
|
+
M as default
|
|
143
144
|
};
|
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
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),n=require("./button.js"),o=require("./checkbox.js"),a=require("./card.js"),i=require("./circular-progress.js"),u=require("./code-snippet.js"),l=require("./dialog-8ee07177.js"),c=require("./drawer.js"),b=require("./empty-state.js"),C=require("./icon.js"),s=require("./icon-button.js"),p=require("./icon-check-toggle.js"),v=require("./icon-radio-toggle.js"),d=require("./linear-progress.js"),q=require("./check-list-item.js"),g=require("./list.js"),m=require("./list-expansion.js"),y=require("./list-item-ee331821.js"),P=require("./nav-list-item.js"),f=require("./radio-list-item.js"),j=require("./menu.js"),O=require("./radio.js"),T=require("./select.js"),S=require("./side-sheet.js"),I=require("./slider.js"),L=require("./slider-range.js"),h=require("./snackbar.js"),x=require("./status-header.js"),k=require("./status-header-item.js"),R=require("./switch.js"),A=require("./tab.js"),B=require("./tab-bar.js"),w=require("./textarea.js"),H=require("./textfield.js"),E=require("./text-lockup.js"),F=require("./toolbar.js"),D=require("./tooltip.js"),M=require("./top-app-bar.js"),N=require("./top-app-bar-fixed.js"),_=require("./tree-list.js"),z=require("./tree-list-item.js"),G=require("./typography.js");require("./query-assigned-elements-07e38f46.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./foundation-3f55a9dc.js");require("./tslib.es6-6b53b818.js");require("./foundation-e830bd94.js");require("./class-map-50b8edb4.js");require("./property-074570d1.js");require("./query-2ba749b7.js");require("./mwc-drawer-base-f44fcf34.js");require("./inert.esm-2cee6f2e.js");require("./base-element-d5abe37a.js");require("./mwc-icon-b96fb867.js");require("./ripple-handlers-2176f137.js");require("./state-949232e6.js");require("./style-map-3056a771.js");require("./aria-property-849c8816.js");require("./event-options-7bc382d8.js");require("./if-defined-cb12d481.js");require("./mwc-checkbox-base-435c1f1d.js");require("./form-element-d4e7bcdb.js");require("./mwc-checkbox.css-956e3d6c.js");require("./query-assigned-nodes-9ec0fa5f.js");require("./mwc-radio-base-442d495a.js");require("./mwc-radio.css-388ad26d.js");require("./mwc-list-item-base-803b9771.js");require("./mwc-list-item.css-401e2407.js");require("./mwc-list-base-7d5f7278.js");require("./mwc-menu-base-ac49fe54.js");require("./mwc-line-ripple-directive-a97ce725.js");require("./mwc-slider.css-48f02f1e.js");require("./directive-helpers-fce8cf91.js");require("./mwc-tab-base-1a19b299.js");require("./textfield-507c6a06.js");require("./mwc-top-app-bar-base-14e0a018.js");require("./top-app-bar-34e85527.js");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>e.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>t.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>r.CovalentAppShell});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>n.CovalentButton});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>o.CovalentCheckbox});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>a.CovalentCard});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>i.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>u.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>l.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>c.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>b.CovalentEmptyState});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>C.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>s.CovalentIconButton});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>p.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>v.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>d.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>q.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>g.CovalentList});Object.defineProperty(exports,"CovalentExpansionList",{enumerable:!0,get:()=>m.CovalentExpansionList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>y.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>P.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>f.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>j.CovalentMenu});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>O.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>T.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>S.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>I.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>L.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>h.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>x.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>k.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>R.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>A.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>B.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>w.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>H.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>E.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>F.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>D.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>M.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>N.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>_.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>z.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>G.CovalentTypography});
|
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 { CovalentList as Io } from "./list.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-1c65e4db.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,19 +1,16 @@
|
|
|
1
|
-
import { CovalentList } from './list';
|
|
2
1
|
import CovalentNavRailListItem from './nav-list-item';
|
|
3
2
|
declare global {
|
|
4
3
|
interface HTMLElementTagNameMap {
|
|
5
4
|
'cv-expansion-list': CovalentExpansionList;
|
|
6
5
|
}
|
|
7
6
|
}
|
|
8
|
-
export declare class CovalentExpansionList extends
|
|
7
|
+
export declare class CovalentExpansionList extends CovalentNavRailListItem {
|
|
9
8
|
static styles: import("lit").CSSResult[];
|
|
10
9
|
static shadowRootOptions: ShadowRootInit;
|
|
11
10
|
open: boolean;
|
|
12
|
-
navOpen: boolean;
|
|
13
11
|
expansionHeader: CovalentNavRailListItem[];
|
|
14
12
|
constructor();
|
|
15
13
|
private _toggleOpen;
|
|
16
|
-
attributeChangedCallback(name: string, _old: string, value: string): void;
|
|
17
14
|
render(): import("lit-html").TemplateResult<1>;
|
|
18
15
|
}
|
|
19
16
|
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,
|
|
1
|
+
{"version":3,"file":"list-expansion.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/list-expansion.ts"],"names":[],"mappings":"AAOA,OAAO,uBAAuB,MAAM,iBAAiB,CAAC;AAEtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,qBAAqB,CAAC;KAC5C;CACF;AAED,qBACa,qBAAsB,SAAQ,uBAAuB;IAChE,OAAgB,MAAM,4BAKpB;IACF,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAGF,IAAI,UAAS;IAGb,eAAe,EAAG,uBAAuB,EAAE,CAAC;;IAM5C,OAAO,CAAC,WAAW;IASV,MAAM;CAiBhB;AAED,eAAe,qBAAqB,CAAC"}
|
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
|
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":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAI5D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,YAAY,CAAC;KACzB;CACF;AAED,qBACa,YAAa,SAAQ,QAAQ;IACxC,OAAgB,MAAM,4BAGpB;CACH;AAED,eAAe,YAAY,CAAC"}
|
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;;CAKH;AAED,eAAe,uBAAuB,CAAC"}
|
package/list-expansion.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-07e38f46.js"),l=require("./property-074570d1.js"),
|
|
2
|
-
`;var h=Object.defineProperty,v=Object.getOwnPropertyDescriptor,
|
|
3
|
-
<
|
|
4
|
-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-07e38f46.js"),l=require("./property-074570d1.js"),c=require("./nav-list-item.js");require("./list-item-ee331821.js");require("./mwc-list-item-base-803b9771.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");require("./mwc-list-item.css-401e2407.js");const d=`:host{flex-direction:column;overflow:visible;height:inherit!important;background:none;padding:0;--mdc-ripple-color: transparent;--mdc-list-side-padding: 0;--cv-list-item-border-radius: 0;--cv-list-item-graphic-margin-left: 12px}:host([activated]){--mdc-ripple-color: transparent}.expansion-header{--mdc-ripple-color: var(--mdc-theme-primary);border-radius:0 28px 28px 0;position:relative;height:48px;width:100%;overflow:hidden;display:flex;flex-shrink:0;align-items:center}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, -12px);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;height:var(--cv-list-menu-height, 0);--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden}:host([open]) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}:host([graphic=avatar]) ::slotted(cv-icon[slot=graphic]){margin-left:0}
|
|
2
|
+
`;var h=Object.defineProperty,v=Object.getOwnPropertyDescriptor,u=Object.getPrototypeOf,x=Reflect.get,p=(r,e,n,o)=>{for(var t=o>1?void 0:o?v(e,n):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,n,t):a(t))||t);return o&&t&&h(e,n,t),t},g=(r,e,n)=>x(u(r),n,e);exports.CovalentExpansionList=class extends c.default{constructor(){super(),this.open=!1}_toggleOpen(){this.open=!this.open,this.expansionHeader.forEach(e=>{e.activated=this.open,e.selected=this.open})}render(){const e=this.renderText(),n=this.graphic?this.renderGraphic():i.b,o=this.hasMeta?this.renderMeta():i.b,t=this.open?"arrow_drop_down":"arrow_right",s=i.y`<cv-icon class="expansion-icon">${t}</cv-icon>`,a=i.y`<slot name="child"></slot>`;return i.y`
|
|
3
|
+
<div @click=${this._toggleOpen} class="expansion-header">
|
|
4
|
+
${this.renderRipple()} ${s} ${n} ${e} ${o} ${a}
|
|
5
|
+
</div>
|
|
6
|
+
<div class="expansion-panel">
|
|
7
|
+
<slot name="expansion-panel"></slot>
|
|
8
|
+
</div>
|
|
5
9
|
`}};exports.CovalentExpansionList.styles=[i.i`
|
|
6
|
-
${i.r(
|
|
7
|
-
|
|
8
|
-
${i.r(d)}
|
|
9
|
-
`];exports.CovalentExpansionList.shadowRootOptions={mode:"open",delegatesFocus:!0};s([l.e({type:Boolean,reflect:!0})],exports.CovalentExpansionList.prototype,"open",2);s([l.e({type:Boolean,reflect:!0})],exports.CovalentExpansionList.prototype,"navOpen",2);s([i.l({slot:"expansionHeader"})],exports.CovalentExpansionList.prototype,"expansionHeader",2);exports.CovalentExpansionList=s([i.e("cv-expansion-list")],exports.CovalentExpansionList);const c=exports.CovalentExpansionList;exports.default=c;
|
|
10
|
+
${i.r(d)},
|
|
11
|
+
`,...g(exports.CovalentExpansionList,exports.CovalentExpansionList,"styles")];exports.CovalentExpansionList.shadowRootOptions={mode:"open",delegatesFocus:!0};p([l.e({type:Boolean,reflect:!0})],exports.CovalentExpansionList.prototype,"open",2);p([i.l({slot:"expansionHeader"})],exports.CovalentExpansionList.prototype,"expansionHeader",2);exports.CovalentExpansionList=p([i.e("cv-expansion-list")],exports.CovalentExpansionList);const m=exports.CovalentExpansionList;exports.default=m;
|
package/list-expansion.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { i as
|
|
2
|
-
import { e as
|
|
3
|
-
import
|
|
4
|
-
import "./
|
|
5
|
-
import "./tslib.es6-b5e819a6.mjs";
|
|
1
|
+
import { i as d, r as h, l as m, b as l, y as p, e as v } from "./query-assigned-elements-514e5265.mjs";
|
|
2
|
+
import { e as g } from "./property-ca27685b.mjs";
|
|
3
|
+
import x from "./nav-list-item.mjs";
|
|
4
|
+
import "./list-item-1c65e4db.mjs";
|
|
6
5
|
import "./mwc-list-item-base-acef0223.mjs";
|
|
6
|
+
import "./tslib.es6-b5e819a6.mjs";
|
|
7
7
|
import "./ripple-handlers-227497d3.mjs";
|
|
8
8
|
import "./base-element-c3dc926e.mjs";
|
|
9
9
|
import "./utils-dc65fdc9.mjs";
|
|
@@ -12,62 +12,56 @@ import "./query-1e7846ea.mjs";
|
|
|
12
12
|
import "./class-map-08c84aeb.mjs";
|
|
13
13
|
import "./style-map-2cb0fb63.mjs";
|
|
14
14
|
import "./observer-be7b92e2.mjs";
|
|
15
|
-
import "./
|
|
16
|
-
|
|
17
|
-
const x = `.mdc-deprecated-list{--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden;height:var(--cv-list-menu-height, 0)}.mdc-deprecated-list slot::slotted(*){height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:0 28px 28px 0;margin-right:16px}:host([open]) ul{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}
|
|
15
|
+
import "./mwc-list-item.css-b5481d96.mjs";
|
|
16
|
+
const f = `:host{flex-direction:column;overflow:visible;height:inherit!important;background:none;padding:0;--mdc-ripple-color: transparent;--mdc-list-side-padding: 0;--cv-list-item-border-radius: 0;--cv-list-item-graphic-margin-left: 12px}:host([activated]){--mdc-ripple-color: transparent}.expansion-header{--mdc-ripple-color: var(--mdc-theme-primary);border-radius:0 28px 28px 0;position:relative;height:48px;width:100%;overflow:hidden;display:flex;flex-shrink:0;align-items:center}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, -12px);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;height:var(--cv-list-menu-height, 0);--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden}:host([open]) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}:host([graphic=avatar]) ::slotted(cv-icon[slot=graphic]){margin-left:0}
|
|
18
17
|
`;
|
|
19
|
-
var
|
|
20
|
-
for (var
|
|
21
|
-
(a = e[
|
|
22
|
-
return
|
|
23
|
-
};
|
|
24
|
-
let
|
|
18
|
+
var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, w = Object.getPrototypeOf, b = Reflect.get, c = (e, o, n, r) => {
|
|
19
|
+
for (var t = r > 1 ? void 0 : r ? _(o, n) : o, s = e.length - 1, a; s >= 0; s--)
|
|
20
|
+
(a = e[s]) && (t = (r ? a(o, n, t) : a(t)) || t);
|
|
21
|
+
return r && t && u(o, n, t), t;
|
|
22
|
+
}, y = (e, o, n) => b(w(e), n, o);
|
|
23
|
+
let i = class extends x {
|
|
25
24
|
constructor() {
|
|
26
|
-
super(), this.open = !1
|
|
25
|
+
super(), this.open = !1;
|
|
27
26
|
}
|
|
28
27
|
_toggleOpen() {
|
|
29
28
|
this.open = !this.open, this.expansionHeader.forEach((e) => {
|
|
30
29
|
e.activated = this.open, e.selected = this.open;
|
|
31
30
|
});
|
|
32
31
|
}
|
|
33
|
-
attributeChangedCallback(e, s, t) {
|
|
34
|
-
super.attributeChangedCallback(e, s, t), e === "navopen" && this.expansionHeader.forEach((o) => {
|
|
35
|
-
t === "true" ? (o.navOpen = !!t, o.setAttribute("navopen", t)) : o.removeAttribute("navopen");
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
32
|
render() {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
33
|
+
const e = this.renderText(), o = this.graphic ? this.renderGraphic() : l, n = this.hasMeta ? this.renderMeta() : l, r = this.open ? "arrow_drop_down" : "arrow_right", t = p`<cv-icon class="expansion-icon">${r}</cv-icon>`, s = p`<slot name="child"></slot>`;
|
|
34
|
+
return p`
|
|
35
|
+
<div @click=${this._toggleOpen} class="expansion-header">
|
|
36
|
+
${this.renderRipple()} ${t} ${o} ${e} ${n} ${s}
|
|
37
|
+
</div>
|
|
38
|
+
<div class="expansion-panel">
|
|
39
|
+
<slot name="expansion-panel"></slot>
|
|
40
|
+
</div>
|
|
42
41
|
`;
|
|
43
42
|
}
|
|
44
43
|
};
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
${h(
|
|
44
|
+
i.styles = [
|
|
45
|
+
d`
|
|
46
|
+
${h(f)},
|
|
48
47
|
`,
|
|
49
|
-
|
|
50
|
-
${h(x)}
|
|
51
|
-
`
|
|
48
|
+
...y(i, i, "styles")
|
|
52
49
|
];
|
|
53
|
-
|
|
50
|
+
i.shadowRootOptions = {
|
|
54
51
|
mode: "open",
|
|
55
52
|
delegatesFocus: !0
|
|
56
53
|
};
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
],
|
|
60
|
-
|
|
61
|
-
d({ type: Boolean, reflect: !0 })
|
|
62
|
-
], r.prototype, "navOpen", 2);
|
|
63
|
-
n([
|
|
54
|
+
c([
|
|
55
|
+
g({ type: Boolean, reflect: !0 })
|
|
56
|
+
], i.prototype, "open", 2);
|
|
57
|
+
c([
|
|
64
58
|
m({ slot: "expansionHeader" })
|
|
65
|
-
],
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
],
|
|
69
|
-
const
|
|
59
|
+
], i.prototype, "expansionHeader", 2);
|
|
60
|
+
i = c([
|
|
61
|
+
v("cv-expansion-list")
|
|
62
|
+
], i);
|
|
63
|
+
const B = i;
|
|
70
64
|
export {
|
|
71
|
-
|
|
72
|
-
|
|
65
|
+
i as CovalentExpansionList,
|
|
66
|
+
B as default
|
|
73
67
|
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { L as v } from "./mwc-list-item-base-acef0223.mjs";
|
|
2
|
+
import { i as m, r as o, e as n } from "./query-assigned-elements-514e5265.mjs";
|
|
3
|
+
import { s as c, a as f } from "./mwc-list-item.css-b5481d96.mjs";
|
|
4
|
+
const _ = `.mdc-deprecated-list-item__text{padding-left:var(--cv-list-item-text-padding, 0)}
|
|
5
|
+
`;
|
|
6
|
+
var d = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, x = (p, e, a, s) => {
|
|
7
|
+
for (var t = s > 1 ? void 0 : s ? $(e, a) : e, i = p.length - 1, l; i >= 0; i--)
|
|
8
|
+
(l = p[i]) && (t = (s ? l(e, a, t) : l(t)) || t);
|
|
9
|
+
return s && t && d(e, a, t), t;
|
|
10
|
+
};
|
|
11
|
+
let r = class extends v {
|
|
12
|
+
};
|
|
13
|
+
r.styles = [
|
|
14
|
+
m`
|
|
15
|
+
${o(c)}
|
|
16
|
+
`,
|
|
17
|
+
m`
|
|
18
|
+
${o(f)}
|
|
19
|
+
`,
|
|
20
|
+
m`
|
|
21
|
+
${o(_)}
|
|
22
|
+
`
|
|
23
|
+
];
|
|
24
|
+
r = x([
|
|
25
|
+
n("cv-list-item")
|
|
26
|
+
], r);
|
|
27
|
+
const O = r;
|
|
28
|
+
export {
|
|
29
|
+
r as C,
|
|
30
|
+
O as a,
|
|
31
|
+
_ as s
|
|
32
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";const c=require("./mwc-list-item-base-803b9771.js"),e=require("./query-assigned-elements-07e38f46.js"),v=require("./mwc-list-item.css-401e2407.js"),a=`.mdc-deprecated-list-item__text{padding-left:var(--cv-list-item-text-padding, 0)}
|
|
2
|
+
`;var o=Object.defineProperty,I=Object.getOwnPropertyDescriptor,L=(l,s,r,i)=>{for(var t=i>1?void 0:i?I(s,r):s,n=l.length-1,m;n>=0;n--)(m=l[n])&&(t=(i?m(s,r,t):m(t))||t);return i&&t&&o(s,r,t),t};exports.CovalentListItem=class extends c.ListItemBase{};exports.CovalentListItem.styles=[e.i`
|
|
3
|
+
${e.r(v.styles)}
|
|
4
|
+
`,e.i`
|
|
5
|
+
${e.r(v.styles$1)}
|
|
6
|
+
`,e.i`
|
|
7
|
+
${e.r(a)}
|
|
8
|
+
`];exports.CovalentListItem=L([e.e("cv-list-item")],exports.CovalentListItem);const C=exports.CovalentListItem;exports.CovalentListItem$1=C;exports.styles=a;
|
package/list-item.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./mwc-list-item-base-803b9771.js");require("./query-assigned-elements-07e38f46.js");require("./
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./mwc-list-item-base-803b9771.js");require("./query-assigned-elements-07e38f46.js");require("./mwc-list-item.css-401e2407.js");const e=require("./list-item-ee331821.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./property-074570d1.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>e.CovalentListItem});exports.default=e.CovalentListItem$1;
|
package/list-item.mjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "./mwc-list-item-base-acef0223.mjs";
|
|
2
2
|
import "./query-assigned-elements-514e5265.mjs";
|
|
3
|
-
import "./property-ca27685b.mjs";
|
|
4
3
|
import "./mwc-list-item.css-b5481d96.mjs";
|
|
5
|
-
import { C as v, a as x } from "./list-item-
|
|
4
|
+
import { C as v, a as x } from "./list-item-1c65e4db.mjs";
|
|
6
5
|
import "./tslib.es6-b5e819a6.mjs";
|
|
7
6
|
import "./ripple-handlers-227497d3.mjs";
|
|
8
7
|
import "./base-element-c3dc926e.mjs";
|
|
9
8
|
import "./utils-dc65fdc9.mjs";
|
|
9
|
+
import "./property-ca27685b.mjs";
|
|
10
10
|
import "./state-6f7e570d.mjs";
|
|
11
11
|
import "./query-1e7846ea.mjs";
|
|
12
12
|
import "./class-map-08c84aeb.mjs";
|
package/list.js
CHANGED
|
@@ -1 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-07e38f46.js"),l=require("./mwc-list-base-7d5f7278.js");require("./tslib.es6-6b53b818.js");require("./mwc-list-item-base-803b9771.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./property-074570d1.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");require("./query-assigned-nodes-9ec0fa5f.js");require("./if-defined-cb12d481.js");/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2021 Google LLC
|
|
4
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
|
5
|
+
*/const o=r.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}`,c=`:host{padding-right:var(--cv-list-padding-right, 16px)}:host(.subnav){--cv-list-padding-right: 0;--cv-list-item-text-padding: 68px}:host(.subnav) ::slotted(*){height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:0 28px 28px 0;padding:0}.mdc-deprecated-list{display:flex;flex-direction:column;align-items:center;width:100%}
|
|
6
|
+
`;var p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,g=(d,t,a,i)=>{for(var e=i>1?void 0:i?m(t,a):t,s=d.length-1,n;s>=0;s--)(n=d[s])&&(e=(i?n(t,a,e):n(e))||e);return i&&e&&p(t,a,e),e};exports.CovalentList=class extends l.ListBase{};exports.CovalentList.styles=[o,r.i`${r.r(c)}`];exports.CovalentList=g([r.e("cv-list")],exports.CovalentList);const h=exports.CovalentList;exports.default=h;
|
package/list.mjs
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import "./
|
|
2
|
-
import {
|
|
3
|
-
import "./query-assigned-elements-514e5265.mjs";
|
|
4
|
-
import "./property-ca27685b.mjs";
|
|
1
|
+
import { i as n, r as l, e as p } from "./query-assigned-elements-514e5265.mjs";
|
|
2
|
+
import { L as m } from "./mwc-list-base-c0f8af1c.mjs";
|
|
5
3
|
import "./tslib.es6-b5e819a6.mjs";
|
|
6
4
|
import "./mwc-list-item-base-acef0223.mjs";
|
|
7
5
|
import "./ripple-handlers-227497d3.mjs";
|
|
8
6
|
import "./base-element-c3dc926e.mjs";
|
|
9
7
|
import "./utils-dc65fdc9.mjs";
|
|
8
|
+
import "./property-ca27685b.mjs";
|
|
10
9
|
import "./state-6f7e570d.mjs";
|
|
11
10
|
import "./query-1e7846ea.mjs";
|
|
12
11
|
import "./class-map-08c84aeb.mjs";
|
|
@@ -14,7 +13,29 @@ import "./style-map-2cb0fb63.mjs";
|
|
|
14
13
|
import "./observer-be7b92e2.mjs";
|
|
15
14
|
import "./query-assigned-nodes-bea12e0c.mjs";
|
|
16
15
|
import "./if-defined-639ed018.mjs";
|
|
16
|
+
/**
|
|
17
|
+
* @license
|
|
18
|
+
* Copyright 2021 Google LLC
|
|
19
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
|
20
|
+
*/
|
|
21
|
+
const c = n`@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}`, g = `:host{padding-right:var(--cv-list-padding-right, 16px)}:host(.subnav){--cv-list-padding-right: 0;--cv-list-item-text-padding: 68px}:host(.subnav) ::slotted(*){height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:0 28px 28px 0;padding:0}.mdc-deprecated-list{display:flex;flex-direction:column;align-items:center;width:100%}
|
|
22
|
+
`;
|
|
23
|
+
var h = Object.defineProperty, f = Object.getOwnPropertyDescriptor, v = (o, e, d, i) => {
|
|
24
|
+
for (var t = i > 1 ? void 0 : i ? f(e, d) : e, a = o.length - 1, s; a >= 0; a--)
|
|
25
|
+
(s = o[a]) && (t = (i ? s(e, d, t) : s(t)) || t);
|
|
26
|
+
return i && t && h(e, d, t), t;
|
|
27
|
+
};
|
|
28
|
+
let r = class extends m {
|
|
29
|
+
};
|
|
30
|
+
r.styles = [
|
|
31
|
+
c,
|
|
32
|
+
n`${l(g)}`
|
|
33
|
+
];
|
|
34
|
+
r = v([
|
|
35
|
+
p("cv-list")
|
|
36
|
+
], r);
|
|
37
|
+
const R = r;
|
|
17
38
|
export {
|
|
18
|
-
|
|
19
|
-
|
|
39
|
+
r as CovalentList,
|
|
40
|
+
R as default
|
|
20
41
|
};
|
package/nav-list-item.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements-07e38f46.js"),
|
|
2
|
-
`;var
|
|
3
|
-
${t.r(
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements-07e38f46.js"),c=require("./list-item-ee331821.js"),n=require("./mwc-list-item.css-401e2407.js");require("./mwc-list-item-base-803b9771.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./property-074570d1.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./observer-a096ab43.js");const m=`:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 28px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%)}::slotted(.section-selector){display:none;position:absolute;top:0;right:0}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--mdc-theme-primary)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{margin-left:var(--cv-list-item-graphic-margin-left, 12px)}:host([graphic=avatar]){padding:0}:host([graphic=avatar]) ::slotted(cv-icon[slot=graphic]){margin-left:8px;background:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 15px;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;font-size:var(--mdc-typography-subtitle1-font-size);margin-right:0;border-radius:0}:host(.beta-list-item){--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: 0;--mdc-typography-body2-font-size: 0;height:48px;font-size:0;padding:0 0 0 15px}
|
|
2
|
+
`;var p=Object.defineProperty,d=Object.getOwnPropertyDescriptor,v=(a,i,s,r)=>{for(var e=r>1?void 0:r?d(i,s):i,o=a.length-1,l;o>=0;o--)(l=a[o])&&(e=(r?l(i,s,e):l(e))||e);return r&&e&&p(i,s,e),e};exports.CovalentNavRailListItem=class extends c.CovalentListItem{constructor(){super()}};exports.CovalentNavRailListItem.styles=[t.i`
|
|
3
|
+
${t.r(n.styles)}
|
|
4
4
|
`,t.i`
|
|
5
|
-
${t.r(
|
|
5
|
+
${t.r(n.styles$1)}
|
|
6
6
|
`,t.i`
|
|
7
|
-
${t.r(
|
|
7
|
+
${t.r(c.styles)}
|
|
8
8
|
`,t.i`
|
|
9
|
-
${t.r(
|
|
10
|
-
`];
|
|
9
|
+
${t.r(m)}
|
|
10
|
+
`];exports.CovalentNavRailListItem=v([t.e("cv-nav-list-item")],exports.CovalentNavRailListItem);const h=exports.CovalentNavRailListItem;exports.default=h;
|
package/nav-list-item.mjs
CHANGED
|
@@ -1,51 +1,48 @@
|
|
|
1
|
-
import { i as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { s as y, a as v } from "./mwc-list-item.css-b5481d96.mjs";
|
|
1
|
+
import { i as a, r as e, e as n } from "./query-assigned-elements-514e5265.mjs";
|
|
2
|
+
import { C as l, s as h } from "./list-item-1c65e4db.mjs";
|
|
3
|
+
import { s as d, a as g } from "./mwc-list-item.css-b5481d96.mjs";
|
|
5
4
|
import "./mwc-list-item-base-acef0223.mjs";
|
|
6
5
|
import "./tslib.es6-b5e819a6.mjs";
|
|
7
6
|
import "./ripple-handlers-227497d3.mjs";
|
|
8
7
|
import "./base-element-c3dc926e.mjs";
|
|
9
8
|
import "./utils-dc65fdc9.mjs";
|
|
9
|
+
import "./property-ca27685b.mjs";
|
|
10
10
|
import "./state-6f7e570d.mjs";
|
|
11
11
|
import "./query-1e7846ea.mjs";
|
|
12
12
|
import "./class-map-08c84aeb.mjs";
|
|
13
13
|
import "./style-map-2cb0fb63.mjs";
|
|
14
14
|
import "./observer-be7b92e2.mjs";
|
|
15
|
-
const
|
|
15
|
+
const v = `:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 28px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%)}::slotted(.section-selector){display:none;position:absolute;top:0;right:0}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--mdc-theme-primary)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{margin-left:var(--cv-list-item-graphic-margin-left, 12px)}:host([graphic=avatar]){padding:0}:host([graphic=avatar]) ::slotted(cv-icon[slot=graphic]){margin-left:8px;background:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 15px;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;font-size:var(--mdc-typography-subtitle1-font-size);margin-right:0;border-radius:0}:host(.beta-list-item){--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: 0;--mdc-typography-body2-font-size: 0;height:48px;font-size:0;padding:0 0 0 15px}
|
|
16
16
|
`;
|
|
17
|
-
var
|
|
18
|
-
for (var t =
|
|
19
|
-
(
|
|
20
|
-
return
|
|
17
|
+
var y = Object.defineProperty, f = Object.getOwnPropertyDescriptor, b = (c, i, s, r) => {
|
|
18
|
+
for (var t = r > 1 ? void 0 : r ? f(i, s) : i, p = c.length - 1, m; p >= 0; p--)
|
|
19
|
+
(m = c[p]) && (t = (r ? m(i, s, t) : m(t)) || t);
|
|
20
|
+
return r && t && y(i, s, t), t;
|
|
21
21
|
};
|
|
22
|
-
let o = class extends
|
|
22
|
+
let o = class extends l {
|
|
23
23
|
constructor() {
|
|
24
|
-
super()
|
|
24
|
+
super();
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
o.styles = [
|
|
28
|
-
|
|
29
|
-
${
|
|
28
|
+
a`
|
|
29
|
+
${e(d)}
|
|
30
30
|
`,
|
|
31
|
-
|
|
32
|
-
${
|
|
31
|
+
a`
|
|
32
|
+
${e(g)}
|
|
33
33
|
`,
|
|
34
|
-
|
|
35
|
-
${
|
|
34
|
+
a`
|
|
35
|
+
${e(h)}
|
|
36
36
|
`,
|
|
37
|
-
|
|
38
|
-
${
|
|
37
|
+
a`
|
|
38
|
+
${e(v)}
|
|
39
39
|
`
|
|
40
40
|
];
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
], o.prototype, "navOpen", 2);
|
|
44
|
-
o = l([
|
|
45
|
-
c("cv-nav-list-item")
|
|
41
|
+
o = b([
|
|
42
|
+
n("cv-nav-list-item")
|
|
46
43
|
], o);
|
|
47
|
-
const
|
|
44
|
+
const R = o;
|
|
48
45
|
export {
|
|
49
46
|
o as CovalentNavRailListItem,
|
|
50
|
-
|
|
47
|
+
R as default
|
|
51
48
|
};
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@covalent/components",
|
|
3
|
-
"version": "6.3.0-beta.
|
|
3
|
+
"version": "6.3.0-beta.3",
|
|
4
4
|
"description": "a catalog of material components for covalent",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"module": "./index.mjs",
|
|
7
7
|
"types": "./index.d.ts",
|
|
8
8
|
"exports": {
|
|
9
9
|
".": {
|
|
10
|
+
"sass": "./style.css",
|
|
10
11
|
"import": "./index.mjs",
|
|
11
12
|
"require": "./index.js"
|
|
12
13
|
},
|
package/list-d616957b.mjs
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
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;
|
package/list-item-e78d76c5.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";const m=require("./mwc-list-item-base-803b9771.js"),t=require("./query-assigned-elements-07e38f46.js"),p=require("./property-074570d1.js"),a=require("./mwc-list-item.css-401e2407.js"),l=`.expansion-icon{margin-left:-16px;margin-right:-8px;color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}:host([childItem]) .mdc-deprecated-list-item__text{padding-left:56px}
|
|
2
|
-
`;var d=Object.defineProperty,v=Object.getOwnPropertyDescriptor,h=(c,s,i,r)=>{for(var e=r>1?void 0:r?v(s,i):s,n=c.length-1,o;n>=0;n--)(o=c[n])&&(e=(r?o(s,i,e):o(e))||e);return r&&e&&d(s,i,e),e};exports.CovalentListItem=class extends m.ListItemBase{constructor(){super(...arguments),this.hasChildren=!1}render(){const s=this.renderText(),i=this.graphic?this.renderGraphic():t.b,r=this.hasMeta?this.renderMeta():t.b,e=this.activated?"arrow_drop_down":"arrow_right",n=this.hasChildren?t.y`<cv-icon class="expansion-icon">${e}</cv-icon>`:t.b,o=this.hasChildren?t.y`<slot name="child"></slot>`:t.b;return t.y` ${this.renderRipple()} ${n} ${i} ${s} ${r}
|
|
3
|
-
${o}`}};exports.CovalentListItem.styles=[t.i`
|
|
4
|
-
${t.r(a.styles)}
|
|
5
|
-
`,t.i`
|
|
6
|
-
${t.r(a.styles$1)}
|
|
7
|
-
`,t.i`
|
|
8
|
-
${t.r(l)}
|
|
9
|
-
`];h([p.e({type:Boolean,reflect:!0})],exports.CovalentListItem.prototype,"hasChildren",2);exports.CovalentListItem=h([t.e("cv-list-item")],exports.CovalentListItem);const u=exports.CovalentListItem;exports.CovalentListItem$1=u;exports.styles=l;
|
package/list-item-f7cb5460.mjs
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { L as d } from "./mwc-list-item-base-acef0223.mjs";
|
|
2
|
-
import { i as l, r as h, b as a, y as p, e as v } from "./query-assigned-elements-514e5265.mjs";
|
|
3
|
-
import { e as $ } from "./property-ca27685b.mjs";
|
|
4
|
-
import { s as f, a as x } from "./mwc-list-item.css-b5481d96.mjs";
|
|
5
|
-
const _ = `.expansion-icon{margin-left:-16px;margin-right:-8px;color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}:host([childItem]) .mdc-deprecated-list-item__text{padding-left:56px}
|
|
6
|
-
`;
|
|
7
|
-
var g = Object.defineProperty, u = Object.getOwnPropertyDescriptor, m = (n, e, r, s) => {
|
|
8
|
-
for (var t = s > 1 ? void 0 : s ? u(e, r) : e, o = n.length - 1, c; o >= 0; o--)
|
|
9
|
-
(c = n[o]) && (t = (s ? c(e, r, t) : c(t)) || t);
|
|
10
|
-
return s && t && g(e, r, t), t;
|
|
11
|
-
};
|
|
12
|
-
let i = class extends d {
|
|
13
|
-
constructor() {
|
|
14
|
-
super(...arguments), this.hasChildren = !1;
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
const n = this.renderText(), e = this.graphic ? this.renderGraphic() : a, r = this.hasMeta ? this.renderMeta() : a, s = this.activated ? "arrow_drop_down" : "arrow_right", t = this.hasChildren ? p`<cv-icon class="expansion-icon">${s}</cv-icon>` : a, o = this.hasChildren ? p`<slot name="child"></slot>` : a;
|
|
18
|
-
return p` ${this.renderRipple()} ${t} ${e} ${n} ${r}
|
|
19
|
-
${o}`;
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
i.styles = [
|
|
23
|
-
l`
|
|
24
|
-
${h(f)}
|
|
25
|
-
`,
|
|
26
|
-
l`
|
|
27
|
-
${h(x)}
|
|
28
|
-
`,
|
|
29
|
-
l`
|
|
30
|
-
${h(_)}
|
|
31
|
-
`
|
|
32
|
-
];
|
|
33
|
-
m([
|
|
34
|
-
$({ type: Boolean, reflect: !0 })
|
|
35
|
-
], i.prototype, "hasChildren", 2);
|
|
36
|
-
i = m([
|
|
37
|
-
v("cv-list-item")
|
|
38
|
-
], i);
|
|
39
|
-
const I = i;
|
|
40
|
-
export {
|
|
41
|
-
i as C,
|
|
42
|
-
I as a,
|
|
43
|
-
_ as s
|
|
44
|
-
};
|